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


/*デバッグ修正*/
#title{
margin-left: 5%;
width: 45%!important;}

header {
    background: url(Dup/img/item3.png)no-repeat bottom left;
    background-size: 10vw;
}
#title .more a{
	margin-bottom: 50px;
}
#title ul{
	min-height: 170px;
}
.bnr_wrap img{
	width: 11vw;
}
#time .d_flex:last-of-type div:last-of-type .fa-circle:before{
	content: "完全予約制";
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#time > div div:nth-of-type(n+2) div{
	line-height: 76.67px;
}
#time > div div:nth-of-type(n+3) div:last-of-type{
	line-height: 1.5;
}
#time > div div:nth-of-type(n+2) div:first-of-type{
    	line-height: 1.5;
}
#time > div div:nth-of-type(n+3) div:last-of-type{
	padding-top: 25px;
}
#time > div div:nth-of-type(n+2) div:first-of-type{
	padding-top: 25px;
}
#footer ul{
	justify-content: flex-start;
}
/*タブレット---------------------------*/
@media screen and (max-width: 768px){
	header{
		background: none;
	}
	#title{
		background: url(Dup/img/item3.png)no-repeat bottom left;
		background-size: 18vw;
		padding-bottom: 30px;
		margin-bottom: 0;
		background-color: #fff;
	}
}
/*スマホ-----------------------------*/
@media screen and (max-width: 667px){
	#logo{
		margin-bottom: 0!important;
	}
	#time > div div div:last-of-type{
		width: 13%;
	}
	#time .d_flex div:first-of-type {
    width: 17%;
}
	#time > div div:nth-of-type(n+3) div:last-of-type{
    	line-height: 1.5;
}
	#time > div div:nth-of-type(n+2) div:first-of-type{
    	line-height: 1.5;
}
	#time > div div:nth-of-type(n+3) div:last-of-type{
	padding-top: 30px;
}
#time > div div:nth-of-type(n+2) div:first-of-type{
	padding-top: 30px;
}
}



/*データ送られてきた後*/
#logo{
	max-width: 400px;
}
#logo img{
	width: 100%!important;
}
#title ul{
	padding-bottom: 30px;
}




/*デザインチェック後修正*/
#footer .hvr_bg_color2:hover{
	background-color: #bdc57b;
}
#wrap .width_1280-max h2{
	line-height: 1.5;
}
#page7 .box .box_item:nth-of-type(1){
	width: 35%!important;
}
#page7 .box .box_item:nth-of-type(2){
	width: 65%!important;
}
/*スマホ*/
@media screen and (max-width: 667px){
	#page_title2 p{
		font-size: 40px!important;
	}
	#page-top a{
		width: 45px;
		height: 45px;
	}
}

