@charset "utf-8";
/*
Theme Name: 株式会社アットプラスデザイン
Theme URI: http://atplus-design.com
Description: 株式会社アットプラスデザインの専用テーマです。
Author: 株式会社アットプラスデザイン
Author URI: http://atplus-design.com/
Version: 1.0
Tags: atplusdesign
.
*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					FONT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Russo+One';
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?rjobgi&up=20180301');
  src:  url('../fonts/icomoon.eot?rjobgi&up=20180301#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?rjobgi&up=20180301') format('truetype'),
    url('../fonts/icomoon.woff?rjobgi&up=20180301') format('woff'),
    url('../fonts/icomoon.svg?rjobg&up=20180301i#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					RESET

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body{line-height:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option{margin:0;padding:0;line-height:1;font-size:100%;
font-family:'Roboto','Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th {text-align:left;}fieldset,img,abbr,acronym{border:0;margin: 0px;vertical-align: bottom;}object,embed,th,td{vertical-align: top;}address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}a,ins,del{text-decoration: none;}q:before,q:after {content:'';}* html body{font-size: 65%;}*+html body{font-size: 65%;}html{overflow: scroll;overflow: -moz-scrollbars-vertical;overflow-x: scroll;}strong{font-weight: bold;}em{font-style: italic;}del{text-decoration: line-through;}a{cursor:pointer;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					COMMON

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
FLOAT
====================================================*/
/*--------------------------------------------------- clf*/
.clf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
* html .clf { zoom: 1; } /* IE6 */
*:first-child+html .clf { zoom: 1; } /* IE7 */
.clf {overflow:hidden;}
/*--------------------------------------------------- FLOAT*/
.fL{float:left !important;}
.fR{float:right !important;}
.fC{clear:both !important;}
/*==================================================
TEXT
====================================================*/
/*--------------------------------------------------- FONT*/
.fwB{font-weight:bold !important;}
.fwN{font-weight:normal !important;}
/*--------------------------------------------------- ALIGN*/
.taC{ text-align:center !important;}
.taL{ text-align:left !important;}
.taR{ text-align:right !important;}
/*==================================================
BACKGROUND & BOEDER
====================================================*/
.bgN{background:none !important;}
.bdrN{border:none !important;}
/*==================================================
LAYOUT
====================================================*/
/*--------------------------------------------------- MARGIN*/
.m0{ margin:0 !important;}
.mT0{ margin-top:0 !important;}
.mT5{ margin-top:5px !important;}
.mT10{ margin-top:10px !important;}
.mT15{ margin-top:15px !important;}
.mT20{ margin-top:20px !important;}
.mT30{ margin-top:30px !important;}
.mT40{ margin-top:40px !important;}
.mT50{ margin-top:50px !important;}
.mB5{ margin-bottom:5px !important;}
.mB10{ margin-bottom:10px !important;}
.mB15{ margin-bottom:15px !important;}
.mB20{ margin-bottom:20px !important;}
.mB30{ margin-bottom:30px !important;}
.mB40{ margin-bottom:40px !important;}
.mB50{ margin-bottom:50px !important;}
/*==================================================
NO STYLE
====================================================*/
.noStyle{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	text-decoration:none !important;
	float:none !important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					LAYOUT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
DEFAULT
====================================================*/
* {
	box-sizing:border-box;}
::selection {
	color:#FFF;
	box-shadow:0 0 5px rgba(0,0,0,0.7) inset;
	text-shadow:0 0 5px rgba(0,0,0,0.3);
	background:#8D389E;}
::-moz-selection{
	color:#FFF;
	box-shadow:0 0 5px rgba(0,0,0,0.7) inset;
	text-shadow:0 0 5px rgba(0,0,0,0.3);
	background:#8D389E;}
html{
	width:100%;
	height:100%;
	overflow:auto;}
body {
	width:100%;
	height:100%;
	font-size:14px;
	color:#FFF;
	background:#282B35;}
#wrap{
	padding:50px 0 0;}
/*==================================================
HEADER
====================================================*/
header{
	width:100%;
	height:50px;
	position:fixed;
	z-index:500;
	background:#1B1F27;
	top:0;
	left:0;}
#header{
	display:table;
	width:100%;}
#hdr_logo,
#hdr_navi,
#hdr_service,
#hdr_lang,
#hdr_sns_wraper,
#hdr_user_wraper{
	display:table-cell;
	vertical-align:middle;}
/*--------------------------------------------------- LOGO*/
#hdr_logo{
	width:180px;
	padding:0 0 0 30px;}
#hdr_logo a{
	display:block;
	height:50px;
	line-height: 50px;
	overflow:hidden;}
#hdr_logo a img{
	display:block;
	max-width: 100%;
	vertical-align: middle;}
/*--------------------------------------------------- NAVI*/
#hdr_navi{
	letter-spacing:-0.4em;}
#hdr_navi li{
	letter-spacing:normal;}
#hdr_navi > ul > li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	margin:0 20px 0 0;
	position: relative;}
#hdr_navi li.hdr_navi_sub{
	display:none;}
#hdr_navi > ul > li > a{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size:14px;
	color:#F0F1F3;}
#hdr_navi > ul > li > a:hover{
	color:#FFF;
	text-shadow:0 0 2px rgba(255,255,255,0.5);}
#hdr_navi > ul > li > ul{
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	background: #000;
	opacity: 0;
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
#hdr_navi > ul > li:hover > ul{
	display: block;
	opacity: 1;}
#hdr_navi > ul > li > ul a{
	display: block;
	padding: 10px;
	line-height: 1.5;
	white-space: nowrap;
	border-bottom: 1px solid rgba(255,255,255,0.03);}
#hdr_navi > ul > li > ul li:last-child a{
	border-bottom: none;}
#hdr_navi > ul > li > ul a:hover{
	background:rgba(255,255,255,0.03);}
/*--------------------------------------------------- SERVICE*/
#hdr_service{
	width:440px;
	padding: 0 20px 0 0;}
#hdr_lang_btn{
	width:200px;}
#hdr_lang_btn li{
	width:50%;
	float:left;}
#hdr_lang_btn li a{
	display:block;
	text-align:center;
	color:#808897;
	font-size:14px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	background:#111317;
	padding:5px;
	border-radius:5px 0 0 5px;}
#hdr_lang_btn li a.ja{
	border-left:none;
	border-right:1px solid #000;
	border-radius:0 5px 5px 0;}
#hdr_lang_btn li a.current{
	background:#2C323F;
	color:#FFF;}
#hdr_lang_btn li a:hover{
	color:#FFF;
	text-shadow:0 0 2px rgba(255,255,255,0.5);}
/*--------------------------------------------------- SNS*/
#hdr_sns_wraper{
	width: 158px;
	padding: 0 0 0 6px;}
#hdr_sns {
	display: table;
	width: 100%;
	height: 100%;}
#hdr_sns li{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 4px;}
#hdr_sns li > a{
	display:inline-block;
	height: 26px;
	width:26px;
	line-height: 24px;
	padding: 2px 0 0;
	text-align:center;
	background:#808897;
	border-radius:18px;
	color:#1B1F27;
	font-size:18px;}
#hdr_sns li > a > span{
	height: 100%;
	width:100%;
	vertical-align:middle;}
#hdr_sns li > a:hover{
	background:#FFF;}
#hdr_sns li > a#hdr_sns_youtube:hover{
	color:#E12B28;}
#hdr_sns li > a#hdr_sns_twitter:hover{
	color:#55ACEE;}
#hdr_sns li > a#hdr_sns_facebook:hover{
	color:#3B579D;}
/*--------------------------------------------------- USER*/
#hdr_user_wraper{
	width: 60px;}
#hdr_user {
	display: table;
	width: 100%;
	height: 100%;}
#hdr_user li{
	height: 100%;
	display: table-cell;
	text-align:center;}
#hdr_user li > a{
	display:block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: rgba(255,255,255,0.7);
	font-size:18px;
	padding: 3px 0 0;
	position: relative;}
#hdr_user li > a:hover,
#hdr_user li > a.on{
	color:#FFF;
	text-shadow: 0 0 2px rgba(255,255,255,0.2);
	background:#111317;}
#hdr_user li > a .cart_icon_val{
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 8px;
	position: absolute;
	right: 5px;
	top:5px;
	color: #FFF;
	background: #8D389E;
	font-size: 9px;
	font-weight: bold;}
/*--------------------------------------------------- BTN*/
#hdr_menu_open{
	display:none;
	width:50px;
	vertical-align:middle;
	text-align:center;
	color:#808897;
	font-size:18px;}
#hdr_menu_open:hover{
	color:#FFF;}
#hdr_menu_open.on{
	background:#111317;}
/*--------------------------------------------------- HEADER USER*/
#hdr_sns_user_wrapper{
	display: none;
	width: 100%;
	max-width: 320px;
	position: absolute;
	right: 0;
	top: 50px;
	padding: 10px;
	background: #111;
	letter-spacing: normal;
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
#hdr_sns_user_wrapper.on{
	display: block;}
#hdr_sns_user_wrapper .hdr_user_box{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 0 10px;}
#hdr_sns_user_wrapper .hdr_user_photo,
#hdr_sns_user_wrapper .hdr_user_profile{
	display: table-cell;
	vertical-align: middle;}
#hdr_sns_user_wrapper .hdr_user_photo{
	width: 50px;
	padding: 0 10px 0 0;
	vertical-align: top;}
#hdr_sns_user_wrapper .hdr_user_photo span{
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #000;
	font-size: 20px;
	background:#808897;
	border-radius:2px;
	color:#1B1F27;
	line-height: 38px;
	text-align: center;
	box-shadow: 0 0 3px rgba(255,255,255,0.4) inset;}
#hdr_sns_user_wrapper .hdr_user_profile dt,
#hdr_sns_user_wrapper .hdr_user_profile dd{
	font-size: 14px;
	line-height: 1.5;
	text-align: left;}
#hdr_user_navi{
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.05);}
#hdr_user_navi li{
	letter-spacing:normal;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-top: 1px solid rgba(255,255,255,0.05);}
#hdr_user_navi li a{
	display: block;
	line-height: 1.5;
	padding: 5px;
	text-align: left;}
#hdr_user_navi li a:hover{
	background: rgba(255,255,255,0.05);}
#hdr_msg{
	background: #000;
	padding: 10px;}
#hdr_msg p{
	padding: 10px;
	text-align: center;
	border: 1px solid rgba(46,148,146,0.9);
	color: #FFF;}
/*--------------------------------------------------- PAGE TITLE*/
#page_title{
	padding:30px 0 60px;
	background: #000 url(../images/common/load_bg.png) center bottom repeat-x;
	text-align: center;}
#page_title h2{
	font-size: 42px;
	font-style: italic;
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5;}
#page_title p.sub{
	font-size: 18px;
	color: rgba(255,255,255,0.6);
	line-height: 1.5;}
/*==================================================
FOOTER
====================================================*/
footer{
	background:#111317;
	overflow:hidden;
	padding:20px 0 30px;}
#footer{
	max-width:1020px;
	margin:0 auto;}
#ftr_layout{
	display:table;
	width:100%;
	table-layout:fixed;}
/*--------------------------------------------------- FOOTER : ABOUT*/
#ftr_about{
	display:table-cell;
	vertical-align:top;
	width:33.333%;}
#ftr_about h2{
	width:100%;
	margin:0 0 20px;}
#ftr_about h2 a{
	display:block;
	height:70px;
	position:relative;
	overflow:hidden;
	padding-top: 20px;}
#ftr_about h2 a img{
	max-width: 100%;
	}
#ftr_sns{
	letter-spacing:-0.4em;}
#ftr_sns li{
	letter-spacing:normal;
	display:inline-block;
	margin:0 20px 0 0;
	position:relative;
	width:30px;
	height:30px;
	overflow:hidden;}
#ftr_sns li.youtube{
	width:60px;}
#ftr_sns li a{
	position:absolute;
	display:inline-block;
	font-size:30px;
	color:#5F687E;
	top:0;
	left:0;
	line-height: 1.2;}
#ftr_sns li.youtube a{
	font-size:60px;
	top:-13px;}
#ftr_sns li a:hover{
	color:#FFF;}
/*--------------------------------------------------- FOOTER : NAVI*/
#ftr_navi{
	display:table-cell;
	vertical-align:top;
	padding:20px 0 0;}
.ftr_box{
	display:table-cell;
	vertical-align:top;
	padding: 0 10px;
	border-left:1px dotted rgba(255,255,255,0.1);}
#ftr_navi .box_table .ftr_box:first-child{
	border-left:none;}
.ftr_box ul li a{
	display:block;
	padding:0 0 0 20px;
	line-height: 30px;
	color:#C7CBD0;
	position:relative;}
.ftr_box ul li .ftr_navi_title{
	display: table;
	table-layout: fixed;
	width: 100%;}
.ftr_box ul li .ftr_navi_title a{
	display: table-cell;
	padding:0 0 0 20px;
	line-height: 40px;
	color:#C7CBD0;
	position:relative;}
.ftr_box ul a:before{
	content:"\e904";
	font-size:10px;
	line-height: 10px;
	color:#5F687E;
	position:absolute;
	left:0;
	top: 50%;
	margin: -5px 0 0;}
.ftr_box ul a:hover{
	color:#FFF;}
.ftr_box ul a:hover:before{
	color:#C7CBD0;}
.ftr_box .sub{
	display: none;}
.ftr_box .sub.open{
	display: block;}
.ftr_box ul ul a{
	font-weight: 300;
	color: #9fa5ad;}
.ftr_box ul ul li a:before{
	content: '\e908';
	left: 1px;}
.ftr_box ul ul a:hover{
	color: #C7CBD0;}
#ftr_navi .ftr_plus_btn{
	display: table-cell;
	width: 41px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	padding: 0;}
#ftr_navi .ftr_plus_btn:before{
	display: block;
	content: '\e906';
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
	font-weight: 800;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 3px;
	
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;}
#ftr_navi .ftr_plus_btn.open:before{
	content: '-';}
.products_select_box{
	padding:0 0 0 20px;
	margin: 0 0 10px;}
/*--------------------------------------------------- FOOTER : COPY*/
#ftr_copy{
	text-align:center;
	padding:30px 0 0;
	font-size:12px;
	color:#5F687E;}
/*==================================================
POPUP
====================================================*/
#popup{
	display: none;
	position: fixed;
	z-index: 6000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;}
#popup_overlay{
	position: absolute;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 6050;}
#popup_content{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	max-width: 1020px;
	position: absolute;
	z-index: 6100;}
#popup_inner{
	background: #000;
	padding: 20px;
	width: 100%;
	height: 100%;
	overflow: auto;
	margin: 0 auto;
	text-align: center;}
#popup_content.loading #popup_inner{
	background:#000 url(../images/common/load_meter.gif) center center no-repeat;}
#popup_content #popup_inner img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;}
#popup_close{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 6105;
	background:url(../images/common/btn_close.png) center center no-repeat;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					BASE STYLE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
ICON
====================================================*/
.fonticon{
	display:inline-block;
	line-height:1;}

/*==================================================
BOX
====================================================*/
.box_content{
	max-width:1020px;
	margin:0 auto;
	box-sizing:border-box;}
/*--------------------------------------------------- BOX : SPLIT*/
.box_split{
	margin:0 0 0 -40px;}
.box_split .box{
	float:left;
	padding:0 0 0 40px;
	box-sizing:border-box;}
.box_split .box2_1{
	width:50%;}
.box_split .box3_1{
	width:33.333%;}
.box_split .box3_2{
	width:66.666%;}
.box_split .box4_1{
	width:25%;}
.box_split .box4_3{
	width:75%;}
.box_split .box5_1{
	width:20%;}
.box_split .box5_2{
	width:40%;}
.box_split .box5_3{
	width:60%;}
.box_split .box5_4{
	width:80%;}
/*--------------------------------------------------- BOX : TABLE*/
.box_table{
	display:table;
	width:100%;
	height:100%;
	table-layout:fixed;}
.box_table .box_cell{
	height:100%;
	display:table-cell;
	vertical-align:top;}
.box_table .box_cell.middle{
	vertical-align:middle;}
/*--------------------------------------------------- BOX : ATTENTION*/
.box_attention{
	padding:20px;
	margin:20px 0;
	border:1px solid #AB0507;
	border-radius:10px;}
/*--------------------------------------------------- BOX : NORTICE*/
.box_notice{
	padding:20px;
	margin:20px 0;}
.notice_box{
	padding: 20px;
	margin: 10px 0;
	border-radius: 5px;
	border:1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.05);}
.notice_box p,
.notice_box li{
	font-size: 13px;
	font-weight: 100;}
.notice_box li.strong{
	color: #FFF;
	font-weight: bold;}
.notice_box a {
	text-decoration: underline;}
.notice_box a:hover{
	color: #FFF;
	text-decoration: underline;
	text-shadow: 0 2px 3px rgba(255,255,255,0.4);}
/*--------------------------------------------------- POINT*/
.box_point{
	padding:20px;
	margin:20px 0;}
/*--------------------------------------------------- BORDER*/
.box_bdr_wrap{
	height:100%;
	padding:10px 0;
	border-right:1px solid rgba(0,0,0,0.2);
	border-left:1px solid rgba(255,255,255,0.05);}
.box_bdr_wrap.box_bdr_left{
	border-left:none;}
.box_bdr_wrap.box_bdr_right{
	border-right:none;}
/*==================================================
TITLE
====================================================*/
/*--------------------------------------------------- TITLE : H2*/
#contents h2{}
.ttl_link_box{
	width:100%;
	height:80px;
	position:relative;}
.ttl_link_box .ttl{
	font-size:40px;
	line-height:80px;
	color:#C7CBD0;
	max-width:1020px;
	margin:0 auto;}
.ttl_link_box .link{
	line-height:80px;
	padding:20px;
	position:absolute;
	height:80px;
	top:0;
	right:0;}
.ttl_link_box .link a{
	display:table;
	width:100%;
	height:40px;
	color:rgba(255,255,255,0.8);}
.ttl_link_box .link a:hover{
	color:rgba(255,255,255,1);}
.ttl_link_box .link a .fonticon{
	display:table-cell;
	font-size:40px;
	line-height:40px;
	vertical-align:middle;
	width:40px;}
.ttl_link_box .link a .txt{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 20px;
	font-size:16px;
	line-height:40px;}

/*--------------------------------------------------- TITLE : H3*/
#contents h3.ttl_cmn{
	font-size:20px;
	color:#FFF;
	margin:0 0 20px;
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
/*--------------------------------------------------- TITLE : H4*/
#contents h4{}
/*--------------------------------------------------- TITLE : H5*/
#contents h5{}
/*==================================================
TEXT
==================================================*/
.txt_cmn{
	color:#FFF;
	line-height:1.7;
	margin:0 0 20px;}
