/*----------------------
320px~768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
	.sec_lead .btn_more{
		width: 90%;
	}
}
/*----------------------
320px~768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
}
/*----------------------
320px~768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
}
/*----------------------
320px~768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
}
/*----------------------
320px~768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
}
/*----------------------
320px~ 768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
}
/*----------------------
320px~ 768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
}
/*----------------------
320px~ 768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
}
/*----------------------
320px~ 768px
----------------------*/
@media screen and (max-width: 768px) {
	img {
		width: auto;
		max-width: 100% !important;
	}
	.inner {
		width: auto;
	}
}

html,
body {
	font-weight: 500;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
		sans-serif;
}

.gv {
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 20px !important;
	letter-spacing: 3px !important;
}

.btn_more a {
	border: 1px solid #e7d1eb;
	background-color: #fff;
}

.non_top .main {
	padding-top: 61px;
	background-color: #e7d1eb;
}

.nav_h_cl li:first-child,
.nav_h_cl li:nth-child(2) {
	background-color: #e7d1eb;
}

.line {
	background: url(../img/shop/minamiaoyama/line.png) repeat-x top;
	background-size: 170%;
	height: 41px;
	background-color: #fff;
}

.line_b {
	-moz-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.text_h2,
.text_h3 {
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 5px;
	margin-bottom: 0px;
}

/*.blo_pctop {
	margin-top: 40px;
}*/

.blo_pctop .box_pctitle {
	background-color: transparent;
	width: 946px;
	height: auto;
	top: auto;
	bottom: 18px;
}

.blo_pctop .box_pctitle h2 {
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 1.2;
	text-align: left;
	font-family: "Cinzel", serif;
}

.inner {
	width: 940px;
}

.sec_topblock {
	margin: 0px auto;
}

.sec_gallery{
	margin-bottom: 5em;
}

.sec_lead {
	margin-top: 0;
}

.sec_lead .illust01 {
	margin-bottom: 30px;
}

.sec_lead .illust02 {
	width: 100%;
	margin-bottom: 30px;
}

.sec_toplaocation {
	background-color: #fff;
	padding: 20px 0 40px;
}

.sec_menu .blo_menu2 figure {
	border: 2px solid #fff;
}

.sec_topblog {
	background-color: #fff;
	padding: 20px 0 40px;
}

.sec_topblog li a {
	border-bottom: 1px solid #e7d1eb;
}

.sec_access {
	background-color: #fff;
	padding: 20px 0 0px;
}

.topBox .btn_more.btn_booking{
	margin-top: 2em;
}
.btn_more.btn_booking a {
	border: 1px solid #e7d1eb;
	background-color: #fff;
	padding: 16px 0;
}

.btn_more_bottom.btn_booking a {
	border: 2px solid #e7d1eb;
	background-color: #e7d1eb;
	padding: 24px 0;
}

.btn_more_top.btn_booking a {
	border: 2px solid #e7d1eb;
	background-color: #ffffff;
	padding: 24px 0;
}

.sec_lead .btn_more{
	margin: 30px auto 0;
}

.sec_campaignshop{
	margin-top: 5em;
}

/*----------------------
location hairmakephotographer
----------------------*/
.non_top .main.shopsingle_hairmakephotographer,
.non_top .main.shopsingle_location {
	padding-top: 61px;
	background-color: #fff;
}

.nav_hairmakephotographer,
.nav_hairmakephotographer li,
#Grid .mix,
.sec_location .box_access,
.sec_location .box_point,
.sec_location .box_lead .cat,
.sec_location .nav_location li,
.sec_location .nav_location {
	border-color: #e7d1eb;
}

.nav_hairmakephotographer li:nth-child(odd)::after,
.sec_location .nav_location li::before,
.sec_location .nav_location li::after {
	background-color: #e7d1eb;
}

.nav_fixed ul li:nth-child(3),
.nav_fixed ul li:nth-child(2),
.nav_fixed ul li:first-child {
	background-color: #e7d1eb;
}

.sec_hairmakephotographer .txt_coming {
	color: #e7d1eb;
}

.sec_location .nav_location li:nth-child(1) {
	background: url(../img/shop/kyoto/icon_locaall.svg) no-repeat center 15px;
	background-size: 55px;
}
.sec_location .nav_location li:nth-child(2) {
	background: url(../img/shop/kyoto/icon_locawa.svg) no-repeat center 10px;
	background-size: 55px;
}
.sec_location .nav_location li:nth-child(3) {
	background: url(../img/shop/kyoto/icon_locadre.svg) no-repeat center 10px;
	background-size: 55px;
}

.nav_hairmakephotographer li:nth-child(1) a {
	background: url(../img/shop/kyoto/icon_hairmake.svg) no-repeat center left 3%;
	background-size: 65px;
}

.nav_hairmakephotographer li:nth-child(2) a {
	background: url(../img/shop/kyoto/icon_photographer.svg) no-repeat center left
		3%;
	background-size: 65px;
}

.nav_hairmakephotographer {
	margin: 50px auto 30px;
}

/*----------------------
blog
----------------------*/
.wp-pagenavi {
	margin-bottom: 50px;
}

.wp-pagenavi span:not(.non),
.wp-pagenavi a:not(.nextpostslink) {
	border: 1px solid #e7d1eb;
}

.wp-pagenavi .current {
	background-color: #e7d1eb;
}

.shoparticle_blog .sec_topblog .blo_blog li a {
	border-bottom: 1px solid #e7d1eb;
}

.non_top .main.shopsingle_blog {
	background-color: #fff;
}

.shopsingle_blog .blo_blog h1 span {
	background-color: #e7d1eb;
}

.shopsingle_blog .blo_blog h2 {
	color: #e7d1eb;
}

/*----------------------

769px 以上

----------------------*/

@media (min-width: 769px) {
	.blo_pctop .box_pctitle h2 {
		font-size: 30px;
		margin-bottom: 150px;
		margin-left: 225px;
		letter-spacing: 2px;
		line-height: 1.2;
		text-align: left;
		font-family: "Cinzel", serif;
	}

	.gv {
		font-size: 30px !important;
		letter-spacing: 3px;
	}

	.text_h2,
	.text_h3 {
		font-size: 34px;
	}

	.btn_more a {
		padding: 13px 0;
		width: 342px;
		font-size: 18px;
		letter-spacing: 0;
		border: 3px solid #e7d1eb;
		background-color: #fff;
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
			"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
			sans-serif;
	}
	.btn_more a::after {
		right: 15px;
	}

	.btn_more a:hover {
		background-color: #e7d1eb;
	}

	.btn_more.btn_booking a {
		border: 4px solid #e7d1eb;
	}

	.btn_more.btn_booking a:hover {
		background-color: #fff;
	}

	.btn_more_top a {
		border: 4px solid #ffffff;
	}

	.btn_more_top a:hover {
		background-color: #ffffff;
	}

	.btn_more_top.btn_booking a {
		border: 4px solid #ffffff;
	}

	.btn_more_top.btn_booking a:hover {
		background-color: #fff;
	}

	.nav_pc.fixed {
		background-color: #e7d1eb;
	}

	.nav_pc ul > li a::after {
		background-color: #e7d1eb;
	}
	.nav_pc ul li:nth-child(2) a:hover::after,
	.nav_pc ul li:nth-child(4) a:hover::after {
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}

	.non_top .main {
		padding-top: 0;
	}

	.blo_pctop {
		/*margin: 0 0 75px;*/
		background-image: none;
		padding-bottom: 0;
	}

	.line {
		background: url(../img/shop/minamiaoyama/line.png) repeat-x top;
		background-size: 50%;
		height: 38px;
		background-color: #fff;
	}

	.blo_pctop .text_h2 {
		line-height: 1;
	}

	.blo_pctop .text_h2 img {
		width: 108px;
	}

	.sec_lead .illust01 {
		/*margin-bottom: 50px;*/
		margin-bottom: -20px;
		width: 250px;
	}

	.sec_lead .illust02 {
		margin-bottom: 20px;
		width: 800px;
	}

	.sec_topcampaign .cin img {
		width: 161px;
	}

	.sec_location .cin img,
	.sec_toplaocation .cin img {
		width: 247px;
	}

	.sec_menu .blo_menu2 .gv {
		font-size: 22px;
	}

	.sec_blog .cin img {
		width: 80px;
	}

	.blo_custgallery .cin img {
		width: 136px;
	}

	.sec_access .cin img {
		width: 114px;
	}

	.shopsingle_blog .sec_blog,
	.sec_topblock,
	.sec_topblog,
	.sec_toplaocation {
		padding: 0;
	}

	.sec_menu .box_menu2_pc {
		padding-top: 0px;
	}

	.sec_menu .box_menu2_pc a {
		background-color: #fff;
	}

	.sec_menu .blo_menu2 figure {
		border: 2px solid #fff;
		border-left: 4px solid #fff;
	}

	.sec_menu .box_menu2_pc .cin img {
		width: 130px;
	}

	.sec_menu .box_menu2_pc.box_menu2 .cin img {
		width: 180px;
	}

	.sec_topblog li a {
		border-bottom: none;
	}

	.sec_access {
		padding: 72px 0 61px;
	}

	#hairmake .txt_h3 img {
		width: 156px;
	}

	#photographer .txt_h3 img {
		width: 234px;
	}

	.topBox {
		margin: 60px auto 69px;
		width: 650px;
	}

	/*----------------------
location
----------------------*/
	.non_top .main.shopsingle_hairmakephotographer,
	.non_top .main.shopsingle_location {
		margin-top: 0px;
		padding-top: 0px;
	}

	.nav_hairmakephotographer .menu-nav--bar,
	.nav_location .menu-nav--bar {
		background: #e7d1eb;
	}

	.nav_hairmakephotographer li:nth-child(1) {
		border-left: none;
	}

	/*----------------------
blog
----------------------*/
	.wp-pagenavi a:not(.nextpostslink):hover {
		background-color: #e7d1eb;
	}

	.wp-pagenavi .nextpostslink:hover {
		color: #e7d1eb;
	}
}

/*----------------------
IE用
----------------------*/

@media all and (-ms-high-contrast: none) {
}

/*----------------------

360px 以下

----------------------*/

@media (max-width: 360px) {
	/*----------------------
sec_menu
----------------------*/
}

/*----------------------
  320px~768px
----------------------*/
@media screen and (max-width: 768px) {
	.header .inner {
		width: 90%;
	}

	.nav_h_cl img {
		width: 30px !important;
	}

	.blo_pctop .box_pctitle {
		width: auto;
		height: auto;
		top: auto;
		bottom: 18px;
	}

	.blo_pctop .box_pctitle h2 {
		font-size: 25px;
		letter-spacing: 2px;
		line-height: 1.2;
		text-align: center;
	}
}