@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.4
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.t-line tr:nth-child(odd) td {  
  background-color: #EFEFEF;  
}
.t-line tr:nth-child(even) td {  
  background-color: #EFEFEF;  
}  

.t-box1 {
    padding: 0.3em 0.5em 0.3em 0.5em;
    margin: 0.5em 0;
    border: solid 1px #000000;
}


/* シンプル角丸 枠 1 */
.t-box2 {
    margin: 1em auto;  
    padding: 1em 1em 1em 1em;
    width: 100%; /*幅の調節*/
    color: #666666; /*文字色*/
    background-color: #f7f7f7; /*背景色*/
    border: 2px solid #ccc; /*線の太さ・色*/
border-radius: 8px; /*角の丸み*/ 
}



.seachbox11 {
	font-size: 0.8em;
	margin : 0em 0em -3.5em  0em ;
             padding : 0.5em 0em 0.5em  0.5em ;
             line-height : 1.7 ;
             border : solid 1px #808080 ; 
	pointer-events: auto;
             }



/*必要ならばここにコードを書く*/
.margin-top{
	margin-top: 10px;
}

.margin-left{
	margin-left: 50px;
}


/*必要ならばここにコードを書く*/

.box01 {
    margin: 2em 0;
    background: #eeeeee;
}
.box01 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}



/*必要ならばここにコードを書く*/

.center-jpn{
	margin: 0 auto;
	width: 287px;
		display: block;
}
.center-hokkaido{
	margin: 0 auto;
	width: 330px;
		display: block;
}

.center-kanto{
	margin: 0 auto;
	width: 330px;
		display: block;
}

.center-kansai{
	margin: 0 auto;
	width: 380px;
		display: block;
}

.center-tokai{
	margin: 0 auto;
		width: 380px;
		display: block;
}

.center-tohoku {
	margin: 0 auto;
		width: 380px;
		display: block;
}

.center-hokuriku {
	margin: 0 auto;
		width: 380px;
		display: block;
}

.center-koshinetsu {
	margin: 0 auto;
		width: 380px;
		display: block;
}

.center-kyusyu {
	margin: 0 auto;
		width: 380px;
		display: block;
}

.center-shikoku {
	margin: 0 auto;
		width: 380px;
		display: block;
}

.center-chugokuchiho {
	margin: 0 auto;
		width: 380px;
		display: block;
}


/*日本地図でのエリア分け*/
.jpn-relative {
    position: relative;
width: 282px;
text-align: center;

  display:inline-block;
  margin:0 auto;
	
	
}

.mapback{
background-image: url("https://entame-post.com/wp-content/uploads/2018/08/simplemap-back03.png");
	background-size: cover;
	background-repeat: no-repeat;
}


/*日本エリア地図*/

.jpn-hokkaido {
    position: absolute;
   left: 220px;
    top: 15px;
}

.jpn-tohoku {
    position: absolute;
   left: 220px;
    top: 80px;
}

.jpn-kanto-1 {
    position: absolute;
   left: 200px;
    top: 120px;
}

.jpn-tokai {
    position: absolute;
   left: 190px;
    top: 150px;
}

.jpn-kosinetu {
    position: absolute;
   left: 150px;
    top: 70px;
}

.jpn-hokuriku {
    position: absolute;
   left: 140px;
    top: 105px;
}


.jpn-kansai {
    position: absolute;
   left: 120px;
    top: 145px;
}

.jpn-chugoku {
    position: absolute;
   left: 60px;
    top: 125px;
}

.jpn-sikoku {
    position: absolute;
   left: 65px;
    top: 175px;
}

.jpn_kyushu {
    position: absolute;
   left: 5px;
    top: 160px;
}

.jpn_okinawa {
    position: absolute;
   left: 5px;
    top:210px;
}

/*北海道エリア地図*/

.hokkaido_relative {
    position: relative;
width: 330px;
text-align: center;
  display:inline-block;
  margin:0 auto;	
	
}