/*--------------------------------------------------- TEXT : COMMON*/
#contents p.txt_cmn{
	margin:0 0 1em;
	text-align:justify;}
/*--------------------------------------------------- TEXT : ATTENTION*/
#contents p.txt_attention{
	font-weight:bold;
	font-size:18px;
	text-align:center;}
/*--------------------------------------------------- TEXT : NOTICE*/
#contents p.txt_notice{
	font-size:13px;
	color:rgba(255,255,255,0.4);}
/*--------------------------------------------------- TEXT : REQUIRED*/
#contents .txt_required{
	color:#AB0507;}
/*--------------------------------------------------- TEXT : POINT*/
p.txt_point{
	margin: 20px 0 40px;
	text-align: center;
	font-size: 20px;
	line-height: 1.5;}
/*==================================================
LINK
====================================================*/
/*--------------------------------------------------- LINK : COLOR*/
a{
	color: #FFF;
	text-decoration:none;
	cursor:pointer;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;}
a:hover {
	color:#8D389E;
	text-decoration: none;}
a:active {
	text-decoration: none;}
a:focus{
	outline: none;}
/*--------------------------------------------------- LINK : IMG*/
a img{
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
/*--------------------------------------------------- LINK : COMMON*/
a.lnk_cmn {
	display:block;
	min-width:320px;
	margin:0 auto;
	padding:10px;
	color:#FFF;
	background:#3D9F00;
	border-radius:3px;
	text-align:center;
	box-sizing:border-box;}
/*--------------------------------------------------- LINK : COMMON*/
a.lnk_txt {
	display:inline-block;
	padding:3px;
	color:#3D9F00;
	border-bottom:1px dotted #3D9F00;}
a.lnk_txt:hover {
	border-bottom:1px solid #3D9F00;}
/*--------------------------------------------------- LINK : BTN*/
a.lnk_btn{
	display:inline-block;
	width:100%;
	max-width:350px;
	font-style:italic;
	font-size:20px;
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:1px solid rgba(255,255,255,0.5);
	padding:10px;
	color:#FFF;
	border-radius:5px;}
a.lnk_btn:hover{
	background:#E79841;
	border-color:rgba(231,152,65,1);}
/*--------------------------------------------------- LINK : BTN*/
a.lnk_light,
.doc_style a.lnk_light{
	display:inline-block;
	padding: 10px 20px;
	color:rgba(255,255,255,0.8);
	text-decoration: none;
	border:1px solid rgba(255,255,255,0.4);
	border-radius: 5px;}
a.lnk_light:hover,
.doc_style a.lnk_light:hover{
	color: rgba(255,255,255,1);
	border-color: rgba(255,255,255,1);
	text-shadow: 0 0 2px rgba(255,255,255,0.1);
	box-shadow: 0 0 5px rgba(255,255,255,0.1),  0 0 5px rgba(255,255,255,0.1) inset;}

/*--------------------------------------------------- LINK : SCALE*/
a.lnk_scale img{
	transform: scale(1.001);}
a.lnk_scale:hover img{
	transform: scale(1.1);}
a.lnk_btn_mini{
	display: inline-block;
	width: 100%;
	margin: 5px 0;
	border:1px solid rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.8);
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	padding: 5px;
	border-radius: 3px;}
a.lnk_btn_mini:hover{
	border-color: rgba(255,255,255,0.6);
	color:rgba(255,255,255,1);}
/*==================================================
LIST
==================================================*/
#contents ul li,
#contents ol li{
	line-height:1.7;}
/*--------------------------------------------------- LIST : COMMON*/
#contents ul.lst_cmn li,
#contents ol.lst_cmn li{
	padding:10px 15px;
	border-bottom:1px dotted #CCC;}
/*--------------------------------------------------- LIST : NEWS*/
#contents ul.lst_news li{
	border-bottom:1px dotted #CCC;}
#contents ul.lst_news li a{
	display:block;
	padding:10px 0;}
#contents ul.lst_news li a .date{
	display:inline-block;
	font-size:14px;
	margin:0 10px 0 0;}
#contents ul.lst_news li a .cat{
	display:inline-block;
	font-size:12px;
	padding:3px 10px;
	border:1px solid #3D9F00;
	color:#3D9F00;
	border-radius:3px;}
/*--------------------------------------------------- LIST : ICON LINK*/
.product_action_list li{
	margin:0 0 10px;}
.product_action_list a{
	display:table;
	width:100%;
	border:1px solid #1C2028;
	border-radius:5px;
	color:rgba(255,255,255,0.8);}
.product_action_list a:hover{
	background-color:rgba(255,255,255,0.03);
	color:rgba(255,255,255,1);
	text-shadow:1px 2px 0 rgba(0,0,0,0.2);}
.product_action_list a.video{background:rgba(62,101,174,0.9);}
.product_action_list a.video:hover{background:rgba(62,101,174,1);}
.product_action_list a.cart{background:rgba(231,152,65,0.9);}
.product_action_list a.cart:hover{background:rgba(231,152,65,1);}
.product_action_list a.regist{background:rgba(46,148,146,0.9);}
.product_action_list a.regist:hover{background:rgba(46,148,146,1);}
.product_action_list a.products{background:rgba(17,19,23,0.9);}
.product_action_list a.products:hover{background:rgba(17,19,23,1);}
.product_action_list a.white{border-color:rgba(255,255,255,0.3);}
.product_action_list a.white:hover{border-color:rgba(255,255,255,0.8);}
.product_action_list .fonticon,
.product_action_list .icon{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:12px 15px 5px;
	width:60px;
	font-size: 30px;
	line-height: 30px;}
.product_action_list .txt{
	display:table-cell;
	vertical-align:middle;
	font-size:20px;
	font-style:italic;
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
/*--------------------------------------------------- LIST : PHOTO LINK*/
.news_photo_list{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	background: rgba(0,0,0,0.1);}
.news_photo_list li{
	width: 25%;
	position:relative;}
.news_photo_list li a{
	width:100%;
	padding: 66.666% 0 0;
	display:block;
	position:relative;
	overflow:hidden;}
.news_photo_list img{
	width:100%;
	height: auto;
	position:absolute;
	left:0;
	top: 0;
	right: 0;
	bottom: 0;
	transform: scale(1.001);
	transition: all 1.5s ease-in-out 0s;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;}
.news_photo_list a:hover img{
	transform: scale(1.1);}
.news_photo_list dl{
	width:100%;
	height:100%;
	padding:0 15px 15px;
	top: calc(100% - 60px);
	left:0;
	position:absolute;
	background:rgba(0,0,0,0.5);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;}
.news_photo_list a:hover dl{
	top:0;
	background:rgba(63,24,69,0.5);}
.news_photo_list dt{
	width:100%;
	font-size:22px;
	color:#FFF;
	line-height:30px;
	padding: 15px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}
.news_photo_list a:hover dt{
	width:100%;
	font-size:22px;
	color:#FFF;
	line-height:30px;
	padding: 15px 0;
	overflow: inherit;
	white-space: normal;
	text-overflow: inherit;}
.news_photo_list dd.txt{
	line-height:1.5;
	font-size:13px;
	margin:0 0 15px;
	color:#FFF;}
.news_photo_list dd.txt p{
	line-height:1.5;
	font-size:13px;}
.news_photo_list dd.date{
	line-height:1.5;
	font-size:13px;
	margin:0 0 15px;
	color:#B3B3B3;}
.news_photo_list .icon:after{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #8F389E transparent;}
.news_photo_list .icon span{
	position:absolute;
	bottom:0;
	right:0;
	z-index:5;
	width:30px;
	height:30px;
	color:#FFF;
	text-align:center;
	line-height:30px;}
/*--------------------------------------------------- LIST : table*/
.lst_table{
	display: table;
	width: 100%;}
.lst_table dt,
.lst_table .title{
	display: table-cell;
	vertical-align: top;
	width: 30%;
	padding: 5px 0 5px 15px;
	padding: 5px 15px 5px 0;
	font-size: 16px;
	line-height: 1.5;
	text-align: right;}
.lst_table dd,
.lst_table .text{
	display: table-cell;
	vertical-align: top;
	padding: 5px 0 5px 15px;
	font-size: 16px;
	line-height: 1.5;}
/*--------------------------------------------------- LIST : table*/
.lst_detail{
	display: table;
	width: 100%;}
.lst_detail .title{
	display: table-cell;
	vertical-align: top;
	width: 20%;
	line-height: 1.5;}
.lst_detail .text{
	display: table-cell;
	vertical-align: top;
	line-height: 1.5;}
/*--------------------------------------------------- LIST : error*/
.lst_error{
	border:1px solid #E79841;
	background: none;
	border-radius: 3px;
	line-height: 1.5;
	padding: 20px;
	margin: 10px 0;
	color: #FFF;}
.lst_error.massage{
	border-color: #2E9492;}
.lst_error strong{
	color:#E79841;}
.lst_error.massage strong{
	color:#2E9492;}
/*==================================================
ICON
==================================================*/
.icon_triangle{
	position:absolute;
	top:-20px;
	right:0;
	border-style: solid;
	border-width: 0 70px 70px 0;
	border-color: transparent #2E9492 transparent transparent;}
.icon_triangle span{
	position:absolute;
	top:0;
	right:-70px;
	z-index:5;
	width:45px;
	height:45px;
	color:#FFF;
	text-align:center;
	line-height:45px;
	font-weight:900;}
.strike_price{
	text-decoration: line-through;
	display: inline-block;
	margin: 0 -0.5em 0 0;
	padding: 0 1em 0 0;}
.strike_price:after{
	content: '>';
	display: inline-block;
	margin: 0 0 0 0.5em;}
/*==================================================
DOCUMENT STYLE
==================================================*/
.doc_layout{
	max-width: 720px;
	margin: 0 auto;
	padding: 40px 0;}
.doc_box{
	margin: 0 auto 40px;}
.doc_style h1{
	font-size: 28px;
	line-height: 1.5;
	font-weight: bold;
	padding: 30px 0 20px;}
.doc_style h2{
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	padding: 20px 0 15px;}
.doc_style h3{
	font-size: 20px;
	line-height: 1.5;
	padding: 10px 0 10px;
	font-weight: bold;}
.doc_style h4{
	font-size: 18px;
	line-height: 1.5;
	padding: 0 0 10px;
	font-weight: bold;
	color: #FFF;}
.doc_style h5{
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	line-height: 1.5;
	padding: 0 0 10px;}
.doc_style p,
.doc_style li,
.doc_style th,
.doc_style td,
.doc_style dt,
.doc_style dd{
	color:rgba(255,255,255,0.8);
	font-size: 14px;
	line-height: 20px;}
.doc_style p,
.doc_style ul,
.doc_style ol,
.doc_style dl,
.doc_style table{
	padding: 0 0 10px;}
.doc_style li{
	padding: 5px 0;}
.doc_style a{
	color:rgba(255,255,255,1);
	text-decoration: underline;}
.doc_style a:hover{
	color:rgba(255,255,255,0.8);
	text-shadow: 0 0 3px rgba(255,255,255,0.2);}
#contents .doc_style table{
	border-top: 1px dotted rgba(255,255,255,0.1);
	border-right: 1px dotted rgba(255,255,255,0.1);}
#contents .doc_style table tr th,
#contents .doc_style table tr td{
	padding: 20px 10px;
	border-bottom: 1px dotted rgba(255,255,255,0.1);
	border-left: 1px dotted rgba(255,255,255,0.1);}
#contents .doc_style .strong{
	font-weight: bold;}


.doc_style h1.style,
.doc_style h2.style,
.doc_style h3.style,
.doc_style h4.style,
.doc_style h5.style{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.1);}
.doc_style p.style{
	text-align: center;
	font-size: 18px;
	padding: 20px 0;}
.doc_style ul.style li{
	padding: 5px 0 5px 20px;
	position: relative;}
.doc_style ul.style li:before{
	content: '\e906';
	font-size: 10px;
	line-height: 20px;
	text-align: left;
	display: inline-block;
	color: rgba(255,255,255,0.3);
	position: absolute;
	left: 0;
	top: 5px;}
.doc_style ol.style {
	padding: 0 0 10px 20px;}
.doc_style ol.style li{
	list-style: decimal outside;}
.doc_style dl.style{
	padding: 0 0 5px;}
.doc_style dl.style dt{
	padding: 0 0 5px;
	border-bottom: 1px solid rgba(255,255,255,0.1);}
.doc_style dl.style dd{
	padding: 5px;
	font-size: 12px;}
.doc_style .color_white {
	color: #FFF;}
.doc_style .color_purple {
	color: #8D389E;}
.tow_clm_layout{
	display: table;
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	table-layout: fixed;}
.tow_clm_layout .main,
.tow_clm_layout .sub{
	display: table-cell;
	vertical-align: top;}
.tow_clm_layout .main{
	padding: 40px 0 40px 20px;}
.tow_clm_layout .sub{
	width: 270px;
	padding: 40px 20px 40px 0;
	border-right: 1px solid rgba(0,0,0,0.1);}
.side_box{
	padding: 0 0 20px;}
.tow_clm_layout .sub .side_box:last-child{
	padding: 0;}
.side_box h2{
	font-size: 14px;
	line-height: 1.5;
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.side_box h2 a,
.side_box h2 .text{
	display: block;
	position: relative;
	padding: 10px 0;
	color:rgba(255,255,255,0.8);}
.side_box h2 a:after{
	content: '\e906';
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 9px;
	color: rgba(255,255,255,0.4);
	border:1px solid rgba(255,255,255,0.1);
	border-radius: 10px;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -10px 0 0 0;}
.side_box h2 a.current{
	color: rgba(255,255,255,1);}
.side_box h2 a:hover{
	color: rgba(255,255,255,1);
	text-shadow: 0 0 2px rgba(255,255,255,0.4);}
.side_box h2 a:hover:after{
	border-color: rgba(255,255,255,0.7);
	color:rgba(255,255,255,1);
	text-shadow: 0 0 2px rgba(255,255,255,0.4);
	box-shadow: 0 0 3px rgba(255,255,255,0.4), 0 0 3px rgba(255,255,255,0.4) inset;}
.side_box ul li{
	font-size: 12px;
	line-height: 1.5;
	padding: 0 0 0 30px;
	position: relative;
	border-bottom: 1px dotted rgba(0,0,0,0.1);}
.side_box ul li:last-child{
	border-bottom: 0;}
.side_box ul li:after{
	content: '\e903';
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 7px;
	color: rgba(255,255,255,0.4);
	position: absolute;
	top: 50%;
	left: 0;
	margin: -10px 0 0 0;}
.side_box ul li a{
	display: block;
	position: relative;
	padding: 10px 0;
	color:rgba(255,255,255,0.6);}
.side_box ul li a:hover{
	color:rgba(255,255,255,1);
	text-decoration: underline;
	text-shadow: 0 0 2px rgba(255,255,255,0.4);}
.side_box ul li a.current{
	color:rgba(255,255,255,1);}
	
.doc_style ul.lst_tdfk{
	border-top:none;
	margin: 0;}
.doc_style ul.lst_tdfk li{
	padding: 0;
	margin: 0 5px 0 0;
	display: inline-block;
	border-bottom:none;
	font-size: 14px;}
.doc_style ul.lst_tdfk li:before{
	display: none;}
#contents .doc_style table.table_shipping tr th,
#contents .doc_style table.table_shipping tr td{
	padding: 10px 5px;}
#contents .doc_style table.table_shipping tr td.state{
	background: rgba(0,0,0,0.1);}
#contents .doc_style table.table_shipping tr:nth-child(odd) td.state{
	background: rgba(0,0,0,0.2);}
#contents .doc_style table.table_shipping tr td.price{
	white-space: nowrap;
	font-weight: bold;
	color: rgba(255,255,255,1);
	background: #2c2f39;}
#contents .doc_style table.table_shipping tr:nth-child(odd) td.price{
	background: none;}
/*==================================================
TABLE
==================================================*/
#contents table{
	width:100%;
	border-top:1px solid rgba(255,255,255,0.2);}
#contents table th, #contents table td{
	padding:10px 5px;
	line-height:1.5;
	vertical-align:middle;
	border-bottom:1px solid rgba(255,255,255,0.2);}
#contents table th {
	white-space:nowrap;
	color:#FFF;
	background:rgba(255,255,255,0.05);}
#contents table.table_cmn{
	margin:20px 0;}
#contents table.left th, #contents table.left td, #contents table th.left, #contents table td.left{
	text-align:left;}
#contents table.center th, #contents table.center td, #contents table th.center, #contents table td.center{
	text-align:center;}
#contents table.right th, #contents table.right td, #contents table th.right, #contents table td.right{
	text-align:right;}
/*==================================================
FORM
====================================================*/
#contents input[type="text"],
#contents input[type="email"],
#contents input[type="pass"],
#contents input[type="password"],
#contents input[type="tel"],
#contents input[type="number"],
#contents textarea{
	display:inline-block;
	width: 100%;
	max-width:100%;
	margin:3px 0;
	padding:5px 10px;
	border:1px solid rgba(0,0,0,0.5);
	background: rgba(0,0,0,0.2);
	color: #FFF;
	line-height:1.5;
	border-radius:3px;
	box-sizing:border-box;
	box-shadow:0 1px 2px rgba(255,255,255,0.05), 0 1px 2px rgba(0,0,0,0.3) inset;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-appearance: none;}
#contents textarea{
	resize: vertical;
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}
#contents input[type="text"].inline,
#contents input[type="email"].inline,
#contents input[type="pass"].inline,
#contents input[type="password"].inline,
#contents input[type="tel"].inline,
#contents input[type="number"].inline,
#contents textarea.inline{
	width: auto;}
#contents input[type="text"]:focus,
#contents input[type="email"]:focus,
#contents input[type="pass"]:focus,
#contents input[type="password"]:focus,
#contents input[type="tel"]:focus,
#contents input[type="number"]:focus,
#contents textarea:focus{
	background: rgba(0,0,0,0.6);
	border:1px solid rgba(0,0,0,0.5);
	box-shadow:0 1px 2px rgba(255,255,255,0.05), 0 1px 5px rgba(0,0,0,1) inset;}
#contents label{
	display:inline-block;
	margin:0 5px 5px 0;
	padding:5px 10px;
	line-height:1.5;
	cursor:pointer;
	color:rgba(255,255,255,0.7);
	border:1px solid rgba(0,0,0,0.5);
	border-radius:3px;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4d000000',GradientType=0 );}
#contents label.checked{
	box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;
	color:rgba(255,255,255,1);
	border:1px solid rgba(0,0,0,1);
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00ffffff',GradientType=0 );}
#contents select{
	display:inlin-block;
	width: 100%;
	max-width:100%;
	padding: 5px 10px;
	margin:3px 0;
	border:1px solid rgba(0,0,0,0.5);
	color: #FFF;
	line-height:1.5;
	border-radius:3px;
	box-sizing:border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0,0,0,0.2) url(../images/common/form_select_bg.png) right center no-repeat;
	box-shadow:0 1px 2px rgba(255,255,255,0.05), 0 1px 2px rgba(0,0,0,0.3) inset;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-appearance: none;}