/* color */
body,.txt_color_nomal{color: #302d2a;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #7fa101} /* メインカラー */
.txt_color2{color: #dfe6a4} /* サブカラー */
.txt_color3{color: #cfd541} /* アクセントカラー1 */
.txt_color4{color: #f2f3f0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #7fa101} /* メインカラー */
.bg_color2{background-color: #dfe6a4} /* サブカラー */
.bg_color3{background-color: #cfd541} /* アクセントカラー1 */
.bg_color4{background-color: #f2f3f0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #7fa101}
.border_color2{border-color: #dfe6a4}
.border_color3{border-color: #cfd541}
.border_color4{border-color: #f2f3f0}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #302d2a;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #7fa101} /* メインカラー */
.hvr_txt_color2:hover{color: #dfe6a4} /* サブカラー */
.hvr_txt_color3:hover{color: #cfd541} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f2f3f0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #7fa101} /* メインカラー */
.hvr_bg_color2:hover{background-color: #dfe6a4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #cfd541} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f2f3f0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #7fa101}
.hvr_border_color2:hover{border-color: #dfe6a4}
.hvr_border_color3:hover{border-color: #cfd541}
.hvr_border_color4:hover{border-color: #f2f3f0}


#time {max-width: 470px;margin: 0 auto;font-weight: bold;}
#time .d_flex div{box-sizing: border-box;width: 11%;border-right-style: solid;border-right-width: 2px;padding-top: 10px;padding-bottom: 10px;}
#time .d_flex div:first-of-type{width: 20%}
#time .d_flex div:last-of-type{border-right-width: 0;}
#time .d_flex:first-of-type div{border-bottom-style: solid;border-bottom-width: 2px;}
#time .d_flex:last-of-type div{border-top-style: solid;border-top-width: 2px;}


/*バナー--------------------------------*/
.bnr_wrap{
	position: fixed;
    padding: 10px;
	z-index: 99;
}
.bnr_wrap a{
	display: block;
	transition: opacity 0.3s;
}
.bnr_wrap a:hover{
	opacity: 0.8;
}
.bnr_wrap a:nth-of-type(n+2){
	margin-top: 10px;
}


/*アイコン-----------------------*/
#contents1 figure img{
	left: 70%;
}
header ul li{
	position: relative;
}
header ul li::before{
	content: "";
	background: url(Dup/img/nav_icon1.png)no-repeat;
	width: 51px;
	height: 51px;
	background-size:  contain;
	position: absolute;
	top: -60px;
	left: 3%;
}
header ul li:nth-of-type(2)::before{
	background: url(Dup/img/nav_icon2.png)no-repeat;
}
header ul li:nth-of-type(3)::before{
	background: url(Dup/img/nav_icon3.png)no-repeat;
}
header ul li:nth-of-type(4)::before{
	background: url(Dup/img/nav_icon4.png)no-repeat;
}
header ul li:nth-of-type(5)::before{
	background: url(Dup/img/nav_icon5.png)no-repeat;
}
header ul li:nth-of-type(6)::before{
	background: url(Dup/img/nav_icon6.png)no-repeat;
}

/*イラスト--------------------*/
#wrap .width_1280-max .width_45per h2{
	font-size: 30px;
	position: relative;
}
#wrap .width_1280-max .width_45per h2::before{
	content: "";
	display: block;
	position: absolute;
	width: 150px;
	height: 130px;
	background-size: contain;
	background: url(Dup/img/item1.png)no-repeat;
	top: -124px;
}
#wrap .width_1280-max .width_45per:nth-of-type(2) h2::before{
	content: "";
	display: block;
	position: absolute;
	width: 100px;
	height: 140px;
	background-size: contain;
	background: url(Dup/img/item2.png)no-repeat;
	top: -150px;
}


/*ここから個別-----------------------------*/

#page-top2{
	display: none;
}

body{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
/*header{
	background: url(Dup/img/item3.png)no-repeat bottom left;
    background-size: 260px;
}*/
#logo{
	/*max-width: 300px;*/
	margin-bottom: 100px;
}
.linkStyle{
	color: #e6a46a;
}
#page-top .sp{
	display: none;
}
#page-top a:nth-of-type(n+2){
	margin-top: 5px;
}
main p{
	font-size: 17px;
}
#title{
	height: 100%;
}

.width_100per h4{
	font-family: ta-kotodama-r, sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 30px;
	color: #e6a46a;
}
#time{
	margin-top: 50px;
}
#wrap main > .width_100per{
	background: url(Dup/img/whitey.jpg);
}
/*#wrap .width_1280-max .d_flex{
	padding-top: 100px;
}*/
#wrap .width_1280-max h2{
	font-size: 40px;
	
	color: #7fa101;
}
#wrap .width_1280-max .width_45per figure{
	margin-bottom: 200px;
}
#wrap .width_1280-max .width_45per p{
	margin-bottom: 30px;
}
#wrap h2,#wrap .cms_title{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.more a{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
#top_cms .more a{
	/*border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
	padding: 0;
	font-size: 20px;*/
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#top_cms .more{
	margin-top: 100px;
}
#top_cms .more a{
	margin: 0 auto;
}
.cms_1-e .date{
	border-radius: 10px;
}
#page-top a{
	border-radius: 50%;
}
#footer .tel{
	margin-bottom: 10px;
}
#footer .tel a{
	font-size: 30px;
}
#wrap .width_1280-max .width_45per h3{color: #7fa101;}

.cms_3-e .cate_box:nth-of-type(1){padding-top: 100px;}
.cms_3-e .cate_box:nth-of-type(1) .box_title1:before{
	content: "頭皮鍼治療　初回";
    display: block;
    position: absolute;
    top: -70px;
    left: 0;
    padding: 5px 30px;
    background: #7fa101;
    border-radius: 30px;
    color: #fff;
	    font-size: 22px;
}
.cms_3-e .cate_box:nth-of-type(3){padding-top: 100px;}
.cms_3-e .cate_box:nth-of-type(3) .box_title1:before{
	content: "頭皮鍼治療　２回目";
    display: block;
    position: absolute;
    top: -70px;
    left: 0;
    font-size: 22px;
    padding: 5px 30px;
    background: #7fa101;
    border-radius: 30px;
    color: #fff;
	
}
.gaikan figure{margin: 0 auto 50px;}
.btn_container img{box-shadow: none;}
#main_img #img1::before,
#main_img #img2::before,
#main_img #img3::before{
position: absolute;
content: "";
display: block;
pointer-events: none;
    width: 60%;
    height: 230px;
    z-index: 2;
    right: 50px;
    bottom: 50px;
background-size: contain;
background-repeat: no-repeat;
}
#main_img #img1::before{
background-image: url(Dup/img/dec1.png);
}
#main_img #img2::before{background-image: url(Dup/img/dec2.png);}
#main_img #img3::before{background-image: url(Dup/img/dec3.png);}
.txt_red{color: #ff0000;}
/*----------------------------------
下層
---------------------------*/
.page #title{
width: 50%!important;
margin-left: 0;
}
#page_title h2{
	height: 630px;
}
#page_title2 p{
	font-size: 50px;
}
#cms_2-a .cate {
    margin-bottom: 150px;
}
#cms_2-a .box_wrap .cate_box{
	margin-top: 0;
}
#cms_2-a .box_wrap .cate_box .box_item p{
	padding-bottom: 0;
}
#cms_5-a .cate_box{
	margin-bottom: 40px;
}
#page8 h3{
	color: #302d2a;
}
#cms_2-a .box_item > div{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
#cms_3-e #cate10 .box_title1{color: #f00;}
.border_rad40{border-radius: 40px;} 
#cms_3-e #c9 .sub_cate_box{
background-color: #f7f7f7;
    padding: 50px;
