@charset "utf-8";
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{margin:0;padding:0;line-height:1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{line-height:0;vertical-align:bottom}img,li{margin:0;padding:0}li{list-style-type:none}
body {
font:13px/1 "Helvetica Neue", Helvetica, Arial, "Yu GothicM", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
color:#333;
margin:0;
padding:0;
overflow-x: visible;
}

.pc_show{
display:inline-block;
}

.sp_show{
display:none;
}

.br::before {
content: "\A" ;
white-space: pre ;
}

.wrap{
width: 100%;
margin:0;
padding:0;
overflow: visible;
min-width: 1200px;
}

/*ファーストビュー
---------------------------------------------------------------*/
#main{
width:100%;
position:relative;
height : -webkit-calc(100vh + 100px);
height : calc(100vh + 100px);
max-height: 920px;
}


#first_img{/*common.jsで管理*/
position:absolute;
top:0;
left:0;
z-index:2;
width : -webkit-calc(100vw - 50px);
width : calc(100vw - 50px);

height : -webkit-calc(100vh + 0px);
height : calc(100vh + 0px);
max-height: 820px;

background: url(main_pc.jpg) no-repeat center top;
background-size: cover;

opacity:0;
-webkit-transition-property:opacity;
transition-property:opacity;
-webkit-transition-duration:2000ms;
transition-duration:2000ms;
transition-delay:0.1s;
-webkit-transition-delay:0.1s;

}

#first_img.scrollin {
opacity:1;
}




.season_ti{
position: absolute;
z-index: 4;
top: 20px;
left: 30px;
text-align: left;
}


/*縦組みタイトル*/
.ti_jp{
position: absolute;
z-index: 4;
bottom: 130px;
right: 70px;
}


.pc_title{
position: absolute;
text-align:left;
bottom: 130px;
left: 30px;
z-index: 4;
}



.pc_title h1{
position: relative;
width: 480px;
padding:13px 0 0 0;
}


/*マガジン背景*/
#main_background{
position:absolute;
z-index:1;
width:100%;
height : -webkit-calc(100vh + 100px);
height : calc(100vh + 100px);
max-height: 920px;
background: #80584b;
left:0px;
top:0px;
opacity:0;

-webkit-transition-property:opacity;
transition-property:opacity;
-webkit-transition: 2.0s;
transition: 2.0s;
transition-delay:0.0s;
-webkit-transition-delay:0.0s;

-moz-transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform : translate(0, 0px);
}



#main_background.scrollin{
opacity:1;
-moz-transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform : translate(0, 0px);
}




/*マガジンロゴ*/
#title_logo{
width:200px;
height:113px;
text-align:center;
position:absolute;
z-index:9999;
right:15px;
top:20px;
opacity:0;

-webkit-transition: 1.0s;
transition: 1.0s;

transition-delay:1.2s;
-webkit-transition-delay:1.2s;
-moz-transition-delay:1.2s;
-o-transition-delay:1.2s;
-ms-transition-delay:1.2s;
}

#title_logo img{
width:100%;
height:auto;
}


#title_logo.scrollin{
opacity:1;
}












/*↓↓↓矢印アニメ【開始】↓↓↓*/
/*矢印全体*/
.scroll_line_2018aw{
position:absolute;
z-index:9999;
width:1px;
height:177px;
left:auto;
right:17px;
bottom:30px;
margin:0;
opacity:1.0;
overflow:visible;
}

/*縦*/
.tate{
position:relative;
display: block;
width:1px;
height:177px;
background:#fff;
opacity:1.0;
z-index:200;
}

/*縦*/
.tate::after{
content:"";
display: block;
position:absolute;
z-index:201;

top:0px;
left:0px;
margin:0;
padding:0;
width:1px;
height:280px;
background:#daa558;

animation-duration: 6s;
animation-name: tate_idou;
animation-iteration-count: infinite;
opacity:0.5;
}

@keyframes tate_idou {
0% {
height:0px;
opacity:0;
}

1% {
height:0px;
opacity:0.5;
}

20% {
height:100%;
opacity:0.5;
}

80% {
opacity:0.5;
height:100%;
}

100% {
opacity:0;
height:100%;
}
}

/*斜め*/
.naname{
position:absolute;
bottom:5px;
left:-1px;
right:0;
margin:0 auto;
width:14px;
height:1px;
background:#999;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:1.0;
}

/*斜め*/
.naname::after{
content:"";
display: block;
position:absolute;
top:0px;
left:0px;
margin:0;
width:14px;
height:1px;
background:#e5e300;
z-index:3;
animation-duration: 6s;
animation-name: naname_idou;
animation-iteration-count: infinite;
opacity:0.0;
}

@keyframes naname_idou {

0% {
width:0px;
opacity:0;
}

1% {
width:0px;
opacity:1.0;
}

20% {
width:0px;
}

40% {
width:14px;
}

80% {
opacity:1.0;
}

100% {
opacity:0;
}
}
/*↑↑↑矢印アニメ【終了】↑↑↑*/




























.fontsize_small{
font-size: 9px !important;
}





