﻿@charset "utf-8";  

.flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	   -ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-nowrap{
	-webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-end{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-left{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.flex-align{
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

.flex-align-start{
  -webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
}

.flex-align-bottom{
  -webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}

.flex-column{
 -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}

.flex-reverse{
 -webkit-box-orient: horizontal;
  -webkit-box-direction: row-reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}

.flex-grow{
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

figure{ margin:0; padding:0;}

/*------------------------------------------------------------ 
    AVEDA css
------------------------------------------------------------*/  

#avd{
	width:100%;
	margin:0 auto;
}

#avd-Mv{
	width:100%;
	margin:90px 0 20px;
	background:#F5EFE9;
	position:relative;
}

#avd-MvInner{
	width:100%;
	max-width:1920px;
	padding:60px 60px 60px 960px;
	position:relative;
	box-sizing:border-box;
}

#avd-MvImage{
	width:880px;
	position:absolute;
	left:0;
	top:-60px;
}

#avd-MvInfo{ width:780px;}
#avd-MvInfoHead{
	width:100%;
	padding-bottom:20px;
	margin-bottom:15px;
	background:url(../img/bdr-bottom.png) no-repeat 50% bottom;
	position:relative;
}

#avd-MvInfoHead::before{
	display:block;
	content:"";
	width:142px;
	height:166px;
	position:absolute;
	left:480px;
	bottom:15px;
	background:url(../img/icon-head.svg) no-repeat;
	background-size:cover;
}

#avd-MvInfoHead__subtitle{
	font-size:60px;
	color:#5E5652;
}

#avd-MvInfoHead__title{
	color:#707070;
	font-size:32px;
	font-weight:bold;
	margin-top:5px;
}

#avd-MvText{
	color:#707070;
	font-size:21px;
	line-height:1.8;
	font-weight:bold;
}

#avd-MvInfoList{
	width:100%;
	margin-top:30px;
}

#avd-MvInfoList li{
	width:calc(50% - 4px);
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:21px;
	font-weight:bold;
	background:#332E34;
}

#avd-MvInfoList li:nth-child(n+3){ margin-top:8px;}

/* lead */

#avd-Lead{
	width:auto;
	margin-bottom:30px;
	padding:25px 20px;
	background:#4F4E54;
}

#avd-LeadInfo{
	flex:1;
	padding-right:20px;
}

#avd-LeadInfo__new{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding-left:15px;
}

#avd-LeadInfo__title{
	width:100%;
	max-width:560px;
}

#avd-LeadImage{ width:254px;}

.avd-Text{
	color:#707070;
	font-size:18px;
	line-height:1.8;
	font-weight:bold;
}

.clr-white{	color:#fff;}

#avd-Navi li{ width:calc(25% - 15px);}
#avd-Navi a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	width:100%;
	height:60px;
	padding:0 30px 0 40px;
	color:#888077;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-radius:37px;
	border:1px solid #B9ADA0;
	transition:all 0.2s ease-out;
	box-sizing:border-box;
	position:relative;
}

#avd-Navi a:hover{
	color:#fff;
	background:#B9ADA0;
}

#avd-Navi a::before{
	display:block;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #b9ada0 transparent transparent transparent;
	position:absolute;
	left:14px;
	top:50%;
	transform:translateY(-50%);
	transition:all 0.2s ease-out;
}

#avd-Navi a:hover::before{ border-top-color:#fff;}


/* recommend */

.avd-Column{ margin-top:60px;}
.avd-Column__title{
	width:100%;
	max-width:889px;
	line-height:66px;
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	margin:0 auto 40px;
	background:url(../img/bg-title.svg) no-repeat 50%;
	background-size:cover;
}

.avd-Recommend{
	width:25%;
	padding:0 10px;
	text-align:center;
	box-sizing:border-box;
}

.avd-Recommend__image{
	width:100%;
	max-width:196px;
	margin:0 auto 15px;
}

.avd-Recommend__text{
	font-size:18px;
	font-weight:bold;
	color:#363636;
}

.is-rounded{ border-radius:50%;}


/* feature */

.avd-Section{
	margin-top:40px;
	padding-top:80px;
	overflow:hidden;
}

