@charset "utf-8";

html.shopmodalopen,
body.shopmodalopen {overflow: hidden;}
html.shopmodalopen.shopmodalclose,
body.shopmodalopen.shopmodalclose {overflow: visible;}

#shopmodalbase {z-index: -1000000; background: rgba(255,255,255,0); width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; overflow: hidden; overflow-y: scroll; transition: 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0;}
.windowloaded #shopmodalbase{opacity: 1;}
#shopmodalbase .wrap{width: 614px; margin: 194px auto 120px; background: url(../images/product/shop/bg_mid.png) center center repeat-y; transition: 0.7s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate(0,-101%);/* height: 1011px;*/}
#shopmodalbase .wrap::after{content: ''; background: url(../images/product/bg_imgmodal.png) center top no-repeat; width: 100%; height: 100px; position: absolute; left: 0; top: -100px; z-index: 0;}
#shopmodalbase .wrap::before{content: ''; background: url(../images/product/bg_imgmodal.png) center bottom no-repeat; width: 100%; height: 100px; position: absolute; left: 0; bottom: -100px; z-index: 0;}
#shopmodalbase .wrap article{position: relative; z-index: 10; border: 1px solid rgba(255,255,255,0);}

#shopmodal header {position: relative; padding: 0 0 0; z-index: 0; text-align: center; margin-top: -49px;}
#shopmodal header h3 {font-size: 22px; line-height: 62px; font-weight: bold; background: url(../images/product/shop/title.png) center top no-repeat;}
#shopmodal header h4 {font-size: 20px; line-height: 71px; color: #373d85;}
#shopmodal p.note {line-height: 0; color: #373d85; font-size: 14px; margin: 18px 0 -69px;}
#shopmodal p.note.isnote{line-height: 21px; margin-bottom: -49px;}
#shopmodal footer {position: absolute; right: 9px; top: -182px; z-index: 10; width: 62px; height: 62px; overflow: hidden; font-size: 0;}
#shopmodal footer a{display: block; width: 62px; height: 62px; transition: 0.3s ease-out;background: url(../images/common/btn_close.png) left top no-repeat;}
#shopmodal footer a:hover {opacity: 0.8;}

.shopmodalopen #shopmodalbase{z-index: 1000000; background: rgba(255,255,255,0.9);}
.shopmodalclose #shopmodalbase {z-index: 1000000; background: rgba(255,255,255,0);}
#shopmodal article {display: none;}
#shopmodal article.show{display: block;}
.shopmodalopen #shopmodalbase .wrap{transform: translate(0,0);}
.shopmodalclose #shopmodalbase .wrap{transform: translate(0,-101%); transition: 0.3s 0s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0;}


