/*
    Theme Name: Hitotonari-RP
    Theme URI: http://
	Description: Responsive Web Design
    */

html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size: 1.6rem;/* 16px */
	font-weight: 500;
	line-height: 1.7;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0px 0px 0px 0px;
	color: #444444;
	margin: 0px;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* Responsive Menu */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
	outline:none;
}
.img100 {
	width: 100%;
	height: auto;
}
.img100 img {
	width: 100%;
}
.p_title01 {
	font-size: 1.8rem;
	margin: 0px 0 10px 0;
}
.p01 {
	margin: 0px 0 10px 0;
}
.center_title01 {
	font-size: 2.4rem;
	margin: 0px 0 20px 0;
	color: #ff3333;
	font-weight: bold;
	text-align: center;
}
.center_title02 {
	font-size: 2rem;
	margin: 0px 0 20px 0;
	font-weight: bold;
	text-align: center;
}
.center_title03 {
	font-size: 2.4rem;
	margin: 0px 0 20px 0;
	font-weight: bold;
	text-align: center;
}
.center_title_tyui {
	font-size: 1.8rem;
	color: #ff3333;
	margin: 0px 0 20px 0;
	font-weight: bold;
	text-align: center;
}

/* パンくず */	
.breadcrumbs {	
	color: #444444;
	font-size: 1.4rem;
	text-align: left;
	height: auto;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 5px auto;
}
.breadcrumbs a {
	color: #333333;
	text-decoration: none;
}
.breadcrumbs a:hover {
	color: #cc0000;
	text-decoration: none;
}
.font60 {
	font-size: 60%;
}
.font80 {
	font-size: 80%;
}
.font120 {
	font-size: 120%;
}
.font140 {
	font-size: 140%;
}
.font160 {
	font-size: 160%;
}
.font180 {
	font-size: 180%;
}
.font200 {
	font-size: 200%;
}
.font240 {
	font-size: 240%;
}
.red {
	color: #CC3333;
}
.green {
	color: #99CC00;
}
.green02 {
	color: #66aa00;
}
.huchi_w {
	text-shadow:white 1px 1px 0, white -1px -1px 0,/*右下、左上*/
        white -1px 1px 0, white 1px -1px 0,/*右上、左下*/
        white 0px 1px 0, white  0-1px 0,/*右、左*/
        white -1px 0 0, white 1px 0 0;/*上、下*/;
}
#head {
	width: 100%;
	min-width: 800px;
	margin:0px auto 50px auto;
	background-image: url("images/back0011.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	padding: 0;
    padding-top: 57.25%;
} 
#head_page {
	width: 100%;
	min-width: 800px;
	margin:0px auto 0px auto;
	background-image: url("images/back02.jpg");
	background-repeat: no-repeat;
	background-position :  0px 0px;
	background-size:cover;
	padding: 0;
    padding-top: 30%;
} 
#head01 {
	width: 70%;
	max-width: 980px;
	margin:0px auto 0px auto;
    position:absolute;
    top:10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: flex;
	background: rgba(255,255,255,0.7);
	padding: 10px 20px 10px 20px;
	justify-content: space-between; /* 左右均等分布 */
  align-items: center; /* 上下中央揃え */
	border-radius: 20px;
} 
h1 {
	font-size: 1.2rem;
	margin: 0 0 3px 0;
}
#logo img {
	margin: 0 0 0 0;
}
/* ヘッダーナビ */	
.head_menu_box {
  width: 100%;
  max-width: 600px;
}
.head_menu_box ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; /* 上下中央揃え */
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 10px 0 0;
}


.head_menu_box  .menu_item a {
  font-size: 1.5rem;
  color: #552900;
  font-weight: bold;
  display: block;
  text-align: center;
  text-decoration: none;
  transition: .4s;
}

.head_menu_box  .menu_item a:hover {
    color: #996633;
  transition: .4s;
}