#contents select option{
	background: #304b82;
	color: #FFF;
	padding: 5px 0;}
.select_cmn{
	width:100%;
	height:40px;
	line-height:40px;
	position:relative;
	border:1px solid rgba(0,0,0,1.00);
	border-radius:5px;
	box-shadow:0 0 5px rgba(255,255,255,0.03), 0 0 5px rgba(255,255,255,0.03) inset;
	background: -moz-linear-gradient(top, rgba(96,104,127,0.2) 0%, rgba(96,104,127,0.05) 100%);
	background: -webkit-linear-gradient(top, rgba(96,104,127,0.2) 0%,rgba(96,104,127,0.05) 100%);
	background: linear-gradient(to bottom, rgba(96,104,127,0.2) 0%,rgba(96,104,127,0.05) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3360687f', endColorstr='#0d60687f',GradientType=0 );
	-webkit-appearance: none;}
.select_cmn:after{
	display:block;
	content:'\e902';
	position:absolute;
	width:30px;
	height:38px;
	line-height:40px;
	text-align:center;
	top:0;
	right:5px;
	color:#60687F;
	font-size:16px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);}
.select_cmn:before{
	display:block;
	box-sizing:border-box;
	content:'';
	position:absolute;
	width:2px;
	height:38px;
	right:40px;
	top:0;
	background:rgba(0,0,0,0.3);
	border-right:1px solid rgba(255,255,255,0.1);}
.select_cmn select{
	background: transparent;
	border:1px solid rgba(255,255,255,0.03);
	border: none;
	text-transform: none;
	overflow: visible;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color:#C7CBD0;
	padding:5px;
	font-size:12px;
	line-height:1.5;
	cursor:pointer;
	z-index:5;
	position:relative;
	-webkit-appearance: none;}
.select_cmn select:focus{
	outline:none;}
.select_cmn select option{
	background:#282B35;
	color:#C7CBD0;
	display:block;
	font-size:12px;
	line-height:1.5;
	padding:3px 0;
	cursor:pointer;
	border:none;
	border-bottom:1px solid rgba(255,255,255,0.03);
	-webkit-appearance: none;}
#contents input[type="submit"],
#contents input[type="reset"],
#contents input[type="button"],
#contents a.lnk_input{
	display:inline-block;
	line-height: 1.5;
	margin:10px;
	text-align:center;
	padding:10px 20px;
	cursor:pointer;
	background:rgba(231,152,65,0.9);
	color:#FFF;
	border-radius:3px;
	vertical-align:middle;
	border: none;
	box-sizing:border-box;
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	-webkit-appearance: none;
	-webkit-appearance: none;}
#contents input[type="submit"].fix,
#contents input[type="reset"].fix,
#contents input[type="button"].fix,
#contents a.lnk_input.fix{
	display:block;
	margin:20px 0;
	text-align:center;
	width: 100%;}
#contents input[type="reset"],
#contents a.lnk_input.white{
	background:none;
	color:rgba(255,255,255,0.6);
	border:1px solid rgba(255,255,255,0.4);}
#contents a.lnk_input .sub{
	display: block;
	font-size: 12px;
	line-height: 2;}
#contents input[type="reset"]:hover,
#contents a.lnk_input.white:hover{
	background:rgba(255,255,255,0.01);
	border:1px solid rgba(231,152,65,0.9);
	color:rgba(231,152,65,0.9);}
#contents input[type="submit"]:hover,
#contents input[type="reset"]:hover,
#contents input[type="button"]:hover,
#contents a.lnk_input:hover{
	background:rgba(231,152,65,1);
	text-shadow:0 1px 3px rgba(255,255,255,0.5);
	box-shadow:0 1px 3px rgba(231,152,65,0.2);}
input:placeholder-shown{
	color: rgba(255,255,255,0.3);}
input::placeholder{
	color: rgba(255,255,255,0.3);}
input::-webkit-input-placeholder{
	color: rgba(255,255,255,0.3);}
input:-moz-placeholder{
	color: rgba(255,255,255,0.3);}
input::-moz-placeholder{
	color: rgba(255,255,255,0.3);}
input:-ms-input-placeholder{
	color: rgba(255,255,255,0.3);}
input:focus::placeholder{
	color: transparent;}
input:focus::-webkit-input-placeholder{
	color: transparent;}
input:focus:-moz-placeholder{
	color: transparent;}
input:focus::-moz-placeholder {
	color: transparent;}
#user_login,
#tel{
	ime-mode:disabled;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					TOP

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
SLIDER
====================================================*/
#top_slider{
	width:100%;
	height:450px;
	position:relative;
	overflow:hidden;
	background:rgb(21,18,22) url(../images/common/load_volume.gif) center center no-repeat;}
.top_sld_card{
	width:100%;
	height:450px;
	position:absolute;
	left:100%;
	top:0;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;}
.top_slider_arw{
	width:70px;
	height:70px;
	position:absolute;
	top:50%;
	margin:-35px 0 0;
	font-size:60px;
	color:rgba(255,255,255,0.2);
	z-index:10;}
.top_slider_arw:hover{
	color:rgba(255,255,255,1);}
#top_slider_prev{
	left:0;}
#top_slider_next{
	right:0;}
#top_slider_navi{
	position:absolute;
	width:100%;
	height:20px;
	left:0;
	bottom:30px;
	z-index:10;
	text-align:center;}
#top_slider_navi a{
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 10px;
	border-radius:10px;
	background:none;
	border:2px solid rgba(255,255,255,0.5);}
#top_slider_navi a:hover,
#top_slider_navi a.on{
	background:#FFF;}
/*--------------------------------------------------- SLIDER TEXT*/
.top_sld_card.sld_text{
	padding:130px 0 0;}
.top_sld_card.sld_text h2{
	margin:0 0 30px;
	color:#FFF;
	font-style:italic;
	font-size:50px;
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.top_sld_card.sld_text .clr{
	color:#8D389E;}
.top_sld_card.sld_text .txt{
	font-size:20px;
	color:#DFD6E0;
	margin:0 0 30px;}
/*--------------------------------------------------- SLIDER IMG*/
.top_sld_card.sld_img{
	padding: 0;
	background-position: center center;
	background-size: cover;}
.top_sld_card.sld_img a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.4);}
.top_sld_card.sld_img a img{
	max-width: 100%;}
/*==================================================
TOP MAIN PRODUCT
====================================================*/
#top_main_profuct{
	width:66.6666%;
	display:table-cell;
	vertical-align:top;
	padding:20px 0;}
#top_main_product_img{
	padding:10px 30px;
	text-align:center;
	vertical-align:middle;}
#top_main_product_img img{
	width:100%;
	max-width:420px;}
#top_main_product_cnt{
	vertical-align:middle;
	padding:10px 30px;
	position:relative;}
#top_main_product_cnt p.txt_cmn{
	margin:0 0 10%;}
#top_main_checkitout{
	display:table-cell;
	vertical-align:top;
	height:100%;
	overflow:hidden;}
.box_artist{
	display: block;
	width:100%;
	min-height: 50%;
	position:relative;
	padding:20px;
	background: rgba(0,0,0,0.4);}
.box_artist:hover{
	background: rgba(0,0,0,0.7);}
.artist_overlay{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	background:rgba(21,26,32,0.5);
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
.box_artist:hover .artist_overlay{
	background:rgba(21,26,32,0.8);}
.artist_profile{
	display:table;
	position:relative;
	width:100%;
	z-index:5;
	table-layout:fixed;}
.artist_profile dt{
	display:table-cell;
	vertical-align:top;
	width:90px}
.artist_profile dt img{
	width:100%;
	border-radius:50%;
	border:1px solid #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.1);}
.artist_profile dd{
	display:table-cell;
	vertical-align:middle;
	padding:0 30px 0 15px;}
.artist_profile dd h3{
	color:#FFF;
	font-size:24px;
	line-height:1.5;
	position: relative;}
.artist_profile h3:after{
	content: '\e90a';
	font-size: 20px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	position: absolute;
	right: -35px;
	bottom: -15px;}
.artist_profile dd p{
	color: rgba(255,255,255,0.8);
	font-size:12px;
	line-height:1.5;}
.profile_text{
	z-index:5;
	position:relative;
	margin: 20px 0 0;}
#contents .profile_text p{
	margin:0;
	color: rgba(255,255,255,0.9);}
.box_newspart_wrap{
	width:100%;
	min-height:100%;
	background: #394055;}
.box_newspart_link{
	display: block;}
.box_newspart{
	width:100%;
	vertical-align:middle;
	display:table;}
.box_newspart dt{
	padding:20px;
	display:table-cell;
	vertical-align:top;
	width:170px;}
.box_newspart dt img{
	max-width:100%;}
.box_newspart .newspart_txt{
	padding:20px 20px 20px 0;}
.box_newspart .newspart_txt p{
	font-size:14px;
	line-height:1.5;}
.box_newspart .newspart_txt h3.date{
	font-size:20px;
	line-height:1.5;
	margin:0 0 5px;
	color:#9CA8BC;}
/*==================================================
TOP PRODUCT LIST
====================================================*/
#top_products_title{
	background:#372E3D;}
#top_products_title .link{
	background:#151216;}
.product_slide{
	background:#262129;
	width:100%;
	height:420px;
	position:relative;
	text-align:center;
	overflow:hidden;}
.psld_move{
	width:100%;
	height:420px;
	position:absolute;
	left:0;
	top:0;}
.psld_arw{
	width:80px;
	height:60px;
	font-size:60px;
	color:rgba(255,255,255,0.4);
	position:absolute;
	top:50%;
	margin:-30px 0 0;}
.psld_arw.psld_prev{
	left:0;}
.psld_arw.psld_next{
	right:0;}
.psld_arw:hover{
	color:rgba(255,255,255,1);}
.psld_stage{
	float:left;
	padding:30px 0;}
.psld_inner{
	max-width:1020px;
	margin:0 auto;}
.product_item dl{
	margin:0 0 30px;}
.product_item dt{
	margin:0 0 10px;}
.product_item dd h3{
	font-size:20px;
	line-height:1.5;
	color:#FFF;
	font-weight:bold;
	font-style:italic;}
.product_item dd p{
	font-size:14px;
	line-height:1.5;
	font-weight:200;}
.product_icon_link{
	text-align:center;
	letter-spacing:-0.4em;}
.product_icon_link li{
	letter-spacing:normal;
	display:inline-block;
	margin:0 5px;}
.product_icon_link a{
	display:inline-block;
	font-size:16px;
	text-align:center;
	line-height:30px;
	width:30px;
	height:30px;
	color:rgba(255,255,255,0.8);
	border-radius:15px;
	border:1px solid rgba(255,255,255,0.7);}
.product_icon_link a:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
	text-shadow:0 0 5px rgba(255,255,255,0.1);
	box-shadow:0 0 5px rgba(255,255,255,0.1), 0 0 5px rgba(255,255,255,0.1) inset;}
/*==================================================
TOP INFORMAITION
====================================================*/
#top_information{
	padding:30px 0;}
#top_information .box_table h2{
	display:table-cell;
	vertical-align:middle;
	width:33.3333%;
	font-size:30px;
	color:#C7CBD0;
	border-right:1px solid rgba(0,0,0,0.1);}
#top_information .box_table .news_lines{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 5px 20px;
	border-left:1px solid rgba(255,255,255,0.05);}
.news_lines li{
	position:relative;
	border-top:1px solid rgba(255,255,255,0.03);
	border-bottom:1px solid rgba(0,0,0,0.2);}
.news_lines li:first-child{
	border-top:none;}
.news_lines li:last-child:after{
	content:'';
	border-top:none;
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	bottom:-1px;
	left:0;
	background:rgba(255,255,255,0.025);}
.news_lines a{
	display:table;
	width:100%;
	table-layout:fixed;}
.news_lines .date{
	display:table-cell;
	padding:5px 0;
	width:100px;
	vertical-align:middle;
	font-size:14px;
	color:#C2C9D6;
	line-height:1.5;}
.news_lines .title{
	display:table-cell;
	padding:5px 0;
	vertical-align:middle;
	line-height:1.5;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			PRODUCT					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
PRODUCT ARCHIVE
====================================================*/
#products_archive{
	max-width: 1020px;
	margin: 40px auto;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	border-top: 1px solid rgba(15,19,23,0.3);}
.pro_archive_box_wrap{
	width: 100%;
	display: table;
	table-layout: fixed;}
.pro_archive_box{
	display: table-cell;
	padding: 20px 10px;
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(15,19,23,0.3);}
.pro_archive_box_inner{
	max-width: 280px;
	margin: 0 auto;}
.pro_archive_box_inner dt{
	text-align: center;}
.pro_archive_box_inner dt a{
	display: block;}
.pro_archive_box_inner dt a:hover{
	box-shadow: 1px 1px 0 rgba(255,255,255,0.02), 0 0 30px rgba(0,0,0,0.1) inset;}
.pro_archive_box_inner dt img{
	max-width: 100%;}
.pro_archive_box_inner dd{
	padding: 10px 0;}
.pro_archive_box_inner h3{
	padding: 0 0 5px;
	font-size: 18px;
	line-height: 1.5;}
.pro_archive_box_inner p{
	font-size: 14px;
	line-height: 1.7;}
.pro_archive_box_inner p.sub{
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 5px;
	color: rgba(255,255,255,0.6);}
.pro_archive_box_inner p.text{
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	min-height: 120px;
	color: rgba(255,255,255,0.8);}
/*==================================================
PRODUCT SINGLE
====================================================*/
/*--------------------------------------------------- HEAD*/
#pro_main_img {
	text-align: center;
	background: #050205;}
#pro_main_img img{
	max-width: 100%;}
.products_sub_title{
	font-size: 30px;
	padding:0 0 20px;
	line-height: 1.5;}
.products_content_box {
	padding:30px 20px;
	border-top:1px solid rgba(255,255,255,0.05);
	border-bottom:1px solid rgba(0,0,0,0.1);}
#products_contents_wrap{
	width: 100%;
	position: relative;}
.products_contents{
	width: 100%;}
/*--------------------------------------------------- PRODUCT NAVI*/
#product_navi_wrap{
	width: 100%;
	height: 60px;
	background: #000;}
#product_navi{
	width: 100%;
	height: 60px;
	background: #000;}
#product_navi.fixed{
	position: fixed;
	left: 0;
	top: 50px;
	z-index: 5000;}
.product_navi_list_wrap{
	width: 100%;
	height: 60px;
	position: relative;}
.product_navi_list{
	max-width: 1020px;
	margin: 0 auto;
	text-align: left;
	position: relative;}
.product_navi_list li{
	display: inline-table;
	margin: 0 20px 0 0;
	height: 60px;}
.product_navi_list li a{
	display: table-cell;
	font-size: 16px;
	line-height: 60px;
	height: 100%;
	vertical-align: middle;
	padding: 0 10px;
	color: rgba(255,255,255,0.7);
	position: relative;}
.product_navi_list li a:hover,
.product_navi_list li a.current{
	color: rgba(255,255,255,1);}
.product_navi_list li a:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	line-height: 0.2;
	font-size: 1px;
	background: rgba(255,255,255,0.5);
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	overflow: hidden;}
.product_navi_list li a:hover:after,
.product_navi_list li a.current:after{
	width: 100%;
	left: 0;}
.product_navi_list li a.current:after{
	background: #8E389E;}
.ios .product_navi_list li a:hover:after{
	display: none;}
#product_navi_buy {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
	height: 60px;
	padding: 10px 20px;}
#product_navi_buy a{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	padding: 0 10px;
	border-radius: 5px;
	color: rgba(255,255,255,0.7);
	background: rgba(231,152,65,0.9);}
/*--------------------------------------------------- MAIN CONTENTS*/
.pro_main_contents{
	display: table;
	width: 100%;
	table-layout: fixed;}
.pro_main_txt{
	display: table-cell;
	vertical-align: top;}
.pro_main_txt h2{
	font-size: 50px;
	line-height: 1.5;
	margin: 0 0 30px;}
.pro_main_txt h2{
	font-size: 36px;
	line-height: 1.5;
	margin: 0 0 30px;}
.pro_main_textarea{
	margin: 0 0 30px;}
.pro_main_textarea p{
	font-size: 18px;
	line-height: 2;}
.pro_main_textarea p{
	font-size: 16px;
	line-height: 2;}
.pro_detail_list{
	margin: 0 0 30px;}
.pro_main_contents .product_action_list{
	max-width: 306px;}
.pro_main_img{
	display: table-cell;
	width: 420px;
	padding:0 0 0 40px;
	vertical-align: top;
	text-align: center;}
.pro_main_img img{
	max-width: 100%;}
/*--------------------------------------------------- PHOTO*/
#photo{
	background: #1b1f27;
	position: relative;
	height: 270px;
	padding: 20px;
	box-shadow: 0 0 40px rgba(0,0,0,0.5) inset;}
.pro_photo_slide{
	max-width: 1020px;
	margin: 0 auto;
	overflow: hidden;
	height: 230px;
	position: relative;}
.pro_photo_list{
	position: absolute;
	width: 100%;
	height: 230px;
	top:0;
	left:0;
	display: flex;
	align-items: center;}
.pro_photo_list li{
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;}
.pro_photo_list li .thumb{
	display: block;
	max-height: 200px;
	overflow: hidden;}
.pro_photo_list li .title{
	display: block;}
.popup_img{
	display: block;
	width: 100%;}
.popup_img .thumb{
	display: block;
	width: 100%;
	height: 200px;
	line-height: 200px;}
.popup_img .thumb img{
	max-width: 100%;
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	vertical-align: middle;}
.popup_img .title{
	display: block;
	height: 30px;
	line-height: 30px;}
.pro_photo_slide_bt{
	width:80px;
	height:60px;
	font-size:60px;
	color:rgba(255,255,255,0.4);
	position:absolute;
	top:50%;
	margin:-30px 0 0;}
.pro_photo_slide_bt.prev{
	left:0;}
.pro_photo_slide_bt.next{
	right:0;}
/*--------------------------------------------------- FEATURE*/
.products_feature_layout{}
.pro_feature_head{
	display: block;
	text-align: center;
	margin: 0 0 20px;}
.pro_feature_head p{
	display: block;
	line-height: 1.5;
	font-size: 12px;
	color:rgba(255,255,255,0.6);}
.pro_feature_list_wrap{
	display: block;
	vertical-align: top;
	padding: 0;
	margin: 0 auto;
	max-width: 720px;}
.pro_feature_list li{
	border-radius: 5px;
	background: #1A1C22;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
	margin: 0 0 5px;}