.hokkaido_dohoku {
    position: absolute;
   left: 140px;
    top: 50px;
}
.hokkaido_doto {
    position: absolute;
   left: 200px;
    top: 115px;
}
.hokkaido_dooh {
    position: absolute;
   left: 110px;
    top: 155px;
}
.hokkaido_donan {
    position: absolute;
   left: 60px;
    top: 190px;
}


/*関東エリア地図*/

.kanto-relative {
    position: relative;
width: 227px
}

.kanto-tokyo {
    position: absolute;
   left: 80px;
    top: 150px;
}

.kanto-saitama {
    position: absolute;
   left: 50px;
    top: 115px;
}

.kanto-kanagawa {
    position: absolute;
   left: 50px;
    top: 190px;
}

.kanto-tochigi {
    position: absolute;
   left: 90px;
    top: 40px;
}

.kanto-gunma {
    position: absolute;
   left: 0px;
    top: 40px;
}

.kanto-ibaraki {
    position: absolute;
   left: 150px;
    top: 80px;
}

.kanto-chiba {
    position: absolute;
   left: 150px;
    top: 190px;
}


/*関西エリア地図*/

.kansai-relative {
    position: relative;
width: 380px;
  display:inline-block;
  margin:0 auto;
}

.kansai-kyoto {
    position: absolute;
   left: 190px;
    top: 100px;
}

.kansai-hyogo {
    position: absolute;
   left: 160px;
    top: 145px;
}

.kansai-shiga {
    position: absolute;
   left: 270px;
    top: 130px;
}

.kansai-osaka {
    position: absolute;
   left: 190px;
    top: 185px;
}

.kansai-nara {
    position: absolute;
   left: 255px;
    top: 210px;
}

.kansai-wakayama {
    position: absolute;
   left: 160px;
    top: 250px;
}


/*東海エリア地図*/

.tokai-relative {
    position: relative;
width: 380px;
  display:inline-block;
  margin:0 auto;
}

.tokai-shizuoka {
    position: absolute;
   left: 270px;
    top: 280px;
}

.tokai-aichi {
    position: absolute;
   left: 200px;
    top: 265px;
}

.tokai-gifu {
    position: absolute;
   left: 210px;
    top: 210px;
}

.tokai-mie {
    position: absolute;
   left: 130px;
    top: 300px;
}



/*東北エリア地図*/

.tohoku-relative {
    position: relative;
width: 380px;
  display:inline-block;
  margin:0 auto;
}

.tohoku-aomori {
    position: absolute;
   left: 220px;
    top: 60px;
}

.tohoku-akita {
    position: absolute;
   left: 160px;
    top: 120px;
}

.tohoku-iwate {
    position: absolute;
   left: 240px;
    top: 120px;
}

.tohoku-yamagata {
    position: absolute;
   left: 145px;
    top: 190px;
}

.tohoku-miyagi {
    position: absolute;
   left: 230px;
    top: 200px;
}

.tohoku-fukushima {
    position: absolute;
   left: 190px;
    top: 250px;
}


/*北陸エリア地図*/

.hokuriku-relative {
    position: relative;
width: 380px;
  display:inline-block;
  margin:0 auto;
}

.hokuriku-ishikawa {
    position: absolute;
   left: 180px;
    top: 150px;
}

.hokuriku-toyama {
    position: absolute;
   left: 250px;
    top: 180px;
}

.hokuriku-fukui {
    position: absolute;
   left: 130px;
    top: 250px;
}

/*甲信越エリア地図*/

.koshinetsu-relative {
    position: relative;
width: 380px;
  display:inline-block;
  margin:0 auto;
}

.koshinetsu-niigata {
    position: absolute;
   left: 250px;
    top: 170px;
}

.koshinetsu-nagano {
    position: absolute;
   left: 150px;
    top: 250px;
}

.koshinetsu-yamanashi {
    position: absolute;
   left: 230px;
    top: 290px;
}

/*中国地方エリア地図*/

.chugokuchiho-relative {
    position: relative;
width: 380px;
  display:inline-block;
  margin:0 auto;
}

.chugokuchiho-hiroshima {
    position: absolute;
   left: 200px;
    top: 240px;
}

.chugokuchiho-okayama {
    position: absolute;
   left: 270px;
    top: 210px;
}

