/***************************
 *
 * 固定ページ
 * ★ページ中身用★
 *
 **************************/
@media only screen and (max-width: 768px) {
/* ページヘッダー */
.page-header {
	text-align: center;
	margin: 0 auto;
}
.page-header .page-header-top {
	text-align: center;
	border-bottom: 1px solid #cecece;

	margin: 0 auto;
}
.page-header .page-header-top img {
	width: 100%;
}
.page-header .page-header-bottom {
	border-bottom: 1px solid #cecece;	

}
.page-header .page-header-bottom.page-header-bottom-2 {
	border-bottom: none;
	padding-bottom: 10px;	
}
.page-header .page-header-bottom .page-header-title-eng {
	color: #333333;
	font-size: 30px;
	padding-top: 0px;
	margin-bottom: 0;
}
.page-header .page-header-bottom .page-header-title {
	color: #333333;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 20px;
	font-weight: normal;
}
.page-inner {
	margin: 0px auto;
	position: relative;
	font-size: 14px;
	padding: 0px 10px;
}
.page-inner .box {

	margin: 0px auto;
}
.page-inner a:hover img {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=7)";
	opacity: 0.7;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;	
}
.page-inner a {
	color: #00a3ec;
	text-decoration: none;
	word-break: break-all;
}
.page-inner a:hover {
	text-decoration: underline;
}
.wp-caption {
	max-width: 100%;
	width: auto !important;
	height: auto;
}
/*メイン画像*/
		.mainImgPC{
		display:none;
	}
/* タイトル */
.l-page h2 {
	font-size: 26px;
	margin: 40px auto 35px auto;
	color: #333;
	font-weight: bold;
	border-left: 5px solid #ebe9e5;
	padding: 10px;
	line-height: 1.5em;
}
.l-page h3 {
	font-size: 24px;
	margin: 0px auto 30px auto;
	color: #333;
	background: #ebe9e5;
	padding: 5px;
	font-weight: normal;
	line-height: 1.5em;
}
.l-page h4 {
	font-size: 24px;
	margin: 0px auto 30px auto;
	color: black;
	font-weight: normal;
	padding-bottom: 12px;
	border-bottom: 1px solid #cecece;
	line-height: 1.5em;
}
.l-page h5 {
	font-size: 22px;
	margin: 0px auto 25px auto;
	font-weight: bold;
	color: #333;
	padding: 0px 0;
	line-height: 1.5em;
}
.l-page h6 {
	font-size: 20px;
	margin: 0px auto 20px auto;
	color: #333;
	padding: 0px 0;
	font-weight: normal;
	line-height: 1.5em;
}
.l-page .title {
	text-align: center;
	font-size: 48px;
	margin: 50px auto 50px auto;
	color: #333;
	font-family: 'Pathway Gothic One', sans-serif;
	font-weight: bold;
}
.l-page .titlebo {
	text-align: center;
	font-size: 35px;
	margin: 50px auto 0px auto;
	color: #333;
	font-family: 'YuMincho,', serif;
	font-weight: bold;
	letter-spacing: 1px;
}		
.l-page .titleja {
	text-align: center;
	font-size: 24px;
	margin: 50px auto 20px auto;
	color: #333;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: bold;
}
	
.l-page strong {
	font-weight: bold !important;
}

.l-page p {
	margin-bottom: 1em;
	line-height: 1.5em;
}
.l-page .alignright {
	/*float: right;
	margin-left: 20px;
	margin-bottom: 20px;*/
	display: block;
	margin: 20px auto;
}
.l-page .alignleft {
	/*float: left;
	margin-right: 20px;
	margin-bottom: 20px;*/
	display: block;
	margin: 20px auto;
}
.l-page .aligncenter {
	margin: 20px auto;
	display: block;
}

/* リスト */
ul.list {
	margin: 1em 0;	
}
ul.list > li {
	background: url(../img/bullet.png) left 7px no-repeat;
	margin-bottom: 1em;
	padding-left: 10px;
}

/* list box pic */
.list-box-pic {
	margin-bottom: 1em;
}
/* list box pic 320 */
.list-box-pic-320 > li {

}
.list-box-pic-320 .box-pic {

}