.pro_feature_list .title{
	display: table;
	width: 100%;cursor: pointer;}
.pro_feature_list .plus{
	position: relative;
	display: table-cell;
	text-align: center;
	width: 40px;
	vertical-align: middle;
	color:rgba(255,255,255,0.3);
	font-size: 20px;
	border-left: 1px solid rgba(255,255,255,0.05);}
.pro_feature_list .plus .space{
	display: inline-block;
	width: 40px;
	height: 40px;}
.pro_feature_list .plus:after{
	content:'\e929';
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	line-height: 40px;
	text-align: center;
	font-size: 28px;
	left: 0;
	top: 0;
	color: rgba(255,255,255,255,0.2);}
.pro_feature_list .title.on .plus:after{
	content: '\e927';}
.pro_feature_list .text{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	padding:10px 10px 10px 20px;
	font-size: 14px;
	color:rgba(255,255,255,0.8);
	border-right: 1px solid rgba(0,0,0,0.1);}
.pro_feature_list .title:hover .plus:after,
.pro_feature_list .title:hover .text{
	color:rgba(255,255,255,1);
	text-shadow: 0 0 2px rgba(255,255,255,1);}
.pro_feature_list .title.on .plus:after,
.pro_feature_list .title.on .text{
	color:rgba(255,255,255,1);}
.pro_feature_list .content{
	display: none;
	border-top:1px solid rgba(0,0,0,0.1);
	padding: 10px 20px;}
.pro_feature_list .content p,
.pro_feature_list .content li{
	font-size: 12px;
	color:rgba(255,255,255,0.8);
	line-height: 1.5;}
/*--------------------------------------------------- DEMO MUSIC*/
.pro_demo{
	width: 25%;
	padding: 5px;
	float: left;}
.pro_demo dl{
	border-radius: 5px;
	padding: 10px;
	background:rgba(26,28,34,1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.5) inset;}
.pro_demo dl dt{
	font-size: 16px;
	margin: 0 0 10px;}
.pro_demo dl dd.sub{
	font-size: 12px;
	color: rgba(255,255,255,0.6);
	margin: 0 0 20px;}
.pro_demo dl audio{
	width: 100%;}
/*--------------------------------------------------- VIDEO*/
#product_video{
	min-height: 500px;}
#product_video_layout{
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;}
#product_video_main{
	height: 100%;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
	background: #111;
	box-shadow: 0 0 50px rgba(0,0,0,0.9) inset;
	border-right: 1px solid rgba(0,0,0,1);
	border-bottom: 1px solid rgba(0,0,0,1);}
.video_slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 20px;
	display: none;}
.video_slide.current{
	position: relative;}
.video_slide_inner{
	position: relative; 
	padding:0 0 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;}
.video_slide iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow:0 0 10px rgba(0,0,0,1);}
.video_slide_freearea{
	text-align: left;
	background: rgba(0,0,0,0.9);}
.vs_free_title{
	display: table;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.05);}
.vs_proname{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding: 5px 10px;
	border-left: 1px solid rgba(255,255,255,0.05);
	font-size: 20px;
	font-weight: lighter;
	color: rgba(255,255,255,0.4);
	white-space: nowrap;}
.vs_proiminfo{
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px 5px 20px;}
.vs_proiminfo .vs_videotitle{
	height: auto;
	color: rgba(255,255,255,0.9);
	font-size: 16px;
	line-height: 1.2;}
.vs_proiminfo .vs_videotitle_sub{
	height: auto;
	color: rgba(255,255,255,0.6);
	font-size: 12px;
	line-height: 1.2;}
.video_slide_freearea_content{
	padding: 10px 20px 20px;
	color: rgba(255,255,255,0.9);}
.video_slide_freearea_content p,
.video_slide_freearea_content li{
	line-height: 1.4;
	font-size: 13px;}
.video_slide_freearea_content a{
	text-decoration: underline;}
#product_video_side{
	background: #151617;
	display: table-cell;
	vertical-align: top;
	width: 30%;
	border-left: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(0,0,0,1);}
.product_video_list{
	overflow: auto;}
.product_video_list li{
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(0,0,0,1);}
.product_video_list li.pro_video_sc{
	padding: 10px;}
.product_video_list li a{
	position: relative;
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #1C1D1E;
	color:rgba(255,255,255,0.8);
	border-left: 3px solid rgba(0,0,0,0);}
.product_video_list li a:hover{
	color:rgba(255,255,255,1);
	text-shadow:0 0 2px rgba(255,255,255,0.4);
	background: rgba(255,255,255, 0.1);}
.product_video_list li a.current{
	color:rgba(255,255,255,1);
	text-shadow:0 0 2px rgba(255,255,255,0.4);
	background: #8E389E;}
.product_video_list li a.current{
	z-index: 2;
	box-shadow: 0 1px 6px rgba(0,0,0,0.5);}
.product_video_list li a .icon{
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 0;
	background: rgba(0,0,0,0.2);
	box-shadow: 0 2px 3px rgba(0,0,0,0.6) inset;
	border-radius: 15px;}
.product_video_list li a .icon:after{
	content: '\ea1d';
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	font-size: 16px;
	color: rgba(255,255,255,0.6);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 2px 3px rgba(0,0,0,0.6);}
.product_video_list li a.current .icon:after{
	content: '\e92c';
	color: rgba(255,255,255,0.8);}
.product_video_list .thumb{
	display: table-cell;
	width: 115px;
	vertical-align: middle;
	text-align: center;
	padding: 5px 5px 5px 3px;}
.product_video_list .thumb img{
	max-width: 100%;
	border: 1px solid rgba(255,255,255,0.05);
	box-shadow:0 0 2px rgba(0,0,0,0.1);}
.product_video_list .title{
	display: table-cell;
	vertical-align: middle;
	padding: 10px 40px 10px 10px;}
.product_video_list .title .main{
	display: block;
	line-height: 1.2;}
.product_video_list .title .sub{
	font-size: 12px;
	line-height: 1.2;
	display: block;
	color: rgba(255,255,255,0.3);}
.product_video_list li a:hover .title .sub,
.product_video_list li a.current .title .sub{
	text-shadow: none;
	color: rgba(255,255,255,0.4);}
.product_video_list li a.current .title .sub{
	color: rgba(255,255,255,0.7);}
#product_audio{
	padding: 40px 10px;
	background: #111;
	box-shadow: 0 0 50px rgba(0,0,0,0.9) inset;}
#product_audio ul{
	max-width: 720px;
	margin: 0 auto;
	background: #151617;
	box-shadow: 0 3px 10px rgba(0,0,0,0.9);}
#product_audio ul li{
	padding: 10px;
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(0,0,0,1);}
#pro_demo_text{
	background: #151617;}
#pro_demo_text_inner{
	padding: 20px;
	max-width: 1040px;
	margin: 0 auto;}
#pro_demo_text_inner p,
#pro_demo_text_inner li,
#pro_demo_text_inner dt,
#pro_demo_text_inner dd,
#pro_demo_text_inner td,
#pro_demo_text_inner th{
	font-size: 14px;
	line-height: 1.5;}
/*--------------------------------------------------- SPEC*/
#product_spec_content{
	max-width: 1020px;
	margin: 0 auto;
	padding: 40px 0;}
#contents #product_spec_table{
	width: 100%;
	table-layout: fixed;
	border-top:1px solid rgba(0,0,0,0.5);}
#contents #product_spec_table th,
#contents #product_spec_table td{
	padding: 10px 0;
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255,255,255,0.9);
	font-weight: 300;
	border-bottom: 1px solid rgba(0,0,0,0.5);}
#contents #product_spec_table th{
	width: 25%;
	background: none;
	vertical-align: top;
	color: rgba(255,255,255,1);}
#contents #product_spec_table td h3{
	line-height: 1.7;
	font-weight: bold;
	padding: 10px 0;}
#contents #product_spec_table td h4{
	line-height: 1.5;
	font-weight: bold;
	padding: 5px 0;}
#contents #product_spec_table td p{
	line-height: 1.5;}
#contents #product_spec_table td p,
#contents #product_spec_table td ul,
#contents #product_spec_table td table,
#contents #product_spec_table td ol,
#contents #product_spec_table td dl{
	padding: 0 0 10px;}
#contents #product_spec_table td a{
	color: rgba(255,255,255,1);
	text-decoration: underline;}
#contents #product_spec_table td a:hover{
	text-shadow: 0 1px 2px rgba(255,255,255,0.1);}
#contents #product_spec_table td .strong{
	font-weight: bold;}
/*--------------------------------------------------- BUY*/
.product_main_item{
	padding: 30px 0;}
.product_main_item .item_detail{
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px 0 0;}
.product_main_item h3{
	font-size: 24px;
	line-height: 1.5;
	margin: 0 0 15px;
	padding: 0 10px;}
.product_main_item .item_text{
	padding: 0 10px;}
.product_main_item .item_text p{
	font-size: 14px;
	line-height: 2;
	padding: 0 0 15px;}
.product_main_item .item_detail_list{
	display: table;
	table-layout: fixed;
	width: 100%;}
.product_main_item .item_detail_list dt,
.product_main_item .item_detail_list dd{
	display: table-cell;
	padding: 5px 0 5px 5px;
	font-size: 14px;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left;}
.product_main_item .item_detail_list dt{
	padding: 5px 5px 5px 0;
	width: 100px;}
.product_main_item .item_detail_list dd.price{
	font-weight: 800;
	font-size: 20px;}
.product_main_item .item_detail_list dd.price .tax_price{
	font-weight: 500;
	font-size: 14px;}
#contents .product_main_item .btn_add_cart{
	margin: 15px 0 0;}
#contents .product_main_item .btn_add_cart input[type="submit"]{
	width: 100%;
	display: block;
	padding: 20px 10px;
	font-size: 18px;
	margin: 0;
	text-align: center;}
.cart_gift_wrapping_area{
	padding: 10px 0 0 10px;}
.thank_you_middle_box{
	padding: 20px 10px 40px;
	text-align: center;
	line-height: 1.2;}
.product_main_item .item_photo{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 15px 0 0;}
.product_main_item .item_photo img{
	max-width: 100%;}
.relation_items{
	background: rgba(0,0,0,0.1);
	padding: 30px 0;}
.relation_items h3{
	font-size: 24px;
	line-height: 1.5;
	margin: 0 0 15px;
	text-align: center;}
.relation_items h4 {
	font-weight: bold;
	padding: 15px 0;
	font-size: 14px;
	line-height: 1.5;}
.relation_items h4 {
	font-weight: bold;
	padding: 15px 0;}
#contents .nsa_product_child .btn_add_cart input[type="submit"]{
	margin: 0;
	width: 100%;}
.need_login{
	padding: 0 0 20px 10px;
	line-height: 1.5;
	color: #FFF;}
.need_login .icon{
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
	color: rgba(231,152,65,0.9);}

.item_archive{
	letter-spacing: -0.4em;}
.item_archive h4 {
	font-weight: bold;
	padding: 15px 0 10px;
	font-size: 14px;
	line-height: 1.5;}
.item_archive .nsa_product_list {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	letter-spacing:normal;
	margin: 0 0 20px;}
.item_archive .item_archive_img {
	height: 150px;}
.item_archive .item_archive_img img{
	max-width: 150px;
	max-height: 150px;
	width: auto;
	height: auto;}
.item_archive .nsa_product_child{
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0 20px 10px;}
.item_archive .item_archive_detail{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 20px;}
.item_archive .item_archive_detail dt,
.item_archive .item_archive_detail dd{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 0 10px;}
.item_archive .item_archive_detail dt{
	text-align: right;
	width: 25%;
	padding: 0;}
.item_archive .item_archive_detail dd.price{
	font-weight: 800;
	font-size: 16px;}
.item_archive .item_archive_detail dd.price .tax_price{
	font-weight: 400;
	font-size: 12px;}
#contents #item_box_area .btn_add_cart input[type="submit"],
#contents #onlineshop_item_archive.item_archive .btn_add_cart input[type="submit"]{
	background: none;
	color:rgba(231,152,65,1);
	border:1px solid rgba(231,152,65,0.4);
	text-align: center;}
#contents #item_box_area .btn_add_cart input[type="submit"]:hover,
#contents #onlineshop_item_archive.item_archive .btn_add_cart input[type="submit"]:hover{
	color: rgba(255,255,255,1);
	background: rgba(231,152,65,1);
	border-color: rgba(231,152,65,0.9);}
.shipping_info_list{
	padding: 0 10px;}
.shipping_info_list dt{
	margin: 0 0 5px;}
#item_box_area .nsa_product_list{
	display: flex;
	flex-wrap: wrap;}
#item_box_area .nsa_product_child{
	display: block;
	width: 33.33%;
	margin: 0;
	padding: 0 20px 10px;}

#onlineshop_item_archive{
	width: 75%;
	background: #282B35;}
#onlineshop_item_archive_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;}
#onlineshop_item_archive_list .nsa_product_list{
	width: 33.333%;
	padding: 10px 20px;}
#contents #onlineshop_item_archive_list .btn_add_cart input[type="submit"]{
	background: none;
	width: 100%;
	color:rgba(231,152,65,1);
	border:1px solid rgba(231,152,65,0.4);
	text-align: center;}
#contents #onlineshop_item_archive_list .btn_add_cart input[type="submit"]:hover{
	color: rgba(255,255,255,1);
	background: rgba(231,152,65,1);
	border-color: rgba(231,152,65,0.9);}
#contents #onlineshop_item_archive_list .nsa_product_child{
	float: none;}
#contents #onlineshop_item_archive_list .item_archive_img{
	position: relative;
	width: 100%;
	height: 150px;
	text-align: center;
	margin: 0 0 10px;}
#contents #onlineshop_item_archive_list h4{
	font-size: 14px;
	line-height: 20px;
	min-height: 40px;
	margin: 0 0 10px;
	text-align: center;}
#contents #onlineshop_item_archive_list h4 a{
	color: rgba(255,255,255,0.8);}
#contents #onlineshop_item_archive_list h4 a:hover{
	color: rgba(255,255,255,1);}
#contents #onlineshop_item_archive_list .item_archive_detail{
	text-align: center;
	padding: 0 0 10px;}
#contents #onlineshop_item_archive_list .item_archive_detail dt,
#contents #onlineshop_item_archive_list .item_archive_detail dd{
	display: inline-block;}
#contents #onlineshop_item_archive_list .item_archive_detail dt{
	margin: 0 10px 0 0;
	color: rgba(255,255,255,0.8);}
#contents #onlineshop_item_archive_list .item_archive_detail dd{
	font-weight: bold;}
.onlineshop_title_area{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid rgba(255,255,255,0.05);}
.onlineshop_title_area .onlineshop_title{
	display: table-cell;
	font-size: 24px;
	line-height: 1.5;
	padding: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.05);}
.onlineshop_title_area .onlineshop_title .olineshop_paged{
	display: inline-block;
	font-size: 18px;
	letter-spacing: 0.4em;
	margin: 0 0 0 10px;}
.onlineshop_title_area .onlineshop_title_navi{
	display: table-cell;
	vertical-align: middle;
	padding: 20px 20px 20px 0;
	width: 100px;
	letter-spacing: -0.2em;
	text-align: right;}
.onlineshop_title_area .onlineshop_title_navi li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 0 0 10px;}
.onlineshop_title_area .onlineshop_title_navi li a{
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: rgba(255,255,255,0.8);
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 3px;}
.onlineshop_title_navi li a:hover{
	color: rgba(255,255,255,1);
	border: 1px solid rgba(255,255,255,0.7);}
#item_single_detail .nsa_product_child{
	float: none;
	margin: 0;
	text-align: left;}
#item_single_detail .item_single_head{
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: flex;
	flex-wrap: wrap;}
#item_single_detail .item_single_img{
	width: 50%;}
#item_single_detail .item_single_img img{
	max-width: 100%;
	height: auto;}
#item_single_detail .item_single_text{
	width: 50%;
	padding: 20px 0 0 20px;}
#item_single_detail .item_info{
	display: table;
	table-layout: fixed;
	width: 100%;}
#item_single_detail .item_info dt,
#item_single_detail .item_info dd{
	display: table-cell;
	padding: 5px;
	font-size: 14px;
	color: rgba(255,255,255,0.8);}
#item_single_detail .item_info dt{
	width: 40%;
	word-break:break-all;}
#product_buy .item_single_form,
#item_single_detail .item_single_form{
	display: table;
	table-layout: fixed;
	width: 100%;}
#product_buy .item_single_form p,
#item_single_detail .item_single_form p{
	padding: 5px;
	font-size: 14px;
	line-height: 1.2;
	color: rgba(255,255,255,0.8);}
#product_buy .item_single_form dt,
#item_single_detail .item_single_form dd,
#product_buy .item_single_form dt,
#item_single_detail .item_single_form dd{
	display: table-cell;
	padding: 5px;
	text-align: left;
	font-size: 14px;
	color: rgba(255,255,255,0.8);}
#product_buy .item_single_form dt{
	width: 100px;
	padding: 5px 5px 5px 0;}
#item_single_detail .item_single_form dt{
	width: 50%;
	display: table-cell;}
#item_single_detail .item_single_form dd{
	width: 50%;
	display: table-cell;}
#item_single_detail .item_btn_list{
	padding: 20px 0 0;}
#item_single_detail .item_btn_list li{
	margin: 0 0 10px;}
#item_single_detail .item_btn_list li input{
	display: block;
	width: 100%;
	margin: 0;}
#item_single_detail .item_btn_list li a{
	display: block;
	width: 100%;
	margin: 0;
	color: rgba(255,255,255,0.8);
	text-align: center;
	padding: 10px;
	line-height: 1.5;
	border:1px solid rgba(255,255,255,0.1);
	border-radius: 5px;}
#item_single_detail .item_btn_list li a:hover{
	color: rgba(255,255,255,1);
	border-color:rgba(255,255,255,0.4);}
dl#shipping_info_list_form dt{
	padding: 10px 0 0;
	margin: 5px 0;
	border-top: 1px solid rgba(255,255,255,0.1);}
dl#shipping_info_list_form dt:first-child{
	padding: 0;
	margin: 0 0 5px;
	border-top: none;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			ABOUT					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
ABOUT INFORMAITION
====================================================*/
#about_info{
	background: url(../images/about/info_bg.jpg) center top no-repeat;
	background-size: cover;}
#about_infomation {
	display: table;
	width: 100%;
	table-layout: fixed;}
#about_infomation .logo,
#about_infomation .cnt{
	display: table-cell;
	vertical-align: middle;}
#about_infomation .logo{
	text-align: right;
	padding: 40px 15px 40px 0;
	position: relative;}
#about_infomation .logo h3{
	position: relative;
	width: 100%;
	height: 100px;
	text-align: right;
	overflow: hidden;}
#about_infomation .logo img {
	max-width: 100%;}
