@charset "UTF-8";

/*==================================================================

CONTENTS_HEADER

==================================================================*/
@media screen and (min-width:1024px) {
.smp{
display:none;
}
.contents_header{
width:100%;
height:350px;
margin:100px auto 130px;
background:url("../../product/images/header_product.jpg") no-repeat 50%;
background-size:cover;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
.contents_header{
width:100%;
height:200px;
margin:100px auto 100px;
background:url("../../product/images/header_product_smp.jpg") no-repeat 50%;
background-size:cover;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
.contents_header{
width:100%;
height:150px;
margin:80px auto;
background:url("../../product/images/header_product_smp.jpg") no-repeat 50%;
background-size:cover;
}
}









/*==================================================================

PRODUCT_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.product_area{
width:1000px;
margin:60px auto;
padding:0;
}
.product_area h3{
font-family:TsukuMinPr6-L;
font-size:25px;
text-align:center;
background:url("../../images/mark.png") no-repeat center top;
background-size:5%;
padding-top:80px;
margin:2em auto 1em;
letter-spacing:0.1em;
}
.product_area h3 span{
position:relative;
display:inline-block;
padding:0 0.5em;
}     
.product_area h3 span::before, .product_area h3 span::after{
position:absolute;
top:50%;
content:'';
width:1.5em;
height:1px;
background-color:#000;
} 
.product_area h3 span::before{
left:100%;
}
.product_area h3 span::after{
right:100%;
}
.product_area h3 span.complement{
font-size:0.7em;
display:contents;
}
h5{
font-family:TsukuMinPr6-L;
font-size:22px;
letter-spacing:0.1em;
border:solid 1px #000;
padding:1.5em 1.5em 1.5em 4em;
display:block;
color:#000;
background:url("../../images/mark.png") no-repeat 3%;
background-size:3%;
background-color:#FBFAF6;
}
h5 span{
font-size:0.75em;
letter-spacing:0.1em;
}
h5 span.limit{
font-size:0.7em;
letter-spacing:0.1em;
background:#000;
color:#FFF;
padding:0.3em 0.5em;
margin-right:1em;
}
.content{
width:100%;
margin:30px auto 60px;
}
.content ul{
overflow:hidden;
}
.content ul li{
width:23%;
height:auto;
margin:1%;
float:left;
}
.photo{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.content h4{
font-size:15px;
text-align:center;
margin:0.5em auto 0.2em;
letter-spacing:0.1em;
}
.content h4 span{
font-size:0.8em;
}
.content p{
font-size:16px;
letter-spacing:0.05em;
text-align:center;
color:#808080;
margin-bottom:1em;
}
.content div{
position:relative;
width:100%;
height:42px;
margin:0 auto;
display:block;
overflow:hidden;
cursor:pointer;
}
.content div img{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
width:100%;
display:block;
-webkit-transition:.4s ease-in-out;
transition:.4s ease-in-out;
}
.content div:hover img:nth-of-type(2){
opacity:0;
}
.content section h5{
font-family:TsukuMinPr6-RB;
font-size:20px;
letter-spacing:0.08em;
position:relative;
display:inline-block;
width:1000px;
text-align:center;
color:#000;
margin:0em auto 1em;
border:none;
padding:1.5em 0 1em;
background:none;
background-size:3%;
background-color:#FFF;
}
.content section h5::before,
.content section h5::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:35%;
height:3px;
border-top:1px solid #000;
}
.content section h5::before{
left:0;
}
.content section h5::after{
right:0;
}
.content section h6{
width:70%;
margin:35px auto;
}
.content section p{
font-size:14px;
text-align:justify;
color:#000;
margin:0 0 35px;
}
.content h6{
width:40%;
margin:0 auto;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.product_area{
width:98%;
margin:50px auto;
padding:0;
}
.product_area h3{
font-family:TsukuMinPr6-L;
font-size:23px;
text-align:center;
background:url("../../images/mark.png") no-repeat center top;
background-size:5%;
padding-top:80px;
margin:2em auto 1em;
letter-spacing:0.1em;
}
.product_area h3 span{
position:relative;
display:inline-block;
padding:0 0.5em;
}     
.product_area h3 span::before, .product_area h3 span::after{
position:absolute;
top:50%;
content:'';
width:1.5em;
height:1px;
background-color:#000;
} 
.product_area h3 span::before{
left:100%;
}
.product_area h3 span::after{
right:100%;
}
.product_area h3 span.complement{
font-size:0.7em;
display:contents;
}
h5{
font-family:TsukuMinPr6-L;
font-size:20px;
letter-spacing:0.1em;
border:solid 1px #000;
padding:1.2em 1.2em 1.2em 4em;
display:block;
color:#000;
background:url("../../images/mark.png") no-repeat 3%;
background-size:3%;
background-color:#FBFAF6;
}
h5 span{
font-size:0.75em;
letter-spacing:0.1em;
}
h5 span.limit{
font-size:0.7em;
letter-spacing:0.1em;
background:#000;
color:#FFF;
padding:0.3em 0.5em;
margin-right:1em;
}
.content{
width:100%;
margin:20px auto 50px;
}
.content ul{
overflow:hidden;
}
.content ul li{
width:31%;
height:auto;
margin:1%;
float:left;
}
.photo{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.content h4{
font-size:14px;
text-align:center;
margin:0.5em auto 0.2em;
letter-spacing:0.1em;
}
.content h4 span{
font-size:0.8em;
}
.content p{
font-size:14px;
text-align:center;
color:#808080;
margin-bottom:1em;
}
.content div{
position:relative;
width:100%;
height:50px;
margin:0 auto;
display:block;
overflow:hidden;
cursor:pointer;
}
.content div img{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
width:100%;
display:block;
-webkit-transition:.4s ease-in-out;
transition:.4s ease-in-out;
}
.content div:hover img:nth-of-type(2){
opacity:0;
}
.content section h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
letter-spacing:0.08em;
position:relative;
display:inline-block;
width:100%;
text-align:center;
color:#000;
margin:0em auto 1em;
border:none;
padding:1.0em 0 0.5em;
background:none;
background-color:#FFF;
}
.content section h5::before,
.content section h5::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:30%;
height:3px;
border-top:1px solid #000;
}
.content section h5::before{
left:0;
}
.content section h5::after{
right:0;
}
.content section h6{
width:70%;
margin:25px auto;
}
.content section p{
font-size:13px;
text-align:justify;
color:#000;
margin:0 0 20px;
}
.content h6{
width:40%;
margin:0 auto;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.product_area{
width:98%;
margin:30px auto;
padding:0;
}
.product_area p{
text-align:center;
line-height:1.6em;
}
.product_area h3{
font-family:TsukuMinPr6-L;
font-size:20px;
text-align:center;
background:url("../../images/mark.png") no-repeat center top;
background-size:10%;
padding-top:60px;
margin:2em auto 1em;
letter-spacing:0.1em;
}
.product_area h3 span{
position:relative;
display:inline-block;
padding:0 0.5em;
}     
.product_area h3 span::before, .product_area h3 span::after{
position:absolute;
top:50%;
content:'';
width:1.5em;
height:1px;
background-color:#000;
} 
.product_area h3 span::before{
left:100%;
}
.product_area h3 span::after{
right:100%;
}
.product_area h3 span.complement{
font-size:0.7em;
display:contents;
}
h5{
font-family:TsukuMinPr6-L;
font-size:18px;
letter-spacing:0.1em;
border:solid 1px #000;
padding:1em 1.5em 1em 2.5em;
display:block;
color:#000;
background:url("../../images/mark.png") no-repeat 3%;
background-size:5%;
background-color:#FBFAF6;
}
h5 span{
font-size:0.75em;
letter-spacing:0.1em;
}
h5 span.limit{
font-size:0.7em;
letter-spacing:0.1em;
background:#000;
color:#FFF;
padding:0.3em 0.5em;
margin-right:1em;
}
.content{
width:100%;
margin:20px auto 0;
}
.content ul{
overflow:hidden;
}
.content ul li{
width:70%;
height:auto;
margin:20px auto 35px;
}
.photo{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.content h4{
font-size:16px;
text-align:center;
margin:0.5em auto 0.2em;
letter-spacing:0.1em;
}
.content h4 span{
font-size:0.8em;
}
.content p{
font-size:16px;
text-align:center;
color:#808080;
margin-bottom:0.5em;
}
.content div{
position:relative;
width:100%;
height:52px;
margin:0 auto;
display:block;
overflow:hidden;
cursor:pointer;
}
.content div img{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
width:100%;
display:block;
-webkit-transition:.4s ease-in-out;
transition:.4s ease-in-out;
}
.content div:hover img:nth-of-type(2){
opacity:0;
}
.content section h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
letter-spacing:0.03em;
position:relative;
display:inline-block;
width:100%;
text-align:center;
color:#000;
margin:0em auto 0.5em;
border:none;
padding:1em 0em 1em 0em;
background:none;
background-color:#FFF;
}
.content section h5::before,
.content section h5::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:10%;
height:3px;
border-top:1px solid #000;
}
.content section h5::before{
left:0;
}
.content section h5::after{
right:0;
}
.content section h6{
width:100%;
margin:0 auto 20px;
}
.content section p{
font-size:14px;
line-height:1.35em;
text-align:justify;
color:#000;
margin:0 0 20px;
}
.content h6{
width:80%;
margin:20px auto 0;
}
}









/*==================================================================

URBAN RESERACH

==================================================================*/
@media screen and (min-width:1024px) {
.urban_research{
}
.urban_research h4{
width:40%;
margin:50px auto;
}
.urban_research h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.urban_research p{
font-size:14px;
text-align:justify;
margin:2em auto 1em;
color:#000;
}
.urban_research ul{
overflow:hidden;
}
.urban_research ul li{
width:29.3%;
padding:30px 1%;
float:left;
}
.urban_research ul li figure{
width:100%;
height:auto;
margin:0 auto 15px;
}
.urban_research ul li figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.urban_research ul li dl{
overflow:hidden;
}
.urban_research ul li dl dt{
width:25%;
margin-right:5%;
float:left;
}
.urban_research ul li dl dd{
width:70%;
float:left;
}
.urban_research ul li dl dd h6{
width:100%;
font-family:TsukuMinPr6-RB;
font-size:18px;
letter-spacing:0.05em;
margin-bottom:1em;
}
.urban_research ul li dl dd p{
font-size:11px;
margin:0;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.urban_research{
}
.urban_research h4{
width:40%;
margin:50px auto;
}
.urban_research h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.urban_research p{
font-size:13px;
text-align:justify;
margin:2em auto 1em;
color:#000;
}
.urban_research ul{
overflow:hidden;
}
.urban_research ul li{
width:29.3%;
padding:10px 1%;
float:left;
}
.urban_research ul li figure{
width:100%;
height:auto;
margin:0 auto 15px;
}
.urban_research ul li figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.urban_research ul li dl{
overflow:hidden;
}
.urban_research ul li dl dt{
width:25%;
margin-right:5%;
float:left;
}
.urban_research ul li dl dd{
width:70%;
float:left;
}
.urban_research ul li dl dd h6{
width:100%;
font-family:TsukuMinPr6-RB;
font-size:16px;
letter-spacing:0.05em;
margin-bottom:1em;
}
.urban_research ul li dl dd p{
font-size:10px;
margin:0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.urban_research{
}
.urban_research h4{
width:70%;
margin:30px auto 20px;
}
.urban_research h5{
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
color:#777;
letter-spacing:0.02em;
line-height:1.35em;
border:none;
background:none;
background-color:#FFF;
}
.urban_research p{
font-size:14px;
text-align:justify;
margin:2em auto 0em;
color:#000;
line-height:1.35em;
}
.urban_research ul{
}
.urban_research ul li{
width:80%;
padding:20px 10%;
}
.urban_research ul li figure{
width:80%;
height:auto;
margin:0 auto 15px;
}
.urban_research ul li figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.urban_research ul li dl{
}
.urban_research ul li dl dt{
width:25%;
margin-right:5%;
float:left;
}
.urban_research ul li dl dd{
width:70%;
float:left;
}
.urban_research ul li dl dd h6{
width:100%;
font-family:TsukuMinPr6-RB;
font-size:16px;
letter-spacing:0.05em;
margin-bottom:1em;
}
.urban_research ul li dl dd p{
font-size:11px;
margin:0;
}
}









/*==================================================================

TUZYUN

==================================================================*/
@media screen and (min-width:1024px) {
.tuzyun{
}
.tuzyun h4{
width:40%;
margin:50px auto 30px;
}
.tuzyun h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.tuzyun p{
font-size:14px;
text-align:justify;
margin:2em auto 1em;
color:#000;
}
.tuzyun figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.tuzyun figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.tuzyun figure.hotarumaru{
width:30%;
height:auto;
margin:0 auto 35px;
}
.tuzyun figure.hotarumaru img{
border-radius:0;
}
.tuzyun p.houtou{
font-family:TsukuBOldMinPr6-R;
font-size:18px;
text-align:center;
margin-bottom:1.5em;
line-height:1.0em;
}
.tuzyun p.hotarumaru_detail{
font-size:11px;
margin:0 0 50px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.tuzyun{
}
.tuzyun h4{
width:40%;
margin:50px auto;
}
.tuzyun h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.tuzyun p{
font-size:13px;
text-align:justify;
margin:2em auto 1em;
color:#000;
}
.tuzyun figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.tuzyun figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.tuzyun figure.hotarumaru{
width:30%;
height:auto;
margin:0 auto 35px;
}
.tuzyun figure.hotarumaru img{
border-radius:0;
}
.tuzyun p.houtou{
font-family:TsukuBOldMinPr6-R;
font-size:16px;
text-align:center;
margin-bottom:1.5em;
line-height:1.0em;
}
.tuzyun p.hotarumaru_detail{
font-size:10px;
margin:0 0 25px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.tuzyun{
}
.tuzyun h4{
width:70%;
margin:30px auto 20px;
}
.tuzyun h5{
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
color:#777;
letter-spacing:0.02em;
line-height:1.35em;
border:none;
background:none;
background-color:#FFF;
}
.tuzyun p{
font-size:14px;
text-align:justify;
margin:2em auto 0em;
color:#000;
line-height:1.35em;
}
.tuzyun figure{
width:60%;
height:auto;
margin:0 auto 5px;
}
.tuzyun figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.tuzyun figure.hotarumaru{
width:80%;
height:auto;
margin:0 auto 35px;
}
.tuzyun figure.hotarumaru img{
border-radius:0;
}
.tuzyun p.houtou{
font-family:TsukuBOldMinPr6-R;
font-size:16px;
text-align:center;
margin-bottom:1.5em;
line-height:1.35em;
}
.tuzyun p.hotarumaru_detail{
font-size:11px;
margin:0 0 30px;
}
}









/*==================================================================

SHINSAN

==================================================================*/
@media screen and (min-width:1024px) {
.shinsan{
}
.shinsan h4{
width:40%;
margin:50px auto;
}
.shinsan h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.shinsan p{
font-size:14px;
text-align:justify;
margin:2em auto 1em;
color:#000;
}
.shinsan ul{
overflow:hidden;
}
.shinsan ul li{
width:29.3%;
padding:30px 1%;
float:left;
}
.shinsan ul li figure{
width:100%;
height:auto;
margin:0 auto 15px;
}
.shinsan ul li h6{
width:100%;
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
letter-spacing:0.05em;
margin-bottom:1em;
}
.shinsan ul li p{
font-size:11px;
margin:0;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.shinsan{
}
.shinsan h4{
width:40%;
margin:50px auto;
}
.shinsan h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.shinsan p{
font-size:13px;
text-align:justify;
margin:2em auto 1em;
color:#000;
}
.shinsan ul{
overflow:hidden;
}
.shinsan ul li{
width:29.3%;
padding:10px 1%;
float:left;
}
.shinsan ul li figure{
width:100%;
height:auto;
margin:0 auto 15px;
}
.shinsan ul li h6{
width:100%;
font-family:TsukuMinPr6-RB;
font-size:14px;
text-align:center;
letter-spacing:0.05em;
margin-bottom:1em;
}
.shinsan ul li p{
font-size:10px;
margin:0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.shinsan{
}
.shinsan h4{
width:70%;
margin:30px auto 20px;
}
.shinsan h5{
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
color:#777;
letter-spacing:0.02em;
line-height:1.35em;
border:none;
background:none;
background-color:#FFF;
}
.shinsan p{
font-size:14px;
text-align:justify;
margin:2em auto 0em;
color:#000;
line-height:1.35em;
}
.shinsan ul{
}
.shinsan ul li{
width:80%;
padding:10px 10%;
}
.shinsan ul li figure{
width:80%;
height:auto;
margin:0 auto 15px;
}
.shinsan ul li h6{
width:100%;
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
letter-spacing:0.05em;
margin-bottom:1em;
}
.shinsan ul li p{
font-size:11px;
margin:0;
}
}









/*==================================================================

HAMASHIMA

==================================================================*/
@media screen and (min-width:1024px) {
.hamashima{
}
.hamashima h4{
width:40%;
margin:50px auto 30px;
}
.hamashima h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.hamashima p{
font-size:14px;
text-align:justify;
margin:2em auto;
color:#000;
}
.hamashima figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.hamashima figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.hamashima{
}
.hamashima h4{
width:40%;
margin:50px auto;
}
.hamashima h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.hamashima p{
font-size:13px;
text-align:justify;
margin:2em auto;
color:#000;
}
.hamashima figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.hamashima figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.hamashima{
}
.hamashima h4{
width:70%;
margin:30px auto 20px;
}
.hamashima h5{
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
color:#777;
letter-spacing:0.02em;
line-height:1.35em;
border:none;
background:none;
background-color:#FFF;
}
.hamashima p{
font-size:14px;
text-align:justify;
margin:2em auto 0em;
color:#000;
line-height:1.35em;
}
.hamashima figure{
width:60%;
height:auto;
margin:0 auto 5px;
}
.hamashima figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
}








/*==================================================================

MINAMIASO

==================================================================*/
@media screen and (min-width:1024px) {
.minamiaso{
}
.minamiaso h4{
width:40%;
margin:50px auto 30px;
}
.minamiaso h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.minamiaso p{
font-size:14px;
text-align:justify;
margin:2em auto;
color:#000;
}
.minamiaso figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.minamiaso figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.minamiaso{
}
.minamiaso h4{
width:40%;
margin:50px auto;
}
.minamiaso h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.minamiaso p{
font-size:13px;
text-align:justify;
margin:2em auto;
color:#000;
}
.minamiaso figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.minamiaso figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.minamiaso{
}
.minamiaso h4{
width:70%;
margin:30px auto 20px;
}
.minamiaso h5{
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
color:#777;
letter-spacing:0.02em;
line-height:1.35em;
border:none;
background:none;
background-color:#FFF;
}
.minamiaso p{
font-size:14px;
text-align:justify;
margin:2em auto 0em;
color:#000;
line-height:1.35em;
}
.minamiaso figure{
width:60%;
height:auto;
margin:0 auto 5px;
}
.minamiaso figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.minamiaso h6{
margin-bottom:50px;
}

}









/*==================================================================

KUMAMON

==================================================================*/
@media screen and (min-width:1024px) {
.kumamon{
}
.kumamon h4{
width:40%;
margin:50px auto 30px;
}
.kumamon h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.kumamon p{
font-size:14px;
text-align:justify;
margin:2em auto;
color:#000;
}
.kumamon figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.kumamon figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.kumamon{
}
.kumamon h4{
width:40%;
margin:50px auto;
}
.kumamon h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.kumamon p{
font-size:13px;
text-align:justify;
margin:2em auto;
color:#000;
}
.kumamon figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.kumamon figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.kumamon{
}
.kumamon h4{
width:70%;
margin:30px auto 20px;
}
.kumamon h5{
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
color:#777;
letter-spacing:0.02em;
line-height:1.35em;
border:none;
background:none;
background-color:#FFF;
}
.kumamon p{
font-size:14px;
text-align:justify;
margin:2em auto 0em;
color:#000;
line-height:1.35em;
}
.kumamon figure{
width:60%;
height:auto;
margin:0 auto 5px;
}
.kumamon figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.kumamon h6{
margin-bottom:50px;
}
}









/*==================================================================

NANGOHI

==================================================================*/
@media screen and (min-width:1024px) {
.nangohi{
}
.nangohi h4{
width:40%;
margin:50px auto 30px;
}
.nangohi h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.nangohi p{
font-size:14px;
text-align:justify;
margin:2em auto;
color:#000;
}
.nangohi figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.nangohi figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
h6.nangohi5{
width:80%;
height:auto;
margin:0 auto 35px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.nangohi{
}
.nangohi h4{
width:40%;
margin:50px auto;
}
.nangohi h5{
font-family:TsukuMinPr6-RB;
font-size:18px;
text-align:center;
color:#777;
letter-spacing:0.02em;
border:none;
background:none;
background-color:#FFF;
}
.nangohi p{
font-size:13px;
text-align:justify;
margin:2em auto;
color:#000;
}
.nangohi figure{
width:30%;
height:auto;
margin:0 auto 5px;
}
.nangohi figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
h6.nangohi5{
width:80%;
height:auto;
margin:0 auto 25px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.nangohi{
}
.nangohi h4{
width:70%;
margin:30px auto 20px;
}
.nangohi h5{
font-family:TsukuMinPr6-RB;
font-size:16px;
text-align:center;
color:#777;
letter-spacing:0.02em;
line-height:1.35em;
border:none;
background:none;
background-color:#FFF;
}
.nangohi p{
font-size:14px;
text-align:justify;
margin:2em auto 0em;
color:#000;
line-height:1.35em;
}
.nangohi figure{
width:60%;
height:auto;
margin:0 auto 5px;
}
.nangohi figure img{
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
h6.nangohi5{
width:100%;
height:auto;
margin:30px auto;
}
}









/*==================================================================

NORESALE_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.noresale_area{
width:1000px;
margin:50px auto 100px;
}
.noresale_area h3{
background:url("../../images/mark.png") no-repeat center top;
background-size:5%;
padding-top:80px;
margin:2em auto 1em;
letter-spacing:0.1em;
}
.noresale{
width:100%;
margin:20px auto 100px;
border:1px solid #000;
position:relative;
}
.noresale h4{
font-family:TsukuAOldMinPr6-D;
font-size:18px;
letter-spacing:0.01em;
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.5em;
}
.noresale span{
padding:0 0.5em;
background:#FFF;
}
.noresale p{
line-height:1.65em;
padding:3em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.noresale_area{
width:98%;
margin:60px auto 80px;
}
.noresale_area h3{
background:url("../../images/mark.png") no-repeat center top;
background-size:5%;
padding-top:60px;
margin:2em auto 1em;
letter-spacing:0.1em;
}
.noresale{
width:98%;
margin:10px auto 80px;
border:1px solid #000;
position:relative;
}
.noresale h4{
font-family:TsukuAOldMinPr6-D;
font-size:16px;
letter-spacing:0.01em;
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.5em;
}
.noresale span{
padding:0 0.5em;
background:#FFF;
}
.noresale p{
line-height:1.65em;
padding:3em 2.5em 2.5em 2.5em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.noresale_area{
width:98%;
margin:40px auto 30px;
}
.noresale_area h3{
background:url("../../images/mark.png") no-repeat center top;
background-size:10%;
padding-top:60px;
margin:2em auto 1em;
letter-spacing:0.1em;
}
.noresale{
width:98%;
margin:10px auto 30px;
border:1px solid #000;
position:relative;
}
.noresale h4{
font-family:TsukuAOldMinPr6-D;
font-size:16px;
line-height:1.35em;
letter-spacing:0.01em;
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.5em;
}
.noresale span{
padding:0 0.5em;
background:#FFF;
}
.noresale p{
font-size:13px;
padding:4em 1.5em 1.5em 1.5em;
}
}









/*==================================================================

NEGATIVE-MARGIN

==================================================================*/
@media screen and (min-width:1024px) {
#mellow,#travelsoaper,#flavor,#unscented,#fukko,#cream,#jojoba,#botanicanon,#gift,#others,#collaboration{
padding-top:100px;
margin-top:-100px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
#mellow,#travelsoaper,#flavor,#unscented,#fukko,#cream,#jojoba,#botanicanon,#gift,#others,#collaboration{
padding-top:100px;
margin-top:-100px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
#mellow,#travelsoaper,#flavor,#unscented,#fukko,#cream,#jojoba,#botanicanon,#gift,#others,#collaboration{
padding-top:80px;
margin-top:-80px;
}
}