.list-box-pic-320 .box-pic {
	border-bottom: 1px solid #cecece;
}
.list-box-pic-320 > li:nth-child(3n) {

}
.list-box-pic-320 > li:nth-child(3n) .box-pic {

}

/* list box pic 340 */
.list-box-pic-340 > li {
	margin-left: auto;
	margin-right: auto;
}

/* list box pic 515 */
.list-box-pic-515 > li {
	width: 100%;
}
.list-box-pic-515.col-2 > li:nth-child(odd) {

}
.list-box-pic-515.col-2 > li:nth-child(odd) .box-pic {

}
.list-box-pic-515.col-2 > li:nth-child(even) {

	
}
/* list box pic 530 */
.list-box-pic-530 > li {

}
.list-box-pic-530 > li:nth-child(odd) {

}

/* ボックス */
.box-pic-full {
	margin: 20px auto;
}
.box-pic-full-black {
	background: black;
	color: white;
	margin-top: 0;

}
.l-page .box-pic-full-black * {
	color: white;
}
.l-page .box-pic-full h2 {
	border: none;
	padding: 0px 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}
.l-page .box-pic-full p {
	padding: 0px 10px;	
}
.box-pic-full .box-pic-full-left {

}
.box-pic-full .box-pic-full-right {

}
.box-pic-full .box-pic-full-right-2 {

}
.box-pic-full .box-pic-full-right-2 img {
	width: 50%;
}

.box-pic {
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
}
.box-pic .box-pic-img {
	text-align: center;
	margin-bottom: 1em;
	margin-left: auto;
/*	max-width: 320px;*/
	margin-right: auto;
}
.box-pic .box-pic-img img {
	max-width: 100%;	
}
.box-pic .box-pic-text {
	line-height: 1.5em;
	padding-bottom: 1em;
/* 	max-width: 320px; */
	margin-left: auto;
	margin-right: auto;
}
.box-pic-600 {
	margin: 0px auto;
}

.box-white {
	border: 1px solid #cecece;
}
.box-white, .box-gray, .box-green, .box-blue, .box-brown {
	background: white;
	padding: 10px;
	/*border: 1px solid #cecece;*/
	margin: 30px auto;
	line-height: 1.5em;
}
.box-gray {
	background: #f2f2f2;
}
.box-green {
	background: #e0eede;
}
.box-blue {
	background: #d5f4f7;
}
.box-brown {
	background: #f5f2dd;
}
.box-full-gray, .box-full-green, .box-full-blue, .box-full-brown {
	background: #f2f2f2;
	padding: 10px 10px;
	margin: 0;
}
.box-full-green {
	background: #e0eede;
}
.box-full-blue {
	background: #d5f4f7;
}
.box-full-borwn {
	background: #f5f2dd;
}


/* テーブル */
.table-1 {
	margin: 10px auto 20px;
	width: 100%;
}
.table-1 th {
	width: 30%;
	vertical-align: middle;
	background: #f2f2f2;
	border: 1px solid #cecece;
	padding: 10px;
	font-weight: normal;
}
.table-1 td {
	vertical-align: middle;	
	border: 1px solid #cecece;
	padding: 10px;
}
.table-2 {
	margin: 10px auto 20px;
	width: 100%;
}
.table-2 th {
	width: 33%;
	vertical-align: middle;
	background: #f2f2f2;
	border: 1px solid #cecece;
	padding: 10px;
	font-weight: normal;
}
.table-2 td {
	vertical-align: middle;	
	border: 1px solid #cecece;
	padding: 10px;
}

/* HR */
hr {
	border-top: 1px solid #cecece;
	margin: 50px auto;
}
hr.hr-dot {
	border-top: 1px dotted #cecece;
	margin: 50px auto;
}

#map-canvas {
	height: 346px;
	margin: 50px auto 0;
}