#about_infomation .cnt{
	padding: 40px 0 40px 15px;}
/*==================================================
ABOUT LINK
====================================================*/
#about_link {
	padding: 30px 0;
	background: rgba(0,0,0,0.1)}
#about_link .box_table .box_cell{
	padding:15px 15px 15px 0;}
#about_link .box_table .box_cell:last-child{
	padding:15px 0 15px 15px;}
.about_link_box{
	padding: 15px;
	border:1px solid rgba(255,255,255,0.05);}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			ARTISTS					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
ARTISTS ARCHIVE
====================================================*/
.artists_box{
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.2);}
.artists_box a{
	display: block;
	position: relative;
	overflow: hidden;}
.artists_box a:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	background: rgba(0,0,0,0.2);
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
.artists_box a:hover:after{
	left: 0;}
.artists_box.odd{
	background: rgba(0,0,0,0.1);}
.artists_box_inner{
	position: relative;
	max-width: 680px;
	margin: 0 auto;
	z-index: 1;}
.artists_box_inner .artists_box_layout{
	display: table;}
.artists_box_inner .img{
	display: table-cell;
	padding: 30px 0 30px;
	vertical-align: top;
	width: 150px;}
.artists_box_inner .img img{
	border-radius: 50%;
	max-width: 120px;
	width: 100%;}
.artists_box a:hover .artists_box_inner .img img{
	border-radius: 2%;}
.artists_box_inner .cnt{
	display: table-cell;
	vertical-align: top;
	padding: 30px 0;}
.artists_box_inner h3{
	font-size: 20px;
	line-height: 1.5;
	margin: 0 0 5px;
	color:#FFF;
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.artists_box_inner p.art_works{
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255,255,255,0.5);
	margin: 0 0 10px;}
.artists_box_inner p.art_intro{
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255,255,255,0.8)}
.artists_box a:hover .artists_box_inner .art_intro{
	color: rgba(255,255,255,1);}
/*==================================================
ARTISTS SINGLE
====================================================*/
#artists_single_img{
	height: 100px;
	overflow: hidden;}
#artists_single_img img{
	width: 100%;}
#artists_single_head{
	position: relative;
	width: 100%;
	padding: 400px 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;}
#artists_single_head .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.2);
	left:0;
	top: 0;}
.artist_head_box{
	margin: 0 auto;
	max-width:680px;}
.artists_single_head_content{
	position: relative;
	background: rgba(0,0,0,0.8);
	z-index: 1;}
#artists_single_head .img{
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	text-align:right;
	padding: 30px 0 60px;}
#artists_single_head .img img{
	border-radius: 50%;}
.artists_single_head_txt{
	display: table-cell;
	vertical-align: middle;
	padding: 30px 0 60px 40px;}
#artists_single_head h3{
	font-size: 40px;
	line-height: 1.5;
	color:#FFF;
	font-style: italic;
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#artists_single_head p.art_job{
	margin: 0 0 5px;
	font-size: 20px;
	line-height: 1.5;
	color: rgba(255,255,255,0.8);}
#artists_single_head p.art_works{
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255,255,255,0.8);}
a.artist_single_back_btn{
	display: inline-block;
	padding: 10px;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(255,255,255,0.8);
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 10px;
	left: 10px;}
a.artist_single_back_btn:hover{
	color: rgba(255,255,255,0.8);
	background: rgba(0,0,0,0.9);}
.artists_single_intro{
	width: 100%;
	padding: 30px 10px 40px;
	background: rgba(0,0,0,0.8);
	position: relative;}
.artists_single_intro:after {
	border:30px solid transparent;
	border-bottom-color:rgba(0,0,0,0.8);
	border-top-width:0;
	width:0;
	top:-30px;
	left:50%;
	content:"";
	display:block;
	position:absolute;
	margin: 0 0 0 -15px;}
.artists_single_intoro_inner{
	max-width: 760px;
	position:relative;
	margin: 0 auto;
	padding:40px;}
.artists_single_intoro_inner:before,
.artists_single_intoro_inner:after{
	content: '“';
	font-size: 60px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	display: block;
	color: rgba(255,255,255,0.5);
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.artists_single_intoro_inner:before{
	top: 0;
	left: 0;}
.artists_single_intoro_inner:after{
	bottom: 0;
	right: 0;
	content: '”';}
.artists_single_intoro_inner p{
	font-size: 16px;
	font-style: italic;
	line-height: 1.8;}
.artists_single_contents{
	max-width: 1020px;
	margin: 0 auto;
	padding: 30px 10px;}
.art_contents_box{
	max-width: 1020px;
	margin: 0 auto;
	padding: 30px 10px 0;}
.art_contents_img {
	text-align: center;}
.art_contents_img img{
	max-width: 100%;}
.art_contents_img_cap{
	padding: 5px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255,255,255,0.6);}
.art_contents_two_clumn{
	display: table;
	table-layout: fixed;
	width: 100%;}
.art_contents_two_clumn .art_contents_text,
.art_contents_two_clumn .art_contents_img{
	display: table-cell;
	vertical-align: top;}
.art_contents_two_clumn .art_contents_img{
	width: 30%;}
.art_contents_txtimg .art_contents_text{
	padding: 0 40px 0 0;}
.art_contents_imgtxt .art_contents_text{
	padding: 0 0 0 40px;}
.art_links{
	width: 100%;
	max-width: 1020px;
	margin: 20px auto 0;
	display: table;
	table-layout: fixed;
	height: 100%;}
.art_links li{
	display: table-cell;
	padding: 10px;
	vertical-align: top;
	height: 100%;}
.art_links a{
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;}
.art_links a .art_link_txt{
	display: table-cell;
	vertical-align: middle;
	border:1px solid rgba(255,255,255,0.1);
	border-left:none;
	padding: 10px;
	border-radius: 0 5px 5px 0;}
.art_links a .art_link_img{
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	padding: 10px 5px;
	text-align: center;
	border:1px solid rgba(255,255,255,0.1);
	border-right:1px dotted rgba(255,255,255,0.1);
	border-radius: 5px 0 0 5px;}
.art_links a .art_link_img img{
	max-width: 100%;}
.art_links a .art_link_txt dt{
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 5px;
	color: rgba(255,255,255,0.8);}
.art_links a .art_link_txt dd{
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255,255,255,0.5);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;}
.art_links a:hover .art_link_img,
.art_links a:hover .art_link_txt{
	border-color: rgba(255,255,255,0.4);}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			DEALERS

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#dealers_layout{
	max-width: 1020px;
	margin: 0 auto;}
#dealers_layout h3{
	padding: 30px 0 25px;
	border-bottom:1px solid rgba(255,255,255,0.1);}
#dealers_layout h3 .icon_flag{
	display: inline-block;
	min-height: 32px;
	font-size: 18px;
	line-height: 1.5;
	padding: 3px 0 0 40px;
	margin: 0 15px 5px 0;
	position: relative;
	font-family:'Russo One','icomoon',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#dealers_layout h3 .icon_flag:after{
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../../images/dealers/flag_aus.png) left top no-repeat;}
#dealers_layout h3 .icon_flag.aus:after{ background-image: url(../images/dealers/flag_aus.png);}
#dealers_layout h3 .icon_flag.aut:after{ background-image: url(../images/dealers/flag_aut.png);}
#dealers_layout h3 .icon_flag.can:after{ background-image: url(../images/dealers/flag_can.png);}
#dealers_layout h3 .icon_flag.che:after{ background-image: url(../images/dealers/flag_che.png);}
#dealers_layout h3 .icon_flag.deu:after{ background-image: url(../images/dealers/flag_deu.png);}
#dealers_layout h3 .icon_flag.esp:after{ background-image: url(../images/dealers/flag_esp.png);}
#dealers_layout h3 .icon_flag.fra:after{ background-image: url(../images/dealers/flag_fra.png);}
#dealers_layout h3 .icon_flag.gbr:after{ background-image: url(../images/dealers/flag_gbr.png);}
#dealers_layout h3 .icon_flag.hrv:after{ background-image: url(../images/dealers/flag_hrv.png);}
#dealers_layout h3 .icon_flag.ind:after{ background-image: url(../images/dealers/flag_ind.png);}
#dealers_layout h3 .icon_flag.nld:after{ background-image: url(../images/dealers/flag_nld.png);}
#dealers_layout h3 .icon_flag.prt:after{ background-image: url(../images/dealers/flag_prt.png);}
#dealers_layout h3 .icon_flag.usa:after{ background-image: url(../images/dealers/flag_usa.png);}
#dealers_layout h3 .icon_flag.jpn:after{ background-image: url(../images/dealers/flag_jpn.png);}
#dealers_layout h3 .icon_flag.slv:after{ background-image: url(../images/dealers/flag_slv.png);}
#dealers_layout h3 .icon_flag.twn:after{ background-image: url(../images/dealers/flag_twn.png);}
#dealers_layout h3 .icon_flag.chi:after{ background-image: url(../images/dealers/flag_chi.png);}
#dealers_layout h3 .icon_flag.kre:after{ background-image: url(../images/dealers/flag_kre.png);}
#dealers_layout h3 .icon_flag.isr:after{ background-image: url(../images/dealers/flag_isr.png);}
.dealers_wrapper{
	padding: 20px 0;
	border-bottom:1px solid rgba(255,255,255,0.1);}
.dealers_table{
	display: table;
	width: 100%;
	table-layout: fixed;}
.dealers_table{
	display: table;
	width: 100%;
	table-layout: fixed;}
.dealers_box{
	display: table-cell;
	vertical-align: top;
	padding: 0 20px;
	border-right:1px solid rgba(255,255,255,0.1);}
.dealers_table .dealers_box:last-child{
	border-right: none;}
.dealers_box dt{
	font-size: 16px;
	line-height: 1.2;
	margin: 0 0 10px;}
.dealers_box dd{
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	color: rgba(255,255,255,0.7);
	position: relative;}
.dealers_box dd.web,
.dealers_box dd.mail{
	word-break: break-all;}
.dealers_box dd a{
	color:#A1CAF7;
	text-decoration: underline;}
