@charset 'UTF-8';


/* header
--------------------------------------------------*/

.cmn-hdg-category-container{
position:relative;
margin-bottom: 34px;
}
.cmn-hdg-category-container .header-link{
color:#fff;
font-style:12px;
position:absolute;
text-decoration: none;
text-shadow: 0 0 0;
right: 20px;
top: 50%;
margin-top: -6px;
padding-left: 12px;
font-weight: normal;
}
.cmn-hdg-category-container .header-link:before {
content: '';
display: block;
position: absolute;
top: 5px;
left: 0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
width: 4px;
height: 4px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (max-width: 720px) {
.cmn-hdg-category-container .header-link.right{
position:absolute;
top:50%;
right:0;
display:block;
text-decoration:none;
height:42px;
box-sizing:border-box;
padding:0 0 0 12px;
color: #333;
font-size: 12px;
margin-top: -5px;
}
.cmn-hdg-category-container .header-link.right::before{
content: '';
display: block;
position: absolute;
top: 5px;
left: 0;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
width: 4px;
height: 4px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cmn-hdg-category-container{
margin-bottom: 10px;
}
.cmn-hdg-category-container .cmn-hdg-category{
font-size: 20px;
}
}

/* hdg-l2
--------------------------------------------------*/

.cmn-toggle-item h2{
font-size:32px;
padding-left:60px;
position:relative;
}
.theme-box h2{
color:#e08e42;
font-size:32px;
border-bottom: 2px solid #e08e42;
}
#Area.theme-box h2{
color:#e95a74;
border-bottom: 2px solid #e95a74;
padding-bottom: 5px;
}
#Season.theme-box h2{
color:#72ac20;
border-bottom: 2px solid #72ac20;
padding-bottom: 10px;
}
.cmn-toggle-item h2:before{
content:'';
background:url(/element/special/shared/images/icon-sprite.png) no-repeat;
display:block;
width:50px;
height:50px;
position:absolute;
top:50%;
margin-top:-28px;
left:0;
}
#Season .cmn-toggle-item h2:before{
margin-top: -37px;
}
#Area .cmn-toggle-item h2:before{
margin-top: -30px;
}
#Tieup.theme-box h2,
#Tieup.theme-box h2{
padding-left:0;
color: #333;
border-bottom: 2px solid #666;
font-size: 28px;
letter-spacing: .1em;
}
.theme-box.kokunai h2:before{
content: '';
background-position:-5px -189px;
}
.theme-box.kaigai h2:before {
background-position: -5px 0;
}
#Area.theme-box h2:before{
background-position:-5px -60px;
}
#Season.theme-box h2:before {
background-position: -5px -120px;
}
#Tieup.theme-box h2:before,
#Tieup.theme-box h2:before {
background:none;
}

.cmn-toggle-hook + .cmn-toggle-item > .hdg-l2-01{
margin-top: 80px;
padding-bottom: 5px;
}
#Theme .cmn-toggle-hook + .cmn-toggle-item > .hdg-l2-01{
margin-top:0px;
padding-bottom: 5px;
}

@media screen and (max-width:550px){
.theme-box h2{
display:none;
}
}


/* hdg-l3
--------------------------------------------------*/
.hdg-l3-01{
font-size:23px;
color:#333;
margin-bottom:10px;
}
@media screen and (max-width:550px){
.hdg-l3-01{
font-size:17px;
margin:10px 0;
}
}
/* .local-link-list
--------------------------------------------------*/

