/* New
shibu6/happy/css/estitem1706.css */

#shibu6_article ul,#shibu6_article li,#shibu6_article dl,#shibu6_article dd{
	margin-right:0;
	margin-left:0;
	padding-right:0;
	padding-left:0;
}

#shibu6_article ul,#shibu6_article li{
	list-style:none;
}


/* レスポンシブフォントサイズ　.page {width: 755px;} の場合： */
@media screen and (max-width:768px) { 
    /*　画面サイズ768pxまで　*/
		#shibu6_article .page { font-size: 36px!important; } 
		#shibu6_article .page h2 { font-size: 36px!important;
		font-weight:bold; }
		#contentsArea h3  { font-size: 32px!important;
		font-weight:bold; }
		/*#shibu6_article .page h3 { font-size: 32px!important; } */
}
@media screen and (min-width:768px) { 
    /*　画面サイズ768pxから　*/
		#shibu6_article .page { font-size: 16px!important; }   
}

/*　共有　*/

.txtcenter{
	text-align:center;
}

#shibu6_article .page a:hover,
.linkbox a{
	opacity:0.7
		
}/* 全てのリンクホバー薄める */

.pagelastNavi {
	display:table;
	overflow:hidden;
	width:100%;
	}
.pagelastNavi p a {
	padding:20px 10px 30px 60px;
	float:right;
	font-weight:bold;
	display: inline-block;
}

.pagelastNavi a,
.pagelastNavi a:active,
.pagelastNavi a:visited {
	text-decoration:underline!important;
	color:#ff2d64!important;
}

.pagelastNavi p a:hover{
	text-decoration:underline!important;
	color:#ff2d64!important;
}

.pagelastNavi p a.navi01 {
	background: url(/image.jsp?id=384671) no-repeat top left;
}
.pagelastNavi p a.navi02 {
	background: url(/image.jsp?id=384672) no-repeat top left;
}

/*.navi_icon a:hover,
.pagelastNavi p a:hover{
	opacity:0.7
		}*/
.linkbox {
	border: #88b7bb solid 2px;
	background: #d9eff3;
	margin-bottom:20px;
}
.linkbox .caption { 
	color:#0096a3;
	font-weight:bold;
}
.linkbox dd{ 
	clear:both!important;
}
	
#shibu6_article a.txtlink,
#shibu6_article a.txtlink:active,
#shibu6_article a.txtlink:visited,
.linkbox a {
	text-decoration:none!important;
	color:#ff2d64!important;
}
#shibu6_article a.txtlink:hover,
.linkbox a:hover{
	text-decoration:underline!important;
	color:#ff2d64!important;
}


.clear{
	clear:both;
}

/*dd {margin-bottom:0.5em;}*/

/* 見出し
#midashi
 { font-size:1.4em!important;
line-height:1.3;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} */

.mb0{
	margin-bottom:0 !important;
}
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mr10{
	margin-right:10px !important;
}
.mr20{
	margin-right:20px !important;
}
.mL10{
	margin-left:10px !important;
}
.mL20{
	margin-left:20px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt20{
	margin-top:20px !important;
}

.pb0{
	padding-bottom:0 !important;
}
.pb10{
	padding-bottom:10px !important;
}
.pb20{
	padding-bottom:20px !important;
}
.pt20{
	padding-top:20px !important;
}
.pt40{
	padding-top:40px !important;
}
.pL10{
	padding-left:10px !important;
}
.pR10{
	padding-right:10px !important;
}

.pR200{
	padding-right:200px !important;
}
.pL200{
	padding-left:200px !important;
}
.pL400{
	padding-left:360px !important;
}

.fL{
	float:left;
}
.fR{
	float:right;
}


.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	overflow: hidden;
}

.clearfixTbl:after {
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfixTbl {
	display: table;
	overflow: hidden;
}

/* ページ背景 */

@media screen and (min-width:768px) {

	 /*　画面サイズ768pxから　ページ　*/ 
  #estitem {
	  background: url(/image.jsp?id=384999) no-repeat top left;
  }/*  トップからの背景　bk_page.jpg */

}

@media screen and (max-width:768px) { 
    /*　画面サイズ768pxまで　ページ　*/
	#estitem {
	  background: none;
  }
}