.head_menu_box  .menu_item:last-child a {
}
/* コンテンツ */	
.title01 {
	font-size: 4.6rem;
	margin: 0px 0 20px 0;
	color: #444444;
	text-align: center;
	font-weight: 400;
}
#mes_back01 {
  width: 100%;
  background-image:url("images/back_moyou01.jpg");
  margin: 0 auto 50px auto;
  background-size: 300px;
    background-position: 50% 50%;
	padding: 30px 0px 30px 0px;
}
.mes_box01 {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0px auto;
  padding: 0;
  align-items: center;
}
.mes_box02 {
  width: 25%;
  max-width: 1200px;
  padding: 0;
}
.mes_box02 img {
  width: 100%;
  max-width: 100%;
}
.mes_box03 {
  width: 70%;
  max-width: 1200px;
}
.mes_box03 p {
	color: #000000;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	text-shadow:white 1px 1px 0, white -1px -1px 0,/*右下、左上*/
        white -1px 1px 0, white 1px -1px 0,/*右上、左下*/
        white 0px 1px 0, white  0-1px 0,/*右、左*/
        white -1px 0 0, white 1px 0 0;/*上、下*/;
}
.mes_title01 {
	font-family: 'Noto Serif JP', serif;
	font-size: 3rem;
	margin: 0px 0 20px 0;
	color: #552900;
	text-align: left;
	font-weight: 400;
	text-shadow:white 1px 1px 0, white -1px -1px 0,/*右下、左上*/
        white -1px 1px 0, white 1px -1px 0,/*右上、左下*/
        white 0px 1px 0, white  0-1px 0,/*右、左*/
        white -1px 0 0, white 1px 0 0;/*上、下*/;
}
/* ヘッドスパについて */	

.spa_mes01 {
	font-size: 2.6rem;
	margin: 0px 0 50px 0;
	color: #444444;
	text-align: center;
	font-weight: 400;
}
.spa_mes02 {
	margin: 0px 0 50px 0;
	color: #444444;
	text-align: center;
	font-weight: 400;
	background-color: #fafafa;
	border-radius: 15px;
	padding: 10px 20px 10px 20px;
}
.spa_title01 {
	width: 100%;
	font-family: 'Noto Serif JP', serif;
	color: #552900;
	font-size: 3rem;
	margin: 0px auto 20px auto;
	text-align: center;
	font-weight: 400;
}
.spa_title02 {
	width: 70%;
	margin: 0px auto 20px auto;
	text-align: left;
	background-color: #fafae5;
	border-radius: 15px;
	padding: 10px 20px 10px 20px;
}
.spa_title03 {
	width: 100%;
	color: #552900;
	margin: 0px auto 20px auto;
	text-align: center;
}
.spa_title03 a {
	color: #444444;
}
.spa_box01 {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 50px auto;
  padding: 0;
}
.spa_img img {
  width: 100%;
  max-width: 100%;
  transition-duration: 0.4s;
}
.spa_img:hover img{
  opacity: 0.7;
  transition-duration: 0.4s;
}
.spa_box02 {
  width: 48%;
  max-width: 1200px;
  padding: 0;
}
.spa_box03 {
  width: 48%;
  max-width: 1200px;
}
.spa_box03 p {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

/* blog */
.blog_title {
	color: #99cc00;
	max-width: 640px;
	font-size: 2rem;
	font-weight: bold;
	margin: 50px auto 5px auto;
	text-align: center;
}
.blog_text {
	max-width: 640px;
	margin: 0 auto 5px auto;
	text-align: left;
	font-weight: bold;
	color: #666666;
}
.blog640_center {
	max-width: 640px;
	margin: 0 auto 30px auto;
}
.blog640_center img {
	max-width: 100%;
	height: auto;
	border: solid 1px #dddddd;
	vertical-align:middle;
  cursor: pointer;
  transition-duration: 0.4s;
}
.blog640_center:hover img{
  opacity: 0.7;
  transition-duration: 0.4s;
}
.box640_center {
	max-width: 640px;
	margin: 0 auto 30px auto;
}
.box640_center img {
	max-width: 100%;
	height: auto;
}
/* web予約 */
.yoyaku_box  {
	width: 100%;
	text-align: center;
	margin: 0 auto 30px auto;
	padding: 0px 0px 0px 0;
}
.yoyaku01 {
	max-width: 640px;
	margin: 0 auto 0px auto;
}
.yoyaku01 img {
	width: 100%;
	max-width: 640px;
	height: auto;
  transition-duration: 0.4s;
}
.yoyaku01:hover img{
  opacity: 0.7;
  transition-duration: 0.4s;
}

/* 個別ページ*/
#h2_title {
	font-size: 3rem;
	color: #552900;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	position: relative;
	text-align: center;
	border-bottom: 10px solid #EEEEBB;
	margin-bottom: 50px;
	padding-bottom: 20px;
}
#h2_title:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 10px;
	background-color: #99cc00;
}
.midasi_h2 {
	color: #552900;
	font-weight: 500;
	position: relative;
	font-size: 2.6rem;
	text-align: center;
	margin-bottom: 50px;
}
.midasi_h2:before {
	position: absolute;
	display: inline-block;
	content: '';
	bottom: -15px;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #99CC00;
	border-radius: 2px;
}
.midasi_h2_02 {
	font-weight: 500;
	position: relative;
	font-size: 2.6rem;
	text-align: center;
	margin-bottom: 50px;
}
.midasi_h2_02:before {
	position: absolute;
	display: inline-block;
	content: '';
	bottom: -15px;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #0066CC;
	border-radius: 2px;
}