.avd-Section2{
	width:100%;
	margin-top:100px;
	padding:80px 0;
	background:#FCF9F7;
}

.avd-Section__title{
	color:#888077;
	font-size:26px;
	font-weight:bold;
	padding-bottom:20px;
	margin-bottom:30px;
	background:url(../img/bdr-title.png) no-repeat 50% bottom;
}

.avd-FeatureItem + .avd-FeatureItem{ margin-top:40px;}
.avd-FeatureItem__image{
	order:1;
	width:41.05769230769231%;
}

.avd-FeatureItem__info{
	order:2;
	flex:1;
	padding-left:40px;
}

.avd-FeatureItem__title{
	color:#363636;
	font-size:21px;
	font-weight:bold;
	margin-bottom:20px;
}

/* staff */

.avd-Staff + .avd-Staff{ margin-top:40px;}
.avd-Staff__image{
	width:190px;
	text-align:center;
}

.avd-Staff__image-thm{
	width:100%;
	margin:0 auto 10px;
}

.avd-Staff__text{
	width:calc(100% - 240px);
	padding:25px;
	box-sizing:border-box;
	border:2px solid #CEBBA6;
}

/* price */

.avd-PriceList{
	width:auto;
	padding:60px 40px;
	background:#fff;
}

.avd-PriceList + .avd-PriceList{ padding-top: 0;}
.avd-PriceList + .avd-PriceList::before{
	content:"";
	width:100%;
	display:block;
	height:1px;
	background: #ccc;
	margin:-30px 0 30px;
}

.avd-PriceItem{
	color:#707070;
	font-size:21px;
}

.avd-PriceItem + .avd-PriceItem{ margin-top:20px;}
.avd-PriceItem__text{
	font-size:inherit;
	color:inherit;
	font-weight:bold;
}

.avd-PriceItem__text span{ font-size:16px;}

.avd-PriceItem__price{
	width:200px;
	font-size:inherit;
	text-align:right;
	color:inherit;
	font-weight:bold;
}

.avd-PriceItem__subtext{
	color:#707070;
	font-size:16px;
	margin-top:1em;
}


/* catalog */

.adv-CatalogItem{ width:calc(25% - 5px);}

.adv-CatalogItem__frame{
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-top: 177.7777777777778%;
}

.adv-CatalogItem__frame iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.inner.visible{ overflow:visible;}


/* revew */

.avd-reviewItem{ width:100%;}
.avd-reviewItem + .avd-reviewItem{
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #CEBBA6;
}

.avd-reviewItem__name{
	color: #363636;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.avd-reviewItem__rating{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	z-index:1;
	white-space:nowrap;
	color:#ccc;
	line-height:20px;
	font-size:21px;
	margin-bottom:20px;
}

.avd-reviewItem__rating::before,
.avd-reviewItem__rating::after{
	content:"★★★★★";
	display:block;
	line-height:inherit;
}

.avd-reviewItem__rating[data-rating="5.0"]::after{ width:100%;}
.avd-reviewItem__rating[data-rating="4.5"]::after{ width:90%;}
.avd-reviewItem__rating[data-rating="4.0"]::after{ width:80%;}
.avd-reviewItem__rating[data-rating="3.5"]::after{ width:70%;}
.avd-reviewItem__rating[data-rating="3.0"]::after{ width:60%;}
.avd-reviewItem__rating[data-rating="2.5"]::after{ width:50%;}
.avd-reviewItem__rating[data-rating="2.0"]::after{ width:40%;}
.avd-reviewItem__rating[data-rating="1.5"]::after{ width:30%;}
.avd-reviewItem__rating[data-rating="1.0"]::after{ width:20%;}

.avd-reviewItem__rating::after{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	overflow:hidden;
	white-space:nowrap;
	color:#F6D95B;
}


/* faq */

.adv-FaqItem{
	width:auto;
	padding:30px;
	background:#fff;
}

.adv-FaqItem + .adv-FaqItem{ margin-top:20px;}

.adv-FaqItem dt{
	padding:0 20px 0 35px;
	font-size:21px;
	font-weight:bold;
	position:relative;
	cursor:pointer;
	color:#363636;
}