/*#estitem #contentsArea {
	background: url(/image.jsp?id=385012) no-repeat top left;
}  bk_backborder.jpg */

/*#taikenitem1{
	background: url(/image.jsp?id=385012) no-repeat bottom left;
}*/

/* レイアウト
---------------------- */

.page {
	width: 755px;
}

/*　ヘッドエリア　*/


#estitem #headArea h3 {
	  display:block;
	  clear:both;
	  text-align:right!important;
	  }

.nolineimg {
	border:none!important;
	}

@media screen and (min-width:768px) {

	 /*　画面サイズ768pxから　ヘッドエリア　*/ 
	#estitem #headArea h3 {
		text-align:right!important;
		padding-top:125px;
	  }
	.headtxtbox {
		margin: 20px 30px;
	}
	.headtxtbox img {
		margin: 0 10px 10px 10px;
		border:#d6d6d6 solid 5px!important;
		width:280px;
	}
}
	
@media screen and (max-width:768px) { 
    /*　画面サイズ768pxまで　ヘッドエリア　*/
	#estitem #headArea h3 {
		text-align:center;
		margin-bottom:2em;
	  }
	#estitem #headArea h3 img {
		width:100%;
	  }
		.headtxtbox img {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border:#d6d6d6 solid 0.2em!important;
			width:100%!important;
			margin-bottom: 1em!important;
		}
}

/* ページナビ */
.navi_icon{ 
	text-align:center!important;
	margin-top:-20px!important;
	margin-left:auto!important;
	margin-right:auto!important;
}

@media screen and (max-width:320px) { 
    /*　画面サイズ320pxまで　*/
	h1 img { width:320px;}
	
	.navi_icon li{ 
		  width:360px!important; 
		  margin:0.1em!important; 
		  padding:0;
		  float:left;
		}
		.navi_icon li img{ 
			width:360px!important;
		}
		.navi_icon li a img{ 
			width:280px!important;
		}
}
@media screen and (min-width:320px) and (max-width:768px) { 
    /*　画面サイズ320pxから768pxまで　*/
	h1 img { width:100%;}

	.navi_icon li{
		  width:360px!important; 
		  margin:0.5em 0!important; 
		  padding:0;
		  float:left;
		}
		.navi_icon li img{ 
			width:360px!important;
		}
		.navi_icon li a img{ 
			width:280px!important;
		}
}

@media screen and (min-width:768px) { 
    /*　画面サイズ768pxから　*/
	.navi_icon{ 
	  padding-left:10%!important;
	}
	.navi_icon li{ 
		width:220px;
		float:left;
		margin:0 0 10px 5px;
		padding:0;
		}
		.navi_icon li img{ 
			width:200px!important;
		}
		.navi_icon li a img{ 
			width:140px!important;
		}
/*.navi_icon li{ 
		width:300px;
		float:left;
		margin:0.5em;
		padding:2em;
		}
		.navi_icon li a img{ 
		width:220px;
		}*/
}

/* コンテンツエリア */

/* .report #contentsArea h2.midashiYel, */
.report #contentsArea h2,
.report #contentsArea h3 {
	  display:block;
	  clear:both;
	  text-align:center!important;
	  color:#0025c3;
	  /*box-shadow: 0 2px 6px rgba(86,187,200, .15);*/
	  }/*fffd51*/

	  
.box01 {
	background:#c6f0ea;
	clear:both;
}/* box01のコンテンツ固有のデザイン要素（色、背景、デザイン上のマージンなど）
PC・スマホ共有
 */



dd.itemtxt {
	background:#feffab;
	clear:both;
	border-radius:12px;
}/* .itemtxtのコンテンツ固有のデザイン要素（色、背景、デザイン上のマージンなど）
PC・スマホ共有
 */
 


.presentBox {
	background:#d7caf0;
	clear:both;
}/* box01のコンテンツ固有のデザイン要素（色、背景、デザイン上のマージンなど）
PC・スマホ共有
 */
 
.bnrBox {
		width:100%;
		text-align:center;
		margin-bottom:1em;
	}

#taikenitem1 strong{
	color:#ff2d64;
}