/* 会社概要 */
.table01 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 0 auto;
  padding: 0px;
  border-spacing: 1rem 1rem;
}
.table01 th {
  color: #552900;
  width: 30%;
  margin: 0;
  padding: 20px;
  background-color: #EEEEBB;
}
.table01 td {
  width: 60%;
  margin: 0;
  padding: 20px;
  background-color: #f0f0f0;
}

/* お問い合わせ */
.cont_table01 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 0 auto;
  padding: 0px;
  border-spacing: 0px 1rem;
}
.cont_table01 th {
  color: #552900;
  width: 30%;
  margin: 0;
  padding: 20px;
  background-color: #EEEEBB;
	text-align: left;
}
.cont_table01 td {
  width: 60%;
  margin: 0;
  padding: 20px;
  background-color: #f0f0f0;
}
.wpcf7 {
	margin: 0;
	padding: 0;
}
#wpcf7-f5-p20-o1 {
	margin: 0;
	padding: 0;
}
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 85%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#cc3333;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#0066cc;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn {
 display: block;
 padding:15px;
 width:350px;
 background:#f0f0f0;
 color:#666666;
 font-size:18px;
 font-weight:bold;	 
 border-radius:5px;
 margin:25px auto 0;
 text-align: center;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover {
 background:#FFCC00;
 color:#ffffff;
 border:2px solid #FFCC00;
}
.form-width { max-width: 100%;}

/*不要な最終行の左のthを非表示にする*/
.table01 .empty {
	background-color: #ffffff;
    }
.screen-reader-response {
	text-align: center;
    }
.screen-reader-response ul {
	list-style-type: none;
    }
.wpcf7-not-valid-tip {
	color:#cc3333;
    }
.screen-reader-response {
	font-weight: bold;
	color:#66aa00;
	margin: 20px auto 50px auto;
    }
.wpcf7-response-output {
	font-weight: bold;
	color:#66aa00;
	margin: 20px auto 50px auto;
	text-align: center;
    }
/* お問い合わせここまで */


/* 電話番号 */
.tel_box  {
	width: 100%;
	background-color: #552900;
	text-align: center;
	margin: 0 auto 30px auto;
	padding: 20px 0px 20px 0;
}
.tel01  {
	font-size: 2rem;
	color: #ffffff;
	text-align: center;
	margin: 0 auto 20px auto;
}

.tel02  {
	color: #ffffff;
	font-size: 5rem;
	text-align: center;
	margin: 0 auto 0px auto;
	font-weight: 300;
}
.tel02  a {
	color: #ffffff;
	text-decoration: none;
}

/* フッター */	
#footer {
  color: #ffffff;
  width: 100%;
	padding: 20px 0 20px 0;
  background-color: #552900;
}
#copy {
	font-size: 1.2rem;
	text-align: center;
	color: #ffffff;
}
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #66aa00;;
  opacity: 0.9;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0d8';
  font-size: 3rem;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}



/* その他 */
.center_box_b10  {
	text-align: center;
	margin: 0 auto 10px auto;
}
.center_box_b10 img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.center_box_b10_imgmax  {
	text-align: center;
	margin: 0 auto 10px auto;
}
.center_box_b10_imgmax img {
	max-width: 100%;
	height: auto;
}
.mes001 {
	margin: 0px 0 10px 0;
	color: #444444;
	text-align: center;
	font-weight: 400;
	background-color: #fafafa;
	border-radius: 15px;
	padding: 10px 20px 10px 20px;
}