.tyousei_01{
padding:0 0 0px 0 !important;
}


.tyousei_05{
width:100%;
text-align:center !important;
padding:0 0 50px 0;
}


.keisen_top{
width: 100%;
height: 4px;
position: absolute;
top: 0;
left: 0;
background: #000;
}

.keisen_bottom{
width: 100%;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
background: #000;
}





/*variation【重要　基本　01】*/
.variation{
position: relative;
width:100%;
text-align:center;
margin: 40px 0 40px 0;
}

.variation h4{
width: 97px;
text-align:center;
padding: 0px 0 40px 0;
margin:0 auto;
}





/*
--------------------------------variation!*/



.variation_border{
width:97px;
height: 24px;
position: relative;
margin: 0 auto;
}

/*下*/
.variation_border::before{
background-color: #000;
content:"";
display: block;
position: absolute;
transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
}

.variation_border::after{
background-color: #000;
content:"";
display: block;
position: absolute;
transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
}

.variation_border .inner_leftright::after{
/*
background-color: #000;
content:"";
display: block;
position: absolute;
transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
*/
}

.variation_border .inner_leftright::before{
/*
background-color: #000;
content:"";
display: block;
position: absolute;
transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
*/
}




/*下*/
.variation_border::before {
bottom: 0px;
height: 1px;
left: 0px;
width: 0px;
}

/*下*/
.variation_border.scrollin::before {
bottom: 0px;
height: 1px;
left: 0px;
width: 97px;
}


/*上*/
.variation_border::after {
/*
height: 1px;
left: 0px;
top: 0px;
width: 0px;
z-index:-1;
*/
}


/*上*/
.variation_border.scrollin::after {
/*
height: 1px;
left: 0px;
top: 0px;
width: 144px;
*/
}




/*左*/
.variation_border .inner_leftright::before {
/*
height: 0px;
right: 0px;
top: 0px;
width: 1px;
*/
}

.variation_border .inner_leftright.scrollin::before {
/*
height: 44px;
right: 0px;
top: 0px;
width: 1px;
*/
}


/*右*/
.variation_border .inner_leftright::after {
/*
top: 0px;
height: 0px;
left: 0px;
width: 2px;
*/
}

/*右*/
.variation_border .inner_leftright.scrollin::after {
/*
top: 0px;
height: 44px;
left: 0px;
width: 1px;
*/
}










.movie_border{
width: 62px;
height: 24px;
position: relative;
margin: 0 auto;
}

/*下*/
.movie_border::before{
background-color: #000;
content:"";
display: block;
position: absolute;
transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
}

.movie_border::after{
background-color: #000;
content:"";
display: block;
position: absolute;
transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
}


/*下*/
.movie_border::before {
bottom: 0px;
height: 1px;
left: 0px;
width: 0px;
}

/*下*/
.movie_border.scrollin::before {
bottom: 0px;
height: 1px;
left: 0px;
width: 62px;
}



/*NEWS ARRIVAL*/
.new_border{
width: 164px;
height: 24px;
position: relative;
margin: 0 auto;
}

/*下*/
.new_border::before{
background-color: #000;
content:"";
display: block;
position: absolute;
transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
}

.new_border::after{
background-color: #000;
content:"";
display: block;
position: absolute;
transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
}


/*下*/
.new_border::before {
bottom: 0px;
height: 1px;
left: 0px;
width: 0px;
}

/*下*/
.new_border.scrollin::before {
bottom: 0px;
height: 1px;
left: 0px;
width: 164px;
}



#block01 .photo ul li a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

#block01 .photo ul li a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}





.syouhin .pc_show a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

.syouhin .pc_show a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}




.syouhin div img{
width:220px;
height:auto;
margin: 0 0 12px 0;
}


/*価格、オンラインサイトへリンク【重要　基本】
---------------------------------------------------------------*/


.item_list_left{
position: relative;
top: 0px;
left: 0px;
}

.item_list_left img{
margin-left: 0px;
}


/*重要！！！*/
ul.price_list{
width:390px;
margin:0px auto 0px auto;
padding:12px 0 40px 0;
text-align:center;
font-family: 'Amiko', sans-serif;
}

ul.price_list li{
width:390px;
margin-bottom:14px;
font-family: 'Amiko', sans-serif;
font-size: 13px;
margin: 0;
padding: 0 0 25px 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;

/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

ul.price_list li:last-child{
padding: 0 0 0 0;
}


/*最初の*/
.price{
flex-basis:100px;
height:32px;
margin:0px 0 0 20px;
font-size:12px;
line-height: 1.5;
letter-spacing:0.1em;
text-align:left;
color: #666666;
}

.aida-line{
flex:1;
margin:6px 14px 0 14px;
/*flex-basis:56px;*/
height:1px;
border-bottom: 1px solid #cccccc;
}


/*微調整*/
#block01 .close_up .price{
flex-basis:200px;
}

#block01 .close_up ul.price_list li{
width: 380px;
margin:0px auto 0px auto;
}

#block01 .price{
flex-basis:170px;
}