/* STAFF BLOG & SHOP PHOTO */
.bottom-content {

	margin: 0px auto;
	padding: 20px 10px;
}
.bottom-content h2 {

	border-bottom: 1px solid #cecece;
	padding-top: 18px;
	padding-bottom: 5px;
	font-size: 24px;
}
.bottom-content .list-pic {

}
.list-pic, .wpp-list {
	letter-spacing: -0.4em;
	margin: 10px auto;
}
.list-pic > li, .wpp-list > li {
	width: 50%;
	display: inline-block;
	margin-bottom: 1em;
	letter-spacing: normal;
	font-size: 12px;
	vertical-align: top;
}
.list-pic > li > a, .wpp-list > li > a {
	display: block;
	padding: 10px;	
}
.list-pic > li:nth-child(4n), .wpp-list > li:nth-child(4n) {
	
}
.list-pic > li a, .list-pic > li p, .wpp-list > li a, .wpp-list > li p {
	color: #333;
	font-size: 12px;
	line-height: 1.3em;
}
.list-pic > li .list-pic-img, .wpp-list > li .list-pic-img {
	height: 165px;
	overflow: hidden;
	display: block;
}
.list-pic > li img, .wpp-list > li img {
	max-width: 100%;
	display: block;
	margin: 0px auto 15px auto;
}
.list-pic.list-pic-insta li img {
	object-fit: cover;
	width: 165px;
	height: 165px;	
}
.wpp-thumbnail {
	float: none !important;
}
.wpp-list .wpp-title {
	display: block;
	padding: 0px 5px;
}