/* ボックス */	
.box01 {
	width: 100%;
	max-width: 1200px;
    margin: 0 auto 30px auto;
    background: #ffffff;
	border: solid 2px #FF6666;
}
.box01 .box-title {
    font-size: 2.6rem;
    background: #FF6666;
    padding: 8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box01 .box-title i {
	margin: 0px 5px 0px 0px;
}
.box01 .box_text {
    padding: 20px;
    margin: 0;
}
.box01 .box_text p {
	width: 60%;
	font-weight: 600;
	background-color: #f5f5f5;
    padding: 8px 20px 8px 20px;
	text-align: center;
    margin: 0 auto 20px auto;
    border-radius: 30px;
}
/* ボックス02 */	
.box02 {
	width: 100%;
	max-width: 800px;
    margin: 0 auto 30px auto;
    background: #ffffff;
	border: solid 2px #FF6666;
}
.box02 .box-title {
    font-size: 2.6rem;
    background: #FF6666;
    padding: 8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box02 .box-title i {
	margin: 0px 5px 0px 0px;
}
.box02 .box_text {
    padding: 20px;
    margin: 0;
}
.box02 .box_text p {
	width: 96%;
	font-weight: 600;
	background-color: #f5f5f5;
    padding: 8px 20px 8px 20px;
	text-align: left;
    margin: 0 auto 20px auto;
    border-radius: 30px;
}
.box03 {
	width: 100%;
	max-width: 800px;
    margin: 0 auto 30px auto;
}
.box03 .box-title {
    font-size: 2.6rem;
    background: #FF6666;
    padding: 8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box03 .box-title i {
	margin: 0px 5px 0px 0px;
}
.box03 .box_text {
    padding: 20px;
    margin: 0;
}
.box03 .box_text p {
	width: 60%;
	font-weight: 600;
	background-color: #f5f5f5;
    padding: 8px 20px 8px 20px;
	text-align: center;
    margin: 0 auto 20px auto;
    border-radius: 30px;
}
/* 電話番号 */	
.denwa {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style: none;
  margin: 0 auto 0 auto;
  padding: 0;
}
.denwa_item {
	font-size: 3rem;
  margin-bottom: 10px;
}
.denwa_item a {
	color: #444444;
	text-decoration: none;
}
.denwa_item span {
	font-size: 2.6rem;
	color: #ffffff;
	background-color: #99cc00;
    border-radius: 20px;
	padding: 5px 10px 5px 10px;
}
.denwa_item i {
  margin: 0 3px 0 5px;
	color: #555555;
	vertical-align: middle;
}
.denwa_item img {
	text-align: center;
	vertical-align:middle;
  cursor: pointer;
  transition-duration: 0.4s;
}
.denwa_item:hover img{
  opacity: 0.7;
  transition-duration: 0.4s;
}
/* その他 */	
/* ニュース系 段組み */
.nidan_title01 {
	font-size: 4rem;
	text-align: center;
}
.title_font01 {
	color: #222222;
}
.nidan {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto 50px auto;
  padding: 0;
}
.nidan01 {
  width: 25%;
	color: #99CC00;
  margin: 0 auto 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 3rem;
}
.nidan01 i {
	vertical-align: middle;
	margin-right: 10px;
}
.nidan02 {
  width: 75%;
  margin: 0 auto 0 auto;
  padding: 0;
}
.news {
  width: 100%;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 15px 0px 15px 0px;
  border-bottom: solid 2px #dddddd;
}
.news a {
	color:#CC0000;
}
.news01 {
  width: 15%;
  margin: 0;
  padding: 0;
}
.news02 {
  width: 85%;
  margin: 0;
  padding: 0;
}
/*固定する背景*/
#top_h2 {
	color: #ffffff;
	font-size: 3rem;
	margin: 0 0 5px 0;
	text-align: center;
	text-shadow:0px 0 5px black;
}
.souja01 {
  height: auto;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  margin: 0 0 30px 0;
	padding: 20px 0 20px 0;
}
 .souja02 {
  background-image: url("images/back_soja.jpg");
}
 .souja02 div {
  width: 100%;
  font-weight: 600;
  max-width: 800px;
  border-radius: 30px;
  margin: 0 auto 0px auto;
  padding: 20px 20px 20px 20px;
  background: rgba(255,255,255,0.7);
}
/* CM */
.cm_box {
	max-width: 640px;
	margin: 0 auto 30px auto;
}
.youtube {
  position: relative;
  max-width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* SNS */	
.sns_box {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto 30px auto;
  padding: 0;
}
.sns_item {
  width: 100%;
}
.fb_box {
width: 100%;
max-width: 1000px;
}
/* 個別ページ*/
#h2_title {
	font-size: 3rem;
	color: #552900;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	position: relative;
	text-align: center;
	border-bottom: 10px solid #EEEEBB;
	margin-bottom: 50px;
	padding-bottom: 20px;
}
#h2_title:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 10px;
	background-color: #99cc00;
}
.page_box01 {
	width: 100%;
	max-width: 1200px;
	margin:0px auto 0px auto;
}
.page_box02 {
	width: 100%;
	max-width: 800px;
	margin:0px auto 0px auto;
}
.page_nidan {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto 50px auto;
  padding: 0;
}
.page_nidan img {
  max-width: 580px;
	vertical-align: bottom;
}
.page_nidan_p01 {
  max-width: 560px;
  margin: 0 auto 0 auto;
	background-color: #ffffff;
  padding: 10px;
	text-align: left;
}
.page_nidan01 {
  width: 50%;
  max-width: 590px;
  margin: 0 auto 0 auto;
  padding: 20px 10px 20px 10px;
  background-color: #f0f0f0;
	text-align: center;
}
.page_nidan02 {
  width: 50%;
  max-width: 590px;
  margin: 0 auto 0 auto;
  padding: 20px 10px 20px 10px;
  background-color: #f0f0f0;
	text-align: center;
}
.page_font {
  font-size: 2rem;
}

/* 二列バナーリンクなし */	
.niretu {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto 50px auto;
  padding-bottom: 10px;
  border-bottom: solid 6px #eaeaea;
}	
.niretu_item {
	width: 100%;
	max-width: 590px;
}
.niretu_tenpo01 {
	font-size: 1.8rem;
	text-align: left;
  margin: 0 auto 20px auto;
}
.niretu_tenpo01 a {
	color: #444444;
}
.niretu_item img {
	text-align: center;
	vertical-align:middle;
}
/* googleマップ */	
/* 横幅を指定するための要素 */

.gmap_box {
  max-width: 800px; /* ここに横幅を指定 */
	margin: 0px auto 50px auto;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* アウトレットセール */	
#out_box01 {
	width: 100%;
	max-width: 800px;
	margin: 0px auto 0px auto;
}
#out_box01 table {
	width: 100%;
	margin-bottom: 30px;
}
#out_box01 table td {
	padding: 5px;
}
#out_box01 p {
	font-size: 130%;
	display: block;
	color: #ffffff;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	background-color: #99CC00;
	padding: 5px 0px 5px 10px;
}
.play_size100 {
	width: 500px;
	height: auto;
	text-align: center;
	margin: 0px auto 10px auto;
  	filter: brightness(1.0);
  	transition: filter 0.3s;
}
.play_size100:hover {  
	filter: brightness(1.3);
}
.play_size100:active {
  	filter: brightness(0.85);
}
.play_size100 img {
	width: 100%;
	max-width: 500px;
	height: auto;
	text-align: center;
}