#block02 .price{
flex-basis:174px;
}

#block03 .price{
flex-basis:170px;
}

#block04 .price{
flex-basis:196px;
}

#block05 .price{
flex-basis:200px;
}

#block06 .price{
flex-basis:190px;
}


/*リンクボタン*/
.detail_link{
flex-basis:110px;
height:28px;
padding: 3px 0 0 0;
margin:0px 0 0 0;
text-align:center;
transition:all 0.8s ease;
opacity:1;
}

.detail_link .shop_only{
padding-top: 20px;
}


.detail_link a{
width:100%;
display:block;
text-decoration:none;
transition:all 0.4s ease;
opacity:1;
}

.detail_link a:visited {text-decoration: none;color: #fff;}
.detail_link a:hover{color : #fff;text-decoration: none;opacity:0.5;}



.price_list_01{
width:390px;
margin:0px auto 0px auto;
padding:12px 0 40px 0;
text-align:center;
font-family: 'Amiko', sans-serif;
}




.kaku_link{
text-align:center;
width:240px;
margin:0 auto 15px auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding:0;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
font-family: 'Amiko', sans-serif;
font-size : 14px;
}





/*ブロック1　上書き*/
#block01 .kaku_link{
text-align:center;
width: 430px;
margin:20px auto 15px auto;
}

/*ブロック2　上書き*/
#block02 .kaku_link{
text-align:center;
width: 410px;
margin:20px auto 15px auto;
}



/*ブロック3　上書き*/
#block03 .kaku_link{
position: relative;
text-align:center;
width: 410px;
margin:20px  auto 15px auto;
z-index: 9999;
}

/*ブロック4　上書き*/
#block04 .kaku_link{
text-align:center;
width: 420px;
margin:20px auto 15px auto;
}

/*ブロック5　上書き*/
#block05 .kaku_link{
text-align:center;
width: 410px;
margin:20px auto 15px auto;
}


/*ブロック6　上書き*/
#block06 .kaku_link{
text-align:center;
width: 410px;
margin:20px auto 15px auto;
}



/*各リンクの　商品名・値段*/
.price_02{
flex-basis: auto;
height:20px;
margin-right:0px;
margin-top:9px;
font-size:12px;
letter-spacing:0.1em;
text-align:left;
color: #666666;
}

/*各リンクの　間の線*/
.aida{
flex-basis: 40px;
margin-left:10px;
margin-right:10px;
border-bottom: 1px solid #cccccc;
}


.detail_link_02{
flex-basis: 82px;
height:20px;
display: flex;
align-items: center;
justify-content: center;

text-align:center;
}

.detail_link_02 a {
transition:all 0.4s ease;
opacity:1;
text-decoration:none; color: #fff;}
.detail_link_02 a:visited {text-decoration: none;color: #fff;}
.detail_link_02 a:hover{color : #fff;text-decoration: none;opacity:0.5;}

.variation p{
font-size:13px;
line-height:1.5;
padding: 0 0 15px 0;
}






/*解説文
---------------------------------------------------------------*/
#kaisetu_first{
position:relative;
font-size:13px;
font-weight:bold;
letter-spacing:0.05em;
line-height:2.0;
padding:130px 0 130px 0;
width:100%;
text-align:center;
font-weight:bold;
color: #666666;
}


/*基本テキスト
---------------------------------------------------------------*/
.text_layout h2{
text-align:center;
margin: 0;
padding:0px 0 30px 0;
}

.text_layout h3{
font-weight:bold;
font-size:18px;
padding:0 0 30px 0;
}

.text_layout h4{
font-weight:bold;
font-size:14px;
letter-spacing:0.1em;
padding:0 0 30px 0;
}

.text_layout p{
font-size:13px;
line-height:1.9;
}



/*ブロック01
---------------------------------------------------------------*/
#block01{
width:100%;
margin:0 auto;
padding:0;
}


/*2列組*/
#block01 .niretu{
width:1200px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin:0 auto;
padding:0;
}


/*写真エリア*/
#block01 .niretu .photo_area{
flex-basis:700px;
position:relative;
margin:0;
padding:0;
overflow: hidden;
}



#block01 .niretu .photo_area img{
width:100%;
height: auto;
}


/*テキストエリア*/
#block01 .niretu .text_layout_relative{
flex-basis:500px;
position:relative;
margin:0;
padding:0;
}


#block01 .niretu .text_layout_relative .text_layout{
width:100%;
text-align:center;
padding:100px 0 0 0px;
position:relative;
z-index: 999;
}


#block01 .niretu .text_layout_relative .text_layout h2{
text-align:center;
padding:70px 0 50px 0;
}


#block01 .text_layout_relative .text_layout p{
font-size:12px;
line-height:2.0;
}


#block01 .item_list_left{
margin: 80px 0 0 0;
}



/*写真2枚目*/
#block01 .nimaime{
margin:0px auto;
padding: 0;
width: 1200px;
height: auto;
text-align: left;
position: relative;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}