.local-link-list{
text-align:right;
display:block;
margin-top:-51px;
}
.local-link-list li{
display:inline-block;
margin-left:3px;
}
.local-link-list li.link-special{
display: none;
}
.local-link-list li.link-special:before{
content:'';
width:1px;
height:30px;
background:#ccc;
display:inline-block;
margin-right:12px;
margin-left:5px;
vertical-align:middle;
}
.local-link-list li > a{
text-decoration:none;
font-size:15px;
font-weight: bold;
padding:7px 10px 7px 10px;
position:relative;
display: inline-block;
box-sizing: border-box;
min-width: 100px;
text-align: left;
color: #555;
border: 1px solid #c5c5c5;
border-radius: 1px;
background-color: #fff;
box-shadow: 0 -1px 0 #dadada inset;
border-radius: 3px;
}
.local-link-list li.link-special > a{
width: 109px;
height: 34px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
-webkit-box-shadow: inset 0 -3px rgba(6,0,1,.1);
-moz-box-shadow: inset 0 -3px rgba(6,0,1,.1);
box-shadow: inset 0 -3px rgba(6,0,1,.1);
box-sizing:border-box;
text-align:center;
color:#333;
border:1px solid #c9c9c9;
border-radius:2px;
padding:5px 12px;
}
/*
.local-link-list > li span.ic-sign{
position:relative;
display:inline-block;
}
.local-link-list > li span.ic-sign:before{
content:'';
position:absolute;
top:50%;
left:-12px;
margin-top:-3px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4.5px 0 4.5px;
border-color: #ffffff transparent transparent transparent;
}
*/
.local-link-list li > a .ic-sign{
position: relative;
padding-left: 22px;
}
.local-link-list li > a.link-tieup .ic-sign{
padding-left: 0;
}
.local-link-list li > a.link-theme .ic-sign:before{
content: '';
background: url(/element/special/shared/images/ic-special01-01.png) no-repeat;
background-size: 21px 20px;
position: absolute;
left: 0;
top: 50%;
margin-top:-11px;
width: 21px;
height: 20px;
display: block;
}
.kokunai .local-link-list li > a.link-theme .ic-sign:before{
content: '';
background: url(/element/special/shared/images/icon-sprite.png) 0 -62px no-repeat;
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
left: 0;
background-size: 20px 166px;
}
.local-link-list li > a.link-area .ic-sign:before{
content: '';
background: url(/element/special/shared/images/ic-special01-02.png) no-repeat;
background-size: 21px 20px;
position: absolute;
left: 0;
top: 50%;
margin-top:-11px;
width: 21px;
height: 20px;
display: block;
}
.local-link-list li > a.link-season .ic-sign:before{
content: '';
background: url(/element/special/shared/images/ic-special01-03.png) no-repeat;
background-size: 21px 20px;
position: absolute;
left: 0;
top: 50%;
margin-top:-11px;
width: 21px;
height: 20px;
display: block;
}
.local-link-list li > a.link-tieup{
padding-left: 10px;
}

@media screen and (max-width:845px){
.local-link-list{
margin-top:10px;
}
}
@media screen and (max-width:550px){
.local-link-list li.link-special{
display:none;
}
.local-link-list > li span.ic-sign span.sp{
display:none;
}
.local-link-list{
width:100%;
box-sizing:border-box;
height:35px;
clear:both;
padding-bottom:10px;
}
.local-link-list li{
display:inline-block;
width:33.33%;
box-sizing:border-box;
float:left;
padding-right:5px;
margin-left: 0;
}
.local-link-list li:last-child{
padding-right: 0;
}
.local-link-list li > a{
width:100%;
display:block;
text-align:center;
box-sizing:border-box;
padding: 5px;
box-sizing: border-box;
min-width: inherit;
font-size: 14px;
font-weight: normal;
}
.local-link-list li > a.link-tieup{
padding-left: 5px;
}
.local-link-list li > a .ic-sign{
padding-right: 10px;
}
.local-link-list li > a.link-tieup .ic-sign{
padding-right: 0;
}
}


/* .detail-link
--------------------------------------------------*/

.detail-link{
clear:both;
margin:20px 0 25px;
padding:5px 0;
color: #555;
}
.detail-link li{
padding-right:9px;
margin-right:6px;
border-right:1px solid #ccc;
font-size:13px;
display:inline-block;
line-height:1;
}
.detail-link li:last-child{
padding-right:0;
margin-right:0;
border-right:0;
}
.detail-link li a{
text-decoration:none;
color: #555;
}
.detail-link li a:hover{
text-decoration:underline;
}

@media screen and (max-width:550px){
.detail-link{
display:none;
}
}