@media screen and (min-width:641px){

#siteheader nav ul li:nth-child(4) a::before {top: 0; opacity: 1;}

#wrapper {padding-top: 0; overflow: hidden;}

#bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/top/bg.jpg) center top no-repeat; background-size: 100% auto; min-width: 1200px; z-index: 0;}
#bg02 {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/top/bg02.png) center top repeat-y; background-size: 100% auto; min-width: 1200px; z-index: 0;}

.pagetitle {position: relative; z-index: 10; padding: 130px 0 0; height: 221px;}

#ln {text-align: center;}
#ln a {display: inline-block; width: 354px; height: 273px; background: url(../images/product/tab.png) left top no-repeat; margin: 0 1px;}
#ln a[data-target*='02']{background-position: -356px 0;}
#ln a[data-target*='03']{background-position: -712px 0;}
#ln[data-active='03'] a {background-position: 0 -300px;}
#ln[data-active='03'] a[data-target*='02']{background-position: -356px -300px;}
#ln[data-active='03'] a[data-target*='03']{background-position: -712px -300px;}
#ln[data-active='02'] a {background-position: 0 -600px;}
#ln[data-active='02'] a[data-target*='02']{background-position: -356px -600px;}
#ln[data-active='02'] a[data-target*='03']{background-position: -712px -600px;}

#ln ~ section.tab {background: url(../images/product/bg_tab.png) no-repeat center top; display: none; position: relative; padding: 0 0 70px;}
#ln ~ section.tab::after{content: ''; width: 100%; height: 100%; background: rgba(32,39,130,0.8); position: absolute; left: -100%; top: 0;}
#ln ~ section.tab::before{content: ''; width: 100%; height: 100%; background: rgba(32,39,130,0.8); position: absolute; right: -100%; top: 0;}

section.tab h2 {padding: 43px 0 35px;}
section.tab .box + h2 {margin-top: 9px;}
section.shoplist {display: none; padding: 75px 0 ; text-align: center; width: 1200px; }
section.shoplist .list {display: flex; justify-content: center; align-items: flex-start; align-content: center; flex-flow: wrap; width: 1240px; padding: 36px 0 0; margin-left: -20px;}
section.shoplist .list .shop {width: 375px; height: 570px; background: url(../images/product/bg_shoplist.png) left top no-repeat; display: inline-block; vertical-align: middle; margin: 0 15px;}
section.shoplist .list .shop:nth-child(n+4) {margin: 65px 15px 0;}
section.shoplist .list .shop h3 {font-size: 17px; line-height: 61px; font-weight: bold;}
section.shoplist .list .shop h4 {font-size: 16px; line-height: 61px; color: #373d85;}
section.shoplist .list .shop a.imgmodal {margin-bottom: 21px; display: inline-block; position: relative;}
/*
section.shoplist .list .shop a.imgmodal::after{content: ''; width: 34px; height: 34px; border: 1px solid #fff; border-radius: 100%; z-index: 11; position: absolute; right: 7px; bottom: 7px;}
section.shoplist .list .shop a.imgmodal i {background: #c0344d; width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; z-index: 10;}
section.shoplist .list .shop a.imgmodal i::after{content: ''; width: 2px; background: rgba(255,255,255,0.8); height:20px; position: absolute; right: 23px; top: 16px;}
section.shoplist .list .shop a.imgmodal i::before{content: ''; width: 2px; background: rgba(255,255,255,0.8); height:20px; position: absolute; right: 23px; top: 16px; transform:rotate(90deg);}
*/
section.shoplist .list .shop a.imgmodal i {background:url(../images/common/icon_zoom.png) left top no-repeat #c0344d; width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; z-index: 10;}

section.shoplist .list .shop a{transition: 0.3s;}
section.shoplist .list .shop a.imgmodal:hover {opacity: 0.7;}

section.shoplist .list .shop a:not(.imgmodal):hover {filter: brightness(130%);}
.ie section.shoplist .list .shop a:hover {opacity: 0.7;}



.box {position: relative; min-height: 300px; margin: 40px auto; background: url(../images/product/bg_mid.png) center top repeat-y;}
.box .in {position: relative; min-height: 300px; text-align: left; color: #373d85;}
.box .in::after {content: ''; background: url(../images/product/bg_bottom.png) center top no-repeat; position: absolute; left: 0; bottom: -40px; width: 100%; height: 100px;}
.box .in::before {content: ''; background: url(../images/product/bg_top.png) center top no-repeat; position: absolute; left: 0; top: -40px; width: 100%; height: 100px;}

section .type h3 {font-size: 23px; color: #fff; line-height: 52px; font-weight: bold;}
section .type h4 {font-size: 19px; line-height: 27px; margin: 9px 0 2px;}
section .type p {font-size: 17px; line-height: 27px;}
section .type p em {font-size: 22px;}
section .type ul {margin: 20px 0 0;}
section .type a{transition: 0.3s;}
section .type a:hover {filter: brightness(130%);}
.ie section .type a:hover {opacity: 0.7;}
/*単体*/
section#cont01 .type {position: relative; z-index: 10; text-align: center;}
section#cont01 .type .item {display: inline-block; vertical-align: top; width: 512px; margin: 0 9px;}
section#cont01 .type .item div {background: url(../images/product/01/bg_list.png) left top no-repeat; height: 267px; margin: 24px 0 0;}
section#cont01 .type ul li {display: inline-block; margin: 0 5px;}
section#cont01 dl {text-align: center; width: 984px; margin: 28px auto 0; border-bottom: 24px solid rgba(0,0,0,0); position: relative;}
section#cont01 dl dt{font-size: 18px; background: #fbf6ee; padding: 18px 0 10px;}
section#cont01 dl dd{font-size: 14px; background: #fbf6ee; line-height: 1.7; padding-bottom: 33px;}
section#cont01 dl dd p {position: absolute; left: 3.8px; bottom:-37px; text-align: center; width: 100%;}
section#cont01 dl dd p a {display: inline-block; margin: 0 auto;}
section#cont01 p.note {width: 1146px; margin: 0 auto -4px; padding: 31px 50px 0; color:#fff; text-align: left; font-size: 14px; line-height: 1.7;}
section#cont01 .type .item.last{display:flex; width:748px; margin:47px auto 0; padding-bottom:19px;}
section#cont01 .type .item.last div{display:inline-block; width:512px; height:267px; margin:40px 0 0 34px; background:url(../images/product/01/bg_list.png) no-repeat left top;}
/*section#cont01 .type .item.last div{display:inline-block; width:512px; height:227px; margin:40px 0 0 34px; background:url(../images/product/01/bg_list02.png) no-repeat left top;}*/
section#cont01 .type .item.last h4{margin-bottom:23px;}
section#cont01 .type .item.last h4 em{font-size:22px;}

/*プレミアム*/
section#cont02 .box::after{content: ''; background: url(../images/product/02/base.png) left top no-repeat; width: 1193px; height: 809px; position: absolute; left: 50%; top: 0; margin: -52px 0 0 -513px; z-index: 11;}
section#cont02 .set {font-size: 16px; line-height: 1.7; width: 984px; margin: 0 auto; z-index: 10; position: relative; padding: 291px 0 0;}
section#cont02 .setbg{ background: rgba(255,255,255,0.7); padding: 22px 37px;}
section#cont02 .set ul.note {font-size: 13px; padding-bottom: 20px;}
section#cont02 .tokuten{background: url(../images/product/02/tokuten.png) left top no-repeat; width: 563px; height: 60px; font-size: 0; line-height: 1;}
section#cont02 p.note {width: 1146px; margin: 0 auto -4px; padding: 31px 50px 0; color:#fff; text-align: left; font-size: 14px; line-height: 1.7;}
section#cont02 .type {text-align: center; padding: 35px 0 0; position: relative; z-index: 10;}
section#cont02 .type div {background: url(../images/product/02/bg_list.png) center top no-repeat; width: 432px; height: 307px; display: inline-block; margin: 0 10px; vertical-align: top;}
section#cont02 .type ul {margin: 20px 0 0;}
section#cont02 .type ul li {margin-bottom: 5px;}

/* DL*/
section#cont03 p.packcage {position: relative; z-index: 10; text-align: center;}
section#cont03 dl {text-align: center; margin: 31px 0 0;}
section#cont03 dl dt{font-size:23px; line-height: 30px; font-weight: bold; margin-bottom: 7px;}
section#cont03 dl dd{font-size:18px; line-height: 27px;}
section#cont03 p.note {width: 1146px; margin: 0 auto -4px; padding: 31px 50px 0; color:#fff; text-align: left; font-size: 14px; line-height: 1.7;}
section#cont03 .type {text-align: center; padding: 30px 0 0; position: relative; z-index: 10; max-width: 1000px; margin: 0 auto;}
section#cont03 .type div {background: url(../images/product/03/bg_list.png) center top no-repeat; width: 432px; height: 257px; display: inline-block; margin: 0 10px; vertical-align: top;}
section#cont03 .type ul {margin: 20px 0 0;}
section#cont03 .type ul li {margin-bottom: 5px;}
section#cont03 p.note {width: 1146px; margin: 0 auto -4px; padding: 31px 50px 0; color:#fff; text-align: left; font-size: 14px; line-height: 1.7;}


}



@media screen and (min-width:1701px){
#ln ~ section.tab {background: url(../images/product/bg_tab.png) no-repeat center top; display: none; position: relative; width: 1700px;}
#ln ~ section.tab::after{content: ''; width: 100%; height: 100%; background: rgba(32,39,130,0.8); position: absolute; left: -100%; top: 0;}
#ln ~ section.tab::before{content: ''; width: 100%; height: 100%; background: rgba(32,39,130,0.8); position: absolute; right: -100%; top: 0;}

}
@media screen and (max-width:1700px) and (min-width:641px){

}

@media screen and (max-width:1200px) and (min-width:641px) {

}


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

    SP

**********************************************************************/
#wrapper {padding-top: 0; overflow: hidden; font-size: 0; width: 100vw;}

#bg {background: url(../images/common/bg_sp.jpg) center top no-repeat; background-size: 100vw auto; width: 100vw; height: 100%; min-width: inherit; position: fixed; left: 0; top: 0; z-index: 0;}
#bg02 {background: url(../images/common/sp/bg_second.png) center top no-repeat; height: 8.75vw; background-size: 100vw auto; width: 100vw; position: absolute; left: 0; top: 4.8vw;}

.pagetitle {position: relative; z-index: 10; padding: 14.3vw 0 2.5vw;}
.pagetitle img {height:10.78125vw; width: auto;}

#ln {text-align: center; position: relative; z-index: 10;}
#ln a {display: inline-block; width: 32.1875vw; height: 31.5625vw; margin: 0 0.15625vw; background-size: 100vw auto; opacity: 1; opacity: 0;}
#ln[data-active='02'] a {width: 32.1875vw;}

#ln[data-active='01']::after{content: ''; background: url(../images/product/01/bg_tab-sp.png) center top no-repeat; background-size: 100vw 1018.031vw; position: absolute; left: 0; top: 0; width: 100vw; height: 1018.031vw/*6413px*/; z-index: -1;}
#ln[data-active='02']::after{content: ''; background: url(../images/product/02/bg_tab-sp.png) center top no-repeat; background-size: 100vw auto; position: absolute; left: 0; top: 0; width: 100vw; height: 315.5vw; z-index: -1;}
#ln[data-active='03']::after{content: ''; background: url(../images/product/03/bg_tab-sp.png) center top no-repeat; background-size: 100vw auto; position: absolute; left: 0; top: 0; width: 100vw; height: 300vw; z-index: -1;}

#ln ~ section.tab {background:none; display: none; position: relative; padding: 0 0 0.5vw; overflow: hidden;}
/*
#ln ~ section.tab::after{content: ''; width: 100%; height: 100%; background: rgba(32,39,130,0.8); position: absolute; left: 0; top: 168.5vw; z-index: -1;}
*/

section.tab h2 {padding: 6.1vw 0 4.5vw;/* margin-top: 31.5vw;*/}
section.tab .box + h2 {margin-top: 1.40625vw;}
section.tab h2 img {height:10.78125vw; width: auto;}

section.shoplist {display: none; padding: 5.2vw 0 10.4vw; text-align: center; width: 100vw; }
section.shoplist h2 img {height:10.78125vw; width: auto;}

section.shoplist .list {display: flex; justify-content: flex-start; align-items: flex-start; align-content: center; flex-flow: wrap; width: 100vw; padding: 5.625vw 0 0;}
section.shoplist .list .shop {width: 44.6875vw; height: 68.28125vw; background: url(../images/product/bg_shoplist.png) left top no-repeat; display: inline-block; vertical-align: middle; margin: 0 2.03125vw ; background-size: 100% auto;}
section.shoplist .list .shop:nth-child(n+3) {margin: 5.15625vw 2.03125vw 0;}
section.shoplist .list .shop h3 {font-size: 2.34375vw; line-height: 7.34375vw; font-weight: bold;}
section.shoplist .list .shop h4 {font-size: 2.1875vw; line-height: 7.1875vw; color: #373d85;}
section.shoplist .list .shop a.imgmodal {margin-bottom: 2.5vw; display: inline-block; position: relative;}
/*
section.shoplist .list .shop a.imgmodal::after{content: ''; width: 4.21875vw; height: 4.21875vw; border: 1px solid #fff; border-radius: 4.21875vw; z-index: 11; position: absolute; right: 0.78125vw; bottom: 0.78125vw;}
section.shoplist .list .shop a.imgmodal i {background: #c0344d; width: 6.09375vw; height: 6.09375vw; position: absolute; right: 0; bottom: 0; z-index: 10;}
section.shoplist .list .shop a.imgmodal i::after{content: ''; width: 1px; background: rgba(255,255,255,0.8); height:2.5vw; position: absolute; right: 2.8125vw; top: 1.875vw;}
section.shoplist .list .shop a.imgmodal i::before{content: ''; width: 1px; background: rgba(255,255,255,0.8); height:2.5vw; position: absolute; right: 2.8125vw; top: 1.875vw; transform:rotate(90deg);}
*/
section.shoplist .list .shop a.imgmodal i {background:url(../images/common/icon_zoom.png) left top no-repeat #c0344d; width: 6.563vw; height: 6.563vw; position: absolute; right: 0; bottom: 0; z-index: 10; background-size: cover;}

section.shoplist .list .shop a img {width: 38.59375vw; height: auto;}



.box {position: relative; min-height: 46.875vw; margin: 6.25vw auto; background: url(../images/product/bg_mid-sp.png) center top repeat-y; background-size: 100vw auto;}
.box .in {position: relative; min-height: 46.875vw; text-align: left; color: #373d85;}
.box .in::after {content: ''; background: url(../images/product/bg_bottom-sp.png) center top no-repeat; position: absolute; left: 0; bottom: -6.25vw; width: 100vw; height: 15.625vw; background-size: 100vw auto;}
.box .in::before {content: ''; background: url(../images/product/bg_top-sp.png) center top no-repeat; position: absolute; left: 0; top: -6.25vw; width: 100vw; height: 15.625vw; background-size: 100vw auto;}

section .type h3 {font-size: 3.28125vw; color: #fff; line-height: 8.125vw; font-weight: bold;}
section .type h4 {font-size: 2.96875vw; line-height: 4.21875vw; margin: 1.40625vw 0 0.3125vw;}
section .type p {font-size: 2.65625vw; line-height: 4.21875vw;}
section .type p em {font-size: 3.4375vw;}
section .type ul {margin: 3.125vw 0 0;}


/*単体*/
section#cont01 h2 img {height:auto; width: 100vw;}
section#cont01 .type {position: relative; z-index: 10; text-align: center;}
section#cont01 .type .item {display: inline-block; vertical-align: top; width: 80vw; margin: 0 1.40625vw;}
section#cont01 .type .item div {background: url(../images/product/01/bg_list.png) left top no-repeat; height: 41.71875vw; margin: 3.75vw 0 0; background-size: 100% auto;}
section#cont01 .type .item + .item {margin-top: 6.5625vw;}
section#cont01 .type .item img {height: 37.1875vw; width: auto;}
section#cont01 .type ul li {display: inline-block; margin: 0 0.78125vw;}
section#cont01 .type .item ul li img {height: 11.09375vw; width: auto;}
section#cont01 dl {text-align: center; width: 80vw; margin: 4.375vw auto 0; border-bottom: 3.75vw solid rgba(0,0,0,0); position: relative;}
section#cont01 dl dt{font-size: 3.28125vw; background: #fbf6ee; padding: 3.90625vw 0 1.5625vw; font-weight: bold;}
section#cont01 dl dd{font-size: 2.65625vw; background: #fbf6ee; line-height: 1.7; padding:0 1.5625vw 7.03125vw;}
section#cont01 dl dd p {position: absolute; left:0; bottom:-4.0625vw; text-align: center; width: 100%;}
section#cont01 dl dd p a {display: inline-block; margin: 0 auto;}
section#cont01 dl dd p a img{height: 8.28125vw; width: auto;}

section#cont01 p.note {width: 93.75vw; margin: 0 auto 0; padding: 5.4vw 0; color:#fff; text-align: left; font-size: 2.5vw; line-height: 3.75vw;}

section#cont01 .type .item.last{margin-top:6.5625vw;}
section#cont01 .type .item.last div{height:41.71875vw; background-image:url(../images/product/01/bg_list.png);}
/*section#cont01 .type .item.last div{height:35.469vw; background-image:url(../images/product/01/bg_list02.png);}*/
section#cont01 .type .item.last h4 em{font-size:3.4375vw;}
section#cont01 .type .item.last a{display:block; width:35.938vw; margin:3.125vw auto 0;}
section#cont01 .type .item.last a img{width:auto; height:11.094vw;}


/*プレミアム*/
section#cont02 .box::after{content: ''; background: url(../images/product/02/base-sp.png) left top no-repeat; width: 100vw; height: 136.25vw; position: absolute; left: 0; top: -2vw; margin: 0 0 0 0; background-size: 100% auto;}
section#cont02 .set {font-size: 2.8125vw; line-height: 1.8; width: 79.6875vw; margin: 0 auto; z-index: 10; position: relative; padding: 55.2875vw 0 8.5875vw;}
section#cont02 .set p span {display: inline-block; text-indent: -1em; padding-left: 1em;}
section#cont02 .set ul.note {font-size: 2.1875vw; padding-bottom: 3vw; margin-top: 0.74375vw;}
section#cont02 p.note {width: 93.75vw; margin: 0 auto 0; padding: 5.4vw 0; color:#fff; text-align: left; font-size: 2.5vw; line-height: 3.75vw;}
section#cont02 .type {text-align: center; padding: 0 0 0; position: relative; z-index: 10;}
section#cont02 .type div {background: url(../images/product/02/bg_list.png) center top no-repeat; background-size:auto 100%; width: 67.5vw; height: 47.96875vw; display: inline-block; margin: 0 0; vertical-align: top;}
section#cont02 .type div + div {margin-top: 3.3vw;}
section#cont02 .type ul {margin: 3.125vw 0 0;}
section#cont02 .type ul li {margin-bottom: 0.78125vw;}
section#cont02 .type ul li img {height: 9.84375vw; width: auto;}
section#cont02 .type ul li:nth-child(2) img {height: 8.28125vw;}
section#cont02 .setbg{ background: rgba(255,255,255,0.7); padding: 3.6vw 0.4vw 2.7vw 4.0625vw; margin: 0 -3.9vw 0 -3.9vw; position: relative;}
section#cont02 .setbg::after{content: ''; width: 100vw; position: absolute; right:-6.5625vw; bottom: -25.3125vw; height: 46.40625vw; background: url(../images/product/02/chara.png) left top no-repeat; margin-left: -50vw; background-size: auto 100%;}
section#cont02 .tokuten{background: url(../images/product/02/tokuten-sp.png) left top no-repeat; width: 46.875vw; height: 16.5625vw; font-size: 0; line-height: 1; background-size: cover; margin-left: -1.6vw;}


/* DL*/
section#cont03 h2 img {height:auto; width: 100vw;}
section#cont03 p.packcage {position: relative; z-index: 10; text-align: center;}
section#cont03 p.packcage img {height:auto; width: 83.90625vw;}
section#cont03 dl {text-align: center; margin: 4.6875vw 0 0;}
section#cont03 dl dt{font-size:3.28125vw; line-height: 1.3; font-weight: bold; margin-bottom: 1.09375vw;}
section#cont03 dl dd{font-size:2.96875vw; line-height: 1.7;}
section#cont03 .type {text-align: center; padding: 4.6875vw 0 0; position: relative; z-index: 10;}
section#cont03 .type div {background: url(../images/product/03/bg_list.png) center top no-repeat; width: 67.5vw; height: 40.15625vw; display: inline-block; margin: 0 0; vertical-align: top; background-size: 100% 100%;}
section#cont03 .type div + div {margin: 5vw 0 0;}
section#cont03 .type ul {margin: 3.90625vw 0 0;}
section#cont03 .type ul li img {height: 9.84375vw; width: auto;}
section#cont03 p.note {width: 93.75vw; margin: 0 auto 0; padding: 5.4vw 0; color:#fff; text-align: left; font-size: 2.5vw; line-height: 3.75vw;}

/* modal */
#shopmodalbase .wrap{width:  95.9375vw; margin: 30.3125vw auto 20vw; background-size: 100% auto;}
#shopmodalbase .wrap::after{ width: 95.9375vw; height: 15.625vw; position: absolute; left: 0; top: -15.625vw; z-index: 0;  background-size: 100% auto;}
#shopmodalbase .wrap::before{width: 95.9375vw; height: 15.625vw; position: absolute; left: 0; bottom: -15.625vw; z-index: 0; background-size: 100% auto;}

#shopmodal header {position: relative; padding: 0 0; z-index: 0; text-align: center; margin-top: -7.65625vw;}
#shopmodal header h3 {font-size: 3.4375vw; line-height: 9.6875vw; font-weight: bold; background-size: auto 100%;}
#shopmodal header h4 {font-size: 3.125vw; line-height: 11.09375vw; color: #373d85;}
#shopmodal p.note {line-height: 0; color: #373d85; font-size: 2.1875vw; margin: 2.8125vw 0 -10.78125vw;}
#shopmodal p.note.isnote{line-height: 3.28125vw; margin-bottom: -7.65625vw;}
#shopmodal footer {position: absolute; right: 1.40625vw; top: -28.4375vw; z-index: 10; width: 9.6875vw; height: 9.6875vw;}
#shopmodal footer a{display: block; width: 9.6875vw; height: 9.6875vw; background-size: cover;}
#shopmodal img {width: 78.125vw;}


}

#ln[data-active='01'] ~ section#cont01 {display: block;}
#ln[data-active='02'] ~ section#cont02 {display: block;}
#ln[data-active='02'] ~ section.shoplist,
#ln[data-active='01'] ~ section.shoplist{display: block;}
#ln[data-active='03'] ~ section#cont03 {display: block;}