#block01 .nimaime .photo{
margin: -400px 0 0 0;
padding: 0;
flex-basis: 550px;
height: auto;
text-align: left;
overflow: hidden;
z-index: -1;
}

#block01 .nimaime .photo img{
width: 100%;
height: auto;
}


#block01 .nimaime .text_area{
flex-basis: 650px;
padding: 0;
margin: 0;
}



/*プライスリスト　PC
----------------------------------------------------*/

#block01 .nimaime .text_area .price_list_layout{
position: relative;
width: 390px;
text-align: left;
padding: 0;
margin: 100px auto 0 auto;
}






/*
---------------------------VARIATION ブロック1*/
#block01 .variation{

}



/*商品画像 基本*/
#block01 .syouhin{
position:relative;

font-size:15px;
letter-spacing:0.05em;
width:1038px;
margin:0 auto 35px auto;

}

#block01 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#block01 .syouhin .pc_show div{
flex-basis:330px;
text-align:center;
margin-right: 8px;
margin-left: 8px;
}



#block01 .syouhin .pc_show div img{
width: 100%;
height: auto;
}












/*【ブロック2】　PC
---------------------------------------------------------------*/
#block02{
width:100%;
position:relative;
margin:120px 0 120px 0;
padding:0;
}



/*2列組*/
#block02 .niretu{
position: relative;
margin:0 auto;
padding:0;
width:1200px;
position:relative;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}



/*最初の写真*/
#block02 .niretu .photo_area{
position:relative;
flex-basis:700px;
text-align: left;
}



#block02 .niretu .photo_area .photo_01{
position:relative;
width:700px;
margin-right: 0px;
}

#block02 .niretu .photo_area .photo_01 img{
width:100%;
height:auto;
}


#block02 .niretu .photo_area .photo_01 .background{
position:absolute;
top: 0px;
left: -6px;
background: #bfa173;
opacity: 1.0;
width: 706px;
height: 1056px;
z-index: -1;
}



#block02 .niretu .photo_area .photo_01 .keisen_right{
position:absolute;
top: 0;
left: 0;
background: #bfa173;
width :5px;
height : 100%;
z-index: 5;
opacity: 1;
}

#block02 .niretu .photo_area .photo_01 .keisen_bottom{
position:absolute;
bottom: 0;
right: 0;
background: #bfa173;
width :100%;
height : 5px;
z-index: 5;
opacity: 1;
}

/*テキストエリア*/
#block02 .niretu .text_area{
flex-basis: 500px;
position:relative;
margin: 0;
padding: 0;
z-index: 9999;
}

#block02 .niretu .text_area .text_layout{
width: 100%;
text-align:center;
position:relative;
margin: 100px 0 0 0;
padding: 0;
left: 0px;
}


#block02 .niretu .text_area .text_layout p{
font-size: 12px;
line-height: 2.0;
}

#block02 .niretu .text_area .text_layout .price_list_layout{
margin: 80px 0 0 0;
}


/*variation　PC
------------------------------------*/
#block02 .variation{
margin-top: 60px;
}

/*商品画像　PC
------------------------------------*/
#block02 .syouhin{
position:relative;
width:614px;
margin:0 auto 35px auto;
}

#block02 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}


#block02 .syouhin .pc_show div{
flex-basis: 277px;
text-align:center;
margin-right:15px;
margin-left:15px;
padding: 0;
}



/*ジャケット*/
#block02 .syouhin .pc_show div img{
width:100%;
height:auto;
}



/*バリエーション　調整*/
#block02 .variation{
position: relative;
}

#block02 .variation h4{
position: relative;
padding: 0px 0 40px 0;
}





/*ブロック3　PC
---------------------------------------------------------------*/
#block03{
width:100%;
position:relative;
margin:40px auto 120px auto;
padding:0px;
}


/*2列組*/
#block03 #niretu{
position:relative;
margin:0 auto;
padding:0;
height: auto;
width:1200px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
}



/*写真*/
#block03 #niretu .photo_area{
flex-basis:700px;
position:relative;
text-align: left;
margin:0;
padding:0;
overflow: hidden;
}


#block03 #niretu .photo_area img{
width:100%;
height:auto;
}

/*テキストエリア*/
#block03 #niretu .left_text{
flex-basis: 500px;
position:relative;
text-align:left;
margin:0;
padding:0;

}

#block03 #niretu .left_text .text_layout{
width: 100%;
margin:140px auto 0 auto;
padding:0;
width: auto;
text-align:center;
position:relative;
}

#block03 #niretu .left_text .text_layout p{
width: 100%;
font-size: 12px;
line-height: 2.0;
}





/*2列組　02
----------------------------------------------*/
#block03 #niretu_02{
position: relative;
width: 1200px;
margin: 0 auto;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;

}

/*写真*/
#block03 #niretu_02 .photo_area{
position: relative;
flex-basis: 550px;
height: 825px;
margin: -400px 0 0 0;
overflow: hidden;
}

#block03 #niretu_02 .photo_area img{
width: 100%;
height: auto;
}

#block03 #niretu_02 .text_area{
position: relative;
flex-basis:650px;
}