/* .cmn-col
---------------------------------------------------*/
.cmn-col{
margin-bottom:30px;
}
.cmn-col a{
text-decoration:none;
}
.cmn-col .img-left{
float:left;
padding-right:14px;
}
.cmn-col .img-left img{
max-width:155px;
}
.cmn-col .text-right span{
display:block;
}
.cmn-col .text-right .pruduct-info{
color:#0b41a1;
font-size:15px;
line-height:1.2;
margin-bottom:4px;
}
.cmn-col .text-right .update-txt{
color:#808080;
font-size:13px;
margin-bottom:3px;
}
.cmn-col .text-right .update-txt > .icon{
display:none;
font-size:11px;
border:1px solid #dcdcdc;
margin-left:4px;
padding:1px 3px;
}
.cmn-col .text-right .detail-txt{
color:#333;
line-height:1.4;
padding-left: 167px;
}
@media screen and (max-width: 900px){
.cmn-col-lyt-2>.cmn-col-lyt-inner>.cmn-col{
width:47.5%;
}
}
@media screen and (max-width: 650px){
.cmn-col{
float:none;
clear:both;
margin-bottom: 15px;
}
.category-box {
margin-bottom: 10px;
padding-bottom: 10px;
}
.cmn-col-lyt-2>.cmn-col-lyt-inner>.cmn-col{
width:100%;
}
.cmn-col .img-left img{
max-width:80px;
}
.cmn-col .text-right .detail-txt{
display:none;
}
.cmn-col .text-right .pruduct-info{
font-size:14px;
}
.cmn-col .text-right .update-txt > .icon{
display:inline-block;
}
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.cmn-col a{
display: block;
}
.cmn-col a:before,
.cmn-col a:after{
content:"";
display:table;
}
.cmn-col a:after{
clear:both;
}

/* .category-box
---------------------------------------------------*/

.category-box{
margin-bottom:15px;
padding-bottom:0;
border-bottom:1px solid #e5e5e5;
}
.category-box:last-child{
border-bottom: 0;
}
.category-box.toggle-child{
border-bottom:0;
}
@media screen and (max-width:650px){
.category-box:last-child{
border-bottom:0;
}
}
@media screen and (max-width:720px){
.category-box{
margin:0 -10px 0 -10px;
padding:0 10px 0 10px;
border-bottom:1px solid #e5e5e5;
}
.cmn-col .img-left{
padding-right: 8px;
}
.cmn-grid-container .cmn-grid-gutters .cmn-grid-col:first-child{
border-top: 1px solid #e5e5e5;
}
.cmn-toggle-container {
margin-top: 0;
}
.cmn-toggle-container:before,
.cmn-toggle-container:after{
content:"";
display:table;
}
.cmn-toggle-container:after{
clear:both;
}
#str-main .cmn-toggle-container.active .cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook{
margin-top: 0px;
}
}

/* .theme-box
--------------------------------------------------*/

.theme-box{
margin-top:30px;
}
.theme-box + .cmn-grid-container{
border-top: 1px solid #e5e5e5;
margin-top: 80px;
}

/* .cmn-toggle-container
---------------------------------------------------*/

#str-main .cmn-toggle-container .cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook .cmn-toggle-btn{
display:block;
background:#fff;
font-size:16px;
color:#333;
padding:14px 0;
text-align:center;
}
#str-main .category-box:last-child .cmn-toggle-btn{
border-bottom:1px solid #e5e5e5;
}
.cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook .cmn-toggle-btn > span{
position:relative;
padding-left:20px;
}
.cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook .cmn-toggle-btn > span:before{
content: "";
display: inline-block;
width: 11px;
height: 11px;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size: 100%;
margin-right: 5px;
position: relative;
top: 1px;
}
.cmn-toggle-item .cmn-toggle-container.active .cmn-toggle-hook .cmn-toggle-btn > span:before{
content: "";
display: inline-block;
width: 11px;
height: 11px;
background: url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 50% no-repeat;
background-size: 100%;
margin-right: 5px;
position: relative;
top: 1px;
}
.cmn-toggle-item .cmn-toggle-container>.cmn-toggle-item{
display:none;
}
.cmn-toggle-item .cmn-toggle-container.active>.cmn-toggle-item{
display:block;
}
.sns li {
display: inline-block;
margin-left: 10px;
vertical-align: top;
}
@media screen and (max-width:550px){

.theme-box > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn{
color:#fff;
font-size:16px;
font-weight:bold;
text-align:left;
padding: 9px 10px 8px 30px;
position:relative;
}
.theme-box > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn:before{
content:'';
position:absolute;
width:14px;
height:14px;
display:block;
left:10px;
top:50%;
margin-top:-7px;
background: url(/element/special/shared/images/ic-open.svg) no-repeat;
}
.cmn-toggle-container.active .cmn-toggle-hook > .cmn-toggle-btn:before{
background: url(/element/special/shared/images/ic-close.svg) no-repeat;
}
.theme-box > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn span{
position:relative;
padding-left: 28px;
}
.theme-box > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn span:before{
content:'';
position:absolute;
width:2px;
height:10px;
top:50%;
left:-18px;
margin-top:-4px;
}
#Tieup.theme-box > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn span{
padding-left:0;
}