.dealers_box dd a:hover{
	color:#FFF;}
.dealers_box dd:before{
	content:'\e94e';
	width: 20px;
	font-size: 12px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	color: rgba(255,255,255,0.2);}
.dealers_box dd.web:before{content:'\e94e';}
.dealers_box dd.adr:before{content:'\e900';}
.dealers_box dd.tel:before{content:'\e942';}
.dealers_box dd.mail:before{content:'\e926';}
.dealers_box dd.fax:before{content:'\e919';}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			PAGE					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.head_ttl_box{
	padding: 40px;
	background: url(../images/products/bg.jpg) center center no-repeat;
	background-size: cover;}
.head_ttl_box h3{
	font-size: 24px;
    line-height: 1.8;
    margin: 0 0 20px;}
.head_ttl_box p{
	color: rgba(255,255,255,0.8);
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;}
.head_ttl_box p:last-child{
	margin: 0;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			POST					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
CATEOGRY LIST
====================================================*/
.category_list_wrap{
	background: #1B1F27;
	padding: 20px 0 0;}
.category_list_wrap{
	background: #1B1F27;
	padding: 10px 0;
	text-align: center;}
.category_list li{
	display: inline-block;
	padding: 10px;}
.category_list li a{
	display: inline-block;
	min-width: 100px;
	padding: 5px 20px;
	border:1px solid #0F1013;
	background: #111317;
	border-radius: 5px;
	color:#808897;
	font-size: 18px;}
.category_list li a:hover{
	color:#FFF;}
.category_list li a.current{
	background: #2C323F;
	color: #FFF;}
/*==================================================
PAGING NAVI
====================================================*/
.paging_navi{
	background:#1B1F27;
	text-align:center;}
.paging_navi span,
.paging_navi a{
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	background:#1B1F27;
	border:1px solid #161A21;
	margin: 0 0 0 -1px;
	color: #808897;
	box-shadow: 0 0 5px #282B35 inset;}
.paging_navi a:hover{
	color:#FFF;
	text-shadow: 0 1px 2px rgba(255,255,255,0.1);}
.paging_navi span.current{
	background: #111317;
	color:#FFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;}
/*==================================================
POST ARCHIVE
====================================================*/
#post_archive{
	max-width: 1300px;
	margin: 0 auto;
	padding: 60px 10px 0;}
.post_photo_list{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	padding: 40px 0;}
.post_photo_list .post_archive_box{
	width: 25%;
	padding: 10px;
	position:relative;}
.post_photo_list .post_archive_box a{
	width:100%;
	padding: 66.666% 0 0;
	display:block;
	position:relative;
	overflow:hidden;}
.post_photo_list img{
	width:100%;
	height: auto;
	position:absolute;
	left:0;
	top: 0;
	right: 0;
	bottom: 0;
	transform: scale(1.001);
	transition: all 1.5s ease-in-out 0s;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;}
.post_photo_list a:hover img{
	transform: scale(1.1);}
.post_photo_list dl{
	width:100%;
	height:100%;
	padding:0 15px 15px;
	top: calc(100% - 60px);
	left:0;
	position:absolute;
	background:rgba(0,0,0,0.5);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;}
.post_photo_list a:hover dl{
	top:0;
	background:rgba(63,24,69,0.5);}
.post_photo_list dt{
	width:100%;
	font-size:22px;
	color:#FFF;
	line-height:30px;
	padding: 15px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}
.post_photo_list a:hover dt{
	width:100%;
	font-size:22px;
	color:#FFF;
	line-height:30px;
	padding: 15px 0;
	overflow: inherit;
	white-space: normal;
	text-overflow: inherit;}
.post_photo_list dd.txt{
	line-height:1.5;
	font-size:13px;
	margin:0 0 15px;
	color:#FFF;}
.post_photo_list dd.txt p{
	line-height:1.5;
	font-size:13px;}
.post_photo_list dd.date{
	line-height:1.5;
	font-size:13px;
	margin:0 0 15px;
	color:#B3B3B3;}
.post_photo_list .icon:after{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #8F389E transparent;}
.post_photo_list .icon span{
	position:absolute;
	bottom:0;
	right:0;
	z-index:5;
	width:30px;
	height:30px;
	color:#FFF;
	text-align:center;
	line-height:30px;}
/*
.post_photo_list{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding: 0 0 40px;}
.post_photo_list .post_archive_box{
	display:block;
	width: 25%;
	padding: 10px;
	position:relative;}
.post_photo_list .post_archive_box a{
	width:100%;
	height:0;
	padding: 66.666% 0 0;
	display:block;
	position:relative;
	overflow:hidden;}
.post_photo_list img{
	width:100%;
	position:absolute;
	top: 0;
	left:0;
	transform: scale(1.001);
	transition: all 1.5s ease-in-out 0s;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;}
.post_photo_list a:hover img{
	transform: scale(1.1);}
.post_photo_list dl{
	width:100%;
	height:100%;
	padding:15px 15px;
	top:100%;
	left:0;
	margin: -50px 0 0;
	position:absolute;
	background:rgba(0,0,0,0.5);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;}
.post_photo_list a:hover dl{
	top: 0;
	margin: 0;
	background:rgba(63,24,69,0.5);}
.post_photo_list dt{
	width:100%;
	font-size:20px;
	color:#FFF;
	min-height:50px;
	line-height:30px;
	padding:0 0 15px;}
.post_photo_list dd.txt{
	line-height:1.5;
	font-size:13px;
	margin:0 0 15px;
	color:#FFF;}
.post_photo_list dd.date{
	line-height:1.5;
	font-size:13px;
	margin:0 0 15px;
	color:#B3B3B3;}
.post_photo_list .icon:after{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #8F389E transparent;}
.post_photo_list .icon span{
	position:absolute;
	bottom:0;
	right:0;
	z-index:5;
	width:30px;
	height:30px;
	color:#FFF;
	text-align:center;
	line-height:30px;}*/
#post_single_layout{
	width: 100%;
	padding: 40px;
	background: rgba(0,0,0,0.2);
	box-shadow: 0 0 100px rgba(0,0,0,0.4) inset;}
#post_single{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	box-shadow: 0 0 10px  rgba(0,0,0,0.5);}
.post_main{
	width: 75%;
	padding: 40px;
	background: #282B35;}
.post_single_img{
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.post_single_img img{
	width: 100%;
	height: auto;}
.post_single_txt{
	padding: 30px 20px 60px;}
.post_single_txt h3{
	font-size: 40px;
	line-height: 1.5;
	padding: 0 0 30px;
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.post_single_txt .post_info{
	padding: 15px 0 5px;
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.post_single_txt .post_info dt,
.post_single_txt .post_info dd{
	font-size: 16px;
	line-height: 1.5;
	color: #7F8797;
	display: inline-block;
	margin: 0 10px 10px 0;}
.post_single_txt .post_info dd a{
	color: #7F8797;}
.post_single_txt .post_info dd a:hover{
	text-decoration: underline;}
.post_content{
	color: rgba(255,255,255,0.9);
	border-top: 1px solid rgba(255,255,255,0.05);
	padding:30px 0 0;}
.post_content a{
	color: #219c8c;}
.post_content a:hover{
	text-decoration: underline;}
.post_content h4{
	color: #FFF;
	margin: 40px 0 20px;
	padding: 5px 10px 5px 15px;
	font-size: 24px;
	line-height: 1.5;
	border-left: 5px solid #219c8c;}
.post_content h5{
	color: #FFF;
	margin: 30px 0 20px;
	padding: 10px 10px 10px 5px;
	font-size: 20px;
	line-height: 1.5;
	border-top: 1px solid rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.1);}
.post_content p,
.post_content li,
.post_content dt,
.post_content dd,
.post_content th,
.post_content td{
	line-height: 1.7;
	font-size: 18px;}
.post_content li{
	margin: 0 0 5px;}
.post_content p,
.post_content ul,
.post_content ol,
.post_content dl,
.post_content table{
	clear: both;
	margin: 0 0 20px;}
.post_content ul,
.post_content ol{
	margin: 0 0 15px;}
.post_content ol{
	list-style-type: decimal;
	list-style-position: outside;
	padding: 0 0 0 20px;}
.post_content strong{
	font-weight: bold;}
.post_content em{
	font-style: italic;}
.post_content blockquote {
    display: block;
	padding: 20px;
	margin: 0 0 20px;
	font-style: italic;
	color: rgba(255,255,255,0.7);
	background: rgba(0,0,0,0.1);}
.post_content .aligncenter{
    display: block;
    margin: 0 auto;}
.post_content .alignright{
	float: right;}
.post_content .alignleft{
	float: left;}
.post_content img{
	max-width: 100%;}
.fb_iframe_widget{
	background: #FFF;}
.post_side{
	padding: 30px;
	width: 25%;
	background: #111317;
	vertical-align: top;}
.post_side .post_side_box{
	padding: 0 0 20px;}
.post_side .post_side_box h3{
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0,0,0,0.8);}
.post_side .side_box_innner{
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,0.1);}
.post_side .post_side_list{
	font-size: 14px;
	line-height: 1.5;}
.post_side .post_side_list a{
	display: block;
	position: relative;
	padding: 5px 20px 5px 10px;
	color: rgba(255,255,255,0.6);}
.post_side .post_side_list a:hover{
	text-shadow: 0 0 5px rgba(255,255,255,0.4);
	color: rgba(255,255,255,1);}
.post_side .post_side_list a:after{
	content: '\e904';
	display: inline-block;
	font-size: 10px;
	width: 20px;
	height: 20px;
	text-align: right;
	line-height: 20px;
	color: rgba(255,255,255,0.4);
	position: absolute;
	right: 0;
	top: 50%;
	margin: -10px 0 0;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;}
.post_side .post_side_list a:hover:after{
	color: rgba(255,255,255,0.8);
	text-shadow: 0 0 5px rgba(255,255,255,0.4);}
.post_side .post_side_thumb_list a{
	display: table;
	width: 100%;
	table-layout: fixed;}
.post_side .post_side_thumb_list a:hover{
	color: rgba(255,255,255,0.1);}
.post_side .post_side_thumb_list a .img,
.post_side .post_side_thumb_list a .text,
.post_side .post_side_thumb_list a .date{
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;}
.post_side .post_side_thumb_list a .img{
	display: table-cell;
	vertical-align: top;
	width: 60px;
	padding: 10px 0;}
.post_side .post_side_thumb_list a .img img{
	max-width: 100%;
	height: auto;}
.post_side .post_side_thumb_list a .text{
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0 10px 10px;
	line-height: 15px;
	font-size: 13px;
	height: 70px;
	color: rgba(255,255,255,0.6);
	overflow: hidden;}
.post_side .post_side_thumb_list a .date{
	display: block;
	color: rgba(255,255,255,0.4);
	font-size: 12px;
	line-height: 20px;}
.post_side .post_side_thumb_list a:hover .text{
	color: rgba(255,255,255,0.9);}
.post_side .post_side_thumb_list a:hover .date{
	color: rgba(255,255,255,0.7);}
.post_side .post_side_thumb_list a:hover .img img{
	opacity: 0.7;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			USER FORM					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.form_nortice{
	color: rgba(255,255,255,0.6);
	line-height: 1.5;
	font-size: 12px;}
#login_layout,
#contact_layout{
	padding: 60px 0 80px;
	background: url(../images/common/bg_form.jpg) center center no-repeat;
	background-size: cover;}
.user_form_box{
	max-width: 480px;
	margin: 0 auto;
	padding: 40px 20px;
	background: rgba(255,255,255,0.03);
	border:1px solid rgba(255,255,255,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
#register_page .user_form_box,
#lostpass_page .user_form_box,
#contact_layout .user_form_box,
.regist_form_layout .user_form_box{
	max-width: 720px;}
.box_form{
	display: table;
	width: 100%;
	table-layout: fixed;}
.box_form dt,
.box_form dd,
.box_form .box_form_title,
.box_form .box_form_text{
	padding: 5px 0;
	display: table-cell;
	vertical-align: top;}
.box_form dt,
.box_form .box_form_title{
	width: 20%;
	padding: 17px 0 5px;}
h2.form_title{
	font-size: 48px;
	font-weight: 100;
	margin: 0 0 20px;
	line-height: 1.2;
	text-align: center;}
.user_form_box h2.form_title{
	font-size: 32px;
	margin: 0 0 30px;}
#contents .frontend-user-admin-login .error_attribute{
	background: none;}
#contents .frontend-user-admin-login .error_attribute input,
#contents .frontend-user-admin-login .error_attribute textarea,
#contents .frontend-user-admin-login .error_attribute label{
	border-color: #E79841;}
#contents .user_form_box .error{
	border-color: #E79841;
	background: none;
	border-radius: 3px;
	line-height: 1.5;
	padding: 20px;
	margin: 10px 0;
	color: #FFF;}
#contents .user_form_box .error strong{
	color: #E79841;}
#contents .user_form_box .error p{
	line-height: 1.5;}
#contents .user_form_box ul.message{
	border-color: #2E9492;
	background: none;
	border-radius: 3px;
	line-height: 1.5;
	padding: 20px;
	margin: 10px 0;
	color: #FFF;}
#contents .user_form_box ul.message strong{
	color: #2E9492;}
#contents .user_form_box ul.message p{
	line-height: 1.5;}
#contact_form_area.send_ok{
	display: none;}
.message_box{
	border-color: #2E9492;
	background: none;
	border-radius: 3px;
	line-height: 1.5;
	padding: 20px;
	margin: 10px 0;
	color: #FFF;}
.message_box strong{
	color: #2E9492;}
.message p{
	line-height: 1.5;}
.lets_login{
	background: url(../images/products/bg.jpg) left bottom no-repeat;
	padding: 20px;
	margin: 0 0 40px;}
.lets_login p{
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 20px;
	font-weight: 800;}

/*==================================================
LOGGED IN
====================================================*/
.fua_menu_list{
	width: 100%;
	max-width: 720px;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);}
.fua_menu_list li{
	display: table-cell;
	vertical-align: middle;}
.fua_menu_list li a{
	display: block;
	padding: 10px;
	text-align: center;
	color:rgba(255,255,255,0.8);
	border:1px solid rgba(255,255,255,0.05);
	border-left:none;}
.fua_menu_list li:first-child a{
	border-radius: 5px 0 0 5px;
	border-left:1px solid rgba(255,255,255,0.05);}
.fua_menu_list li:last-child a{
	border-radius: 0 5px 5px 0;}
.fua_menu_list li a:hover{
	color:rgba(255,255,255,1);
	background: rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1) inset;
	text-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.fua_menu_list li.on a{
	color:rgba(255,255,255,1);
	background: rgba(255,255,255,0.1);}
.fua_menu_list li a:before{
	display: inline-block;
	content: '\e938';
	text-align: center;
	font-size: 20px;
	vertical-align: middle;
	margin: 0 10px 0 0;
	color:rgba(105,113,139,0.5);}
.fua_menu_list li a:hover:before{
	color:rgba(105,113,139,1);}
.fua_menu_list li.on a:before{
	color:rgba(255,255,255,1);}
.fua_menu_list li.account a:before{
	content: '\e947';}
.fua_menu_list li.logout a:before{
	content: '\e924';}
.fua_menu_list li.register a:before{
	content: '\e950';}
.fua_menu_list li.history a:before{
	content: '\e928';}
.fua_menu_list li.support a:before{
	content: '\e921';}
#profile_page{
	padding: 40px 0 80px;}
#profile_page .user_form_box{
	max-width: 720px;}
.lst_switch{
	width: 100%;
	max-width: 720px;
	display: table;
	table-layout: fixed;
	margin: 40px auto 0;}
.lst_switch li{
	display: table-cell;
	vertical-align: middle;}
.lst_switch li a{
	display: block;
	height: 60px;
	line-height: 60px;
	border:1px solid rgba(255,255,255,0.1);
	border-left: none;
	font-size: 14px;
	text-align: center;
	color:rgba(255,255,255,0.6);}
.lst_switch li:first-child a{
	border-left:1px solid rgba(255,255,255,0.1);
	border-radius: 30px 0 0 30px;}
.lst_switch li:last-child a{
	border-radius: 0 30px 30px 0;}
.lst_switch li a:hover{
	color: rgba(255,255,255,1);
	background: rgba(255,255,255,0.1);}
.lst_switch li a.on{
	text-shadow: 0 1px 3px rgba(0,0,0,0.7);
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.05);
	box-shadow: 0 0 30px rgba(0,0,0,0.4) inset;}
.lst_switch li a.on:hover{
	text-shadow: 0 1px 3px rgba(255,255,255,0.7);}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			ACCOUNT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#account_list{
	max-width: 720px;
	margin: 0 auto;
	padding: 40px 0 0;}
#account_list li{
	margin: 0 0 10px;}
#account_list li a{
	display: table;
	width: 100%;
	table-layout: fixed;}
#account_list li a .icon,
#account_list li a .content{
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
	border:1px solid rgba(255,255,255,0.1);
	border-radius: 0 5px 5px 0;}
#account_list li a:hover{
	background: rgba(255,255,255,0.1);}
#account_list li a .icon{
	padding: 10px 0;
	text-align: center;
	width: 25%;
	font-size: 48px;
	border-right:none;
	border-radius: 5px 0 0 5px;
	color: rgba(255,255,255,0.6);}
#account_list li a .icon img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;}
#account_list li a:hover .icon{
	text-shadow: 0 0 5px rgba(255,255,255,0.2);}
#account_list li a .icon img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;}
#account_list li a .content h3{
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255,255,255,0.8);}
#account_list li a .content p{
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255,255,255,0.4);}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			REGISTER

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#regist_product_box_wrap ul{
	display:table;
	width:100%;
	table-layout: fixed;}
#regist_product_box_wrap li{
	display:table-cell;
	padding:10px 5px;
	vertical-align:top;
	text-align:center;}
#regist_product_box_wrap li a{
	width:100%;
	display:block;
	padding:5px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.1);}
#regist_product_box_wrap li a{
	display:block;
	padding:5px;
	line-height:1.5;
	cursor:pointer;
	color:rgba(255,255,255,0.7);
	border:1px solid rgba(0,0,0,0.5);
	border-radius:3px;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4d000000',GradientType=0 );}
#regist_product_box_wrap li a.checked{
	box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;
	color:rgba(255,255,255,1);
	border:1px solid rgba(0,0,0,1);
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00ffffff',GradientType=0 );}
#registpage_notlogin_layout{
	max-width: 1020px;
	margin: 0 auto;
	width: 100%;
	display: table;
	table-layout: fixed;}
#registpage_menu,
#registpage_login{
	padding: 0 20px 0 0;
	display: table-cell;
	vertical-align: top;}
#registpage_login{
	padding: 0 0 0 20px;}
.registpage_menu_box{
	max-width: 480px;
	margin: 0 auto;
	padding: 40px 20px;}
#registpage_notlogin_layout h2{
	font-size: 36px;
	font-weight: 100;
	margin: 0 0 40px;
	line-height: 1.2;
	text-align: center;}
.regist_form_layout{
	max-width: 720px;
	margin: 40px auto 0;}
.serial_normal_wrapper{
	display: table;
	width: 100%;
	table-layout: fixed;}
.serial_box{
	display: table-cell;}
.serial_box.hyphen{
	width: 15px;
	text-align: center;}
#regist_buy_date{
	width: 100%;
	display: table;
	table-layout: fixed;}
.input_date_box{
	display: none;
	width: 100%;
	table-layout: fixed;}
.input_date_box.on{
	display: table;}
.input_date_inner{
	display: table-cell;
	vertical-align: top;}
.input_date_box_y,
.input_date_box_m{
	padding: 0 5px 0 0;}
.input_date_box_y{
	width: 50%;}
#contents #buyshop{
	display: none;}
#contents #buyshop.on{
	display: inline-block;}

#contents #howtoknow_other{
	display: none;}
#contents #howtoknow_other.on{
	display: inline-block;}

#contents .spport_serial_select_box{
	display: none;}
#contents .spport_serial_select_box.on{
	display: block;}
.wishlist_box{
	padding: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.1);}
.whishlist_info{
	display: flex;
	flex-wrap: wrap;}
.whishlist_info_img{
	width: 150px;
	padding: 0 10px 0 0;}
.whishlist_info_img a{
	display: block;}
.whishlist_info_img img{
	max-width: 100%;
	height: auto;}
.whishlist_info_data{
	width: calc(100% - 150px);
	padding: 0 0 0 10px;}
.wishlist_title {
	margin: 0 0 10px;
	border-bottom: 1px solid rgba(150,150,150,0.1);}
.wishlist_title a{
	display: block;
	padding: 10px 30px 10px 0;
	position: relative;
	font-size: 20px;
	line-height: 1.2;}
.wishlist_title a:after{
	content: "\e904";
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: rgba(255,255,255,0.1);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0);}
.wishlist_info_list{
	display: flex;
	margin: 0 0 5px;}
.wishlist_info_list dt,
.wishlist_info_list dd{
	width: 80%;
	font-size: 13px;
	line-height: 1.2;}
.wishlist_info_list dt{
	width: 20%;}
.whishlist_action{
	display: flex;
	padding: 10px 0 0;}
#net_shop_admin_wishlist ul.whishlist_action > li{
	width: 33.333%;
	list-style: none;
	padding: 0 5px;}
#contents #net_shop_admin_wishlist ul.whishlist_action > li.wishlist_action_count {
	padding: 5px 5px 0;}
#contents #net_shop_admin_wishlist ul.whishlist_action > li.wishlist_action_count input{
	text-align: right;}
.whishlist_action > li a{
	display: block;
	line-height: 1.5;
	text-align: center;
	padding: 10px 20px;
	cursor: pointer;
	color: rgba(255,255,255,0.8);
	border-radius: 3px;
	vertical-align: middle;
	border:  1px solid rgba(150,150,150,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
#contents .whishlist_action > li input{
	margin: 0;
	display: block;
	width: 100%;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			FAQ					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#faq_archive{
	padding: 20px 0 0;}
#faq_layout{
	margin: 0 auto;
	display: table;
	max-width: 1020px;
	table-layout: fixed;}
#faq_nav{
	display: table-cell;
	vertical-align: top;
	width: 20%;}
#faq_nav li{
	border-bottom: 1px solid rgba(0,0,0,0.1);}
#faq_nav a{
	display: block;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 1.5;
	color:rgba(255,255,255,0.7);}
#faq_nav a.on{
	color:rgba(255,255,255,1);
	background: rgba(0,0,0,0.2);}
#faq_nav a:hover{
	color:rgba(255,255,255,1);}
#faq_content{
	display: table-cell;
	vertical-align: top;
	position: relative;
	width: 80%;}
.faq_gropue{
	background: rgba(0,0,0,0.2);
	margin: 0 0 20px;}
.faq_head{
	padding: 20px;}
.faq_list_wrap{
	padding: 0 20px 10px;}
.faq_title{
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 20px;}
.faq_post_text p,
.faq_post_text li,
.faq_a_content p,
.faq_a_content li,
.faq_a_content a{
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255,255,255,0.6);}
.faq_a_content a{
	text-decoration: underline;}
.faq_a_content a:hover{
	color: rgba(255,255,255,1);}
.faq_list{
	border-radius: 5px;
	margin: 0 0 10px;}
.faq_q_title{
	display: table;
	width: 100%;
	table-layout: fixed;
	background: rgba(0,0,0,0.7);}
.faq_q_title .icon,
.faq_q_title .title{
	display: table-cell;
	vertical-align: middle;
	padding: 5px 20px 5px 0;}
.faq_q_title .icon{
	width: 40px;
	font-size: 18px;
	padding: 5px 10px;
	text-align: center;
	color: rgba(255,255,255,0.8);}
.faq_q_title .title{
	color: rgba(255,255,255,0.8);
	font-size: 16px;
	line-height: 1.6;}
.faq_q_title:hover .title,
.faq_q_title:hover .icon{
	color: rgba(255,255,255,1);}
.faq_a_content{
	display: none;
	padding: 10px 40px 20px;
	background: rgba(0,0,0,0.7);}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			CART					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#cart_page{
	max-width: 1020px;
	margin: 0 auto;}
.cart_ttl{
	font-size: 28px;
	line-height: 1.5;
	text-align: center;
	margin: 40px 0 0;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1);}
.net_shop_admin_update_quantity{
	padding: 0 0 10px;
	line-height: 1.5;}
.net_shop_admin_subtotal{
	padding: 0 0 10px;
	line-height: 1.5;
	font-size: 18px;}
.thankyou_message p{
	font-size: 18px;
	line-height: 1.5;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			USER					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#net_shop_admin_history{
	max-width: 720px;
	margin: 0 auto;
	padding: 20px 10px 0;}
#net_shop_admin_history dt,
#net_shop_admin_history dd{
	line-height: 1.5;}
#net_shop_admin_wishlist{
	padding: 20px 10px 0;
	max-width: 720px;
	margin: 0 auto;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			DOWNLOAD					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#history_table .w150{
	width: 150px;}
#contents table#history_table td{
	font-size: 13px;}
.download_box{
	border:1px solid rgba(255,255,255,0.1);
	margin: 0 0 20px;}
.download_title_area{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom:1px solid rgba(255,255,255,0.1);}
.download_title_area .text,
.download_title_area a{
	display: table-cell;
	vertical-align: middle;}
.download_title_area .text{
	padding: 20px;
	background: rgba(0,0,0,0.4);}
.download_title_area .text h2{
	font-size: 18px;
	line-height: 1.5;}
.download_title_area .text p{
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255,255,255,0.6);}
.download_title_area .text p .size{
	margin: 0 0 0 3em;}
.download_title_area a{
	width: 200px;
	font-size: 18px;
	background: rgba(0,0,0,0.8);
	text-align: center;
	padding: 10px 0;}
.download_content{
	padding: 20px;
	background: rgba(0,0,0,0.1);
	border-top: 1px dashed rgba(255,255,255,0.1);}
.download_content_area .download_content:first-child{
	border-top: none;}
.download_content h3{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	margin: 0 0 20px;}
.download_content h4{
	font-size: 14px;
	line-height: 1.5;
	margin: 10px 0;}
.download_content p{
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255,255,255,0.7);}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			NETSHOP					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#contents #net_shop_admin_flow ol,
#contents #net_shop_admin_flow li{
	list-style: none;}
#contents #net_shop_admin_flow ol,
.cart_flow_box{
	display: table;
	width: 100%;
	table-layout: fixed;
	float: none;
	left: 0;}
#contents #net_shop_admin_flow ol:after{
	display: none;}
#contents #net_shop_admin_flow li,
.cart_flow_box .num,
.cart_flow_box .title{
	display: table-cell;
	vertical-align: middle;}
#contents #net_shop_admin_flow li{
	border: 1px solid rgba(255,255,255,0.1);
	border-left: none;
	margin: 0;
	float: none;
	right: 0;}
#contents #net_shop_admin_flow li:last-child{
	border-right: none;}
.cart_flow_box .num{
	width: 20%;
	text-align: center;
	font-size: 20px;
	border-right: 1px dotted rgba(255,255,255,0.1);}
.cart_flow_box .title{
	padding: 10px;}
#net_shop_admin_flow ol li.current{
	text-shadow: 0 0 3px rgba(255,255,255,0.6);
	background: rgba(255,255,255,0.1);}
#net_shop_admin_flow ol li.past{
	color: rgba(255,255,255,0.4);}
.cart_item_box{
	padding: 20px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);}
.cart_item_head,
.cart_item_head_info_area_inner,
.cart_item_box_inner,
.cart_item_box_info_inner,
.cart_item_box_action_inner{
	width: 100%;
	display: table;
	table-layout: fixed;}