/*プライスリスト
--------------------------------------------*/
#block03 #niretu_02 .text_area .price_list_layout{
position: relative;
width: 390px;
text-align: left;
padding: 100px 0 0 0;
margin: 0px auto;
}








/*バリエーション　調整
--------------------------------------------*/
#block03 .variation{
position:relative;
margin: 40px 0 0px 0;
}


#block03 .variation h4{
padding: 0px 0 30px 0;
}



/*商品画像
--------------------------------------------*/
#block03 .syouhin{
position:relative;
width:1176px;
margin:0 auto 30px auto;
}



#block03 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#block03 .syouhin .pc_show div{
flex-basis: 270px;
text-align:center;
margin-right: 12px;
margin-left: 12px;
}


#block03 .syouhin div img{
width:100%;
height:auto;
margin: 0 0 12px 0;
}











/*ブロック4
---------------------------------------------------------------*/
#block04{
width:100%;
position:relative;
margin:0 0 120px 0;
padding:0;
}


/*2列組*/
#block04 .niretu{
margin:0 auto;
padding:0;
width:1200px;
position:relative;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
z-index: 1;
}



/*写真*/
#block04 .niretu .photo_area{
flex-basis: 700px;
position:relative;
margin:0;
padding:0;
z-index: 1;
}




#block04 .niretu .photo_area .photo_01{
width:100%;
position: relative;
text-align:left;
margin:0;
padding:0;
z-index: 1;
}

#block04 .niretu .photo_area .photo_01 img{
width:100%;
height:auto;
}



/*右 2列*/
#block04 .niretu .right_text{
flex-basis: 500px;
position:relative;
text-align: center;
margin: 0;
padding: 0;
}


#block04 .niretu .right_text .text_layout{
width: 100%;
text-align:center;
position:relative;
margin: 120px 0px 0 0;
padding: 0;
right: 0;
}


#block04 .niretu .right_text .text_layout p{
font-size: 12px;
line-height: 2.0;
}





/*2列　2段目*/
#block04 .niretu02{
width: 1200px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
z-index: 2;
}

#block04 .niretu02 .photo_area{
flex-basis: 550px;
margin: -400px 0 0 0;
overflow: hidden;
z-index: 3;
}

#block04 .niretu02 .photo_area img{
width: 100%;
}

#block04 .niretu02 .text_area{
flex-basis: 650px;
}


#block04 .niretu02 .text_area .price_list_layout{
margin: 50px 0 0 0;
}




/*
-----------------------------------バリエーション　調整*/
#block04 .variation{
position: relative;
margin: 20px 0 0px 0;
}

#block04 .variation h4{
padding: 0px 0 40px 0;
}


/*
-----------------------------------商品画像 基本*/
#block04 .syouhin{
position:relative;
font-size:15px;
letter-spacing:0.05em;
width:828px;
margin:0 auto 35px auto;
}

#block04 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#block04 .syouhin .pc_show div{
flex-basis: 384px;
text-align:center;
margin-right: 15px;
margin-left: 15px;
}

#block04 .syouhin div img{
width:100%;
height:auto;
margin: 0 0 12px 0;
}
/*【ブロック4】プライスリスト
---------------------------------------------------------------*/

















/*ブロック05　PC
---------------------------------------------------------------*/
#block05{
position:relative;
width:100%;
margin:120px auto 120px auto;
padding:0 ;

}

/*2列組*/
#block05 .niretu{
width:1200px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;

/*横並び・右から左*/
flex-direction: row-reverse;

margin:0 auto;
padding:0;
z-index: 10;
position: relative;
}


/*左　写真*/
#block05 .photo_area{
flex-basis: 700px;
position: relative;
}

/*右　テキスト*/
#block05 .text_layout_relative{
flex-basis: 500px;
position:relative;
text-align: center;
}

#block05 .text_layout_relative .text_layout{
width:100%;
margin:0 0 0 0;
}

#block05 .text_layout_relative .text_layout p{
font-size: 12px;
line-height: 2.0;
}


#block05 .photo_area .photo_01{
width:100%;
text-align:left;
}

#block05 .photo_area .photo_01 img{
width:100%;
height:auto;
}


#block05 .text_layout{
width:100%;
text-align:center;
padding:150px 0 0 0;
}





/*PC2枚目　140px 被せ　右*/
#block05 .niretu02{
width:1200px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;

margin:0 auto;
padding:0;
position: relative;
z-index: 1;
}



#block05 .niretu02 .text_area{
flex-basis: 650px;
position: relative;
text-align: left;
margin:0;
padding:0;
}


#block05 .niretu02 .photo_area{
flex-basis: 550px;
position: relative;
text-align: left;
margin:-350px 0 0 0;
padding:0;
overflow: hidden;
}

#block05 .niretu02 .photo_area .photo_01{
margin: 0;
}


#block05 .niretu02 .photo_area img{
width: 100%;
height: auto;
}


/*プライスリスト
---------------------------------------------------------------*/
#block05 .niretu02 .text_area .price_list_layout{
display: block;
position: relative;
width: 390px;
text-align: left;
padding: 60px 0 0 0px;
margin: 0px auto 0 auto;
}