/* タイヤサイズについて */
.table_size01 {
	padding: 0px;
	height: auto;
	width: 100%;
	border-collapse:collapse;
	font-size: 1.6rem;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
.table_size01 .td01 {
	background-color: #669900;
	color: #FFFFFF;
	font-weight: bold;
}
.table_size01 .td02 {
	background-color: #FFFF33;
	color: #333333;
	font-weight: bold;
}
.table_size01 td {
	border: 1px solid #666666;
	padding: 5px;
	text-align: center;
}
.table_size01 .td03 {
	background-color: #eeffee;
}
.table_size01 .td04 {
	background-color: #FFFFdd;
}

/* スマホ用*/
@media screen and (max-width: 767px) {	

/* パンくず */	
.breadcrumbs {	
	font-size: 1.2rem;
	max-width: 94%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.p_title01 {
	width: 96%;
	font-size: 1.8rem;
	margin: 0px auto 10px auto;
}
.p01 {
	width: 96%;
	margin: 0px auto 10px auto;
}
#head {
	width: 100%;
	min-width: 300px;
	margin:0px auto 0px auto;
	background-image: url("images/back001.jpg");
	background-repeat: no-repeat;
	background-position :  0px 0px;
	background-size:cover;
	padding: 0;
    padding-top: 99.12%;
} 
#head_page {
	width: 100%;
	min-width: 300px;
	margin:0px auto 0px auto;
	background-image: url("images/back_s02.jpg");
	background-repeat: no-repeat;
	background-position :  0px 0px;
	background-size:cover;
	padding: 0;
    padding-top: 70.17%;
} 
#head01 {
	width: 80%;
	max-width: 1200px;
	margin:0px auto 0px auto;
    position:absolute;
    top:10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: flex;
	background: rgba(255,255,255,0.7);
	padding: 10px 20px 10px 20px;
	justify-content: space-between; /* 左右均等分布 */
  align-items: center; /* 上下中央揃え */
	border-radius: 20px;
} 
#head01_s {
	width: 98%;
	margin:0px auto 0px auto;
  align-items: center; /* 上下中央揃え */
} 
h1 {
	font-size: 1.2rem;
	margin: 0 0 3px 5px;
}
/* ヘッダーナビ*/
.head_menu_box ul {
    flex-wrap: wrap;
    width: 100%;
	margin-bottom: 30px;
  }