.adv-FaqItem dt::after{
	display:block;
	content:"";
	width:10px;
	height:10px;
	border-right:2px solid #CEBBA6;
	border-bottom:2px solid #CEBBA6;
	position:absolute;
	right:0;
	top:50%;
	transform:rotate(45deg) translateX(-50%) translateY(-50%);
}

.adv-FaqItem dt.selected::after{
	border-right:none;
	border-bottom:none;
	border-top:2px solid #CEBBA6;
	border-left:2px solid #CEBBA6;
}

.adv-FaqItem dd{
	display:none;
	margin-top:20px;
	padding:20px 0 0 35px;
	border-top:1px dashed #707070;
	position:relative;
}

.adv-FaqItem dt::before,
.adv-FaqItem dd::before{
	position:absolute;
	left:0;
	font-size:inherit;
}

.adv-FaqItem dt::before{
	content:"Q.";
	color:#8FD3EF;
}

.adv-FaqItem dd::before{
	content:"A.";
	color:#FF7B93;
}

/* ozmall */

#section-ranking{ padding-bottom:100px;}

.avd-RankingHead{
	width:228px;
	margin:0 auto 40px;
}

.avd-Ranking + .avd-Ranking{ margin-top:60px;}

.avd-Ranking__title{
	width:100%;
	margin-bottom:30px;
	text-align:center;
	position:relative;
}

.avd-Ranking__title::before{
	display:block;
	content:"";
	width:100%;
	height:1px;
	background:#707070;
	position:absolute;
	left:0;
	top:50%;
	z-index:-1;
}

.avd-Ranking__title span{
	display:inline-block;
	padding:0 30px;
	color:#7B6552;
	font-weight:bold;
	font-size:24px;
	background:#fff;
}

.avd-Ranking__list li{ width:17.15384615384615%;}
.avd-Ranking__list li + li{ margin-left:5.384615384615385%;}

#avd-FixedBtn{
	position:fixed;
	right:0;
	top:50%;
	transform:translateY(-50%);
	z-index:90;
}

#avd-FixedBtn a{
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding:90px 20px;
	background:#2DCCC0;
}

/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* PC */
@media screen and (max-width: 1920px) and (min-width: 789px){

#avd-MvInner{ padding:3.125vw 3.125vw 3.125vw 50vw;}

#avd-MvImage{
	width:45.83333333333333vw;
	top:-3.125vw;
}

#avd-MvInfo{ width:40.625vw;}
#avd-MvInfoHead{
	padding-bottom:1.041666666666667vw;
	margin-bottom:0.78125vw;
}

#avd-MvInfoHead::before{
	width:7.395833333333333vw;
	height:8.645833333333333vw;
	left:25vw;
	bottom:0.78125vw;
}

#avd-MvInfoHead__subtitle{ font-size:3.125vw;}

#avd-MvInfoHead__title{
	font-size:1.666666666666667vw;
	margin-top:0.2604166666666667vw;
}

#avd-MvText,
#avd-MvInfoList li{
	font-size:1.09375vw;
}

#avd-MvInfoList{ margin-top:1.5625vw;}

#avd-MvInfoList li{
	width:calc(50% - 0.2083333333333333vw);
	line-height:2.604166666666667vw;
}

#avd-MvInfoList li:nth-child(n+3){ margin-top:0.4166666666666667vw;}


}

/* TABLET */
@media screen and (max-width: 788px){

#avd-Mv{ margin:0 0 30px;}

#avd-MvInner{
	min-width:inherit;
	padding:0;
}

#avd-MvImage{
	width:100%;
	position:static;
}

#avd-MvInfo{
	width:100%;
	padding:30px 10px;
	box-sizing:border-box;
}

#avd-MvInfoHead::before {
    width: 114px;
    height: 133px;
    left: auto;
	right:15px;
    bottom: 15px;
}

#avd-MvInfoHead__subtitle{ font-size:48px;}
#avd-MvInfoHead__title{ font-size:26px;}
#avd-MvText{ font-size:17px;}

#avd-MvInfoList{ margin-top:20px;}
#avd-MvInfoList li{
	font-size:16px;
	line-height:30px;
	padding:10px 0;
}