/*バリエーション 調整
---------------------------------------------------------------*/
#block05 .variation{
margin-top: 60px;
}


/*商品画像 基本
---------------------------------------------------------------*/
#block05 .syouhin{
position:relative;
font-size:15px;
letter-spacing:0.05em;
width:1128px;
margin:0 auto 35px auto;

}

#block05 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#block05 .syouhin .pc_show div{
flex-basis: 346px;
margin-right: 15px;
margin-left: 15px;
text-align:center;
}


#block05 .syouhin .pc_show div:last-child{
margin-right: 0px;
}




#block05 .syouhin div img{
width:100%;
height:auto;
margin: 0 0 12px 0;
}












/*【ブロック6】 PC
---------------------------------------------------------------*/
#block06{
position: relative;
width:100%;
margin:0 auto 120px auto;
padding:0;
}

/*2列組*/
#block06 .niretu{
width:1200px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
margin:0 auto;
padding:0;
}





/*写真エリア*/
#block06 .photo_area{
flex-basis: 700px;
position:relative;
text-align: left;
}


#block06 .photo_area .photo_01{
width: 700px;
position:relative;
}

#block06 .photo_area .photo_01 img{
width: 100%;
height: auto;
position:relative;
}

#block06 .photo_area .background{
width: 706px;
height: 1055px;
position: absolute;
background: #b3d6e2;
}


#block06 .niretu .photo_area .photo_01 .keisen_right{
position:absolute;
top: 0;
right: 0;
background: #b3d6e2;
width :5px;
height : 100%;
z-index: 5;
opacity: 1;
}

#block06 .niretu .photo_area .photo_01 .keisen_bottom{
position:absolute;
bottom: 0;
right: 0;
background: #b3d6e2;
width :100%;
height : 5px;
z-index: 5;
opacity: 1;
}


/*テキスト*/
#block06 .text_layout_relative{
flex-basis: 500px;
position:relative;
text-align: center;
}



#block06 .text_layout{
width:100%;
text-align:center;
padding:160px 0 0 0;
position:relative;
right: 0px;
}


#block06 .text_layout p{
font-size: 12px;
line-height: 2.0;
}



/*プライスリスト*/
#block06 .niretu .price_list_layout{
display: block;
position: relative;
width: 390px;
text-align: left;
padding: 60px 0 0 0px;
margin: 0px auto 0 auto;
}




#block06 .niretu02{
width: 1200px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#block06 .niretu02 .photo_area{
flex-basis: 550px;
margin: -380px 0 0 0;
overflow: hidden;
}

#block06 .niretu02 .photo_area img{
width: 100%;
}

#block06 .niretu02 .text_area{
flex-basis: 650px;
}


#block06 .niretu02 .text_area .price_list_layout{
margin: 80px 0 0 0;
}

/*バリエーション
---------------------------------------------------------------*/
#block06 .variation{
position:relative;
}


/*バリーエション　調整*/
#block06 .variation h4{

}


/*商品画像 基本
---------------------------------------------------------------*/
#block06 .syouhin{
position:relative;

font-size:15px;
letter-spacing:0.05em;
width:656px;
margin:0 auto 35px auto;
}



#block06 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
}


#block06 .syouhin .pc_show div{
flex-basis: 328px;
text-align: center;
margin-right: 0px;
margin-left:0px;
padding: 0;
}

#block06 .syouhin .pc_show div img{
width: 100%;
height: auto;
}






#block06 .other_colors{
width: 434px;
height: 110px;
border: 1px solid #000;
position: relative;
margin: 40px auto;
}

#block06 .other_colors::before{
content: '';
position: absolute;
top:5px;
left: 5px;
width: 423px;
height: 99px;
border: 1px solid #000;
z-index: -1;
}


#block06 .other_colors .title{
position: absolute;
top:-5px;
left: 0;
right: 0;
margin: auto;
z-index: 3;
}


.three_circl ul{
margin: 20px 0 0 0;
}

.three_circl ul li{
display: inline-block;
width: 72px;
height: 72px;
margin:0 13px 0 13px;
}

.three_circl ul li img{
width: 100%;
height: auto;
}








/*【重要】価格、DETAILリンク　各ブロック調整必要あり*/
.layout_danraku{
padding: 0;
margin: 0;
}

.layout_danraku p{
padding: 0;
margin: 0;
line-height: 1.3;
color: #666;
}





/*リンクバナー
---------------------------------------------------------------*/
#two_shop_link{
width: 760px;
margin: 0 auto 40px auto;
text-align: center;
position: relative;
}

#two_shop_link h2{
width: 100%;
text-align: center;
margin: 0 0 40px 0;
}

#two_shop_link .niretu{
width: 360px;
margin: 0 auto;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;

/*スペース共通*/
justify-content:space-between;
}


#two_shop_link .niretu .kaku_bn{
width: 360px;
height: 223px;
position: relative;
cursor: pointer;
}