#Theme > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn{
background:#e08e42;
}
#Area > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn{
background:#db74a2;
}
#Season > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn{
background:#72ac20;
}
#Tieup > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn{
background:#666666;
}
#Tieup > .cmn-toggle-container .cmn-toggle-hook > .cmn-toggle-btn{
background: #666666;
}
#str-main > #Theme.theme-box > .cmn-toggle-container > .cmn-toggle-hook > .cmn-toggle-btn span:after{
content: '';
background: url(/element/special/shared/images/ic-special02-01.svg) no-repeat;
display: block;
width: 21px;
height: 22px;
position: absolute;
left: 0;
top: 50%;
margin-top: -11px;
}
#str-main.kokunai > #Theme.theme-box > .cmn-toggle-container > .cmn-toggle-hook > .cmn-toggle-btn span:after{
content: '';
background: url(/element/special/shared/images/ic-special02-04.svg) no-repeat;
display: block;
width: 21px;
height: 22px;
position: absolute;
left: 0;
top: 50%;
margin-top: -11px;
}
#str-main > #Area.theme-box > .cmn-toggle-container > .cmn-toggle-hook > .cmn-toggle-btn span:after{
content: '';
background: url(/element/special/shared/images/ic-special02-02.svg) no-repeat;
display: block;
width: 21px;
height: 20px;
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
}
#str-main > #Season.theme-box > .cmn-toggle-container > .cmn-toggle-hook > .cmn-toggle-btn span:after{
content: '';
background: url(/element/special/shared/images/ic-special02-03.svg) no-repeat;
display: block;
width: 26px;
height: 24px;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
}
.theme-box{
margin-top:0;
border-bottom:1px solid #fff;
margin:0 -10px;
}
.theme-box > .cmn-toggle-container{
margin-top:0;
}
.theme-box > .cmn-toggle-container > .cmn-toggle-item{
padding:0 10px;
}

#str-main .cmn-toggle-container .cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook .cmn-toggle-btn{
font-weight:normal;
border-top: 1px solid #e5e5e5;
}
#str-main .cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook .cmn-toggle-btn:after{
display:none;
}
#str-main .cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook .cmn-toggle-btn > span{
position:relative;
padding-left:0;
}
#str-main .cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook .cmn-toggle-btn > span:before{
content: "";
display: inline-block;
width: 11px;
height: 11px;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size: 100%;
margin-right: 5px;
position: relative;
top: 1px;
left: 0;
}
#str-main .cmn-toggle-item .cmn-toggle-container.active .cmn-toggle-hook .cmn-toggle-btn > span:before{
content: "";
display: inline-block;
width: 11px;
height: 11px;
background: url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 50% no-repeat;
background-size: 100%;
margin-right: 5px;
position: relative;
top: 1px;
left: 0;
}
#str-main .cmn-toggle-container .cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook{
margin-left:-10px;
margin-right:-10px;
margin-top: -10px;
}
.cmn-toggle-item .category-box.toggle-child .cmn-toggle-container.active{
margin-top:0;
}
#str-main .category-box:last-child .cmn-toggle-btn,
.theme-box + .cmn-grid-container {
border: 0;
}
}

@media screen and (max-width: 900px){
.cmn-col-lyt-2>.cmn-col-lyt-inner>.cmn-col:nth-child(3n+1) {
clear: inherit;
}
}

@media screen and (max-width: 550px){
#str-main .cmn-toggle-item .cmn-toggle-container .cmn-toggle-hook .cmn-toggle-btn > span:before{
width: 12px;
height: 12px;
}
#str-main .cmn-toggle-item .cmn-toggle-container.active .cmn-toggle-hook .cmn-toggle-btn > span:before{
width: 12px;
height: 12px;
}
}

/* .under-info-list
---------------------------------------------------*/

.under-info-list{
color: #888;
margin: 45px 0;
}
.under-info-list li{
display: block;
margin-top: 5px;
font-size: 13px;
text-indent: -1em;
padding-left: 1em;
}
@media screen and (max-width: 900px){
.under-info-list{
margin: 15px 0;
}
}