.avd-Section{
	margin-top:30px;
	padding-top:60px;
}

.avd-Section2{
	margin-top:80px;
	padding:60px 0;
}

.avd-Column{ margin-top:40px;}

#avd-Navi li{ width:calc(50% - 5px);}
#avd-Navi li:nth-child(n+3){ margin-top:10px;}

.avd-Column__title{
	max-width:444px;
	height:55px;
	line-height:55px;
	font-size:21px;
	margin-bottom:30px;
	position:relative;
}

.avd-Column__title::before{
	display:block;
	content:"";
	width:50px;
	height:50px;
	background:#fff;
	position:absolute;
	left:-25px;
	top:0;
	transform:rotate(45deg);
}

.avd-Column__title::after{
	display:block;
	content:"";
	width:50px;
	height:50px;
	background:#fff;
	position:absolute;
	right:-25px;
	top:0;
	transform:rotate(45deg);
}

.avd-Recommend{ padding:0 5px;}

.avd-Recommend__image{ margin-bottom:10px;}
.avd-Recommend__text{ font-size:14px;}


.avd-Section__title{
	font-size:24px;
	padding-bottom:16px;
	margin-bottom:24px;
}

.avd-FeatureItem__info{ padding-left:20px;}
.avd-FeatureItem__title{
	font-size:18px;
	margin-bottom:15px;
}

.avd-Text{ font-size:14px;}



/* staff */

.avd-Staff__image{ width:152px;}
.avd-Staff__text{
	width:calc(100% - 180px);
	padding:20px;
}


/* price */

.avd-PriceList{ padding:40px 10px;}
.avd-PriceList + .avd-PriceList::before{ margin:-20px 0 20px;}

.avd-PriceItem{ font-size:18px;}

.avd-PriceItem + .avd-PriceItem{ margin-top:15px;}
.avd-PriceItem__price{ width:150px;}


/* review */

.avd-reviewItem + .avd-reviewItem{
	margin-top:20px;
	padding-top:20px;
}

.avd-reviewItem__name{ font-size: 16px;}
.avd-reviewItem__rating{
	font-size:18px;
	margin-bottom:15px;
}



/* faq */

.adv-FaqItem{ padding:15px 10px;}
.adv-FaqItem + .adv-FaqItem{ margin-top:15px;}

.adv-FaqItem dt{ font-size:18px;}
.adv-FaqItem dd{
	margin-top:15px;
	padding-top:15px;
}

}

/* SP */
@media screen and (min-width: 561px){

.sp-show{ display:none;}

.avd-FeatureItem__image .bdr{
	box-sizing:border-box;
	border:1px solid #CEBBA6;
}

}

@media screen and (max-width: 560px){

.sp-hide{ display:none;}

.inner,
.avd-Section{ overflow:visible;}

.avd-Section{
	margin-top:20px;
	padding-top:40px;
}

.avd-Section2{
	margin-top:40px;
	padding:40px 0;
}

.avd-Section__title{
	width:260px;
	text-align:center;
	padding-bottom:12px;
	margin:	0 auto 30px;
	font-size:21px;
	background-size:auto 3px;
}

.avd-Column__title {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 20px;
	overflow:hidden;
}

.avd-Column__title::before,
.avd-Column__title::after{
	width:30px;
	height:30px;
	top:4px;
}

.avd-Column__title::before{ left:-15px;}
.avd-Column__title::after{ right:-15px;}


/* mv */

#avd-Mv{
	overflow:hidden;
	background:none;
}

#avd-MvImage{
	height:500px;
	background:url(../img/mv.jpg?ver=1) no-repeat 50%;
	background-size:cover;
}

#avd-MvImage img{ display:none;}

#avd-MvInfo{ padding:20px 20px 0;}

#avd-MvInfoHead{
	position:absolute;
	right:0;
	top:0;
	padding-bottom:0;
	margin-bottom:0;
	background:none;
	text-align:right;
}

#avd-MvInfoHead::before{
	display:inline-block;
	position:static;
	background-image: url(../img/icon-head-sp.png);
}

