@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */

#main {	border: none;
width:100%;}

body{color:#604C3F;
width:100%}

/*******************************
* 見出しデザイン
********************************/
.article h1 {
  position: relative;
  margin: 20px -10px; /*元々は20px -10px 20px -10px*/
  padding: 10px 5px 10px 20px;
font-size:1.7em;
color: #718e44;
}

.article h2 {
	width:90%;
	margin:30px 0 30px 0;
    padding: 10px;
	color: #172a88;
}

.article h2 {
	border: 0;
    margin: 40px -29px 20px;
    padding: 25px 30px;
    font-size: 26px;
}

.article h3 {
	color: #172a88;
	font-size: 18px;
	font-weight:bold;
	padding:5px;
	margin:0;
	border:0}

/*******************************
* 固定ページ記事タイトル非表示
********************************/
.page 
.entry-title {
  display: none;
}

/*********************************************
**  header widjet　用
**********************************************/
.ad-header-widget {
  position: absolute;
  right: 0;
  width: 296;
  height: 98px;
  top: 10px;
}

@media screen and (max-width: 300px){
.ad-header-widget {      display:none;} 
}

#header .alignright{
  text-align:right;
  position: absolute;
 margin-top:20px;
  margin-right:50px;
}

.b_hw{border:solid 1px;
	width:280px;
	margin-bottom:0px;}

.b_hw a{color:#008800;
text-decoration:none;}

.c6 {color:#7A6A56;}
/************************************
** モバイルメニュー
************************************/
@media screen and (min-width:1110px){
#mobile-menu a{display:none;}
}

@media screen and (min-width:768px){
#mobile-menu a{display:none;}
}

@media screen and (max-width:768px) {
#mobile-menu a{display:none;}
}


/*******************************
* スマホ 三メニューボタン用
********************************/
.mb{font-size:15pt;
    color:#7A6A56;
    vertical-align:20%;}

/*******************************
* スマホ　ロゴ
********************************/
@media (max-width: 768px) {
  #site-title {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
  }

  #header #h-top .alignleft {
    margin: 0 auto;
    width: 100%;
   margin-bottom: 85px;
  }
}


#inner{
  margin: 0 -50px;
  padding: 0 50px;
}

/************************************
** グローバルナビメニュー（menu）
************************************/
/*
#menu-header-navi.menu{ 
width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
		 margin-top:15px;
    padding-top:5px;}
*/
#navi ul{
  border:solid #171c61;
	border-left:7px;
	border-right:7px;
  width:1070px;
  height:60px;
  box-sizing: border-box;	
 padding: 10px;
 color:#fff;
}

#navi ul li{
  min-width: 120px; 
	max-width:180px;
	left:5%;
	right:18%;
  margin-left:auto;
  margin-right:auto;
}

#navi ul li a{
  font-size:20px;
  display: block;

}
#navi ul li a:hover{
background-color:transparent;
  color:#fff;
}

/*スマホでNavi非表示*/
@media screen and (max-width:1110px) {
#navi {display: none;}
}

/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container,
.instagram-container{
max-width:1280px;
}

/*動画の大きさを調整*/
.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
max-width: 100%;
height: auto;
}

/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed,
.instagram iframe,
.instagram object,
.instagram embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*********************************************
**  コンテンツ画像/ コンテンツ説明文
**********************************************/
.info_box {background-color: #efefef;
padding:10px 20px;
border-radius:10px;}

.ctb{width:80%;
     margin-left:auto;
     margin-right:auto;}

.helpers {background-color:#f8b62d;
	padding:10px 5px;
border-radius:10px;}

.bathing {background-color:#aad6b1;
	padding:10px 5px;
border-radius:10px;}


.mgt50{margin-top:50px;}