.head_menu_box  .menu_item {
    flex: auto;
    width: 50%;
	padding: 5px 0px 5px 0px;
  }
.head_menu_box  .menu_item a  {
  border-right: none;
	font-size: 1.4rem;
  }
.head_menu_box .menu_item:nth-child(2n) a {
  }
.head_menu_box .menu_item:nth-child(n + 3) a {
    border-top: none;
  }
.head_menu_box .menu_item:nth-child(n + 4) a {
    border-top: none;
  }

/* コンテンツ */	
.title01 {
	font-size: 3rem;
}
#mes_back01 {
}
.mes_box01 {
  width: 100%;
  max-width: 1200px;
  display: block;
  margin: 0 auto 0px auto;
  padding: 0;
  align-items: center;
}
.mes_box02 {
  width: 96%;
	text-align: center;
	padding-bottom: 20px;
	margin: 0px auto 0px auto;
}
.mes_box02 img {
  width: 60%;
  max-width: 100%;
}
.mes_box03 {
  width: 96%;
	margin: 0px auto 0px auto;
}
.mes_box03 p {
	color: #000000;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	text-shadow:white 1px 1px 0, white -1px -1px 0,/*右下、左上*/
        white -1px 1px 0, white 1px -1px 0,/*右上、左下*/
        white 0px 1px 0, white  0-1px 0,/*右、左*/
        white -1px 0 0, white 1px 0 0;/*上、下*/;
}
.mes_title01 {
	font-size: 2rem;
}
/* ヘッドスパについて */	

