@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-left: 10px solid #A6D297!important;
    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}

#footer-widget {
    color: #343434;
}

/*******************************
* 固定ページ記事タイトル非表示
********************************/
.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: 0px;
  }
}



/************************************
** グローバルナビメニュー（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{
  font-size:15px;
  border:0;
  width:1200px;
  height:35px;
  box-sizing: border-box;	
 padding: 0;
 color:#fff;
}

#navi ul li{
  min-width: 80px; 
	max-width:100%;
	left:3%;
	right:0%;
  margin-left:auto;
  margin-right:auto;
}

#navi ul li a{
  font-size:16px;
  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;
margin-top:60px;}

.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;}

.linkbox{margin-top:70px;}

/********************************************************************/
/*　Backgroundcolorをmain要素を超えてはみ出す設定 */
/********************************************************************/

html{/*横スクロールバー非表示用iphone＆Android対策*/
	position: relative;
    overflow-x : hidden;
    overflow-y : auto;}

body {/*横スクロールバー非表示用iphone＆Android対策*/
	position: relative;
    overflow-x : hidden;
    overflow-y : auto;}


/********************************************************************/
/*画像を親要素を超えてはみ出す設定*/
/********************************************************************/
#inner {
width:100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;}

.article img, .category-description img, .wp-caption, .hover-image {
    max-width: 100%;
	height: auto;}



/************************************
** はみ禁 設定
************************************/
body {position: relative;
    overflow-x : hidden;
    overflow-y : atuo;}
html {position: relative;
 /*  overflow-x : hidden; */ }

@media screen and (max-width: 768px){   /******SP表示用*******/
html{overflow-x : hidden;/*横スクロールバー非表示用iphone＆Android対策*/
  /*  overflow-y : hidden; */ }

body {position: relative;/*横スクロールバー非表示用iphone＆Android対策*/
    overflow-x : hidden;
  /*  overflow-y : hidden; */ }
}


@supports (-ms-ime-align: auto) {
  /* Edge のみ適用される */
	html {
	position: relative;
    overflow-x : hidden;
    overflow-y : auto;}
	
	body {
	position: relative;
    overflow-x : hidden;
  /*  overflow-y : hidden; */ }
	
	#container{overflow-x:hidden;}
}

@media all and (-ms-high-contrast: none) {
    /* IE10 以降にのみ適用される */
		html {
	position: relative;
    overflow-x : hidden;
    overflow-y : auto;}
	
	body {
	position: relative;
    overflow-x : hidden;
   /* overflow-y : hidden; */}
	
	#container{overflow-x:hidden;}
}

#hb_cover{overflow-x:hidden;}



/***カラム用***/

.su-row{margin:0!important;}

p.about{margin:0;}

span{color:#A6D297;}