.cart_item_head_detail_area,
.cart_item_head_info_area,
.cart_item_head_price,
.cart_item_head_num,
.cart_item_box_info,
.cart_item_img,
.cart_item_detail,
.cart_item_box_action,
.cart_item_price,
.cart_item_quantity{
	display: table-cell;}
.cart_item_head{
	border-bottom: 1px solid rgba(255,255,255,0.1);}
.cart_item_head_detail_area,
.cart_item_head_price,
.cart_item_head_num{
	padding: 20px 0;}
.cart_item_head_detail_area{
	padding: 20px 0 20px 15px;}
.cart_item_head_price{
	text-align: right;
	padding: 20px 20px 20px 0;}
.cart_item_head_num{
	text-align: right;}
.cart_item_qyantity_update_area .net_shop_admin_product_quantity{
	text-align: right;}
.cart_item_head_detail_area,
.cart_item_box_info{
	width: 60%;}
.cart_item_img{
	vertical-align: top;
	width: 30%;}
.cart_item_img img{
	max-width: 100%;}
.cart_item_detail{
	padding: 0 20px;
	vertical-align: middle;}
.cart_item_name{
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 20px;}
.cart_item_box_action{
	vertical-align: middle;}
.cart_item_price{
	font-size: 28px;
	line-height: 1.5;
	font-weight: 800;
	vertical-align: middle;
	text-align: right;
	padding: 0 20px 0 0;}
.cart_item_price .include_tax{
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 2;
	text-align: right;}
.cart_item_detail_list,
.coupon_table{
	display: table;
	width: 100%;
	table-layout: fixed;}
.coupon_table{
	margin: 0 0 10px;}
.cart_item_detail_list dt,
.cart_item_detail_list dd,
.coupon_table dt,
.coupon_table dd{
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px 0 0;}
.cart_item_detail_list dt{
	width: 30%;
	padding: 0 0 10px;}
.cart_item_detail_list dd{
	padding: 0 0 5px 5px;}
.coupon_table dd{
	padding: 0 0 0 10px;}
.cart_item_delete_list{
	margin: 0 0 10px;}
.cart_item_delete_list li{
	display: inline-block;
	margin: 0 5px 0 0;}
.cart_item_delete_list li a{
	display: inline-block;
	padding: 5px 15px;
	color: rgba(255,255,255,0.6);
	border:1px solid rgba(255,255,255,0.1);
	border-radius: 5px;}
.cart_item_delete_list li a:hover{
	color: rgba(255,255,255,1);
	border-color: rgba(255,255,255,0.8);}
#contents .net_shop_admin_subtotal{
	padding: 20px 0;}
.subtotak_price_text{
	font-size: 16px;
	line-height: 1.5;}
.subtotal_price{
	font-size: 24px;}
.cart_item_qyantity_update_area{
	margin: 0 0 10px;
	display: table;
	table-layout: fixed;}
.cart_item_qyantity_update_area dt,
.cart_item_qyantity_update_area dd{
	display: table-cell;
	vertical-align: middle;}
.cart_item_qyantity_update_area dt{
	padding: 0 10px 0 0;}
.cart_item_qyantity_update_area dd.net_shop_admin_update_quantity{
	width: 40px;
	padding: 0;}
.cart_item_quantity .notice{
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255,255,255,0.4);}
#contents .shopping_cart_error{
	border:2px solid #2E9492;
	background: none;
	border-radius: 3px;
	line-height: 1.5;
	padding: 20px;
	margin: 10px 0;
	color: #2E9492;
	text-align: center;}
#contents .form-table td.error_attribute{
	background: rgba(0,60,255,0.1);}
#contents .form-table.left th,
#contents .form-table.left td,
#contents .form-table th.left,
#contents .form-table td.left{
	text-align: left;}
#contents .form-table.center th,
#contents .form-table.center td,
#contents .form-table th.center,
#contents .form-table td.center{
	text-align: center;}
#contents .form-table.right th,
#contents .form-table.right td,
#contents .form-table th.right,
#contents .form-table td.right{
	text-align: right;}
.radio_choice{
	display: table;
	width: 100%;
	table-layout: fixed;}
.radio_choice li{
	display: table-cell;
	padding: 10px;}
#contents .radio_choice li label{
	display:block;
	width: 100%;
	margin:0;
	padding:20px 10px;
	text-align: center;}
.cart_step_btn_ara{
	display: table;
	width: 100%;
	margin: 20px 0 0;
	border-top:1px solid rgba(255,255,255,0.1);
	table-layout: fixed;}
.cart_step_btn_ara li{
	display: table-cell;
	padding: 20px 10px 10px;}
#contents .cart_step_btn_ara li input[type="submit"]{
	display:block;
	width: 100%;
	margin:0;
	font-size: 18px;
	padding:20px 5px;
	text-align: center;}
#contents .cart_step_btn_ara li.back input[type="submit"]{
	background: none;
	border:1px solid rgba(255,255,255,0.1);}
#contents .cart_step_btn_ara li.back input[type="submit"]:hover{
	background: rgba(255,255,255,0.1);
	border:1px solid rgba(255,255,255,1);}
#contents input[type="submit"].light{
	background: none;
	padding: 5px 10px;
	font-size: 14px;
	color: rgba(231,152,65,0.9);
	border:1px solid rgba(231,152,65,0.9);}
#contents input[type="submit"].light:hover{
	color: rgba(231,152,65,1);
	background: rgba(53, 57, 71, 0.1);
	border:1px solid rgba(231,152,65,1);
	text-shadow: none;
	box-shadow:none;}
.cart_sub_total li{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px dotted rgba(255,255,255,0.1);}
.cart_sub_total li .subtotal_title,
.cart_sub_total li .subtotal_num{
	display: table-cell;
	font-size: 14px;
	line-height: 1.5;
	padding: 5px;
	text-align: right;
	vertical-align: bottom;}
.cart_sub_total li .subtotal_num{
	width: 20%;}
.cart_sub_total li.subtotal_total{
	border-bottom: 1px solid rgba(255,255,255,0.2);}
.cart_sub_total li.subtotal_total .subtotal_title{
	font-size: 16px;}
.cart_sub_total li.subtotal_total .subtotal_num{
	font-size: 18px;
	font-weight: bold;}
.cart_overreview_ttl_area{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 0 10px;
	border-bottom: 1px solid rgba(255,255,255, 0.5);}
.cart_overreview_ttl_area h3,
.cart_overreview_ttl_area .cart_overreview_ttl_form{
	display: table-cell;
	padding: 10px 0;
	vertical-align: middle;}
.cart_overreview_ttl_area h3{
	font-size: 20px;}
.cart_overreview_ttl_area .cart_overreview_ttl_form{
	width: 100px;
	text-align: right;}
.history_box_area{
	background: rgba(70,70,84,0.3);
	box-shadow: 0 1px 1px rgba(150,150,150,0.1) inset, 0 2px 10px rgba(0,0,0,0.1);
	margin: 15px 0;
	border-radius: 3px;}
.history_box_area h3{
	padding: 10px;
	font-size: 14px;
	line-height: 1.2;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.9);}
.history_box_area .histroy_box_info{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	font-size: 14px;
	line-height: 1.2;
	border-top: 1px solid rgba(150,150,150,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.history_box_area .histroy_box_info dt,
.history_box_area .histroy_box_info dd{
	font-size: 14px;
	line-height: 1.2;
	padding: 10px;
	color: rgba(255,255,255, 0.9);}
.history_box_area .histroy_box_info dt{
	width: 30%;}
.history_box_area .histroy_box_info dd{
	width: 20%;}
.history_box_area .billing{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid rgba(150,150,150,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);}
.history_box_area .billing dt,
.history_box_area .billing dd{
	font-size: 12px;
	line-height: 1.2;
	padding: 10px;
	color: rgba(255,255,255, 0.9);}
.history_box_area .billing dt{
	width: 30%;}
.history_box_area .billing dd{
	width: 70%;}
.history_box_area .order_product{
	border-top: 1px solid rgba(150,150,150,0.1);
	display: flex;
	flex-wrap: wrap;}
.history_box_area .order_product > span{
	font-size: 14px;
	line-height: 1.2;
	padding: 10px;
	color: rgba(255,255,255, 0.9);}
#net_shop_admin_checkout_body dl dt{
	margin: 0 0 5px;}
#cart_page #net_shop_admin_checkout_body .order_comment{
	margin: 10px auto 5px;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			CONTEST					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#contest_layout{
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;}
#contest_template{
	max-width: 800px;
	margin: 0 auto;}
#contest_content{
	max-width: 720px;
	margin: 0 auto;}
#contest_img{
	padding: 0 0 20px;}
#contest_img img{
	max-width: 100%;}
#contest_title{
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
	padding: 0 0 20px;}
#contest_text p,
#contest_text li,
#contest_text dt,
#contest_text dd,
#contest_text th,
#contest_text td{
	font-size: 14px;
	line-height: 1.2;}
#contest_text p,
#contest_text ol,
#contest_text ul,
#contest_text dl,
#contest_text table{
	padding: 0 0 20px;}
#contest_flow{
	padding: 0 0 20px;}
#contest_flow li{
	width: 100%;
	display: flex;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.05);}
#contest_flow li .num{
	width: 30px;
	font-size: 30px;
	color: rgba(255,255,255,0.1);}
#contest_flow li .text{
	width: calc(100% - 30px);
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 1.2;
	align-self: center;}
.contest_detail_box{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 10px;}
.contest_detail_title{
	width: 25%;
	font-size: 14px;
	line-height: 1.2;}
.contest_detail_text{
	width: 75%;
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 1.2;}
.contest_form_submit{
	text-align: center;}
.contest_ttl{
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	color: rgba(255,255,255,0.6);
	padding: 10px 0 20px;}

.cart_error_message_box{
	margin: 20px 0;
	padding: 20px;
	border: 3px solid #E79841;}
.cart_error_message_box p{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #E79841;}
#net_shop_admin_shopping_cart .coupon dt,
#net_shop_admin_shopping_cart .coupon dd{
	line-height: 1.5;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1500					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1500px){

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1200					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1200px){

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1020px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1020px){
/*==================================================
FOOTER
====================================================*/
	footer{
		padding:20px 10px 30px;}
/*==================================================
TITLE 1020
====================================================*/
/*--------------------------------------------------- TITLE : H2*/
	.ttl_link_box{
		display:table;
		table-layout:fixed;
		width:100%;}
	.ttl_link_box .ttl{
		display:table-cell;
		font-size:20px;
		line-height:1.5;
		color:#C7CBD0;
		max-width:1020px;
		margin:0 auto;
		padding:10px;
		height:auto;
		vertical-align:middle;}
	.ttl_link_box .link{
		display:table-cell;
		line-height:1.5;
		padding:10px;
		position:relative;
		height:auto;
		vertical-align:middle;
		width:33.333%;
		text-align:center;}
	.ttl_link_box .link a{
		display:block;
		width:100%;
		height:20px;
		color:rgba(255,255,255,0.8);}
	.ttl_link_box .link a .fonticon{
		font-size:20px;
		display:inline-block;
		line-height:20px;
		vertical-align:middle;
		width:20px;
		padding:5px 0 0;}
	.ttl_link_box .link a .txt{
		display:inline-block;
		vertical-align:middle;
		padding:0 0 0 10px;
		font-size:16px;
		line-height:20px;}
/*==================================================
 TOP SLIDER 1020
====================================================*/
	.top_sld_card.sld_text{
		padding:100px 20px 0;
		background-image:url(../images/top/sld_1_bg.jpg);}
	.top_sld_card.sld_text h2{
		margin:0 0 30px;
		color:#FFF;
		font-style:italic;
		font-size:40px;}
	.top_sld_card.sld_text p.txt{
		font-size:20px;
		color:#DFD6E0;
		margin:0 0 30px;}

/*==================================================
TOP INFORMAITION 1020
====================================================*/
	#top_information .box_table h2{
		padding:0 0 0 20px;}
/*==================================================
TOP MAIN PRODUCT 1020
====================================================*/
	#top_main_profuct{
		width:100%;
		display:block;
		vertical-align:top;}
	#top_main_product_img{
		padding:10px;
		vertical-align:top;
		width:25%;}
	#top_main_checkitout{
		display:table;
		vertical-align:top;
		height:auto;}
	.box_artist{
		width:50%;
		height:auto;
		display:table-cell;
		min-height:inherit;
		min-height:auto;}
	.box_newspart_wrap{
		width:50%;
		display:table-cell;
		vertical-align:middle;
		min-height:inherit;
		min-height:auto;
		background:#1C1E24;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			980px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
 HEADER
====================================================*/
@media screen and (max-width:980px){
	#hdr_menu_open{
		display:table-cell;}
	#hdr_service{
		position:fixed;
		width:100%;
		top:50px;
		left:100%;
		background:#111317;
		z-index:450px;
		transition: all 0.7s ease-in-out 0s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
		-o-transition: all 0.7s;}
	#hdr_service.on{
		left:0;}
	#hdr_service > .box_table{
		display:block;
		border-bottom:1px solid rgba(0,0,0,0.8);}
	#hdr_lang,
	#hdr_sns_wraper,
	#hdr_user_wraper{
		width: 100%;
		display:block;
		text-align:center;}
	#hdr_lang{
		padding:10px 30px;
		border-bottom:1px solid rgba(0,0,0,0.8);}
	#hdr_lang_btn{
		width:80%;
		margin:0 auto;}
	#hdr_lang_btn li a{
		padding:10px 5px;}
	#hdr_sns_wraper{
		height: 50px;
		border-bottom:1px solid rgba(0,0,0,0.8);}
	#hdr_sns{
		padding:0;
		border-top:1px solid rgba(255,255,255,0.03);}
	#hdr_sns{
		display:table;
		width:100%;}
	#hdr_sns li{
		display:table-cell;
		letter-spacing:normal;
		padding: 0;
		border-left:1px solid rgba(255,255,255,0.03);
		border-right:1px solid rgba(0,0,0,0.8);}
	#hdr_sns li > a{
		display:table;
		width:100%;
		height:100%;
		background:none;
		color:#808897;
		font-size:18px;
		border-radius:0;
		padding: 0;}
	#hdr_sns li > a > span{
		display:table-cell;
		width:100%;
		padding:10px 0;
		vertical-align: middle;}
	#hdr_sns li > a:hover{
		background:none;}
	#hdr_user_wraper{
		border-top:1px solid rgba(255,255,255,0.03);}
	#hdr_sns_user_wrapper{
		width: 100%;
		max-width:inherit;
		max-width: auto;
		position: relative;
		right: 0;
		top: 0;}
/*==================================================
TOP 980
====================================================*/
	.news_photo_list li{
		width: 50%;}
	.post_photo_list .post_archive_box{
		width: 50%;}
/*==================================================
ABOUT INFORMAITION 980
====================================================*/
	#about_infomation {
		display: block;}
	#about_infomation .logo,
	#about_infomation .cnt{
		display: block;
		vertical-align: middle;}
	#about_infomation .logo{
		padding: 40px 10px 20px;}
	#about_infomation .logo h3{
		position: relative;
		width: 100%;
		height: 100px;
		text-align: center;
		overflow: hidden;}
	#about_infomation .logo span{
		display: block;
		font-size: 280px;
		margin: -60px 0 0;}
	#about_infomation .cnt{
		padding: 0 10px 40px;
		text-align: center;}
/*==================================================
POST
====================================================*/
	.post_photo_list .post_archive_box{
		width: 33.333%;}
	#post_single{
		display: block;}
	.post_main{
		width: 100%;}
	.post_side{
		width: 100%;}
	.post_side{
		display: block;
		width: 100%;}
/*==================================================
ONLINE SHOP
====================================================*/
	#onlineshop_item_archive{
		width: 100%;}
/*==================================================
ABOUT LINK
====================================================*/
	#about_link .box_table,
	#about_link .box_cell{
		display: block;}
	#about_link .box_table .box_cell,
	#about_link .box_table .box_cell:last-child{
		padding: 10px;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			880px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:880px){
/*==================================================
FOOTER 880
====================================================*/
	#footer{
		max-width:1020px;
		margin:0 auto;}
	#ftr_layout{
		display:block;}
	/*--------------------------------------------------- FOOTER : ABOUT*/
	#ftr_about{
		display:block;
		vertical-align:top;
		width:100%;}
	#ftr_about h2{
		width: 100%;
		margin: 0 0 20px;
	}
	#ftr_about h2 a{
		width:220px;
		margin:0 auto 0;}
	#ftr_sns{
		text-align:center;}
	/*--------------------------------------------------- FOOTER : NAVI*/
	#ftr_navi{
		display:table;}
	/*==================================================
	TOP INFORMAITION 880
	====================================================*/
	#top_information > .box_table{
		display:block;}
	#top_information .box_table h2{
		display:block;
		padding:0 0 20px;
		width:100%;
		text-align:center;
		border-right:none;
		border-bottom:1px solid rgba(0,0,0,0.2);}
	#top_information .box_table .news_lines{
		display:block;
		padding:20px 20px 0;
		border-left:none;
		border-top:1px solid rgba(255,255,255,0.05);}
	.news_lines li{
		position:relative;
		border-top:1px solid rgba(255,255,255,0.03);
		border-bottom:1px solid rgba(0,0,0,0.2);}
	.news_lines li:first-child{
		border-top:none;}
	.news_lines li:last-child:after{
		content:'';
		border-top:none;
		display:block;
		width:100%;
		height:1px;
		position:absolute;
		bottom:-1px;
		left:0;
		background:rgba(255,255,255,0.025);}
	.news_lines a{
		display:table;
		width:100%;
		table-layout:fixed;}
	.news_lines .date{
		display:table-cell;
		padding:5px 0;
		width:100px;
		vertical-align:middle;
		font-size:14px;
		color:#C2C9D6;
		line-height:1.5;}
	.news_lines .title{
		display:table-cell;
		padding:5px 0;
		vertical-align:middle;
		line-height:1.5;}

/*--------------------------------------------------- MAIN CONTENTS*/
	.products_sub_title{
		padding: 0 10px 20px;}
	.pro_main_contents{
		display: block;
		width: 100%;
		padding: 0 10px;}
	.pro_main_txt{
		display: block;}
	.pro_main_txt h2{
		font-size: 28px;
		line-height: 1.5;
		text-align: center;}
	.pro_detail_list{
		margin: 0 0 30px;}
	.pro_main_contents .product_action_list{
		max-width: inherit;
		max-width: auto;
		margin: 0 auto;}
	.pro_main_img{
		display: block;
		padding: 20px 0 0;
		width: auto;}
	.pro_demo{
		width: 100%;
		padding: 5px;
		float: none;}
