@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

/****************************************************************************

/terminal/itemList/

****************************************************************************/

.terminal.itemList #pcContent > article { /**max-height:0;**/ overflow:hidden; }
.terminal.itemList #spContent { /**max-height:0;**/ overflow:hidden; visibility:hidden; }
.terminal.itemList #spContent .acdSpCont { /**max-height:0;**/ overflow:hidden; }
.terminal.itemList .acdSpCont.open .acdSpCont { display:block!important; }

/*@media print,screen and (max-width:700px){*/
.terminal.itemList #pcContent { /**max-height:0;**/ overflow:hidden; visibility:hidden; }
.terminal.itemList #spContent { /**max-height:0;**/ visibility:visible; }
/*}*/

/*左ナビ
---------------------------------------------------------------------------*/

.itemListNav { width:100%; border: #eee 2px solid;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.46),-6px -6px 6px rgba(0,0,0,0.46);
    background-color: rgba(0,0,0,0.4); }
.itemListNav > li { border-bottom:#9da1a7 1px solid; }
.itemListNav > li a { display:block; height:50px; color:#fff; font-size:13px; text-decoration:none; line-height:50px; padding:0 15px; position:relative; background:URL(../../img/cmn/alBg131824_35p.png) repeat;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease; 
}
.itemListNav > li a:after { content:''; width:32px; height:29px; position:absolute; right:8px; top:50%; background: URL(../../img/cmn/allow_02.png) no-repeat center center;
    margin: -15px 0 0 0;
    background-size: auto 10px; }
.IE8 .itemListNav > li a:after { background: URL(../../img/cmn/allow_02a.png) no-repeat center center;}
.itemListNav > li a.active { background:#4a4c55; }

.spCourse {
    display: none;
}

/*@media print,screen and (max-width:700px){*/
.itemListNav { display:none; }
/*}*/

/*コンテンツ
---------------------------------------------------------------------------*/

.itemListContent { border: #9da1a7 1px solid;
    border: #eee 2px solid;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.26),-6px -6px 6px rgba(0,0,0,0.26),6px -6px 6px rgba(0,0,0,0.26),-6px 6px 6px rgba(0,0,0,0.26);
    /*background-color: rgba(255,255,255,0.4);*/ position:relative; }
.itemListContent > article { maxHeight:0; overflow:hidden; /**visibility:hidden;**/ }
.IE8 .itemListContent { background-color:#CECECE; }

/* itemListTtl01 */
.itemListContent .itemListTtl01 { }

/* itemListTtl02 */
.itemListContent .itemListTtl02 { font-size:26px; color:#fff; font-weight:bold; text-align:center; padding:14px 30px; overflow:hidden; position:relative; height:64px;
/**text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;**/
}
.itemListContent .itemListTtl02 * { font-weight:bold; line-height:140%; }
.itemListContent .itemListTtl02:before { content:''; width:309px; height:340px; position:absolute; left:-50px; top:-50px; background:URL(../../img/cmn/slideBg_03.png) no-repeat center top; z-index:-1; }
.itemListContent .itemListTtl02.navLogo { height:64px; background:#000; text-align:center; padding:0; overflow:hidden; position:relative; }
.itemListContent .itemListTtl02.navLogo * { height:100%; }
.itemListContent .itemListTtl02.navLogo img { width:auto; margin:0 auto; }
.itemListContent .itemListTtl02.navLogo:before { display:none; }

/* itemListWrap01 */
.itemListContent .itemListWrap01 { width:100%; position:relative; }
.itemListContent .itemListWrap01 img { width:auto; height:100%; margin:0 auto; }
.itemListContent .itemListWrap01 p { font-size:14px; line-height:160%; }
.itemListContent .itemListWrap01 .list { width:100%; }

/* itemListInner01 */
.itemListContent .itemListInner01 { padding:25px 25px 35px 25px; position:relative;}
.itemListContent .itemListInner01:before {  }
.itemListContent .itemListInner01 > div { width:50%; padding:5px; float:left; }
.itemListContent .itemListInner01 .itemListTable { 
/**box-shadow: 1px 1px 7px #000, -1px -1px 7px #000;**/
    background-color: rgba(255,255,255,0.1);
    border-radius: .3em;
 position:relative; }
 .itemListContent .itemListInner01 .itemListTable:before { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0;border: 1px solid #35373E; border-radius: .2em; box-sizing:border-box;
    border-top: 1px solid #60626A; }
.IE8 .itemListContent .itemListInner01 .itemListTable { background-color:#666666; }
.itemListContent .itemListInner01 .itemListTable .itemTtl { padding:15px 15px 0 15px; }
.itemListContent .itemListInner01 .itemListTable h4 { border-left:#F9D722 5px solid; font-size:15px; color:#fff; line-height: 140%; padding: 0px 0px 0px 10px; font-weight:bold; }
.itemListContent .itemListInner01 .itemListTable .itemListColWrap { margin:15px 0 0 0; padding:0 20px; }
.itemListContent .itemListInner01 .itemListTable .itemListColWrap .Lcol { width:100%; float:left; }
.itemListContent .itemListInner01 .itemListTable .itemListColWrap .Lcol figure { width:168px; margin:0 auto; }
.itemListContent .itemListInner01 .itemListTable .itemListColWrap .Rcol { display:none; }
.itemListContent .itemListInner01 .itemListTable .data { margin:15px 0 0 0; color:#eee; }
.itemListContent .itemListInner01 .itemListTable .data p { color: #B1B1B1;/**background-color: #3E3F46;
    border-bottom: 1px solid #06090A;**/
    /**text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);**/ line-height:160%; /**border-top:#9da1a7 1px solid;**/ vertical-align:top; padding:8px 15px; background-color:rgba(255,255,255,.06);}
	.itemListContent .itemListInner01 .itemListTable .data p:nth-last-child(1) { border-bottom-left-radius:.1em; border-bottom-right-radius:.1em; }
.itemListContent .itemListInner01 .itemListTable .data p.spTxt { /**display:none;**/ }
.itemListContent .itemListInner01 > div.typeW { width:100%; /*clear:both;*/ }
.itemListContent .itemListInner01 div.typeW .itemListTable .itemTtl { display:none; }
.itemListContent .itemListInner01 div.typeW .itemListTable .itemListColWrap .Lcol { width:198px; }
.itemListContent .itemListInner01 div.typeW .itemListTable .itemListColWrap .Lcol figure { width:100%; }
.itemListContent .itemListInner01 div.typeW .itemListTable .itemListColWrap .Rcol { display:block; float:right; width:100%; margin:0 0 0 -198px; padding:0 0 0 218px; color:#eee; }
.newItem .itemListTable:after { content:'NEW'; display:block; width:60px; height:22px; line-height:22px; text-align:center; background:URL(../../img/cmn/newIcon_bg.png) no-repeat center center; overflow:hidden; vertical-align:middle; font-size:11px !important; font-weight:normal !important; margin:0 5px 0 0; letter-spacing:0.1em; position:absolute; top:-5px; left:-5px; 
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}

/*arrowPc*/
.arrowPc .itemListPrev,
.arrowPc .itemListNext { width:64px; height:64px; position:absolute; top:0; z-index:100; cursor:pointer; margin:0; /**background:URL(../../img/cmn/alBg000_60p.png) repeat;**/ overflow:hidden; }
.arrowPc .itemListPrev { }
.arrowPc .itemListNext { margin:0 0 0 662px; }

/* clearfix element */
.itemListInner01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .itemListInner01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .itemListInner01 { zoom:1; }
.itemListColWrap:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .itemListColWrap { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .itemListColWrap { zoom:1; }

.note { padding:10px 0; font-size:10px; color:#FFF; }

/*@media print,screen and (max-width:700px){*/
.itemListContent { border:none; }
.itemListContent > article { maxHeight:none; visibility:visible; margin:0px 0 0 0; }
.itemListContent > article:first-child { margin-top:0; }

/*ページ限定の処理*/
#spContent .page03 .itemListTtl02,
#spContent .page06 .itemListTtl02 { display:none !important; }
#spContent .page03 .list .acdSpCont,
#spContent .page06 .list .acdSpCont { max-height:none !important; }

/* itemListTtl01 */
.itemListContent .itemListTtl01 {  height:60px; overflow:hidden; cursor:pointer; position:relative; padding:0 10px; }
.itemListContent .itemListTtl01 h2 { width:100%; height:60px; font-size:16px; line-height:140%; color:#fff; font-weight:bold; background:URL(../../img/cmn/alBgFFF_12p.png) repeat; text-align:center; padding:0 10px; overflow:hidden;
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;
}
.itemListContent .itemListTtl01 h2 > * { display:table-cell; font-weight:bold; vertical-align:middle; }
.itemListContent .itemListTtl01:after { content:''; width:16px; height:16px; position:absolute; right:25px; top:50%; margin:-8px 0 0 0; background:URL(../../img/cmn/navIcon2_off.png) no-repeat center center; background-size:100% 100%; z-index:2; }
.itemListContent .itemListTtl01.active:after { background-image:URL(../../img/cmn/navIcon2_on.png); }

.itemListContent .itemListInner01 { padding-top:10px!important; padding-bottom:10px!important; }

/* courseTtl02 */
.itemListContent .itemListTtl02 { font-size:100%; height:40px; overflow:hidden; cursor:pointer; position:relative; padding:0; margin-top:15px;
/**text-shadow: 0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;**/
}
.itemListContent .itemListTtl02 h3 { width:100%; height:40px; display:table; font-size:16px; line-height:40px; color:#fff; font-weight:bold; text-align:center; padding:0 10px; overflow:hidden; }
.itemListContent .itemListTtl02 h3.new { position: relative;}
.itemListContent .itemListTtl02 h3.new:after { content: "NEW"; background-color: rgba(232,21,25,1.00); padding: .4em; position: absolute; top:0; left:0; display: block; font-size: 80%; line-height: 1;}
.itemListContent .itemListTtl02 h3 > * { display:table-cell; font-weight:bold; vertical-align:middle; }
.itemListContent .itemListTtl02:after { }
.itemListContent .itemListTtl02.active:after { background-image:URL(../../img/cmn/navIcon2_on.png); }
.itemListContent .itemListTtl02:before { display:none; }

.itemListContent .itemListTtl02.navLogo { background:none; text-align:center; }
.itemListContent .itemListTtl02.navLogo h3 { background-color:transparent; }
.itemListContent .itemListTtl02.navLogo img { width:auto !important; height:50px; }

.spCourse select { width:100%;  height:44px; -webkit-appearance:none; appearance:none; border:1px solid #202024; border-top:1px solid #474951; border-bottom:1px solid #29292C; border-radius:.3em; box-sizing:border-box; /**box-shadow: 0px 2px 12px #000;**/  padding:0 10px;background-image:url(../../img/cmn/navIcon_off.png); background-repeat:no-repeat; background-size:auto 24px; background-position:-webkit-calc( 100% - 10px) center; background-position:calc( 100% - 10px) center; background-color:#19191E; color:#FFF;}
.spCourse { display:block;width:90%; margin:0 5% 20px 5%; position:relative; border:1px solid #050909; border-radius:.4em; }

/* courseWrap01 */
.itemListContent .itemListWrap01 { width:100%; overflow:hidden; position:relative; padding:0px; background:none; }
.itemListContent .itemListWrap01 p {  }
.itemListContent .itemListWrap01 .list { border:none; background-color:rgba(255,255,255,.05);  position:relative;  }


/* itemListInner01 */
.itemListContent .itemListInner01 { padding:0 10px; }
.itemListContent .itemListInner01:before {  }
.itemListContent .itemListInner01 .slick-list { overflow:hidden; padding:15px 0; box-sizing:content-box; }
.itemListContent .itemListInner01 > div { width:100%; padding:0; float:none; overflow:visible; margin-bottom:0px; }
.itemListContent .itemListInner01 .itemListTable .itemTtl { padding:10px 10px 0 10px; }
.itemListContent .itemListInner01 .itemListTable h4 { border-left:4px solid #B8984D; font-size:14px; padding: 0px 0px 0px 8px; }
.itemListContent .itemListInner01 .itemListTable .itemListColWrap { margin:10px 0 0 0; padding:10px 10px 10px 10px; }
.itemListContent .itemListInner01 .itemListTable .itemListColWrap .Lcol { float:none; }
.itemListContent .itemListInner01 .itemListTable .itemListColWrap .Lcol figure { width:150px; margin:0 auto; }
.itemListContent .itemListInner01 .itemListTable .data { margin:10px 0 0 0;
 }
.itemListContent .itemListInner01 .itemListTable .data p { font-size:12px; padding:8px 10px; }
.itemListContent .itemListInner01 > div.typeW { width:49%; /*clear:both;*/ float:left; }
.itemListContent .itemListInner01 > div.typeW:nth-child(2n) { float: right;}
.itemListContent .itemListInner01 > div.typeW.modal { cursor:pointer; }
.itemListContent .itemListInner01 > div.typeW.modal .itemListTable:after {/* display:block; content:"詳細"; height:44px; line-height:44px; background-color:rgba(255,255,255,0.1); color:#FFF; padding:0 10px; background-image:url(/wanganmaxi6rrplus/jp/img/top_allow.png); background-repeat:no-repeat; background-position:calc(100% - 10px ); background-size:auto 10px;*/  }
.itemListContent .itemListInner01 div.typeW .itemListTable .itemTtl { display:none; }
.itemListContent .itemListInner01 div.typeW .itemListTable .itemListColWrap .Lcol { width:100%; }
.itemListContent .itemListInner01 div.typeW .itemListTable .itemListColWrap .Lcol figure { width:auto; height:120px; margin:0 auto; text-align:center; }
.itemListContent .itemListInner01 div.typeW .itemListTable .itemListColWrap .Rcol { display:none; }
.itemListContent .itemListInner01 div.typeW .itemListTable .data p.spTxt { display:none; }
.itemListContent .itemListInner01 .itemListPrev,
.itemListContent .itemListInner01 .itemListNext { width:60px; height:60px; position:absolute; top:100px; background-size:100% 100% !important; cursor:pointer; margin:0 0 0 0; z-index:100; background:URL(../../img/cmn/alBg000_60p.png) repeat; overflow:hidden; }
.itemListContent .itemListInner01 .itemListPrev { left:11px; }
.itemListContent .itemListInner01 .itemListNext { right:11px; }
.newItem .itemListTable:after { top:-11px; left:-3px; }

/*arrowPc*/
.arrowPc { position:relative;  }
.arrowPc .itemListPrev { position:absolute; top:0; left:0px;}
.arrowPc .itemListNext { position:absolute; top:0; right:0px;}

.arrowPc .itemListPrev, .arrowPc .itemListNext { width:60px; height:60px; }

.itemList .parts_bg_01 { padding-bottom:0!important; }

.note { padding:10px; font-size:10px }

#dressBox { -webkit-transform:scale(0) translateY(-50%); font-size:80%;
-moz-transform:scale(0) translate(-50%,-50%);
-o-transform:scale(0) translate(-50%,-50%);
-ms-transform:scale(0) translate(-50%,-50%);
transform:scale(0) translate(-50%,-50%);

position:fixed; width:90%; max-width:800px; max-height:100%; overflow:auto; left:50%; top:60%; background-color:rgba(46,61,65,0.6); color:#FFF; padding:15px; box-sizing:border-box; border-radius:.2em; box-shadow:0px 2px 15px #000; opacity:0;
-moz-transition: opacity 0.3s ease 0s,top 0.3s ease 0s;
-webkit-transition: opacity 0.3s ease 0s,top 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s,top 0.3s ease 0s;
-ms-transition: opacity 0.3s ease 0s,top 0.3s ease 0s;
transition: opacity 0.3s ease 0s,top 0.3s ease 0s;
 }

.dressOpen #dressOver { width:100%; height:100%; background-color:rgba(0,0,0,.8); position:fixed; top:0; left:0; z-index:9999; cursor:pointer;}
.dressOpen #dressBox p { padding:.7em 0; border-bottom:1px solid rgba(255,255,255,.2); }
.dressOpen #dressBox p:nth-child(3) { border:none; }
.dressOpen #dressBox { -webkit-transform:scale(1) translateY(-50%);
-moz-transform:scale(1) translate(-50%,-50%);
-o-transform:scale(1) translate(-50%,-50%);
-ms-transform:scale(1) translate(-50%,-50%);
transform:scale(1) translate(-50%,-50%);
z-index:9999;
 top:50%; opacity:1;
 }
.dressOpen #dressBox img { height:120px; width:auto;  }
.dressOpen #dressBox p.figu { text-align:center; }
 
.dressOpen #dressBox .close { width:50%; height:44px; line-height:44px; text-align:center; background-color:rgba(0,0,0,.3); border-radius:22px; margin:0 auto; cursor:pointer; margin-top:10px; }
.dressOpen #dressBox h4 { font-size:130%; border-left:4px #FF9B00 solid; padding-left:7px; margin-bottom:10px; }

.dressOpen #dressBox h4 img {  width:100%; height:auto; }
.dressOpen #dressBox h4.whee { border:none; padding:0; }

/*}*/