#two_shop_link .niretu .kaku_bn a{
display: block;
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 999;
transition:opacity 0.3s ease;
}


/*隣接 ホバー*/
#two_shop_link .niretu .kaku_bn a:hover + .photo{
opacity:0.8;
}

#two_shop_link .niretu .kaku_bn .logo{
position: absolute;
bottom: 15px;
right: 15px;
z-index: 9;
}


#two_shop_link .niretu .kaku_bn .photo{
position: relative;
width: 360px;
height: 223px;
transition:opacity 0.3s ease;
}

#two_shop_link .niretu .kaku_bn .photo img.tyousei{
width: 360px;
height: auto;
}

#two_shop_link .niretu .kaku_bn .text{
width: 100%;
padding: 12px 0 0 0;
text-align: center;
font-size: 12px;
color: #333333;
}








/* バックナンバー
---------------------------------------------------------------*/
#another_issue{
position: relative;
width: 850px;
margin:0 auto 0px auto;
padding: 0 0 80px 0;
text-align: center;
}



#another_issue h2{
width: 850px;
margin: 0 auto 30px auto;
text-align: center;
}




#another_issue .photo{
width: 450px;
margin:0 auto 0px auto;
height : -webkit-calc(450px / 900 * 600 + 0px);
height : calc(450px / 900 * 600 + 0px);
overflow: hidden;
}


#another_issue .photo a{
display: inline-block;
width: 450px;
height : -webkit-calc(450px / 900 * 600 + 0px);
height : calc(450px / 900 * 600 + 0px);
position: absolute;
z-index: 999;
}



#another_issue .photo img{
transform:scale(1);
opacity:1;
transition:all 0.9s ease;
cursor:pointer;
z-index:-1;
}


#another_issue .photo:hover img{
transform:scale(1.00);
opacity:0.8;
}



#another_issue .photo img{
width: 100%;
height: auto;
}


#another_issue .season{
margin: 20px 0 14px 0;
font-family: 'Amiko', sans-serif;
font-size : 14px;
letter-spacing : 0.1em;
}


#another_issue .text{
letter-spacing: 0.1em;
}



/*ショップリスト、レコメンドアイテム
---------------------------------------------------------------*/


#link_reco_shop{
width: 730px;
margin: 0 auto;
padding-bottom: 70px;
padding-top: 0;
]
}




/*レコメンドアイテム　開始*/
.last_online_sep{
width: 730px;
height: 210px;
position:relative;
overflow:hidden;
border:1px solid rgba(155,124,82,1.0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


#link_reco_shop .last_online_sep:after{
content:"";
display:block;
border:1px solid rgba(155,124,82,1.0);
width:calc(100% - 10px);
height:calc(100% - 10px);
position:absolute;
top:4px;
left:4px;
}


#link_reco_shop .last_online_sep a{
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:2;
color : #666666;
}

#link_reco_shop .last_online_sep a:hover{
color : #666666;
cursor:pointer;
}






#link_reco_shop .last_online_sep:hover .text{
transform:scale(1.03);
opacity:0.9;
}




#link_reco_shop .last_online_sep a:visited{
color : #666666;
cursor:pointer;
}


#link_reco_shop .last_online_sep .text{
transform:scale(1);
opacity:1;
transition:all 0.9s ease;

position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content: center;
z-index:1;
}

#link_reco_shop .last_online_sep .text .last_online_text_sep{
padding-top: 17px;
}
/*レコメンドアイテム　終了*/




/*ショップリスト*/
.shop_list{
width: 730px;
height: 300px;
position:relative;
overflow:hidden;
margin-top:30px;
font-size: 13px;
letter-spacing: 0.03em;
color: #fff;
cursor:pointer;
}


.shop_list .bn img{
width: 100%;
height: auto;
}


#link_reco_shop .shop_list::before{
content:"";
display:block;
border:1px solid rgba(255,255,255,0.5);
width:calc(100% - 10px);
height:calc(100% - 10px);
position:absolute;
top:4px;
left:4px;
z-index: 12;
cursor:pointer;
}


#link_reco_shop .shop_list a{
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
color: #fff;
cursor:pointer;
z-index: 13;
}

.shop_list a:hover{
color: #fff;
cursor:pointer;
}

.shop_list a:visited{
color: #fff;
cursor:pointer;
}



#link_reco_shop .shop_list img.bgpc{
transform:scale(1);
opacity:1;
transition:all 0.9s ease;
cursor:pointer;
z-index:-1;
}

#link_reco_shop .shop_list:hover img.bgpc{
	transform:scale(1.04);
	opacity:0.9;
}

#link_reco_shop .shop_list img.bgsp{
	display:none;
}

#link_reco_shop .shop_list img.bgpc{
	display:inline-block;
}


#link_reco_shop .shop_list .text{
position:absolute;
width:100%;
height:49px;
bottom:33px;
left: 0;
z-index:1;
text-align: center;
}

#link_reco_shop .shop_list .text .shop_list_text_sep{
padding-top: 17px;
}





/*クレジット＆オンラインリンク
---------------------------------------------------------------*/
#credit{
text-align:center;
width:100%;
}