/*--------------------------------------------------- PRODUCT NAVI*/
	.product_navi_list_wrap{
		padding: 0 80px 0 0;}
	.product_navi_list{
		display: flex;
		width: 100%;
		height: 100%;}
	.product_navi_list li{
		margin:0;
		height: 100%;
		vertical-align: middle;
		border-left:1px solid rgba(255,255,255,0.1);}
	.product_navi_list li:first-child{
		border-left: none;}
	.product_navi_list li a{
		width: 100%;
		height: 100%;
		vertical-align: middle;
		font-size: 12px;
		line-height: 1.5;
		padding: 0 10px;}
	#product_navi_buy {
		width: 80px;
		padding: 10px 10px 10px 0;}
	#product_navi_buy a{
		font-size: 12px;}
	/*--------------------------------------------------- VIDEO*/
	#product_video{
		min-height: 500px;}
	#product_video_layout{
		display: block;}
	#product_video_main{
		display: block;}
	#product_video_side{
		display: block;
		width: 100%;}
	/*--------------------------------------------------- SPEC*/
	#product_spec_content{
		padding: 40px 10px;}
	#contents #product_spec_content table th{
			white-space: normal;}
	/*--------------------------------------------------- REGISTER*/
	#registpage_notlogin_layout{
		width: 100%;
		display: block;}
	#registpage_menu,
	#registpage_login{
		padding: 0 10px 20px;
		display: block;}
	#registpage_notlogin_layout h2{
		font-size: 24px;
		padding: 0 0 20px;
		margin: 0;}
	.registpage_menu_box{
		padding: 10px;}
	.regist_form_layout table.tbl_cmn,
	.regist_form_layout table.tbl_cmn tbody,
	.regist_form_layout table.tbl_cmn tr,
	.regist_form_layout table.tbl_cmn th,
	.regist_form_layout table.tbl_cmn td{
		display: block;}
	.fua_menu_list{
		display: block;
		padding: 0 10px;}
	.fua_menu_list li{
		display: block;
		padding: 0 10px;}
	.fua_menu_list li a{
		text-align: left;}
	/*==================================================
	DOCUMENT 880
	====================================================*/
	.tow_clm_layout{
		display: block;
		padding: 20px 10px;}
	.tow_clm_layout .main,
	.tow_clm_layout .sub{
		display: block;
		width: 100%;
		padding: 0 0 20px;}
	.tow_clm_layout .sub{
		border: none;}
	/*==================================================
	DEALER 880
	====================================================*/
	#dealers_layout{
		padding: 0 10px;}
	#dealers_layout h3{
		padding: 10px 0;}
	#dealers_layout h3 .icon_flag{
		display: block;}
	.dealers_wrapper{
		padding: 0;
		border-bottom:none;}
	.dealers_table{
		display: block;}
	.dealers_table{
		display: table;
		width: 100%;
		table-layout: fixed;}
	.dealers_box{
		display: block;
		vertical-align: top;
		padding: 20px 10px;
		border-right:none;
		border-bottom:1px solid rgba(255,255,255,0.1);}
	/*==================================================
	FAQ 880
	====================================================*/
	#faq_layout{
		padding: 0 10px;
		display: block;}
	#faq_nav{
		display: block;
		width: 100%;
		padding: 0 0 20px;}
	#faq_content{
		display: block;
		width: 100%;}
	/*==================================================
	CART 880
	====================================================*/
	#contents #net_shop_admin_flow{
		height: auto;}
	#contents #net_shop_admin_flow ol{
		display: block;}
	#contents #net_shop_admin_flow li,
	#contents #net_shop_admin_flow li:last-child{
		display: block;
		border:none;
		height: auto;
		border-bottom: 1px dotted rgba(255,255,255,0.1);}
	.cart_flow_box .num{
		font-size: 16px;}
	.cart_flow_box .title{
		font-size: 12px;}
	.cart_item_head{
		display: none;}
	.cart_item_box{
		padding: 20px 10px;}
	.cart_item_box_info,
	.cart_item_box_inner,
	.cart_item_box_action{
		display: block;
		width: 100%;}
	.cart_item_box_info{
		padding: 0 0 20px;
		border-bottom: 1px dotted rgba(255,255,255,0.1);}
	.cart_item_detail{
		padding: 0 10px;
		vertical-align: middle;}
	.cart_item_box_action{
		padding: 20px 0 0;}
	.cart_item_name{
		font-size: 16px;}
	.cart_item_price{
		font-size: 20px;
		padding: 0 10px 0 0;
		text-align: center;}
	.coupon_table{
		display: block;
		margin: 0 0 20px;}
	.coupon_table dt,
	.coupon_table dd{
		display: block;
		width: 100%;
		padding: 0;}
	.coupon_table dt{
		margin: 0 0 10px;}
	.coupon_table dd input{
		width: 100%;}
	.cart_item_detail_list{
		margin: 0 0 20px;}
	.cart_item_detail_list dt,
	.cart_item_detail_list dd{
		display: table-cell;
		vertical-align: middle;
		padding: 0 5px 0 0;}
	.cart_item_detail_list dt{
		width: 50%;}
	.cart_item_delete_list{
		margin: 0 0 10px;}
	#contents .net_shop_admin_subtotal{
		padding: 20px 10px;}
	.subtotak_price_text{
		font-size: 14px;
		line-height: 1.5;}
	.subtotal_price{
		font-size: 20px;}
	/*==================================================
	PRODUCT SINGLE BUY
	====================================================*/
	.product_main_item > box_table{
		display: block;
		padding: 10px;}
	.product_main_item .item_detail{
		display: block;
		padding: 0 10px 20px;}
	.product_main_item h3{
		font-size: 18px;
		padding: 0;}
	.product_main_item .item_text{
		padding: 0;}
	.product_main_item .item_photo{
		display: block;
		padding:20px 0;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			720px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:720px){
/*==================================================
 HEADER 640
====================================================*/
	#hdr_logo{
		padding:0 0 0 10px;}
	#hdr_navi{
		position:fixed;
		width:100%;
		top:180px;
		right:100%;
		background:#111317;
		z-index:450px;
		transition: all 0.7s ease-in-out 0s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
		-o-transition: all 0.7s;
		overflow:auto;}
	#hdr_navi.on{
		right:0;}
	#hdr_navi > ul > li,
	#hdr_navi > ul > li.hdr_navi_sub{
		display:block;
		margin:0;
		border-top:1px solid rgba(255,255,255,0.03);
		border-bottom:1px solid rgba(0,0,0,0.8);}
	#hdr_navi > ul > li > a{
		display:block;
		font-size:16px;
		color:#F0F1F3;
		line-height:40px;
		padding:0 10px;
		height: auto;
		position:relative;}
	#hdr_navi > ul > li > a:hover{
		color:#FFF;
		text-shadow:0 0 2px rgba(255,255,255,0.5);
		box-shadow:0 0 2px rgba(95,104,126,0.1) inset;}
	#hdr_navi > ul > li > a:after{
		content:'\e930';
		position:absolute;
		font-size:15px;
		width:30px;
		height:40px;
		line-height:40px;
		text-align:center;
		right:0;
		top:0;
		color:rgba(255,255,255,0.1);
		transition: all 0.7s ease-in-out 0s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
		-o-transition: all 0.7s;}
	#hdr_navi > ul > li > a:hover:after{
		color:#FFF;
		text-shadow:none;}
	#hdr_navi > ul > li > ul{
		position:relative;
		top: 0;}
	/*==================================================
	ARTIST 720
	====================================================*/
	.artists_box_inner{
		padding: 0 10px;}
	.artists_box_inner .artists_box_layout{
		display: table;}
	.artists_box_inner .img{
		display: table-cell;
		width: 80px;
		padding: 10px 0;}
	.artists_box_inner .img img{
		max-width: 60px;}
	.artists_box_inner .cnt{
		padding: 10px 0;}
	a.artist_single_back_btn{
		z-index: 10;}
/*==================================================
ARTISTS SINGLE 880
====================================================*/
	#artists_single_head{
		padding: 200px 0 0;
		text-align: center;}
	#artists_single_head .img{
		display: block;
		width: 100%;
		text-align:center;
		padding: 10px 0 0;}
	#artists_single_head .img img{
		border-radius: 50%;}
	.artists_single_head_txt{
		display: block;
		vertical-align: middle;
		padding: 30px 10px 30px;}
	#artists_single_head h3{
		font-size: 28px;}
	#artists_single_head p.art_job{
		font-size: 14px;}
	#artists_single_head p.art_works{
		font-size: 12px;}
	.artists_single_intro{
		padding: 10px;}
	.artists_single_intro:after {
		display: none;}
	.artists_single_intoro_inner{
		padding:10px;}
	.artists_single_intoro_inner:before,
	.artists_single_intoro_inner:after{
		font-size: 30px;
		width: 10px;
		height: 10px;
		line-height: 10px;}
	.artists_single_intoro_inner:before{
		top: 5px;
		left: 5px;}
	.artists_single_intoro_inner:after{
		bottom: 5px;
		right: 5px;}
	.artists_single_intoro_inner p{
		font-size: 14px;}
	.art_links{
		margin:0;
		display: block;}
	.art_links li{
		display: block;
		padding: 10px 10px 0;
		height: auto;}
/*==================================================
POST
====================================================*/
	.post_photo_list .post_archive_box{
		width: 50%;}
	#post_single_layout{
		padding: 20px;}
	.post_main{
		padding: 20px;}
	.post_single_txt h3{
		font-size: 28px;}
	.post_single_txt{
		padding: 10px;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			640px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:640px){
/*==================================================
FOOTER 640
====================================================*/
	/*--------------------------------------------------- FOOTER : NAVI*/
	#ftr_navi{
		display:block;}
	.ftr_box{
		display:block;}
	.ftr_box > ul > li{
		padding:0;
		margin: 0 0 5px;
		border-radius:5px;
		border:1px solid rgba(255,255,255,0.1);}
	.ftr_box .ftr_navi_title{
		display: table;
		width: 100%;
		table-layout: fixed;}
	.ftr_box .ftr_navi_title .ftr_sub_btn{
		border-left: 1px solid rgba(255,255,255,0.1);}
	.ftr_box ul a{
		width:100%;
		margin:0;
		position:relative;}
	.ftr_box ul a:before{
		left:5px;}
	.ftr_box .sub{
		display: none;
		padding: 10px;
		border-top:1px solid rgba(255,255,255,0.1);}
	.products_select_box{
		padding:10px 10px 0;}
/*==================================================
TITLE 640
====================================================*/
/*--------------------------------------------------- TITLE : H2*/
	.ttl_link_box{
		display:table;
		table-layout:fixed;
		width:100%;}
	.ttl_link_box .ttl{
		display:table-cell;
		font-size:20px;
		line-height:1.5;
		color:#C7CBD0;
		max-width:1020px;
		margin:0 auto;
		padding:10px;
		height:auto;
		vertical-align:middle;}
	.ttl_link_box .link{
		display:table-cell;
		line-height:1.5;
		padding:0 10px;
		position:relative;
		height:auto;
		vertical-align:middle;
		width:100px;
		text-align:center;}
	.ttl_link_box .link a{
		width:100%;
		height:100%;}
	.ttl_link_box .link a .fonticon{
		font-size:30px;
		display:block;
		text-align:center;
		line-height:30px;
		vertical-align:middle;
		width:100%;
		padding:0;}
	.ttl_link_box .link a .txt{
		display:block;
		vertical-align:middle;
		padding:0;
		font-size:10px;
		line-height:20px;}
/*==================================================
 LIST 640
====================================================*/
	/*--------------------------------------------------- LIST : PHOTO LINK*/
	.news_photo_list{
		height:auto;}
	.news_photo_list li{
		display:block;
		width:50%;}
	.news_photo_list li a{
		width:100%;
		display:block;}
	.news_photo_list dl{
		padding:0 5px;
		top: calc(100% - 40px);}
	.news_photo_list a:hover dl{
		top:0;
		background:rgba(63,24,69,0.5);}
	.news_photo_list dt{
		width:100%;
		font-size:16px;
		color:#FFF;
		line-height:30px;
		padding: 5px;}
	.news_photo_list dd.txt{
		font-size:12px;}
	/*--------------------------------------------------- LIST : PHOTO LINK*/
	.post_photo_list{
		height:auto;}
	.post_photo_list .post_archive_box{
		display:block;
		width:50%;}
	.post_photo_list .post_archive_box a{
		width:100%;
		display:block;}
	.post_photo_list dl{
		padding:0 5px;
		top: calc(100% - 40px);}
	.post_photo_list a:hover dl{
		top:0;
		background:rgba(63,24,69,0.5);}
	.post_photo_list dt{
		width:100%;
		font-size:16px;
		color:#FFF;
		line-height:30px;
		padding: 5px;}
	.post_photo_list dd.txt{
		font-size:12px;}
/*==================================================
 SLIDER 640
====================================================*/
	.top_slider_arw{
		width:50px;
		height:50px;
		top:100%;
		margin:-50px 0 0;
		font-size:40px;
		line-height:40px;
		color:rgba(255,255,255,1);
		z-index:15;}
	.top_sld_card.sld_text{
		padding:70px 20px 0;}
	.top_sld_card.sld_text h2{
		font-size:30px;}
/*==================================================
TOP MAIN PRODUCT 640
====================================================*/
		#top_main_profuct{
			width:100%;
			display:block;
			vertical-align:top;}
		#top_main_product_img{
			padding:10px;
			vertical-align:top;
			width:25%;}
		#top_main_checkitout{
			display:block;
			vertical-align:top;
			height:auto;}
		.box_artist{
			display:block;
			width:100%;}
		.box_newspart_wrap{
			width:100%;
			display:block;}

/*==================================================
TOP PRODUCT LIST 640
====================================================*/
	.psld_stage{
		float:left;
		padding:0;}
	.psld_stage .psld_inner{
		display:block;
		width:100%;
		height:420px;
		margin:0;
		max-width:inherit;
		max-width:auto;}
	.psld_stage .product_item{
		display:block;
		width:100%;
		float:left;}
	.product_item dl{
		margin:0 0 30px;}
	.product_item dt{
		margin:0 0 10px;}
	.product_item dd h3{
		font-size:20px;
		line-height:1.5;
		color:#FFF;
		font-weight:bold;
		font-style:italic;}
	.product_item dd p{
		font-size:14px;
		line-height:1.5;
		font-weight:200;}
	.product_icon_link{
		text-align:center;
		letter-spacing:-0.4em;}
	.product_icon_link li{
		letter-spacing:normal;
		display:inline-block;
		margin:0 10px;}
	.product_icon_link a{
		font-size:20px;
		line-height:50px;
		width:50px;
		height:50px;
		border-radius:25px;}
/*==================================================
PRODUCT ARCHIVE 640
====================================================*/
	.pro_archive_box_wrap{
		width: 100%;
		display: block;}
	.pro_archive_box{
		display: block;
		padding: 20px;}
	.pro_archive_box_inner{
		max-width: 480px;}
	.pro_archive_box_inner h3{
		padding: 0 0 5px;
		font-size: 16px;
		text-align: center;}
	.pro_archive_box_inner p.sub{
		text-align: center;}
.vs_free_title{
	display: block;}
.vs_proname{
	display: block;
	font-size: 12px;
	white-space:normal;
	padding: 0 10px 5px;}
.vs_proiminfo{
	display: block;
	vertical-align: middle;
	padding: 5px 10px;}
/*==================================================
FORM 640
====================================================*/
	.box_form{
		display: block;}
	.box_form dt,
	.box_form dd,
	.box_form .box_form_title,
	.box_form .box_form_text{
		padding: 5px 0 10px;
		display: block;
		vertical-align: middle;}
	.box_form dt,
	.box_form .box_form_title{
		width: 100%;
		padding: 10px 0 5px;
		border-top:1px solid rgba(255,255,255,0.1);}
	.box_form dd,
	.box_form .box_form_text{
		border-top:1px solid rgba(0,0,0,0.1);}
/*==================================================
ITEM 640
====================================================*/
	#onlineshop_item_archive_list .nsa_product_list{
		width: 50%;}
	#item_single_detail .item_single_head{
		display: block;}
	#item_single_detail .item_single_img{
		width: 100%;
		text-align: center;}
	#item_single_detail .item_single_text{
		width: 100%;
		padding: 20px 0 0;}
/*==================================================
ARTISTS SINGLE 640
====================================================*/
	.art_contents_two_clumn{
		display: block;}
	.art_contents_two_clumn .art_contents_text,
	.art_contents_two_clumn .art_contents_img{
		display: block;}
	.art_contents_two_clumn .art_contents_img{
		width: 100%;
		text-align: center;
		padding: 10px 0;}
	.art_contents_txtimg .art_contents_text{
		padding:0;}
	.art_contents_imgtxt .art_contents_text{
		padding: 0;}
	#item_box_area .nsa_product_child{
		width: 50%;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			480px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:480px){
/*==================================================
LIST
====================================================*/
	.news_photo_list li{
		display:block;
		float:none;
		width:100%;}
	.news_photo_list li a img{
		min-width:100%;}
	.post_photo_list .post_archive_box{
		width:100%;}
	.post_photo_list .post_archive_box a img{
		min-width:100%;}
/*==================================================
TOP MAIN PRODUCT
====================================================*/
	#top_main_profuct{
		padding:0;
		display:block;
		height:auto;}
	#top_main_profuct > .box_table{
		height:auto;
		display:block;}
	#top_main_product_img{
		width:100%;
		display:block;
		padding:0;
		text-align:center;
		vertical-align:middle;}
	#top_main_product_img img{
		width:100%;
		max-width:inherit;
		max-width:auto;}
	#top_main_product_cnt{
		display:block;
		width:100%;
		height:auto;
		vertical-align:middle;
		padding:20px 10px;
		position:relative;}
	#top_main_product_cnt p.txt_cmn{
		margin:0 0 10%;}
	.icon_triangle{
		top:0;}
/*==================================================
ARTIST SINGLWE 480
====================================================*/
	#artists_single_head{
		padding:0;}
	#artists_single_head .img{
		padding: 80px 0 0;}
	#item_box_area .nsa_product_child{
		width: 100%;}
/*==================================================
POST
====================================================*/
	.post_photo_list .post_archive_box{
		width: 100%;}
	#post_single_layout{
		padding: 10px;}
	.post_main{
		padding: 10px;}
	.post_single_txt h3{
		font-size: 20px;}
	.post_single_txt{
		padding: 10px;}
	.post_content p,
	.post_content li,
	.post_content dt,
	.post_content dd,
	.post_content th,
	.post_content td{
		font-size: 14px;}
/*==================================================
ITEM 640
====================================================*/
	#onlineshop_item_archive_list .nsa_product_list{
		width: 100%;}
/*==================================================
DOWNLOAD 640
====================================================*/
	.download_title_area .text p .size{
		margin: 0;
		display: block;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			340px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:340px){

}