@media screen and (min-width:768px) { 
    /*　画面サイズ768pxから　*/ 
	
	img.img01{
		width:380px;
		margin-left:10px;
	  }
  	#headArea .txtbox{
	  margin:10px;
	  }
	.oubo #contentsArea,
	.report #contentsArea,
	.item #contentsArea {
		padding-top:20px;
		padding-bottom:20px;
	}
  	.oubo #contentsArea .box01,
	.report #contentsArea .box01,
	.presentBox {
		margin:0 20px 20px 20px;
		padding:30px;
		clear:both;
	  }
	 .item #contentsArea .box01 {
		margin:0 0 20px 0;
		padding:30px;
		clear:both;
	  }
	  
	  dl.itemlist {
		display: flex;
	  }
	  dl.itemlist dt {
		margin-right: 10px;
	  }
	  dd.itemtxt {
		margin:0 20px 20px 20px;
		padding:30px!important;
		clear:both;
	  }
	  
	.spacebetween {
		text-align:center;
	  -webkit-justify-content: space-between; /* Safari */
	  justify-content:         space-between;
	  -webkit-align-items: center; /* Safari */
	  align-items: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	}/*スペースあけて並べる*/
	
.oubo #contentsArea .box01 img,
.oubo #contentsArea .box02 img {
		border:#FFF solid 5px;
}
	img.picture {
		border:#FFF solid 5px;
	}
	#contentsArea .imgonebox {
		padding-bottom:20px;
		text-align:center;
	}
	#contentsArea .box01 .imgbox,
	#contentsArea .box02 .imgbox {
		display: flex;
		justify-content: center;/* 端も含めて均等に間隔あける */
		padding-bottom:20px;
	}
	.imgFbox {
		display: flex;
		justify-content: center;/* 横方向に中心揃え */
		align-items: center;/* 縦方向に中心揃え */
		-webkit-align-items: center; /* Safari */
		padding-bottom:20px;
	}

	.imgFbox img.two {
		width:45%;
		max-width:400px;
	}
	#contentsArea .imgonebox img,
	#contentsArea .box01 .imgbox img,
	#contentsArea .box02 .imgbox img,
	.imgFbox img {
		margin:5px;
	}
	#contentsArea .box01 .imgbox img.two {
		width:320px;
	}
	#contentsArea .box02 .imgbox img.two {
		width:330px;
	}
	#contentsArea .box02 .imgbox img.three {
		width:225px;
		height:180px;
	}
	#contentsArea .box02 .imgbox img.demothree {
		width:225px;
		height:130px;
	}
	img.chorihukei {
		width:330px!important;
		height:220px!important;
	}
	img.chorihukei2 {
		width:280px;
		height:247px;
	}
	#contentsArea .box02 .imgbox img.shishoku {
		width:250px;
		height:180px;
	}
	#contentsArea .box02 .imgbox img.happyo {
		width:225px;
		height:162px;
	}/*225x162*/
	#contentsArea .box02 .imgbox img.homebbq {
		width:240px!important;
		height:239px!important;
	}/*225x162*//*330x328*/

	dl.prof {
		display:block;
		margin:auto;
		text-align:center;
		padding-bottom:20px;
	}
	dl.prof dt img {
		width:300px;
	}
	dl.prof dd {
		font-size:80%!important;
		line-height:1.8!important;
	}
	.imgtxtBox {
	  display:table;
	  margin: auto;
	  overflow:hidden;
	  vertical-align:top;
	  padding-bottom:20px;
	}
	.imgtxtBox img {
		width:280px;
		float:left;
		display:table-cell;
		margin-right:10px;
	}
	.oubo .imgtxtBox p,
	.report .imgtxtBox p {
		width:50%;
		display:table-cell;
		float:right;
		padding:20px;
	}/* プレーン */
	.report .imgtxtBox p {
		width:50%;
		display:table-cell;
		float:right;
		padding:20px;
		border:#90c31f solid 2px;
		border-radius:12px;
		background:#ebf3d9;
	}/* 角丸ボーダー背景色 */
	
	.radiusbox {
		padding:20px;
		margin-bottom:20px!important;
		border-radius:12px;
		background:#c6f0ea;
	}
	.whitebox{
		padding:20px;
		margin-bottom:20px!important;
		background:#FFF;
	}
	/* 上に噴出し */
	.balloonTop {
		position: relative;
		display: inline-block;
		padding: 0 15px;
		margin-bottom:20px!important;
		width: auto;
		min-width: 115px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #afdae9;
		border-radius:12px;
		vertical-align:middle!important;;
		z-index: 0;
	}/*afdae9*/
	.balloonTop:after {
		content: "";
		position: absolute;
		top: -10px; left: 50%;
		margin-left: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #afdae9 transparent;
	}
	dd span.balloonTop {
		width: 80%!important;
		margin-top:20px!important;
		margin-bottom:20px;
	}
	.commentboxL {
		text-align:left;
		padding-bottom:20px;
		width:80%;
	}
	
	.itemimg {
		width:480px;
		padding-right:10px;
	}
	.itemimg img,
	.presentBox img {
		border:#d2d2d2 solid 3px;
	}
	
	.linkbox {
		margin: 0 30px 20px 30px!important;
		padding: 20px;
	}
	.presentBox img{
	  margin-right:10px;
	  margin-bottom:10px;
	}
	
}

