@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?zg1eqi');
  src:  url('fonts/icomoon.eot?zg1eqi#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?zg1eqi') format('truetype'),
    url('fonts/icomoon.woff?zg1eqi') format('woff'),
    url('fonts/icomoon.svg?zg1eqi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\ea34";
}

.noto-sans{
font-family: 'Noto Serif JP', YuMincho, 游明朝, "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
}

.fv_back{
background:url(images/hairfandation/fv_back.jpg) no-repeat;
background-size:cover;
position:relative;
padding:1.5em 25px 0 25px;
min-height:480px;
}

.fv_image{
position:relative;
bottom:0px;
text-align:center;
width:97%;
background:url(images/hairfandation/fv_image.png) no-repeat center top;
background-size:contain;
min-height:400px;
margin:auto;
}



.fv_logo{
text-align:center;
margin-bottom:2em;
}

.fv_caption_wrap{
position:absolute;
left:0;
bottom:0;

}

.fv_caption{
position:relative;
text-align:left;
font-size:3.0rem;
color:#000;
text-shadow: 
white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px,
white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px
;

line-height:1.1;
font-weight:500;
margin-bottom:0.3em;
}

.fv_caption span{
font-size:3.6rem;
color:#e72020;
}

.fv_bottom_caption{
position:relative;
left:0;
bottom:0;
font-size:1.4rem;
white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
text-align:left;
line-height:1.4;
text-shadow: 
white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px,
white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px
;

}

.fv_bottom_caption span{
color:#e72020;
}

.smh_fa_title{
padding:.4em 0 .5em 0;
text-align:center;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
color:#000;
font-size:1.8rem;
margin-bottom:1em;
}

.top_products{
background: rgb(254,255,255);
background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(250,248,246,1) 100%);
background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(250,248,246,1) 100%);
background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(250,248,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#faf8f6',GradientType=0 );
padding:1em 14px 25px 14px;
}

.top_products_detail_wrap{
display:table;
width:100%;
}

.top_products_detail{
display:table-cell;
width:70%;
}

.top_products_detail:nth-of-type(2){
width:35%;
padding:0 0 0 15px;
vertical-align:top;
text-align:center;
vertical-align:bottom;
}

.top_products_color_wrap{
display:table;
margin:0 auto .3em auto;
}

.top_products_color{
width:80px;
padding:0 2px 0 2px;
display:table-cell;
}

.top_products_color img{
max-width:76px;
}

.top_products_detail:nth-of-type(2) img{
max-width:152px;
}

.top_products_icon_wrap{
display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
}

.top_products_icon{
color:#000;
border:1px solid #000;
margin:0 1% 10px 0;
display:inline-block;
min-width:32.6%;
font-size:14px;
padding:3px 5px 3px 5px;
text-align:center;
}

.top_products_icon_bt{
color:#000;
border:1px solid #000;
margin:0 auto 10px auto;
display:block;
font-size:14px;
padding:3px 10px 3px 10px;
text-align:center;
}

.top_products_icon:nth-of-type(3){
margin-right:0;
}

.txt_min{
font-size:12px;
margin-bottom:.3em;
text-align:left;
}

.top_price_wrap{
display:table;
width:100%;
margin-bottom:.7em;
margin-top:-10px;
}

.top_price_contents{
width:33%;
vertical-align:bottom;
display:table-cell;
font-size:2.0rem;
font-weight:bold;
line-height:1.0;
color:#000;
}

.top_price_contents span{
font-size:0.9rem;
color:#000;
}

.top_price_contents:nth-of-type(2){
width:1%;
text-align:center;
}

.top_price_contents:nth-of-type(2) span{
font-size:30px;
color:#e72020 !important;
}

.top_price_contents:nth-of-type(3){
 width:66%;
}

.discount_icon{
background:#e72020;
color:#fff !important;
text-align:center;
padding:3px 10px 3px 10px;
margin-right:5px;
display:inline-block;
}

.discount_text{
color:#e72020;
font-size:3.0rem;
margin-top:5px;
}

.discount_text_jpy{
font-size:1.6rem !important;
color:#e72020 !important;
}

.discount_text span{
color:#000;
font-size:0.8rem;
}