.chugokuchiho-shimane {
    position: absolute;
   left: 160px;
    top: 190px;
}

.chugokuchiho-tottori {
    position: absolute;
   left: 270px;
    top: 160px;
}

.chugokuchiho-yamaguchi {
    position: absolute;
   left: 100px;
    top: 255px;
}


/*四国エリア地図*/

.shikoku-relative {
    position: relative;
width: 380px;
  display:inline-block;
  margin:0 auto;
}

.shikoku-tokushima {
    position: absolute;
   left: 280px;
    top: 225px;
}

.shikoku-kochi {
    position: absolute;
   left: 205px;
    top: 250px;
}

.shikoku-kagawa {
    position: absolute;
   left: 220px;
    top: 180px;
}

.shikoku-ehime {
    position: absolute;
   left: 110px;
    top: 260px;
}


/*九州・沖縄エリア地図*/

.kyusyu-relative {
    position: relative;
width: 380px;
  display:inline-block;
  margin:0 auto;
}

.kyusyu-fukuoka {
    position: absolute;
   left: 200px;
    top: 80px;
}

.kyusyu-oita {
    position: absolute;
   left: 250px;
    top: 120px;
}

.kyusyu-nagasaki {
    position: absolute;
   left: 110px;
    top: 140px;
}

.kyusyu-miyazaki {
    position: absolute;
   left: 250px;
    top: 175px;
}

.kyusyu-kumamoto {
    position: absolute;
   left: 180px;
    top: 160px;
}

.kyusyu-kagoshima {
    position: absolute;
   left: 160px;
    top: 220px;
}

.kyusyu-saga {
    position: absolute;
   left: 130px;
    top: 100px;
}

.kyusyu-okinawa {
    position: absolute;
   left: 30px;
    top: 200px;
}








/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 680px) {
.pc { display: none !important; }
.sp { display: block !important; }
}






.header {
	background-image: none;
}

.logo-image {
	padding: 0;
}
.logo-image * {
	display: block;
	margin: auto;
}


/*カテゴリ毎にヘッダー画像指定*/

.categoryid-28 .logo > a .site-name-text {
	visibility: hidden;
}

.categoryid-28 .logo-header {
	background-image: url('images/email_header01.png');
	height: 177px;

}

/*検索パネルの検索ボタン*/

.seachbox01 {
	font-size: 0.9em;
    margin : 0em 0em -0.5em  0em ;
    padding : 0.5em 0em 0.5em  0.5em ;
    line-height : 1.5 ;
border : solid 1px #808080 ; 
}
.seachbox02 {
	font-size: 0.9em;
	margin : 0em 0em -3.5em  0em ;
    padding : 0.5em 0em 0.5em  0.5em ;
    line-height : 1.2 ;
border : solid 1px #808080 ; 
	pointer-events: auto;
}


.seachbutton01 {
	font-size: 0.80em;
    margin : -3em 0em -2.5em  0em ;
    padding : 1.2em 0.5em 1.2em  0.5em ;
    line-height : 0;
border : solid 1px #808080 ; 

}


/*サイドウィジェット*/

.side01 a  {
text-decoration: none; 	
color:#000000;	
	}
.side01 a:hover { 
color: #c9171e; 
} 

/*ヘッダー下と本文の空白を埋める*/
.header {
	margin-bottom: -5px;
}

.main {
background-color: #efefef;
margin-top: -5px;	
padding: 0 0 0 50px;	
}


/*検索パネルと本文の区切り*/
hr {
  height: 5px;
  border: 0;
  box-shadow: 0 10px 10px -10px #bbb inset;
}




/************************************
** サイドバーの背景を全体に同化
************************************/

.sidebar {
    background: #efefef;
}

.sidebar h3 {
 background-color: #efefef; 
	color: black;
  padding: 16px 10px;
  margin: 16px 0;
}


/*アコーディオン*/

/* アコーディオンA */
.ac-box{
width: auto;
margin: 5px 5px 5px 5px;

}

