@charset "UTF-8";
/* CSS Document */

/*sp*/
.catch {
position: absolute;
bottom: -4em;
left: 7%;
text-align: left;
/* width: 100%; */
/* top: 14em; */}

/*pro*/
.container{background-color:#fcf7f9;}

.inner{margin-top:5em;}
/*.tintrouge_lineup{background-color:#fcf7f9;}*/
.tintrouge_lineup ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.tintrouge_lineup li{position:relative;margin-bottom:5em;width:100%;}
.tint_product{display:flex;justify-content: space-between;padding:7% 7%;align-items: center;position:relative;}

.tintrouge_list{margin-top:4em;}
.list_left{width:30%;}
.list_left img{width: 30%;height:auto;position: absolute;top: 0;}


.list_right{width:55%;line-height:.8rem;font-size:.9rem;font-family: 'Noto Serif JP', serif;font-weight:300;margin-left:4.5em;}
.list_right span{font-size:1.3rem;font-family: 'Noto Serif JP', serif;font-weight:300;letter-spacing:3px;line-height:1.5em;}
.list_right p{font-size:.7rem;letter-spacing:1px;}
img.rip_image{width:100%;margin:0 auto;}

.link_box{position:relative;}
.links {
margin: .8em 0 0 0;
align-items: start;
position:absolute;
top: 0%; left: 50%; transform: translate(-50%,-0%);
z-index:10;}

/*.links{width: 53%;margin: .8em auto 0;}*/

/*.product-links {
left: 0;
width: 85px;
border-top: 2px solid #c59d62;
background-color: #fff;}*/

/*.product-links {
position: absolute;
top: 100%;
right: 0;
left: 0;
width: 87px;
margin: 0 auto;
z-index: 5;}*/

.links .rakuten img {width: 100%;margin: 1em auto;display: block;}
.links .yahoo img {width: 100%;margin: 1em auto;display: block;}
.links .amazon img {width: 100%;margin: 1em auto;display: block;}

/*.shopbtn-accordion .ac-cont .fst img {display: block;}*/

/*.product-links>a {
display: flex;
width: 100%;
height: 34px;
border-bottom: 1px solid #c59d62;
align-items: center;
justify-content: center;}*/


.shopbtn-accordion {min-width: 100%;margin: 0 auto;position:relative;z-index:10;}
.shopbtn-accordion .ac-content {margin: 0 0px;}
.shopbtn-accordion label {
display: block;
/*background: #FC79AF;
border: 0px solid #fdcce0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/
cursor: pointer;
padding: 0em 0;
border-radius: 2px;
/*text-align: center;
font-size: 1.5rem;
color: #ffffff;
/*font-weight: bold;*/
position: relative;}

.box1{border:1px solid #c59d62}
.box1 p{margin: .5em;text-align: center;color:#c59d62;font-family: 'Noto Serif JP', serif;font-size:.8em;}

.shopbtn-accordion input {display: none;}
.shopbtn-accordion .ac-cont {
height: 0;
overflow: hidden;
padding: 0;
transition: .1s;}

.shopbtn-accordion input:checked + .ac-cont {height: 194px;padding: 0 0 0;background-color:rgba(255,255,255,85%);
background-blend-mode:lighten;box-shadow: 0 2px 4px rgba(120,120,120,0.3);}
.shopbtn-accordion .ac-cont p {
/*background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/
border-bottom: 1px solid #c59d622e;}
.shopbtn-accordion .ac-cont p:last-child {border-bottom:none;}
.shopbtn-accordion .ac-cont a {display: block;}



.shopbtn-accordion2 {min-width: 100%;margin: 0 auto;position:relative;z-index:10;}
.shopbtn-accordion2 .ac-content2 {margin: 0 0px;}
.shopbtn-accordion2 label {
display: block;
/*background: #FC79AF;
border: 0px solid #fdcce0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/
cursor: pointer;
padding: 0em 0;
border-radius: 2px;
/*text-align: center;
font-size: 1.5rem;
color: #ffffff;
/*font-weight: bold;*/
position: relative;}

.shopbtn-accordion2 input {display: none;}
.shopbtn-accordion2 .ac-cont2 {
height: 0;
overflow: hidden;
padding: 0;
transition: .1s;}

.shopbtn-accordion2 input:checked + .ac-cont2 {height: 194px;padding: 0 0 0;background-color:rgba(255,255,255,85%);
background-blend-mode:lighten;box-shadow: 0 2px 4px rgba(120,120,120,0.3);}
.shopbtn-accordion2 .ac-cont2 p {
background: #ffffff;
/*background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/
border-bottom: 1px solid #c59d622e;}
.shopbtn-accordion2 .ac-cont2 p:last-child {border-bottom:none;}
.shopbtn-accordion2 .ac-cont2 a {display: block;}


.shopbtn-accordion3 {min-width: 100%;margin: 0 auto;position:relative;z-index:10;}
.shopbtn-accordion3 .ac-content3 {margin: 0 0px;}
.shopbtn-accordion3 label {
display: block;
/*background: #FC79AF;
border: 0px solid #fdcce0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/
cursor: pointer;
padding: 0em 0;
border-radius: 2px;
/*text-align: center;
font-size: 1.5rem;
color: #ffffff;
/*font-weight: bold;*/
position: relative;}

.shopbtn-accordion3 input {display: none;}
.shopbtn-accordion3 .ac-cont3 {
height: 0;
overflow: hidden;
padding: 0;
transition: .1s;}

.shopbtn-accordion3 input:checked + .ac-cont3 {height: 194px;padding: 0 0 0;background-color:rgba(255,255,255,85%);
background-blend-mode:lighten;box-shadow: 0 2px 4px rgba(120,120,120,0.3);}
.shopbtn-accordion3 .ac-cont3 p {
background: #ffffff;
/*background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/
border-bottom: 1px solid #c59d622e;}
.shopbtn-accordion3 .ac-cont3 p:last-child {border-bottom:none;}
.shopbtn-accordion3 .ac-cont3 a {display: block;}


.shopbtn-accordion4 {min-width: 100%;margin: 0 auto;position:relative;z-index:10;}
.shopbtn-accordion4 .ac-content4 {margin: 0 0px;}
.shopbtn-accordion4 label {
display: block;
/*background: #FC79AF;
border: 0px solid #fdcce0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/
cursor: pointer;
padding: 0em 0;
border-radius: 2px;
/*text-align: center;
font-size: 1.5rem;
color: #ffffff;
/*font-weight: bold;*/
position: relative;}
.shopbtn-accordion4 input {display: none;}
.shopbtn-accordion4 .ac-cont4 {
height: 0;
overflow: hidden;
padding: 0;
transition: .1s;}

.shopbtn-accordion4 input:checked + .ac-cont4 {height: 194px;padding: 0 0 0;background-color:rgba(255,255,255,85%);background-blend-mode:lighten;
box-shadow: 0 2px 4px rgba(120,120,120,0.3);}
.shopbtn-accordion4 .ac-cont4 p {
background: #ffffff;
/*background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/
border-bottom: 1px solid #c59d622e;}
.shopbtn-accordion4 .ac-cont4 p:last-child {border-bottom:none;}
.shopbtn-accordion4 .ac-cont4 a {display: block;}



.shopbtn-accordion5 {min-width: 100%;margin: 0 auto;position:relative;z-index:10;}
.shopbtn-accordion5 .ac-content5 {margin: 0 0px;}
.shopbtn-accordion5 label {
display: block;
/*background: #FC79AF;
border: 0px solid #fdcce0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/
cursor: pointer;
padding: 0em 0;
border-radius: 2px;
/*text-align: center;
font-size: 1.5rem;
color: #ffffff;
/*font-weight: bold;*/
position: relative;}
.shopbtn-accordion5 input {display: none;}
.shopbtn-accordion5 .ac-cont5 {
height: 0;
overflow: hidden;
padding: 0;
transition: .1s;}

.shopbtn-accordion5 input:checked + .ac-cont5 {height: 194px;padding: 0 0 0;background-color:rgba(255,255,255,85%);background-blend-mode:lighten;
box-shadow: 0 2px 4px rgba(120,120,120,0.3);}
.shopbtn-accordion5 .ac-cont5 p {
background: #ffffff;
/*background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/
border-bottom: 1px solid #c59d622e;}
.shopbtn-accordion5 .ac-cont5 p:last-child {border-bottom:none;}
.shopbtn-accordion5 .ac-cont5 a {display: block;}



.shopbtn-accordion6 {min-width: 100%;margin: 0 auto;position:relative;z-index:10;}
.shopbtn-accordion6 .ac-content6 {margin: 0 0px;}
.shopbtn-accordion6 label {
display: block;
/*background: #FC79AF;
border: 0px solid #fdcce0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/
cursor: pointer;
padding: 0em 0;
border-radius: 2px;
/*text-align: center;
font-size: 1.5rem;
color: #ffffff;
/*font-weight: bold;*/
position: relative;}
.shopbtn-accordion6 input {display: none;}
.shopbtn-accordion6 .ac-cont6{
height: 0;
overflow: hidden;
padding: 0;
transition: .1s;}

.shopbtn-accordion6 input:checked + .ac-cont6 {height: 194px;padding: 0 0 0;background-color:rgba(255,255,255,85%);background-blend-mode:lighten;
box-shadow: 0 2px 4px rgba(120,120,120,0.3);}
.shopbtn-accordion6 .ac-cont6 p {
background: #ffffff;
/*background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/
border-bottom: 1px solid #c59d622e;}
.shopbtn-accordion6 .ac-cont6 p:last-child {border-bottom:none;}
.shopbtn-accordion6 .ac-cont6 a {display: block;}



.shopbtn-accordion7 {min-width: 100%;margin: 0 auto;position:relative;z-index:10;}
.shopbtn-accordion7 .ac-content7 {margin: 0 0px;}
.shopbtn-accordion7 label {
display: block;
/*background: #FC79AF;
border: 0px solid #fdcce0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/
cursor: pointer;
padding: 0em 0;
border-radius: 2px;
/*text-align: center;
font-size: 1.5rem;
color: #ffffff;
/*font-weight: bold;*/
position: relative;}
.shopbtn-accordion7 input {display: none;}
.shopbtn-accordion7 .ac-cont7 {
height: 0;
overflow: hidden;
padding: 0;
transition: .1s;}

.shopbtn-accordion7 input:checked + .ac-cont7 {height: 194px;padding: 0 0 0;background-color:rgba(255,255,255,85%);background-blend-mode:lighten;
box-shadow: 0 2px 4px rgba(120,120,120,0.3);}
.shopbtn-accordion7 .ac-cont7 p {
background: #ffffff;
/*background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/
border-bottom: 1px solid #c59d622e;}
.shopbtn-accordion7 .ac-cont7 p:last-child {border-bottom:none;}
.shopbtn-accordion7 .ac-cont7 a {display: block;}

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

.catch {
/* position: absolute; */
bottom: -7em;
left: 7%;
text-align: left;
/* width: 100%; */
/* top: 14em; */}
	
	
.inner {margin-top: 7em;padding: 0 9em;}
.tint_product {padding: 7% 0%;}
.tintrouge_lineup li{width:100%;}
	
}

@media screen and (min-width: 1024px) {
	
.inner{margin-top:5em;padding: 0;}
/*.tint_product{padding:7% 10%;}*/
.tint_product{padding:7% 0%;}
/*rouge_lineup*/
/*.tintrouge_lineup ul {padding: 0 1.5em;}*/
.tintrouge_lineup ul {padding: 5em 6.5em;}
.tintrouge_lineup li{width:44%;}


}

@media screen and (min-width: 1440px) {
/*.tintrouge_lineup ul {padding: 0 14.5em;}*/
.tintrouge_lineup ul {padding: 0 17.5em;}
.catch {
/*position: absolute;*/
bottom: 0em;
left: 20%;
text-align: left;
/* width: 100%; */
/* top: 14em; */}	
	
	

}