@media screen and (max-width:768px) { 
    /*　画面サイズ768pxまで コンテンツ　*/
	
	img.img01{
		width:100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-left:1em;
	  }
	.oubo #contentsArea,
	.reoort #contentsArea {
		padding:0;
	}
	
	.report #contentsArea h2.midashiYel {
		  background:#fffd68!important;
		  margin-bottom:0;
		  padding-bottom:0.5em;
		  padding-top:0.5em;
		  box-shadow: 0 3px 6px rgba(86,187,200, 0.5);
	  }
	
	#contentsArea .box01,
	.presentBox {
	  margin:0 0 1em 0;
	  padding:1em;
	  clear:both;
	}
	
	dl.itemlist dt {
		margin-right: 10px;
		text-align:center;
	}

	dd.itemtxt{
		padding: 1em!important;
    	margin: 0.5em;
	}
	
	.linkbox {
		margin:0 0 1em 0;
		padding: 1em;
	}
	
	#headArea .txtbox{
	  margin:0;
	}
	#headArea .txtbox2{
		background:#FFF;
		padding: 1em;
    	margin: 0.5em;
	}

	#contentsArea .box01 .imgbox,
	.imgFbox {
		display: block;
		padding-bottom: 1em;
		text-align:center;
		clear:both;
	}
	
	.spacebetween {
		text-align:center;
	}
	
	.oubo #contentsArea .box01 img,
	.oubo .imgtxtBox img,
	.oubo .txtbox img,
	.spacebetween img.picture {
		margin:0 0 1em 0;
		width:100%!important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.imgFbox img {
		margin:0 0 1em 0;
		width:100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.imgReport03 {
		max-width:70%!important;
	}
	.oubo #contentsArea .box01 img {
	  border:#FFF solid 0.5em;
	  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
	}
	
	.report #contentsArea .box02 .imgbox {
		display: block;
		padding-bottom: 1em;
		clear:both;
	}
	.report #contentsArea .box02 .imgbox img,
	.report .imgtxtBox img {
		margin:10px;
		width:96%;
	}
	/*#contentsArea .box01 img,
	#contentsArea .box02 img {
		border:#FFF solid 0.3em;
	}*/
	img.picture {
		border:#FFF solid 0.3em;
		width:96%;
	}
	dl.prof {
		display:block;
		margin:auto;
		text-align:center;
		padding-bottom:20px!important;
	}
	dl.prof dt img {
		width:80%;
	}
	dl.prof dd {
		font-size:80%!important;
	}
	
	.imgtxtBox {
	  margin: auto;
	  padding-bottom: 1em;
	}
	.oubo .imgtxtBox p,
	.oubo .headtxtbox p,
	.report .imgtxtBox p,
	.report .headtxtbox p {
		width:auto;
		padding:0 0 1em 0;
    	margin: 1em 0 0 0;
	}/* プレーン */
	.report .imgtxtBox p {
		width:auto;
		padding: 1em;
    	margin: 0.5em;
		border:#90c31f solid 2px;
		border-radius:12px;
		background:#ebf3d9;
	}/* 角丸ボーダー背景色 */
	
	.radiusbox {
		padding: 1em;
		margin-bottom:1em!important;
		border-radius:12px;
		background:#c6f0ea;
	}
	.whitebox{
		padding: 1em;
		margin-bottom:1em!important;
		background:#FFF;
	}
	/* 上に噴出し */
	.balloonTop {
		position: relative;
		display: inline-block;
		padding: 15px;
		margin-bottom:20px!important;
		width: auto;
		min-width: 115px;
		height: 100px;
		line-height: 40px;
		text-align: center;
		background: #afdae9;
		border-radius:12px;
		vertical-align:middle!important;
		z-index: 0;
	}
	.balloonTop:after {
		content: "";
		position: absolute;
		top: -10px; left: 50%;
		margin-left: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #afdae9 transparent;
	}
	dd span.balloonTop {
		width: 100%!important;
		margin-top:20px!important;
		margin-bottom:20px;
	}
	.commentboxL {
		text-align:center;
		padding-bottom:20px;
	}
	
	.itemimg,
	.presentBox,
	.bnrBox {
		width:100%;
		text-align:center;
		margin-bottom:1em;
	} 
	.itemimg img,
	.presentBox img {
		border:#d2d2d2 solid 0.25em;
		width:96%;
	}
	.bnrBox img {
		width:96%;
	}
}