#credit h3{
padding:55px 0 40px 0 ;
}


#credit p{
font-size: 11px;
line-height:2.1;
text-align: center;
padding-bottom: 80px;
letter-spacing:0.08em;
font-family: 'Lato', sans-serif;
color: #fff;
}


/*フッター
---------------------------------------------------------------*/
footer{
position: relative;
width:100%;
margin:0;
padding:0 0 20px 0;
background: #80584b;
}

.shop_only{
display:block;
}


.sp_br{
display: none;
}

/*SNSシェアボタン　PC
---------------------------------------------------------------*/
.new_sns{
margin:100px 0 100px 0;
text-align:center;
width:100%;
}

.new_sns ul.sns{
justify-content: center;
display:flex;
flex-wrap:wrap;
margin-top:0px;
}

.new_sns ul.sns li + li{
	margin-left:23px;
}

.new_sns ul.sns li{
width: 22px;
}

.new_sns ul.sns li:first-child{
width: 60px;
height:22px;
}

.new_sns ul.sns li:nth-of-type(2){
width: 60px;
height:1px;
border-bottom: 1px solid #000;
margin-top: 9px;
margin-left:12px;
}
.new_sns ul.sns li:nth-of-type(3){
margin-left:12px;
}

.new_sns ul.sns li a{
	display:block;
	width:22px;
	height:22px;
	border-radius:0px;
	background:#fff;
	text-align:center;
	line-height:1.0;
	transition:opacity 0.3s ease;
}

.new_sns ul.sns li a img{
	vertical-align:middle;
}

.new_sns ul.sns li a:hover{
opacity:0.8;
}



.last_bn_layout{
position: relative;
width: 100%;
border-top: 1px solid #a18b82;
border-bottom: 1px solid #a18b82;
padding: 0px 0 0px 0;
}


.last_bn{
justify-content: center;
display:flex;
flex-wrap:wrap;
/*スペース共通*/
justify-content:space-between;
width: 492px;
margin: 50px auto 50px auto;
}

.last_bn .last_bn01{
flex-basis: 216px;
}

.last_bn .last_bn02{
flex-basis: 216px;
}

.last_bn .last_bn01 img{
width: 100%;
height: auto;
}

.last_bn .last_bn02 img{
width: 100%;
height: auto;
}


.copy{
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
height: 10px;
line-height: 1.1;
margin: 20px auto 0px auto;
font-size: 9px;
}

























.light_blue{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color: #8fbbcc;
}
.light_blue::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #8fbbcc;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.blue_gray{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color: #8aa7b2;
}
.blue_gray::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #8aa7b2;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.smokey_pink{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color: #c499b2;
}
.smokey_pink::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #c499b2;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.light_purple{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color: #6f7290;
}
.light_purple::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #6f7290;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.khaki{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color: #5c7065;
}
.khaki::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #5c7065;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.lavender{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color: #664e66;
}
.lavender::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #664e66;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.camel{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color : #754c24;
}
.camel::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #754c24;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.off_white{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color : #c1bf91;
}
.off_white::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #c1bf91;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.beige{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color : #997c52;
}
.beige::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #997c52;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.black{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color: #000;
}
.black::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #000;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.blue{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
letter-spacing : 0.1em;
color: #858fb0;
}
.blue::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #858fb0;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.navy{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color: #38344a;
}
.navy::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #38344a;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}




.medium_gray{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #666;
}
.medium_gray::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #666;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.gray{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #666;
}
.gray::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #666;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.light_gray{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #999;
}
.light_gray::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #999;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.pink{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #BE1048;
}
.pink::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #BE1048;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.yellow{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #e0c345;
}
.yellow::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #e0c345;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.sax_blue{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #8c95b5;
}

.sax_blue::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #8c95b5;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.ecru{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #cec5be;
}

.ecru::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #cec5be;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.mint{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #1d8fab;
}
.mint::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #1d8fab;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.brown{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #695149;
}
.brown::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #695149;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.green{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #48777f;
}
.green::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #48777f;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.smoky_pink{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #ffb0e4;
}
.smoky_pink::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #ffb0e4;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}


.white{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #cccccc;
}
.white::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #cccccc;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}

.stripe{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #664e66;
}
.stripe::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #664e66;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}

.indigo{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #535778;
}
.indigo::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #535778;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}

.light_denim{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #6b6f8c;
}
.light_denim::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #6b6f8c;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}

.dark_deinm{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color : #2d2f42;
}
.dark_deinm::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #2d2f42;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}




.red{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color: #9f2724;
}
.red::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #9f2724;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}



.yellow_gray{
width: auto;
position: relative;
display: inline-block;
font-family: 'Amiko', sans-serif;
font-size : 12px;
line-height: 12px;
letter-spacing : 0.1em;
color: #c4c290;
}


.yellow_gray::before{
position: absolute;
bottom: -7px;
content: "";
display: inline-block;
height: 1px;
background: #c4c290;
width : -webkit-calc(100% - 0.1em);
width : calc(100% - 0.1em);
opacity:1.0;
}