.single-bottom-content h2 {
	margin: 30px auto 0 auto;
}
/* BRANCH 店舗一覧 */
.title-shop-sep {
	font-size: 18px;
	margin: 0px auto 30px auto;
	color: black;
	font-weight: normal;
	padding-bottom: 12px;
	border: none;
	border-bottom: 1px solid #cecece;
	line-height: 1.5em;
	padding-left: 20px;
}
.list-shop {

	margin: 20px auto;

}
.list-shop > li {

	margin-bottom: 20px;
}
.shop {
	border: 1px solid #cecece;
	margin: 0px 20px;
}
.shop .shop-pic {
	text-align: center;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.shop .shop-pic img {
	width: 100%;	
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.shop .shop-text {
	padding: 15px;
	height: 240px;
}
.l-page .shop .shop-title {
	font-size: 16px;
	color: #000000;
	padding: 0;
	margin: 0 0 1em;
	border: none;

}
.shop p {
	font-size: 12px;
}
.shop a {
	color: #056491;
}

/* お問い合わせ */
.phone-visit{
	font-size:40px!important;
	text-decoration:underline!important;
	}
.box-form {
	margin: 20px auto;
}
.table-form {
	margin-bottom: 30px;

}
.table-form th {
	background: #efefef;
	padding: 5px;
	width: 30%;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	text-align: left;
	position: relative;
	font-size: 12px;
}
.table-form td {
	padding: 10px 5px;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	font-size: 12px;
}
.table-form .ex {
	font-size: 12px;
	padding-left: 15px;
	display: block;
}
.table-form .email-re {
	font-size: 12px;	
}
.box-agree {
	overflow: auto;
	width: 90%;
	height: 120px;
	padding: 10px;
	border: 1px solid #cecece;
	font-size: 12px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.box-agree p {
	font-size: 12px;	
}
.input-text {
	border: 1px solid #cecece;
	border-radius: 5px;
	padding: 5px;
	margin-bottom:10px;
	width: 90%;

}
.input-text-2 {
	border: 1px solid #cecece;
	border-radius: 5px;
	padding: 5px;
	width: 60%;
}
.input-textarea {
	border: 1px solid #cecece;
	border-radius: 5px;
	padding: 5px;
	height: 190px;	
	width: 90%;
}
.required {
	background: #E60023;
	color: white;
/*	position: absolute;
	top: 21px;
	right: 10px;*/
	border-radius: 20px;
	text-align: center;
	width: 50px;
	font-size: 12px;
	padding: 5px;
	margin: 5px;
	display: block;
}
/*.mw_wp_form_input .table-form tr:nth-child(3) .required {
	top: 40px !important;
}
.mw_wp_form_input .table-form .required-2 {
	top: 11px !important;
}
.mw_wp_form_input .table-form .required-3 {
	top: 110px !important;
}
.table-form .required-4 {
	top: 135px !important;
}*/
.unrequired {
	background: #057dc9;
	color: white;
/*	position: absolute;
	top: 21px;
	right: 10px;*/
	border-radius: 5px;
	text-align: center;
	width: 50px;
	font-size: 12px;
	padding: 5px;
	margin: 5px;
	display: block;
}

.mw_wp_form_input {
	
}
.mw_wp_form_confirm .table-form tr:nth-child(6) {
	display: none;
}
.mw_wp_form_confirm .ex, .mw_wp_form_confirm .email-re {
	display: none;
}
.mw_wp_form_confirm .required, .mw_wp_form_confirm .unrequired {
	top: 11px;
}
.mw_wp_form_input .list-submit {
	background:url(../img/btn-check.png) no-repeat;
	background-size: 100% 100%;
	width:300px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	margin: 0px 10px;
}
.mw_wp_form_confirm .list-submit {
	background:url(../img/btn-submit.png) no-repeat;
	background-size: 100% 100%;
	width:150px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	margin: 0px 10px;	
}
.mw_wp_form_confirm .btn-back {
	background:url(../img/btn-back.png) no-repeat;
	background-size: 100% 100%;
	width:150px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	margin: 0px 10px;	
}

.page-post-article-pro .table-1 {
	position: relative;
	margin-bottom: 40px;
}
.page-post-article-pro .table-1:after {
	content: "※表示されている金額は、掲載当時の価格となります。 ";
	display: block;
	text-align: right;
	width: 100%;
	position: absolute;
	right: 0;
	top: 100%;
	padding-top: 15px;
	font-size: 12px;
}
		div.entryBtnBox{
		margin-bottom:50px;
		margin-top:50px;
		text-align:center;
			border-radius:20px;
		background-color:#333;
					padding:8px 30px;
	}
	span.entryBtn{


		color:#fff;
		font-size:20px;
	}
	span.entryBtn a{
	color:#fff;
	}
	span.entryBtn:hover{
		background-color:#666;
	}
	/* カタログ */
	div.catalogBox{
		margin-top:40px;
		text-align:center;
	}
	span.catalogBtn{
		margin-top:12px;
		padding:8px 14px;
		border-radius: 20px;
		background-color:#333;
		color:#fff;
		font-size:20px;
	}
	span.catalogBtn a{color:#fff;}
	span.catalogBtn:hover{background-color:#666;}
	
/* オンライン相談 */
	.online-available {
		margin: 20px auto;
	}
	.online-available > li {
		margin-bottom:20px;
	}
	.point-box{
		margin:0px 20px;
		background:#d1e39d;	
		padding:10px;
	}
	.pointTitle{
		text-align:center;
		font-weight:bold;
		
	}
	.onlinestep-title{
		clear:both;
	
	}
	div.onlinestep-box{
		display:block;
		clear:both;
		min-height:150px;
		margin-bottom:20px;
	
	}
	.onlinestep-box img.online-thumb{
		width:300px;
	}
	dl.onlinestep{

	}
	dl.onlinestep dt{
		font-weight:bold;
		margin-bottom:0.5em;
		font-size:1.5em;
	}
	
	/*オンライン相談CTR*/
	.online-contact-wrapper{
		background: #333;
		opacity:0.8;
		position:fixed;
		bottom:0;
		padding:10px 4px 4px 4px;
				width:100%;
		z-index:9999;
	}
	.online-contact-box{
		display: -webkit-flex;
    	display: flex;
    	flex-wrap: wrap;
    	justify-content:space-around;
		margin:4px;
align-items:stretch;
	}
	 .online-tel,.online-mail {
		width:40%;
		border-radius:40px;
		background:#fff;
		 margin:8px 4px;
		 padding:4px;
		 font-size:0.8em;
	display: -webkit-flex;
    	display: flex;
    	flex-wrap: wrap;
		align-items:center;
	justify-content:center;
	text-align:center;
	}

	.online-teltext,.online-telatt{
		color:#fff;
		text-align:center;
	}
	.online-telnumber a,.online-mail a{
		color:#333;
		font-weight:bold;
	}
	
	.online-telatt{font-size:0.8em;}
	
	
}