@charset "utf-8";
@font-face{font-family:"游ゴシック体"; src:local("Yu Gothic Medium"),local("游ゴシック Medium");}
@font-face{font-family:"游ゴシック体"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:bold;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
*{box-sizing:border-box;word-wrap:break-word;word-break:break-word;}
html{font-size:62.5%;}
body{
	font-family:'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN',"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;
/*	font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;*/
	font-size:1.6rem;
	color:#222;
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	max-width:100%;
	min-width:320px;
	text-align:left;
	background:#f5f4f6;
	font-feature-settings:"palt";
	-webkit-font-feature-settings:"palt";
	letter-spacing:0.05em;
	padding-top:60px;
	overflow-x:hidden;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
li{list-style-type:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #cccccc;}
input, select{vertical-align:middle;margin:0;box-sizing:border-box;}
input,textarea{-webkit-appearance:none;font-family:inherit;box-sizing:border-box;}
input:focus,textarea:focus,select:focus{outline:0;}
button{font-family:inherit;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;box-sizing:border-box;}
button::-moz-focus-inner{border:0;}
input:placeholder-shown{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;opacity:1;}
input::-moz-placeholder{color:#ccc;opacity:1;}
input:-ms-input-placeholder{color:#ccc;}
img{border:none;vertical-align:bottom;max-width:100%;height:auto;}
small{font-size:75%;}
a{color:#222;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;box-sizing:border-box;outline:none;transition:.3s ease;}
a[href^="tel:"]{cursor:text;}
a img{transition:.3s ease;}
a:hover{color:#555;}
a:hover img{opacity:0.7;}
.clearfix:after{content:"";clear:both;display:block;}
p + p{margin-top:1em;}

/* -------------------------------------------------- */
/* iconfont */
/* -------------------------------------------------- */
@font-face{font-family:'icomoon';src: url('../fonts/icomoon.eot?mpudtc');src: url('../fonts/icomoon.eot?mpudtc#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?mpudtc') format('truetype'),url('../fonts/icomoon.woff?mpudtc') format('woff'),url('../fonts/icomoon.svg?mpudtc#icomoon') format('svg');font-weight:normal;font-style:normal;font-display:block;}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-plus-circle:before{content:"\e908";}
.icon-arrow-right:before{content:"\e906";}
.icon-arrow-left:before{content:"\e907";}
.icon-bookmark:before{content:"\e905";}
.icon-search:before{content:"\e903";}
.icon-cart:before{content:"\e900";}
.icon-log-in:before{content:"\e901";}
.icon-log-out:before{content:"\e902";}
.icon-trash:before{content:"\e904";}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header{position:fixed;top:0;left:0;width:100%;height:60px;z-index:999;background:#fff;}
header .logo{margin:0 auto;width:150px;padding-top:6px;}
header .menu{position:absolute;right:40px;top:4px;font-size:18px;display:flex;}
header .menu a{display:block;padding:12px;position:relative;}
header .menu a:hover{opacity:0.7;}
header .menu .num{font-size:1rem;letter-spacing:0;position:absolute;top:2px;right:2px;z-index:2;background:#f1e8ff;color:#5c3a93;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:100%;line-height:1;font-weight:bold;}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer{margin-top:40px;padding-top:30px;background:#fff;}
footer .nav-footer{text-align:left;font-size:1.4rem;}
footer .nav-footer > li{display:inline-block;margin:0 15px 5px 0;}
footer .nav-footer > li:last-child{margin-right:0;}
footer .nav-footer > li > a{display:block;padding:5px 5px 5px 17px;white-space:nowrap;position:relative;}
footer .nav-footer > li > a::before{content:"";display:block;width:5px;height:5px;border-bottom:2px solid #5c3a93;border-right:2px solid #5c3a93;position:absolute;left:0;top:50%;transform:rotate(-45deg);margin-top:-4px;}
footer .nav-footer > li > a:hover{text-decoration:underline;}
footer .copyright{text-align:right;font-size:1rem;letter-spacing:0.02em;padding:15px 0 20px;opacity:0.6;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}
.text-big{font-size:120%!important;}
.text-small{font-size:85%!important;}
.text-bold{font-weight:bold!important;}
.nowrap{white-space:nowrap!important;}

.d-flex{display:flex;width:100%;}
.d-flex > *{flex:1;}

.d-flex.d-flex-row{align-items:flex-start;}
.d-flex.d-flex-row > * + *{margin-left:4%;}

.v-sp{display:none!important;}
.v-tablet{display:none!important;}
.v-pc{display:block!important;}

/* margin */
.m-0{margin:0!important;}.m-1{margin:1rem!important;}.m-2{margin:2rem!important;}.m-3{margin:3rem!important;}.m-4{margin:4rem!important;}.m-5{margin:5rem!important;}.m-6{margin:6rem!important;}.m-7{margin:7rem!important;}.m-8{margin:8rem!important;}
.mt-0{margin-top:0!important;}.mt-1{margin-top:1rem!important;}.mt-2{margin-top:2rem!important;}.mt-3{margin-top:3rem!important;}.mt-4{margin-top:4rem!important;}.mt-5{margin-top:5rem!important;}.mt-6{margin-top:6rem!important;}.mt-7{margin-top:7rem!important;}.mt-8{margin-top:8rem!important;}
.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1rem!important;}.mb-2{margin-bottom:2rem!important;}.mb-3{margin-bottom:3rem!important;}.mb-4{margin-bottom:4rem!important;}.mb-5{margin-bottom:5rem!important;}.mb-6{margin-bottom:6rem!important;}.mb-7{margin-bottom:7rem!important;}.mb-8{margin-bottom:8rem!important;}
.mr-0{margin-right:0!important;}.mr-1{margin-right:1rem!important;}.mr-2{margin-right:2rem!important;}.mr-3{margin-right:3rem!important;}.mr-4{margin-right:4rem!important;}.mr-5{margin-right:5rem!important;}.mr-6{margin-right:6rem!important;}.mr-7{margin-right:7rem!important;}.mr-8{margin-right:8rem!important;}
.ml-0{margin-left:0!important;}.ml-1{margin-left:1rem!important;}.ml-2{margin-left:2rem!important;}.ml-3{margin-left:3rem!important;}.ml-4{margin-left:4rem!important;}.ml-5{margin-left:5rem!important;}.ml-6{margin-left:6rem!important;}.ml-7{margin-left:7rem!important;}.ml-8{margin-left:8rem!important;}

/* padding */
.p-0{padding:0!important;}.p-1{padding:1rem!important;}.p-2{padding:2rem!important;}.p-3{padding:3rem!important;}.p-4{padding:4rem!important;}.p-5{padding:5rem!important;}.p-6{padding:6rem!important;}.p-7{padding:7rem!important;}.p-8{padding:8rem!important;}
.pt-0{padding-top:0!important;}.pt-1{padding-top:1rem!important;}.pt-2{padding-top:2rem!important;}.pt-3{padding-top:3rem!important;}.pt-4{padding-top:4rem!important;}.pt-5{padding-top:5rem!important;}.pt-6{padding-top:6rem!important;}.pt-7{padding-top:7rem!important;}.pt-8{padding-top:8rem!important;}
.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1rem!important;}.pb-2{padding-bottom:2rem!important;}.pb-3{padding-bottom:3rem!important;}.pb-4{padding-bottom:4rem!important;}.pb-5{padding-bottom:5rem!important;}.pb-6{padding-bottom:6rem!important;}.pb-7{padding-bottom:7rem!important;}.pb-8{padding-bottom:8rem!important;}
.pr-0{padding-right:0!important;}.pr-1{padding-right:1rem!important;}.pr-2{padding-right:2rem!important;}.pr-3{padding-right:3rem!important;}.pr-4{padding-right:4rem!important;}.pr-5{padding-right:5rem!important;}.pr-6{padding-right:6rem!important;}.pr-7{padding-right:7rem!important;}.pr-8{padding-right:8rem!important;}
.pl-0{padding-left:0!important;}.pl-1{padding-left:1rem!important;}.pl-2{padding-left:2rem!important;}.pl-3{padding-left:3rem!important;}.pl-4{padding-left:4rem!important;}.pl-5{padding-left:5rem!important;}.pl-6{padding-left:6rem!important;}.pl-7{padding-left:7rem!important;}.pl-8{padding-left:8rem!important;}

/* container */
.container{max-width:1180px;padding:0 40px;margin:auto;position:relative;}
section > .container,.section > .container{padding:30px 40px;}

/* color */
.common-color01{color:#e60a33;}
.common-color02{color:#5c3a93;}
.common-color03{color:#aaa;}

/* background */
.common-bg01{background:#faf7ff;}
.common-bg02{background:#fff08e;}
.common-bg03{background:#f5f4f6;}

/* ttl */
.common-ttl01{font-weight:bold;text-align:left;font-size:2.6rem;margin-bottom:25px;position:relative;line-height:1.3;padding:14px 20px 12px 24px;letter-spacing:0.08em;background:#5c3a93;color:#fff;border-radius:3px;}
.common-ttl01::before{content:"";display:block;position:absolute;top:1em;left:0;z-index:2;opacity:0.4;width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 10px;border-color: transparent transparent transparent #fff;margin-top:-10px;}
.common-ttl02{font-weight:bold;text-align:left;font-size:2.4rem;margin-bottom:25px;position:relative;line-height:1.3;padding-left:22px;padding-bottom:12px;letter-spacing:0.08em;}
.common-ttl02::before{content:"";display:block;width:8px;height:1em;background:#5c3a93;position:absolute;top:0.2em;left:0;z-index:2;}
.common-ttl02::after{content:"";display:block;width:100%;height:2px;background:#bfc9d8;opacity:0.4;position:absolute;bottom:0;left:0;z-index:1;}
.common-ttl03{font-weight:bold;text-align:left;font-size:2rem;margin-bottom:20px;line-height:1.3;border-bottom:2px solid #ddd;padding-bottom:10px;}
.common-ttl04{font-weight:bold;text-align:left;font-size:1.8rem;margin-bottom:20px;line-height:1.3;background:#f5f4f6;padding:12px 15px;}

/* btn */
.common-btn01{display:inline-block;min-width:260px;max-width:90%;background:#1cb6a2;color:#fff;font-size:1.8rem;padding:14px 35px 14px;border-radius:5px;font-weight:bold;letter-spacing:0.08em;transition:.3s ease;position:relative;line-height:1.5;text-align:center;}
.common-btn01:hover{opacity:0.8;color:#fff;}
.common-btn01::after{content:"\e906";display:block;position:absolute;font-size:18px;top:50%;right:12px;margin-top:-9px;opacity:0.4;color:#fff;font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.common-btn01.noarrow::after{display:none;}
.common-btn01.small{padding:11px 20px 10px;min-width:200px;font-size:1.6rem;}
.common-btn01.cart::before{content:"\e900";opacity:0.7;color:#fff;margin-right:8px;font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.common-btn01.black{background:#333;}
.common-btn01.gray{background:#999;}
.common-btn01.red{background:#e60a33;}
.common-btn02{display:inline-block;max-width:90%;background:#f2ebfc;color:#5c3a93;font-size:1.3rem;font-weight:bold;padding:5px 15px 5px;border-radius:4px;letter-spacing:0.02em;transition:.3s ease;position:relative;line-height:1.4;text-align:center;}
.common-btn02:hover{opacity:0.8;color:#5c3a93;}

/* link */
.common-link01{text-decoration:underline;transition:.1s ease;display:inline-block;}
.common-link01:hover{text-decoration:none;}
.common-link01.small{font-size:1.3rem;line-height:1.4;}

/* table */
.common-table01{width:100%;margin:0 auto;border:1px solid #d3c4eb;background:#fff;}
.common-table01 th{background:#efeaf7;font-weight:bold;text-align:center;border:1px solid #d3c4eb;padding:8px 20px;vertical-align:middle;font-size:1.4rem;white-space:nowrap;}
.common-table01 td{border:1px solid #d3c4eb;padding:8px 15px;vertical-align:middle;text-align:left;}
.common-table01 td input,.common-table01 td select,.common-table01 textarea{width:100%;}
.common-table01 select{min-width:3.5em;}
.common-table01 .td-10{width:10%;}
.common-table01 .td-15{width:15%;}
.common-table01 .td-25{width:25%;}
.common-table01 .sum-price{font-weight:bold;letter-spacing:0;white-space:nowrap;text-align:right;}
.common-table01 .product{display:flex;align-items:center;}
.common-table01 .product .img{width:50px;margin-right:15px;}
.common-table01 .product .img02{width:80px;margin-right:15px;}
.common-table01 .product .txt{flex:1;}
.common-table01 .product .txt .name{line-height:1.3;}
.common-table01 .product .txt .price{margin-top:0!important;font-size:1.5rem;font-weight:bold;letter-spacing:0;}
.common-table01 .product02{display:flex;align-items:center;justify-content:flex-end;}
.common-table01 .product02 .label{margin-right:15px;white-space:nowrap;font-weight:bold;font-size:1.4rem;}
.common-table01 .product02 .input{width:100px;}
.common-table01.small th,.common-table01.small td{padding:4px 12px;white-space:normal;}

.common-table02{width:100%;max-width:700px;margin:auto;}
.common-table02 th,.common-table02 td{border-bottom:1px solid #eee;padding:18px;vertical-align:middle;text-align:left;}
.common-table02 td input,.common-table02 td select,.common-table02 textarea{width:100%;}
.common-table02 .form-set{display:flex;align-items:center;}
.common-table02 .form-set .input{width:40%;}
.common-table02 .form-set .unit{margin-left:8px;}
.common-table02 .form-set .link{flex:1;margin-left:15px;font-size:1.4rem;}

/* list */
.common-list01{display:flex;flex-wrap:wrap;margin-bottom:-2%;}
.common-list01 > li{width:32%;margin-right:2%;margin-bottom:2%;padding:30px;background:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.02);}
.common-list01 > li:nth-child(3n){margin-right:0;}
.common-list01 > li .img{margin-bottom:15px;}
.common-list01 > li .img img{width:100%;}
.common-list01 > li .inner{font-weight:bold;}
.common-list01 > li .inner .name{font-size:1.5rem;}
.common-list01 > li .inner .price{font-size:2rem;margin-top:1px;letter-spacing:0.02em;color:#5c3a93;}
.common-list01 > li .inner .price small{white-space:nowrap;}
.common-list01 > li .inner .discount{font-size:1.35rem;margin-top:2px;color:#e60a33;background:#ffdce3;display:inline-block;padding:1px 5px 0;letter-spacing:0.02em;border-radius:3px;}

.common-list02{display:flex;flex-wrap:wrap;margin-bottom:-2%;}
.common-list02 > li{width:23.5%;margin-right:2%;margin-bottom:2%;padding:20px 25px;background:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.02);}
.common-list02 > li:nth-child(4n){margin-right:0;}
.common-list02 > li .img{margin-bottom:12px;}
.common-list02 > li .img img{width:100%;}
.common-list02 > li .inner{font-weight:bold;}
.common-list02 > li .inner .name{font-size:1.5rem;}
.common-list02 > li .inner .price{font-size:1.8rem;margin-top:1px;letter-spacing:0.02em;color:#5c3a93;}
.common-list02 > li .inner .price small{white-space:nowrap;}

.common-list03 > li + li{margin-top:0.5em;}
ol.common-list03{counter-reset:item;}
ol.common-list03 > li{padding-left:2em;position:relative;}
ol.common-list03 > li::before{content:"("counter(item)")";counter-increment:item;position:absolute;top:0;left:0;}
ul.common-list03 > li{padding-left:1em;position:relative;}
ul.common-list03 > li::before{content:"";width:4px;height:4px;background:#222;border-radius:100%;position:absolute;top:0.6em;left:0;}

/* banner */
.common-banner01{display:flex;flex-wrap:wrap;margin-bottom:-1.8%;}
.common-banner01 > li{width:49.091%;margin-right:1.8%;margin-bottom:1.8%;}
.common-banner01 > li:nth-child(even){margin-right:0;}

/* product */
.common-product01{width:100%;display:flex;}
.common-product01 .column-left{width:38.182%;margin-right:5%;}
.common-product01 .column-right{width:56.818%;padding-top:10px;}
.common-product01 .column-right .inner + .inner{margin-top:30px;}
.common-product01 .column-right .inner01 .price{font-weight:bold;font-size:2rem;margin-top:20px;line-height:1.5;letter-spacing:0;color:#5c3a93;}
.common-product01 .column-right .inner01 .set{margin-top:40px;border:1px solid #222;padding:20px 20px 10px;position:relative;}
.common-product01 .column-right .inner01 .set .ttl{font-weight:bold;margin-bottom:10px;position:absolute;left:10px;top:-0.5em;background:#f5f4f6;line-height:1;padding:0 15px;}
.common-product01 .column-right .inner01 .list-set{display:flex;flex-wrap:wrap;}
.common-product01 .column-right .inner01 .list-set > *{width:60px;margin:0 5px 5px 0;max-width:12%;}
.common-product01 .column-right .inner02{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;font-size:1.5rem;display:flex;align-items:center;}
.common-product01 .column-right .inner02 .txt{flex:1;}
.common-product01 .column-right .inner02 .img{width:30%;margin-left:15px;}
.common-product01 .column-right .inner04{margin-top:60px!important;}

/* img */
.common-img01 > .item{display:none;text-align:center;}
.common-img01 > .item:first-child{display:block;}
.common-img01-nav{display:flex;flex-wrap:wrap;margin-top:2%;}
.common-img01-nav > .item{width:18.4%;margin-right:2%;margin-bottom:2%;cursor:pointer;transition:.3s ease;border:2px solid transparent;}
.common-img01-nav > .item:nth-child(5n){margin-right:0;}
.common-img01-nav > .item:hover{opacity:0.7;}
.common-img01-nav > .item img{transition:.3s ease;}
.common-img01-nav > .item.active{border-color:#5c3a93;background:#5c3a93;}
.common-img01-nav > .item.active img{opacity:0.8;}

/* slider */
.common-slider01 .item{background:#fff;padding:15px;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.02);margin:0 6px;font-size:1.4rem;line-height:1.4;}
.common-slider01 .item .img{margin-bottom:10px;}
.common-slider01 .item .price{margin-top:3px;font-weight:bold;letter-spacing:0;color:#5c3a93;}
.common-slider01 .slick-arrow{position:absolute;top:50%;z-index:10;font-size:30px;cursor:pointer;margin-top:-15px;transition:.3s ease;color:#555;}
.common-slider01 .slick-next{right:-32px;}
.common-slider01 .slick-prev{left:-32px;}
.common-slider01 .slick-arrow:hover{color:#5c3a93;}

/* btnlilst */
.common-btnlist01{display:flex;justify-content:center;}
.common-btnlist01 > * + *{margin-left:10px;}
.common-btnlist01 .common-btn01{min-width:1px;width:100%;}

/* back */
.common-back01{width:100%;height:0;padding-bottom:250px;background:gray;position:relative;overflow:hidden;margin-bottom:-80px;}
.common-back01 img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;font-family:"object-fit:cover;";pointer-events:none;}

/* box */
.common-box01{background:#fff;border-radius:3px;padding:40px;max-width:800px;margin:auto;box-shadow:0 0 10px rgba(0,0,0,0.02);}
.common-box01.wide{max-width:100%;}

/* select */
.common-select01{padding:20px 0;border-bottom:1px solid #eee;max-width:800px;margin:auto;}
.common-select01 .ttl{text-align:center;font-weight:bold;margin-bottom:15px;}
.common-select01 .list-img{display:flex;flex-wrap:wrap;margin-bottom:-2%;justify-content:center;}
.common-select01 .list-img > li{width:18.4%;margin-right:2%;margin-bottom:2%;}
.common-select01 .list-img > li:nth-child(5n){margin-right:0;}
.common-select01 .list-img > li label{cursor:pointer;display:block;}
.common-select01 .list-img > li label span{display:block;border:2px solid transparent;transition:.2s ease;}
.common-select01 .list-img > li label span img{transition:.2s ease;display:block;pointer-events:none;}
.common-select01 .list-img > li input{display:none;}
.common-select01 .list-img > li input:checked + span{border-color:#5c3a93;background:#5c3a93;}
.common-select01 .list-img > li input:checked + span img{opacity:0.8;}

/* order */
.common-order01{display:flex;}
.common-order01 .img{width:20%;margin-right:4%;}
.common-order01 .img img{border:1px solid #eee;}
.common-order01 .column-right{flex:1;}
.common-order01 .img02{margin:20px auto;}
.common-order01 .comment{padding:30px;border-radius:4px;}
.common-order01 .common-table01 .num01{font-weight:bold;white-space:nowrap;font-size:120%;text-align:center;background:#faf7ff;}
.common-order01 .common-table01 .num02{font-weight:bold;white-space:nowrap;font-size:120%;text-align:right;}
.common-order01 .common-table01 .btn input{display:none;}
.common-order01 .common-table01 .btn span{background:#999;display:block;text-align:center;color:#fff;border-radius:4px;padding:5px 10px;cursor:pointer;transition:background .3s ease;font-size:1.5rem;}
.common-order01 .common-table01 .btn input:checked + span{background:#5c3a93;font-size:0;}
.common-order01 .common-table01 .btn input:checked + span::before{content:"選択中";font-size:1.5rem;}
.common-order01 .common-table01 .btn span:hover{opacity:0.7;}

/* modal */
.common-modal{display:none;}
.modaal-container{border-radius:4px;}
.modaal-wrapper .modaal-content-container{padding:0;}
.modaal-wrapper .modaal-close{background:#fff;}
.modaal-close:after, .modaal-close:before{background:#222;}
.modaal-wrapper .modaal-close:hover{background:#222;}
.modaal-close:hover:after, .modaal-close:hover:before{background:#fff;}
.common-modal-inner{padding:30px;}
.common-modal-inner .ttl{font-weight:bold;text-align:center;margin-bottom:20px;font-size:2rem;}

/* -------------------------------------------------- *7
/* form */
/* -------------------------------------------------- */
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{display:inline-block;border:1px solid #bfc9d8;border-radius:3px;padding:4px 8px;font-size:16px!important;font-family:inherit;background:#fff;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:url(../img/arrow_select.png) no-repeat center right #fff;background-size:20px 7px;padding-right:28px!important;}
select::-ms-expand {display: none;}
textarea{width:100%;resize:vertical;}

/* radio */
@keyframes ripple{0%{box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0);}50%{box-shadow:0px 0px 0px 15px rgba(0, 0, 0, 0.1);}100%{box-shadow:0px 0px 0px 15px rgba(0, 0, 0, 0);}}
.radio input[type="radio"]{display:none;}
.radio input[type="radio"] + span{margin:0;transition:.2s;display:block;position:relative;padding:5px 15px 5px 30px;cursor:pointer;line-height:1.4;}
.radio input[type="radio"]:checked + span::before{border-color:#5c3a93;animation:ripple 0.2s linear forwards;}
.radio input[type="radio"]:checked + span::after{transform:scale(1);}
.radio span::before, .radio span::after{position:absolute;content:'';border-radius:50%;transition:all .3s ease;transition-property:transform, border-color;}
.radio span::before{left:5px;top:7px;width:16px;height:16px;border:1px solid rgba(0, 0, 0, 0.54);}
.radio span::after{top:11px;left:9px;width:8px;height:8px;transform:scale(0);background:#5c3a93;}
.radio *,.radio *::before,.radio *::after{box-sizing:border-box;}
.radio.radio-inline{display:inline-block;}
.radio.radio-inline input[type="radio"] + span{margin:3px 0;}

/* checkbox */
.checkbox input[type="checkbox"]{display:none;}
.checkbox input[type="checkbox"] + span{margin:0;transition:.2s;display:block;position:relative;padding:5px 15px 5px 30px;cursor:pointer;line-height:1.4;}
.checkbox input[type="checkbox"]:checked + span::before{border-color:#5c3a93;animation:ripple 0.2s linear forwards;}
.checkbox input[type="checkbox"]:checked + span::after{transform:scale(1) rotate(-45deg);}
.checkbox span::before, .checkbox span::after{position:absolute;content:'';border-radius:2px;transition:all .15s ease;transition-property:transform, border-color;}
.checkbox span::before{left:5px;top:9px;width:16px;height:16px;border:1px solid rgba(0, 0, 0, 0.54);}
.checkbox span::after{top:12px;left:8px;width:10px;height:8px;transform:scale(0) rotate(-45deg);border-left:3px solid #5c3a93;border-bottom:3px solid #5c3a93;}

.checkbox *,.checkbox *::before,.checkbox *::after{box-sizing:border-box;}
.checkbox.checkbox-inline{display:inline-block;}
.checkbox.checkbox-inline input[type="checkbox"] + span{margin:3px 0;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:999px){
	html{font-size:60%;}

	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	header .menu{right:20px;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
		/* container */
	.container{padding:0 4%;}
	section > .container,.section > .container{padding:30px 4%;}

	.v-pc{display:none!important;}
	.v-tablet{display:block!important;}

	.d-flex.d-flex-block{display:block;}
	.d-flex.d-flex-block > * + *{margin-left:0;margin-top:20px;}

	/* slider */
	.common-slider01 .item{padding:10px;}

	/* order */
	.common-order01{display:block;}
	.common-order01 .img{width:100%;max-width:180px;margin:0 auto 20px;text-align:center;}
	.common-order01 .img02{text-align:center;}

}
@media screen and (min-width:1px) and (max-width:767px){
	.common-table01 .product{display:block;}
	.common-table01 .product02{display:block;text-align:left;}

	/* list */
	.common-list01 > li{width:49%;padding:15px;}
	.common-list01 > li:nth-child(3n){margin-right:2%;}
	.common-list01 > li:nth-child(even){margin-right:0;}
	.common-list01 > li .img{margin-bottom:10px;}
	.common-list01 > li .inner .name{line-height:1.4;}

	.common-list02 > li{width:49%;padding:15px;}
	.common-list02 > li:nth-child(4n){margin-right:2%;}
	.common-list02 > li:nth-child(even){margin-right:0;}
	.common-list02 > li .inner .name{line-height:1.4;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:599px){
	html{font-size:56%;}

	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	header .logo{width:120px;padding-top:11px;}
	header .menu{position:static;}
	header .menu a{padding:15px 12px;}
	header .menu .btn-search{position:absolute;left:5px;top:3px;}
	header .menu .btn-logout{position:absolute;left:49px;top:3px;}
	header .menu .btn-bookmark{position:absolute;right:49px;top:3px;}
	header .menu .btn-cart{position:absolute;right:5px;top:3px;}

	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	footer{padding-top:20px;}
	footer .nav-footer{display:flex;flex-wrap:wrap;}
	footer .nav-footer > li{width:47%;margin:0 6% 5px 0;}
	footer .nav-footer > li:nth-child(even){margin-right:0;}
	footer .copyright{text-align:center;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	.v-tablet{display:none!important;}
	.v-sp{display:block!important;}

	/* margin */
	.m-0{margin:0!important;}.m-1{margin:0.5rem!important;}.m-2{margin:1rem!important;}.m-3{margin:1.5rem!important;}.m-4{margin:2rem!important;}.m-5{margin:2.5rem!important;}.m-6{margin:3rem!important;}.m-7{margin:3.5rem!important;}.m-8{margin:4rem!important;}
	.mt-0{margin-top:0!important;}.mt-1{margin-top:0.5rem!important;}.mt-2{margin-top:1rem!important;}.mt-3{margin-top:1.5rem!important;}.mt-4{margin-top:2rem!important;}.mt-5{margin-top:2.5rem!important;}.mt-6{margin-top:3rem!important;}.mt-7{margin-top:3.5rem!important;}.mt-8{margin-top:4rem!important;}
	.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:0.5rem!important;}.mb-2{margin-bottom:1rem!important;}.mb-3{margin-bottom:1.5rem!important;}.mb-4{margin-bottom:2rem!important;}.mb-5{margin-bottom:2.5rem!important;}.mb-6{margin-bottom:3rem!important;}.mb-7{margin-bottom:3.5rem!important;}.mb-8{margin-bottom:4rem!important;}
	.mr-0{margin-right:0!important;}.mr-1{margin-right:0.5rem!important;}.mr-2{margin-right:1rem!important;}.mr-3{margin-right:1.5rem!important;}.mr-4{margin-right:2rem!important;}.mr-5{margin-right:2.5rem!important;}.mr-6{margin-right:3rem!important;}.mr-7{margin-right:3.5rem!important;}.mr-8{margin-right:4rem!important;}
	.ml-0{margin-left:0!important;}.ml-1{margin-left:0.5rem!important;}.ml-2{margin-left:1rem!important;}.ml-3{margin-left:1.5rem!important;}.ml-4{margin-left:2rem!important;}.ml-5{margin-left:2.5rem!important;}.ml-6{margin-left:3rem!important;}.ml-7{margin-left:3.5rem!important;}.ml-8{margin-left:4rem!important;}

	/* padding */
	.p-0{padding:0!important;}.p-1{padding:0.5rem!important;}.p-2{padding:1rem!important;}.p-3{padding:1.5rem!important;}.p-4{padding:2rem!important;}.p-5{padding:2.5rem!important;}.p-6{padding:3rem!important;}.p-7{padding:3.5rem!important;}.p-8{padding:4rem!important;}
	.pt-0{padding-top:0!important;}.pt-1{padding-top:0.5rem!important;}.pt-2{padding-top:1rem!important;}.pt-3{padding-top:1.5rem!important;}.pt-4{padding-top:2rem!important;}.pt-5{padding-top:2.5rem!important;}.pt-6{padding-top:3rem!important;}.pt-7{padding-top:3.5rem!important;}.pt-8{padding-top:4rem!important;}
	.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:0.5rem!important;}.pb-2{padding-bottom:1rem!important;}.pb-3{padding-bottom:1.5rem!important;}.pb-4{padding-bottom:2rem!important;}.pb-5{padding-bottom:2.5rem!important;}.pb-6{padding-bottom:3rem!important;}.pb-7{padding-bottom:3.5rem!important;}.pb-8{padding-bottom:4rem!important;}
	.pr-0{padding-right:0!important;}.pr-1{padding-right:0.5rem!important;}.pr-2{padding-right:1rem!important;}.pr-3{padding-right:1.5rem!important;}.pr-4{padding-right:2rem!important;}.pr-5{padding-right:2.5rem!important;}.pr-6{padding-right:3rem!important;}.pr-7{padding-right:3.5rem!important;}.pr-8{padding-right:4rem!important;}
	.pl-0{padding-left:0!important;}.pl-1{padding-left:0.5rem!important;}.pl-2{padding-left:1rem!important;}.pl-3{padding-left:1.5rem!important;}.pl-4{padding-left:2rem!important;}.pl-5{padding-left:2.5rem!important;}.pl-6{padding-left:3rem!important;}.pl-7{padding-left:3.5rem!important;}.pl-8{padding-left:4rem!important;}

	/* container */
	.container{padding:0 4%;}
	section > .container,.section > .container{padding:20px 4%;}
	.container02{padding-left:3%;padding-right:3%;}

	/* ttl */
	.common-ttl01{font-size:2.2rem;padding:12px 20px 10px 22px;margin-bottom:20px;}
	.common-ttl02{font-size:2.2rem;padding-bottom:10px;margin-bottom:20px;}
	.common-ttl03{font-size:1.8rem;padding-bottom:8px;margin-bottom:15px;}
	.common-ttl04{font-size:1.7rem;margin-bottom:15px;}

	/* btn */
	.common-btn01.small{min-width:1px;}

	/* table */
	.common-table01{font-size:1.5rem;}
	.common-table01 th{padding:5px 10px;}
	.common-table01 td{padding:5px 10px;}
	.common-table01 .product{display:flex;}
	.common-table01 .product .img{width:40px;margin-right:10px;}
	.common-table01 .product .img02{width:40px;margin-right:10px;}
	.common-table01 .product.product-block{display:block;}

	.common-table02 tr,.common-table02 th,.common-table02 td{display:block;}
	.common-table02 tr:first-child th{padding-top:0;}
	.common-table02 th{border-bottom:0;padding:15px 0 0;}
	.common-table02 td{padding:5px 0 15px;}

	/* product */
	.common-product01 .column-right .inner01 .price{font-weight:bold;font-size:2rem;margin-top:20px;line-height:1.5;letter-spacing:0;color:#5c3a93;}
	.common-product01 .column-right .inner01 .set{margin-top:40px;border:1px solid #222;padding:20px 20px 10px;position:relative;}
	.common-product01 .column-right .inner01 .set .ttl{font-weight:bold;margin-bottom:10px;position:absolute;left:10px;top:-0.5em;background:#f5f4f6;line-height:1;padding:0 15px;}
	.common-product01 .column-right .inner01 .list-set{display:flex;flex-wrap:wrap;}
	.common-product01 .column-right .inner01 .list-set > *{width:60px;margin:0 5px 5px 0;max-width:12%;}
	.common-product01 .column-right .inner02{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;font-size:1.5rem;display:flex;align-items:center;}
	.common-product01 .column-right .inner02 .txt{flex:1;}
	.common-product01 .column-right .inner02 .img{width:30%;margin-left:15px;}
	.common-product01 .column-right .inner04{margin-top:60px!important;}

	.common-product01{display:block;}
	.common-product01 .column-left{width:100%;margin-right:0;}
	.common-product01 .column-right{width:100%;padding-top:20px;}
	.common-product01 .column-right .inner + .inner{margin-top:20px;}
	.common-product01 .column-right .inner01 .price{margin-top:15px;}
	.common-product01 .column-right .inner01 .set{margin-top:25px;padding-left:15px;padding-right:15px;}
	.common-product01 .column-right .inner01 .set .ttl{padding:0 8px;}
	.common-product01 .column-right .inner02{padding:15px 0;font-size:1.4rem;}

	/* img */
	.common-img01{padding:0 15%;}
	.common-img01-nav > .item{width:15%;}
	.common-img01-nav > .item:nth-child(5n){margin-right:2%;}
	.common-img01-nav > .item:nth-child(6n){margin-right:0;}

	/* slider */
	.common-slider01 .item{font-size:1.3rem;margin:0 4px;}
	.common-slider01 .slick-next{right:-4%;}
	.common-slider01 .slick-prev{left:-4%;}

	/* btnlilst */
	.common-btnlist01{flex-direction:column;align-items:center;}
	.common-btnlist01 > * + *{margin-top:10px;margin-left:0;}
	.common-btnlist01 > .back{order:2;margin-top:10px;}

	/* back */
	.common-back01{padding-bottom:38%;margin-bottom:-50px;}

	/* box */
	.common-box01{padding:20px;}

	/* modal */
	.common-modal-inner{padding:20px;}
	.common-modal-inner .ttl{margin-bottom:15px;font-size:1.8rem;}

	/* mv */
	.common-mv{margin:-19px -4.3% 0;}

	/* order */
	.common-order01 .img{max-width:140px;}
	.common-order01 .comment{padding:20px;font-size:1.5rem;}
	.common-order01 .common-table01 thead{display:none;}
	.common-order01 .common-table01 tr,
	.common-order01 .common-table01 th,
	.common-order01 .common-table01 td{display:block;border:0;}
	.common-order01 .common-table01 tr{border-bottom:1px solid #d3c4eb;}
	.common-order01 .common-table01 tr:last-child{border-bottom:0;}
	.common-order01 .common-table01 .num02{text-align:left;}
	.common-order01 .common-table01 .num02::before{content:attr(data-th)" ： ";font-size:1.2rem;}
	.common-order01 .common-table01 .btn{padding-bottom:12px;text-align:center;}
	.common-order01 .common-table01 .btn span{max-width:200px;margin:auto;}

	/* -------------------------------------------------- */
	/* form */
	/* -------------------------------------------------- */
	input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
	input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{padding:3px 8px;}

	/* radio */
	.radio span::before{top:6px;}
	.radio span::after{top:10px;}

	/* checkbox */
	.checkbox span::before{top:7px;}
	.checkbox span::after{top:10px;}
}

/* ======================================================================================================================= */
/* for IE */
/* ======================================================================================================================= */
@media screen\0 {
	.common-table01,.common-table02,.common-table03{word-break:break-all;}
	.common-ttl01{padding-top:20px;padding-bottom:8px;}
	.common-ttl02::before{top:0;}
	.common-btn01{padding-top:16px;padding-bottom:12px;}
	.common-btn01.small{padding-top:13px;padding-bottom:8px;}
	.common-btn02{padding-top:8px;padding-bottom:2px;}
	.common-list01 > li .inner .discount{padding-top:3px;padding-bottom:0;}
	.common-order01 .common-table01 .btn span{padding-top:8px;padding-bottom:3px;}
}