margin-bottom: 50px;
}
#cms_3-e #c9 .sub_cate_title{
        background-color: #7fa101;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    padding: 10px 20px;
}

/*タブレット------------------------------*/
/*@media screen and (max-width: 768px){

	#page_title h2 {
    height: auto;
}
	.bnr_wrap img{
	max-width: 200px;
}
	
}*/


/*--------------------------
タブレット
---------------------------*/
@media screen and (max-width: 768px){
#main_img #img1::before, #main_img #img2::before, #main_img #img3::before{
    right: 20px;
    bottom: 0px;

}
.gaikan figure{margin: 0 auto 0px;}
	#title{
margin-left: 0;
width: 100%!important;}
	#page-top2{
		display: block;
	}
	.page #title {
    width: 100%!important;
    margin-left: 0;
}
#page-top2 a.mg_r-50px{margin-right: 50px!important;}
	#page_title h2 {
    height: auto;
}
	.bnr_wrap img{
	max-width: 200px;
}
	
	#title {
    height: auto;
}
	#logo{
		max-width: 230px;
		margin-bottom: 100px;
	}
	#time{
		padding: 0 5%;
	}
	#top_cms .more a{
		/*width: 100px!important;
		height: 100px!important;*/
		width: 270px;
	}
	#wrap .width_1280-max h2{
		
	}
	/*#top_cms .more{
		width: 270px;
		margin: 100px auto 0;
	}
	#top_cms .more a{
		padding: 8px;
	}*/
	#wrap .width_1280-max h2{
		font-size: 30px;
	}
	.width_100per h4{
		font-size: 20px;
	}
	#top_cms .more{
		margin-top: 70px;
	}
	.bnr_wrap{
		display: none;
	}
	#page-top .sp{
		display: block;
	}
	#nav_menu{
		background-color: #7b9c2d;
		padding-top: 70px;
	}
	#nav_menu ul li{
	position: relative;
		padding-left: 65px;
}
	#nav_menu ul li:nth-of-type(n+2){
		margin-top: 25px;
	}
#nav_menu ul li::before{
	content: "";
	display: inline-block;
	background: url(Dup/img/nav_icon1.png)no-repeat;
	width: 51px;
	height: 51px;
	background-size:  contain;
	position: absolute;
	top: -5px;
	left: 3%;
}
#nav_menu ul li:nth-of-type(2)::before{
	background: url(Dup/img/nav_icon2.png)no-repeat;
}
#nav_menu ul li:nth-of-type(3)::before{
	background: url(Dup/img/nav_icon3.png)no-repeat;
}
#nav_menu ul li:nth-of-type(4)::before{
	background: url(Dup/img/nav_icon4.png)no-repeat;
}
#nav_menu ul li:nth-of-type(5)::before{
	background: url(Dup/img/nav_icon5.png)no-repeat;
}
#nav_menu ul li:nth-of-type(6)::before{
	background: url(Dup/img/nav_icon6.png)no-repeat;
}
	#nav_menu ul li:nth-of-type(7)::before{
	background: url(Dup/img/nav_icon7.png)no-repeat;
}
	#nav_menu ul li:nth-of-type(8)::before{
	background: url(Dup/img/nav_icon8.png)no-repeat;
}
	#nav_menu ul li:nth-of-type(9)::before{
	background: url(Dup/img/nav_icon9.png)no-repeat;
}
	#nav_menu ul li:nth-of-type(10)::before{
	background: url(Dup/img/nav_icon10.png)no-repeat;
}
	#page-top2{
		position: fixed;
		right: 10px;
		bottom: 65px;
	}
	#page-top2 a{
		display: table;
    width: 50px;
    height: 50px;
    position: relative;
margin: 0 0 0 auto;
	}
	#page-top2 a:nth-of-type(n+2){
		margin-top: 10px;
	}
	#page-top2 img{
		position :absolute;
		top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	}
}
#wrap .width_1280-max .width_45per h2{font-size: 24px;}

/*-----------------------------
スマホ
--------------------------------*/
@media screen and (max-width: 667px){
	#logo{
		margin-bottom: 50px;
	}
	#page-top2 a{
		display: block;
    width: 45px;
    height: 45px;
    position: relative;
	}
#page-top2 a.mg_r-50px{margin-right: 30px!important;}
/*#page-top2.topBtn2{bottom: 45px!important;}*/
	
	#page-top2 a:nth-of-type(n+2){
		margin-top: 10px;
	}
#main_img #img1::before, #main_img #img2::before, #main_img #img3::before{
bottom: -50px;
right: 0px;
width: 100%;}
#main_img #img3 img{left: 70%;}
#cms_3-e #c9 .sub_cate_box {
    padding: 20px;
}
	
	
}