a.comm_btn{
display:block;
background: rgb(50,143,2);
background: -moz-linear-gradient(top, rgba(50,143,2,1) 0%, rgba(50,143,2,1) 50%, rgba(36,86,15,1) 52%, rgba(36,86,15,1) 100%);
background: -webkit-linear-gradient(top, rgba(50,143,2,1) 0%,rgba(50,143,2,1) 50%,rgba(36,86,15,1) 52%,rgba(36,86,15,1) 100%);
background: linear-gradient(to bottom, rgba(50,143,2,1) 0%,rgba(50,143,2,1) 50%,rgba(36,86,15,1) 52%,rgba(36,86,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328f02', endColorstr='#24560f',GradientType=0 );
text-align:center;
color:#fff;
font-size:1.4rem;
font-weight:600;
border-radius:5px;
border:1px solid #4c8e16;
padding:.5em;
margin:auto;
max-width:320px;
}

.sp_image{
display:none;
}

.comm_border{
border:10px solid #fcecf1;
border-bottom:none;
background:#fff;
padding:25px 0px 25px 0px;
background-image:
    url("images/hairfandation/title_back_left.jpg");
  background-repeat:
	no-repeat;
  background-position:
    left top;
}

.comm_border:last-child{
border-bottom:10px solid #fcecf1;
}

.comm_border_inner{
padding:0 25px 0 25px;
}

.main_title_wrap{
background-image:
    url("images/hairfandation/title_back_right.jpg");
  background-repeat:
	no-repeat;
  background-position:
    right bottom;
width:95%;
margin:0 auto 1em auto;
padding-bottom:1em;
}

h2.maintitle{
color:#000;
text-align:center;
font-size:1.75rem;
border-bottom:1px solid #8e2a2a;
padding:0 0 .5em 0;
margin:0 auto .3em auto;
line-height:170%;
background:none !important;
border-left:0;
}

h2.maintitle span{
color:#8e2a2a;
font-size:2.7rem;
}

h2.maintitle02{
color:#000;
text-align:center;
font-size:1.5rem;
border-bottom:1px solid #8e2a2a;
padding:0 0 .5em 0;
margin:0 auto .3em auto;
line-height:170%;
background:none !important;
border-left:0;
}

h2.maintitle02 span{
color:#e74680;
font-size:2.2rem;
}

.maintitle_small{
font-family: 'Great Vibes', cursive;
text-align:center;
color:#454545;
font-size:1.4rem;
}

.sub_title{
font-size:1.45rem;
text-align:center;
margin-bottom:1.5em;
line-height:150%;
}

.sub_title span{
color:#e74680;
}

.model_case_image_wrap{
margin:0 auto 1.5em auto;
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.model_case_image{
width:49%;
margin-right:2%;
text-align:center;
position:relative;
}

.model_case_image img{
border:5px solid #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

.model_case_icon{
position:absolute;
left:0;
top:-5px;
width:60px;
height:60px;
background:#f7787e;
color:#fff;
font-size:14px;
line-height:60px;
border-radius:50%;
transform: rotate(-10deg);
}

.model_case_image:nth-of-type(2){
margin-right:0;
}

.case_bottom_text{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
max-width:420px;
margin:auto;
}

.case_bottom_contents{
width:80px;
}

.case_bottom_contents img{
transform: rotate(-10deg);
}

.case_bottom_contents:nth-of-type(2){
width:100%;
padding-left:15px;
font-size:1.45rem;
line-height:150%;
}

.case_bottom_contents span{
color:#e74680;
font-size:1.8rem;
display:block;
}

.nayami_title_wrap{
display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
width:100%;
margin-bottom:1em;
}

.nayami_title_contents{
width:50px;
margin-right:5px;
}

.nayami_title_table{
border-top:1px solid #ffb1b5;
border-bottom:1px solid #ffb1b5;
padding:.7em 0 .7em 0;
display:table;
width:100%;
}

.nayami_title_table_contents{
color:#25a1b7;
text-align:center;
padding:0 10px 0 10px;
vertical-align:middle;
font-size:1.4rem;
border-right:1px solid #ffb1b5;
width:25%;
display:table-cell;
}

.nayami_title_table_contents:nth-of-type(2){
color:#000;
font-size:1.0rem;
text-align:left;
border-right:0;
width:75%;
}

.nayami_title_table_contents ul{
margin:0;
list-style-position: inside;
}

.nayami_title_table_contents li{
list-style-position: inside;
list-style:disc;
margin-bottom:5px;
font-size:0.9rem;
margin-left:15px;
}

.nayami_title_table_contents li:last-child{
margin-bottom:0;
}

.nayami_case_image_wrap{
display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
width:100%;
margin-bottom:1em;
}

.nayami_case_image_contents{
width:60%;
margin-right:3%;
}

.nayami_case_image_contents:nth-of-type(2){
width:37%;
margin-right:0;
text-align:center;
}

.nayami_case_before_wrap{
display:table;
width:100%;
margin-bottom:1em;
}

.nayami_case_before_contents{
display:table-cell;
width:116px;
vertical-align:top;
padding-right:10px;
}

.nayami_case_before_contents img{
max-width:108px;
}

.nayami_case_before_contents:nth-of-type(2){
vertical-align:middle;
font-size:0.9rem;
line-height:170%;
padding-right:0;
width:65%;
}

.nayami_advaice_wrap{
border:5px solid #f3f6fb;
padding:5px;
}

.nayami_advaice{
background:#fff;
padding:10px;
border:1px solid #f3f6fb;
font-size:0.9rem;
}

.text_center{
text-align:center;
}

.comm_mb15{
margin-bottom:15px;
}

.nayami_title {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  margin-bottom:10px;
  font-size:0.95rem;
}

.nayami_title span{
color:#f7787e;
}

.nayami_title:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.nayami_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: black;

  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.nayami_title:before {
  left:0;
}
.nayami_title:after {
  right: 0;
}

.after_comment{
font-size:0.9rem;
margin-top:1em;
text-align:left;
position:relative;
border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
padding:3px;
}

.after_comment:before{
  content: '';
  position: absolute;
  top: -3px;
  width: 1px;
  height:6px;
  background-color: #eee;
}

.after_comment:after{
  content: '';
  position: absolute;
  bottom: -3px;
  width: 1px;
  height:6px;
  background-color: #eee;
}

.after_comment:before {
  left:2px;
}
.after_comment:after {
  right:2px;
}

.reason_title{
background:url(images/hairfandation/reason_title.jpg) no-repeat center center;
background-size:cover;
padding:1em;
text-align:center;
color:#fff;
font-size:1.6rem;
    box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
line-height:170%;
}

.reason_title span{
font-size:2.0rem;
color: #f3eab5;
  background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #f3eab5 51%, #f3eab5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-style: italic;
}

.reason_title span.gold{
font-size:3.0rem !important;
}

.reason_wrap{
border:10px solid #fff6de;
border-bottom:none;
background:#fff;
padding:25px;
}

.reason_wrap_bottom{
border-bottom:10px solid #fff6de;
}

.reason_main_title{
background:#fffaef;
padding:15px;
display:table;
width:100%;
margin-bottom:1em;
font-size:1.3rem;
    box-shadow: 0 3px 3px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.07);
}

.reason_main_title_contents{
display:table-cell;
width:15%;
vertical-align:top;
}

.reason_main_title_contents img{
max-width:73px;
}

.reason_main_title_contents:nth-of-type(2){
padding-left:20px;
width:85%;
vertical-align:middle;
line-height:160%;
color:#000;
}

.reason_point_title{
border-left:5px solid #e74680;
padding-left:10px;
margin-bottom:.4em;
}

.reason_point_title span{
color:#e74680;
}

.reason_point_contents_wrap{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
width:100%;
}

.reason_point_contents_item{
width:57%;
margin-right:3%;
}

.reason_point_contents_item:nth-of-type(2){
margin-right:0;
width:40%;
text-align:center;
}

.reason_point_contents_item img{
border:6px solid #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.07);
}

.reason_point_number_title{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
padding-bottom:.5em;
border-bottom:1px solid #000;
margin-bottom:.5em;
line-height:170%;
}

.reason_point_number_title_item{
width:40px;
font-size:40px;
color:#f7787e;
margin-right:10px;
padding-top:5px;
}

.reason_point_number_title_item:nth-of-type(2){
width:90%;
color:#000;
font-size:1.2rem;
padding-top:0;
margin-right:0;
}

.reason_point_contents_item p{
font-size:0.9rem;
}

.seibun_title{
font-size:1.3rem;
padding-bottom:.5em;
margin-bottom:1em;
border-bottom:2px dotted #111111;
text-align:center;
color:#000;
}

.seibun_title span{
color:#ea6791;
}

.seibun_image{
text-align:center;
margin-bottom:.3em;
}

.seibun_image_text{
margin-bottom:2em;
border:3px solid #fcebf0;
padding:15px;
font-size:0.9rem;
}

.faq_title{
display:table;
width:100%;
margin-bottom:1em;
}

.faq_title_contents{
width:30px;
font-size:40px;
display:table-cell;
color:#e7417c;
}

.faq_title_text{
border-bottom:3px dotted #e7417c;
padding:0 0 10px 15px;
width:95%;
font-size:1.3rem;
display:table-cell;
vertical-align:middle;
}

.faq_answer_wrap{
margin-left:2%;
width:98%;
display:table;
}

.faq_answer_contents{
width:30px;
font-size:40px;
display:table-cell;
color:#1a6d77;
}

.faq_answer_contents_text{
border:3px solid #fcecf1;
padding:15px;
margin-bottom:2em;
position:relative;
margin-left:10px;
}

.faq_answer_contents_text:before{
content:'';
position:absolute;
width: 0;
height: 0;
top:10px;
left:-15px;
border-style: solid;
border-width: 7.5px 13.0px 7.5px 0;
border-color: transparent #fcecf1 transparent transparent;
}

iframe {
    vertical-align: bottom;
    border: 6px solid #252525;
    margin-top:2em;
}

.faq_title_image{
max-width:300px;
vertical-align:middle;
}

.text_green{
color:#1a6d77 !important;
}

.br-sp02{
display:none;
}

.triangle{
width: 0;
height: 0;
border-style: solid;
border-width: 40px 40px 0 40px;
border-color: #f7787e transparent transparent transparent;
margin:15px auto -40px auto;
position:relative;
z-index:5;
}

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

	.post-content {
	    padding: 30px 15px 30px 15px;
	}

	.fv_caption{
	font-size:1.6rem;
	}

	.fv_caption span {
    	font-size: 2.0rem;
	}

	.fv_bottom_caption{
	font-size:1.1rem;
	}

	.fv_back{
	padding:1em 10px 0 10px;
	min-height:400px;
	}

	.fv_image{
	background:url(images/hairfandation/fv_image.png) no-repeat center bottom;
	background-size:contain;
	min-height:300px;
	}

	.top_products_icon{
	font-size:12px;
	width:32%;
	padding:3px;
	}

	.top_products_detail {
	    display: block;
	    width:100%;
	}

	.top_products_detail_wrap{
	    display: block;
	}

	.discount_text{
	font-size:2.2rem;
	}

	.discount_text_jpy {
	    font-size: 1.4rem !important;
	    color: #e72020 !important;
	}

	.top_price_contents{
	font-size:1.4rem;
	}

	.top_products{
	padding:15px;
	}

	.top_price_contents span {
	    font-size: 0.75rem;
	}

	.txt_min {
	    font-size:.8rem;
	}

	.top_products_detail:nth-of-type(2){
	display:none;
	}

	.smh_fa_title{
	font-size:1.4rem;
	}

	.sp_image{
	display:block;
	}

	.sp_products_image{
	width:70%;
	margin:0 auto 10px auto;
	text-align:center;
	}

	h2.maintitle{
	font-size:1.25rem;
	}

	h2.maintitle span{
	font-size:1.5rem;
	}

	.maintitle_small{
	font-size:1.2rem;
	}

	.sub_title{
	font-size:1.25rem;
	}

	.comm_border_inner{
	padding:0 15px 0 15px;
	}

	.case_bottom_contents:nth-of-type(2){
	font-size:1.25rem;
	}

	.case_bottom_contents span{
	font-size:1.4rem;
	display:inline;
	}

	.model_case_image_wrap{
	display:block;
	}

	.model_case_image{
	width:100%;
	margin-bottom:15px;
	}

	.nayami_case_image_wrap{
	display:block;
	width:100%;
	margin-bottom:1em;
	}

	.nayami_case_image_contents{
	width:100%;
	margin-right:0%;
	margin-bottom:15px;
	}

	.nayami_case_image_contents:nth-of-type(2){
	width:100%;
	margin-right:0;
	text-align:center;
	}

	.nayami_title {
	  font-size:0.9rem;
	}

	.nayami_title_table_contents{
	    border-right:0;
	    border-bottom: 1px solid #ffb1b5;
	  padding-bottom:.7em;
	}

	.nayami_title_table_contents, .nayami_title_table_contents:nth-of-type(2){
	display:block;
	width:100%;
	}

	.nayami_title_table_contents:nth-of-type(2){
	border:0;
	padding:.7em 0 0 0;
	}

	h2.maintitle02 span{
	font-size:1.3rem;
	}

	iframe {
	    vertical-align: bottom;
	    border: 3px solid #252525;
	    margin-top:1em;
	    /*height:250px !important;*/
	}

	.reason_wrap {
	padding:15px;
	}

	.reason_main_title{
	font-size:1.2rem;
	}

	.reason_main_title_contents{
	display:none;
	}

	.reason_main_title_contents:nth-of-type(2){
	padding-left:0;
	display:block;
	width:100%;
	}

	.reason_point_contents_item{
	width:100%;
	margin-right:0;
	}

	.reason_point_contents_item:nth-of-type(2){
	display:none;
	}

	.reason_point_number_title_item:nth-of-type(2){
	font-size:1.2rem;
	}

	.reason_point_number_title_item{
	font-size:30px;
	}

	.reason_title{
	padding:15px;
	font-size: 1.25rem;
	line-height:1.25;
	}

	.reason_title span{
	font-size:1.4rem;
	}

	.br-sp02{
	display:block;
	}

	.triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #f7787e transparent transparent transparent;
	margin:15px auto -30px auto;
	position:relative;
	z-index:5;
	}

	.top_products_color_wrap {
	    display: table;
	    margin: 0 auto .5em auto;
	}

}