.spa_mes01 {
	font-size: 2rem;
}
.spa_mes02 {
}
.spa_title01 {
	font-size: 3.6rem;
}
.spa_title02 {
	width: 96%;
}
.spa_title03 {
	width: 96%;
}
.spa_box01 {
  width: 100%;
  max-width: 1200px;
  display: block;
}
.spa_img img {
  width: 100%;
  max-width: 100%;
  transition-duration: 0.4s;
}
.spa_img:hover img{
  opacity: 0.7;
  transition-duration: 0.4s;
}
.spa_box02 {
  width: 96%;
  max-width: 1200px;
  padding: 0;
	margin-bottom: 50px;
}
.spa_box03 {
  width: 96%;
  max-width: 1200px;
	margin-bottom: 50px;
}
.spa_box03 p {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
/* blog */
.blog_text {
	padding: 0 10px 0 10px;
}
/* 個別ページ*/
#h2_title {
	font-size: 2.4rem;
}
/* ボックス */	
.box01 {
	width: 98%;
	max-width: 1200px;
}
.box01 .box-title {
    font-size: 1.8rem;
    padding: 8px;
    text-align: left;
}
.box01 .box_text {
    padding: 10px;
    margin: 0;
}
.box01 .box_text p {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 600;
    padding: 8px 20px 8px 20px;
	text-align: left;
    border-radius: 30px;
}
/* ボックス02 */	
.box02 {
	width: 98%;
	max-width: 1200px;
}
.box02 .box-title {
    font-size: 1.8rem;
    padding: 8px;
    text-align: left;
}
.box02 .box_text {
    padding: 10px;
    margin: 0;
}
.box02 .box_text p {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 600;
    padding: 8px 20px 8px 20px;
	text-align: left;
    border-radius: 30px;
}
.box03 {
	width: 98%;
	max-width: 800px;
    margin: 0 auto 30px auto;
}
/* SNS */	
.sns_box {
  width: 96%;
  display: block;
  margin: 0 auto 30px auto;
  padding: 0;
}
.sns_item {
  width: 100%;
}
.fb_box {
width: 100%;
max-width: 500px;
}
/* 個別ページ*/
.page_box01 {
	width: 100%;
	max-width: 1200px;
	margin:0px auto 0px auto;
}
.page_nidan {
  width: 96%;
  max-width: 1200px;
  display: block;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto 50px auto;
  padding: 0;
}
.page_nidan img {
	width: 100%;
  max-width: 580px;
	vertical-align: bottom;
}
.page_nidan_p01 {
  max-width: 560px;
  margin: 0 auto 0 auto;
	background-color: #ffffff;
  padding: 10px;
	text-align: left;
}
.page_nidan01 {
  width: 100%;
  max-width: 590px;
  margin: 0 auto 20px auto;
  padding: 20px 10px 20px 10px;
  background-color: #f0f0f0;
	text-align: center;
}
.page_nidan02 {
  width: 100%;
  max-width: 590px;
  margin: 0 auto 0 auto;
  padding: 20px 10px 20px 10px;
  background-color: #f0f0f0;
	text-align: center;
}
.page_font {
  font-size: 1.6rem;
}
.tenpo_h2 {
	width: 96%;
	font-size: 2rem;
	margin-left: auto;
	margin-right: auto;
}
/* 会社概要 */
.table01 {
  width: 96%;
  max-width: 800px;
  margin: 0 auto 0 auto;
  padding: 0px;
  border-spacing: 0;
}
.table01 tr {
    display: block;
}
.table01 th {
    display: block;
  color: #ffffff;
  width: 100%;
  margin: 0;
  padding: 20px;
  background-color: #99CC00;
}
.table01 td {
    display: block;
  width: 100%;
  margin: 0 0 1rem 0 ;
  padding: 20px;
  background-color: #f0f0f0;
}
/* お問い合わせ */

.cont_table01 {
  width: 96%;
  max-width: 800px;
  margin: 0 auto 0 auto;
  padding: 0px;
  border-spacing: 0;
}
.cont_table01 tr {
    display: block;
}
.cont_table01 th {
    display: block;
  color: #ffffff;
  width: 100%;
  margin: 0;
  padding: 10px;
  background-color: #99CC00;
}
.cont_table01 td {
    display: block;
  width: 100%;
  margin: 0 0 1rem 0 ;
  padding: 10px 0px;
	text-align: center;
  background-color: #f0f0f0;
}
.wpcf7 {
	margin: 0;
	padding: 0;
}
#wpcf7-f27-p28-o1 {
	margin: 0;
	padding: 0;
}

/*不要な最終行の左のthを非表示にする*/
.cont_table01 .empty {
        display: none;
    }
	
.cont_table01 .form_center {
	text-align: center;
    }

/*送信ボタンスタイリング*/
.cont_table01 input[type="submit"] {
    padding: 0.5em 4em;
    border-radius: 5px;
	background-image: url(images/back_g01.png);
    color: #666666;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.cont_table01 input[type="submit"]:hover {
    box-shadow: none;
}
.wpcf7 input[name="your-name"],
.wpcf7 input[name="text-718"],
.wpcf7 input[name="your-tel"],
.wpcf7 input[name="city"],
.wpcf7 input[name="url-235"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"] {
        width: 100%;
        height: 35px !important;
}
	.wpcf7 textarea[name="your-message"] {
        width: 100%;
        height: 350px !important;
}
/*送信ボタンのデザイン変更*/
#formbtn {
 width:80%;
	margin: 0px auto 10px auto;
}
.form-width { max-width: 96%;}
	
	
/* お問い合わせここまで */
	
/* web予約 */
.yoyaku_box  {
	width: 96%;
}
/* 電話番号 */
.tel_box  {
	padding: 20px 10px 20px 10px;
}
.tel01  {
	font-size: 1.8rem;
}

.tel02  {
	font-size: 3rem;
}

}