#avd-MvInfoHead__subtitle{
	color:#fff;
	font-size:30px;
	padding-right:50px;
	margin-top:-15px;
}

#avd-MvInfoHead__title{
	font-size:16px;
	color:#fff;
}

#avd-MvText{
	font-size:16px;
	text-align:center;
}

#avd-MvInfoList{
	width:auto;
 -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
  -webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
	position:absolute;
	top:240px;
	right:0;
}

#avd-MvInfoList li{
	display:inline-table;
	padding:10px;
	font-size:16px;
	width:auto;
	line-height:20px;
	background:none;
}

#avd-MvInfoList li:nth-child(n+2){ margin-top:10px;}

#avd-Lead{ padding:15px;}
#avd-LeadInfo{ padding-right:10px;}
#avd-LeadInfo__head{
	height:133px;
	padding-top:30px;
	box-sizing:border-box;
}

#avd-LeadInfo__new{
	font-size:12px;
	padding-left:7px;
}

#avd-LeadInfo .avd-Text{
	width:auto;
	margin-right:-110px;
	margin-top:10px;
}

#avd-LeadImage{ width:100px;}

avd-Navi li{ width:calc(25% - 5px);}
#avd-Navi a{
	height:40px;
	padding:0 20px 0 30px;
	color:#888077;
	font-size:12px;
	border-radius:25px;
}

#avd-Navi a::before{
	border-width: 8px 6px 0 6px;
	left:12px;
}

/* recommend */

.avd-Recommend{
	width:50%;
	padding:0 15px;
}

.avd-Recommend:nth-child(n+3){ margin-top:20px;}
.avd-Recommend__text{ white-space:nowrap;}


/* features */

.avd-Staff + .avd-Staff,
.avd-FeatureItem + .avd-FeatureItem{ margin-top:30px;}
.avd-FeatureItem__image{
	width:auto;
	margin:0 -10px;
}

.avd-FeatureItem__info{
	flex:auto;
	padding-left:0;
	margin-top:30px;
}

.avd-FeatureItem__title{
	font-size:16px;
	text-align:center;
}

/* staff */

.avd-Staff__image{
	width:140px;
	margin:0 auto;
}

.avd-Staff__text{
	width:100%;
	padding:10px;
	margin-top:15px;
}

/* price */

.avd-PriceList{ padding:20px 10px;}
.avd-PriceList + .avd-PriceList::before{ margin:0 0 20px;}

.avd-PriceItem__subtext{ font-size:14px;}

.avd-PriceItem{ font-size:14px;}

.avd-PriceItem__price{ width:100px;}
.avd-PriceItem__text span{ font-size:12px;}


/* catalog */
#section-catalog{ overflow:hidden;}
.adv-CatalogItem{ width:calc(80% - 5px);}

/* review */

.avd-reviewItem__name{
	font-size: 14px;
	margin-bottom:10px;
}

.avd-reviewItem__rating{
	font-size:16px;
	margin-bottom:12px;
}


/* faq */

.adv-FaqItem{ padding:10px;}
.adv-FaqItem + .adv-FaqItem{ margin-top:10px;}

.adv-FaqItem dt{
	font-size:14px;
	padding-left:22px;
}

.adv-FaqItem dd{
	margin-top:14px;
	padding-top:14px;
}

.adv-FaqItem dt::after{
	width:8px;
	height:8px;
	border-right:1px solid #CEBBA6;
	border-bottom:1px solid #CEBBA6;
}

/* ozmall */

.avd-RankingHead{
	width:114px;
	margin:0 auto 30px;
}

.avd-Ranking + .avd-Ranking{ margin-top:40px;}

.avd-Ranking__title{ margin-bottom:20px;}
.avd-Ranking__title span{
	padding:0 15px;
	font-size:18px;
}

.avd-Ranking__list li{ width:22%;}
.avd-Ranking__list li + li{ margin-left:4%;}

#avd-FixedBtn{
	width:100%;
	top:auto;
	bottom:0;
	transform:none;
}

#avd-FixedBtn a{
	display:block;
	width:100%;
	font-size:18px;
	padding:24px 0;
}

#topcontrol{ bottom:60px!important;}

#footer{ padding-bottom:75px;}

}