/*ラベル*/
.ac-box label{
max-width: 385px;
font-size: 10px;
font-weight: bold;
text-align: left;
background: #f05689;
margin: 5px 5px 5px 5px;
line-height: 20px;
position: relative;
display: block;
height: 20px;
border-radius: 8px;
cursor: pointer;
color: #fff;
transition: all 0.5s;
}


/*ラベルホバー時*/
.ac-box label:hover{
background: rgba( 240, 86, 137, 0.55 );
-webkit-transition: all .3s;
transition: all .3s;
}

/*チェックを隠す*/
.ac-box input{
display: none;
	position: static;
}

/*チェックのアイコン（↓）*/
.ac-box label:after{
color: #fff;
font-family:"FontAwesome";
content:" \f078";
}

/*チェックのアイコン（↑）*/
.ac-box input:checked ~ label::after {
color: #fff;
font-family:"FontAwesome";
content:" \f077";
}

/*中身を非表示にしておく*/
.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

/*クリックで中身を表示*/
.ac-box input:checked ~ div{
height: auto;
padding: 5px;

opacity: 1;
}

/*表示内容の調整*/
.ac-box div p{
color: #777;
line-height: 15px;
font-size: 14px;
padding: 10px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}





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


/*!本文のみの時のフッター用*/

.end,
.end a {
font-size: 11px;
color: #000080;
text-decoration: none;
}


.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  line-height: 1.25;
  font-weight: bold;
}
.article h3,
.article h4,
.article h5,
.article h6 {
  margin-top: 35px;
  margin-bottom: 20px;
}


.article h4,
.article h5,
.article h6 {
  font-size: 20px;
  padding: 6px 10px;
}


.article h1  {
   color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  padding: 15px 15px 15px 15px;
  border-radius: 4px;
  margin-bottom: 20px;
text-align: center;
}


.a {
font-size: 24px;
color: #ff0000;
display: inline-block;	
_display: inline;	
}


.article h2  {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
text-align: center;
}

.article h3 {
	 color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
	  border-radius: 4px;
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
font-size: 15px;
  padding: 6px 0 6px 10px;
}

.article h4 {
position: relative;
	font-size: 1.110em;
font-weight: bold;
margin: 1.0em 1.0em 0.5em 0;
padding: 0.3em 0.5em 0.3em 0.5em;
	border: 1px solid #909090;

display: inline-block;
}
.article h5 {
  border-bottom: 2px solid #cccdce;
}
.article h6 {
  border-bottom: 1px solid #cccdce;
}
.article .column-wrap h1, .article .column-wrap h2, .article .column-wrap h3, .article .column-wrap h4, .article .column-wrap h5, .article .column-wrap h6 {
  margin-top: 0;
}


.site-name-text {
	font-size: 0.5em;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  font-size: 0.5em;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    font-size: 18px;
  }
.post h1  {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 6px 10px;
  border-bottom: double 6px blue;
}	
.entry-content {
  margin: 0 10px 0 10px;	
}
	
		.main {
padding: 0 0 0 0;	
}
	
}


/*端末幅が490px以下のとき*/
@media screen and (max-width: 490px){
  #header .site-name-text{
    font-size: 18px;
  }
	.post h1  {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 6px 10px;
  border-bottom: double 6px blue;
}
.entry-content {
  margin: 0 10px 0 10px;
}
	
		.main {
padding: 0 0 0 0;	
}
	
}

@media screen and (max-width: 768px) {
	.single #header-container,
	.single #notice-area {
		display: none;
	}
}

/*端末幅が490px以下のとき*/
@media screen and (max-width: 490px){
	.single #header-container,
	.single #notice-area {
		display: none;
	}
	
		.main {
padding: 0 0 0 0;	
}
	
}


#footer {
  clear: both;
background-color: #808080;
  color: #cccccc;
padding: 5px;
}


.main {
background-color: #eeeeee;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
.entry-content {
  margin: 0 10px 0 10px;	
}
}


/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
.entry-content {
  margin: 0 10px 0 10px;	
}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	.jpnmap-gazo{
	display: none;
}
}

/*490px以下*/
@media screen and (max-width: 490px){
  /*必要ならばここにコードを書く*/
.jpnmap-gazo{
	display: none;
}	
	
}