.pbbox01 {
	padding-bottom:30px;
}
.box02 {
	margin:0 20px;
	padding:0 20px;
}




.box03 {
	text-align:center;
}
.box03 .colorbox {
	background:#c6f0ea;
}

.oubo .btn a {
	display: block;
	vertical-align:middle;
	
	font-size:0.9em;
	font-weight:bold;
}

.oubo .btn a,
.oubo .btn a:active,
.oubo .btn a:visited {
	background:#000;
	color:#FFF!important;
	font-weight:bold;
	text-decoration:none!important;
}

.oubo .btn a:hover{
	text-decoration:none!important;
	color:#999!important;
	opacity: 0.5;
}

@media screen and (min-width:768px) { 
    /*　画面サイズ768pxから　*/ 
	.report #contentsArea h2.midashiYel {
		  background:#fffd68!important;
		  margin-bottom:0;
		  padding-bottom:10px;
		  padding-top:10px;
		  box-shadow: 0 3px 6px rgba(86,187,200, 0.5);
	  }
	.box03 {
		margin:0 20px 20px 20px;
		padding:20px;
	  }
	.box03 .colorbox {
		padding:20px;
		margin:auto;
	}/*margin-left:50px;
		margin-right:40px;*/
	
	.box03 .colorbox .btnbox {
		display: flex;
		justify-content: center;
	}
	.oubo .btn a {
		padding:30px 20px 20px 20px;
		width:200px;
		height:50px;
		margin:15px;
	}
	.oubo .btnRnotes{
	  clear:both;
	  margin-left: 280px;
	  text-align:left;
	}
}
@media screen and (max-width:768px) { 
    /*　画面サイズ768pxまで .oubo .btn　*/
	.box03 {
		margin:0 0 0.5em 0;
	  }
	.box03 .colorbox {
		padding:0.5em;
		margin:auto 0;
	}
	
	.box03 .colorbox .btnbox {
		margin:auto;
	}
	.oubo .btn a {
		padding:2em 1em;
		width:auto;
		height:auto;
		margin:2em 0.5em;
	}
	.oubo .btnRnotes{
	  text-align:left;
	}
}

/*
渋6コンテンツへのボタン（赤、大）
-----------------------------------*/

.shibu6btnbox a.shibu6button {
    border-color: #d8415f;
    background-color: #d8415f;
	display:block;
	margin-bottom:20px;
}
.shibu6button {
	width:80%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #d8415f;
    transition: 0.1s linear;
	color:#FFF;
	text-decoration:none!important;
	text-align:center;
	
}
.shibu6button:hover,
.shibu6button.hover{
    background: #fff!important;
    color: #d8415f!important;
}

.notes,
.oubo .btnRnotes{
	font-size:0.9em;
}
	
.NotesBox {
	padding-top:20px;
	background:#FFF;
	margin-top:20px;
	padding:10px;
}