body{
	background:url(../img/bg_green.gif) repeat;
	font-family:'Noto Sans JP','Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:14px;
	color:#444;
	paddin:0;
	margin: 0;
	border: 0;
	line-height: 1.5em;
}


ul, li {
	list-style: none;
}

a:link{
	color:#009f83;
	text-decoration:none;
}

a:visited{
	color:#009f83;
	text-decoration:none;
}

a:hover{
	color:#ff6600;
	text-decoration:none;
}

.hidden{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

.object-fitImg{
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}


#contents .clear{
	clear:both;
}

img{
	max-width: 100%;
	height: auto;
	border: 0;
}

.border{
	display: inline-block;
	position: relative;
}
 
.border::before {
	content: '';
	width: 100%;
	height: 1px;
	border-top: solid 1px #f00;
	position: absolute;
	left: 0 ;
	top: calc(50% - 3px); /* 線の位置を真ん中から3px上にする */
}
 
.border::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #f00; 
	position: absolute; 
	left: 0 ;
	bottom: calc(50% - 3px);
}
/*トップ*/

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

.pc { display: block !important; }
.sp { display: none !important; }



#contents{
	width:auto;
	padding:0;
	margin:0 auto;
}


#contents .topImg{
	max-width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
/*	border:1px solid #f00;
	box-sizing: border-box;*/
/*	background:url(../img/bg_green.gif) repeat;*/
}

#contents .topImg .inbox{
	width:980px;
	height:auto;
	padding:30px 0 30px 0;
	margin:0 auto;
}

#contents .topImg .inbox .header{
	background:url(../img/pc_header.gif) no-repeat;
	width:290px;
	height:21px;
	padding:0;
	margin:-10px auto 0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .topImg .inbox .copy{
	background:url(../img/pc_copy.gif) no-repeat;
	width:980px;
	height:52px;
	padding:0;
	margin:20px 0 0 0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .topImg .inbox .logo{
	background:url(../img/pc_title.gif) no-repeat;
	width:490px;
	height:393px;
	padding:0;
	margin:20px 0 0 0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	float:left;
}

#contents .topImg .inbox .readImg{
	background:url(../img/pc_read.gif) no-repeat;
	width:490px;
	height:393px;
	padding:0;
	margin:20px 0 0 0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	float:left;
}

/*navi*/

#contents .block2{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
	background:#fffaf3;
}


#contents .block2 .display{
	width:980px;
	height:auto;
	margin:40px auto 0 auto;
	padding:30px 0;
	background:#fffaf3;
}

#contents .block2 .display .header{
	background:url(../img/pc_navi_title.gif) no-repeat;
	width:206px;
	height:44px;
	padding:0;
	margin:0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block2 .display .naviImg{
	background:url(../img/pc_navi_img.png) no-repeat;
	width:740px;
	height:246px;
	padding:0;
	margin:30px auto 0 auto;
}

#contents .block2 .display .naviImg .navi1 a:link{
	width:180px;
	height:180px;
	margin:0;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block2 .display .naviImg .navi1 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block2 .display .naviImg .navi2 a:link{
	width:180px;
	height:180px;
	margin:0 0 0 280px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block2 .display .naviImg .navi2 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block2 .display .naviImg .navi3 a:link{
	width:180px;
	height:180px;
	margin:0 0 0 560px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block2 .display .naviImg .navi3 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* OFI/ CSSでの画像トリミング
#contents .insta .thumbnail{
  display: flex;
  flex-wrap: wrap;
}

.insta .thumbnail{
	position: relative;
	width:17%;
	float:left;
	margin:0 0 2.7% 2.7%;
}
.insta .thumbnail:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.insta .thumbnail a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.insta .thumbnail img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.object-fitImg{
	width: 100%;
	height: 100%;
	object-fit: cover;
    font-family: 'object-fit: cover;'
}
*/

/*ACTION FOR THE TOMORROW*/

#contents .block_aft{
	width:100%;
	height:auto;
	margin:40px auto 0 auto;
	padding:0;
/*	background:url(../img/bg_green.gif) repeat;*/
}

#contents .block_aft .display{
	width:980px;
	height:auto;
	margin:0 auto;
}

#contents .block_aft .display .header{
	background:url(../img/pc_aft_title.gif) no-repeat;
	width:748px;
	height:45px;
	padding:0;
	margin:0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_aft .display .readText{
	font-size:16px;
	line-height:1.5em;
	margin:30px 0 0 0;
	padding:0;
}

#contents .block_aft .display .repoImg{
	background:url(../img/pc_aft_reporter.png) no-repeat;
	width:350px;
	height:120px;
	padding:0;
	margin:10px auto 0 auto;
}

#contents .block_aft .display .repoImg .reporter a:link{
	width:120px;
	height:120px;
	margin:0 0 0 230px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_aft .display .repoImg .reporter a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_aft .display .linkBTN{
	background:url(../img/pc_aft_btn.gif) no-repeat;
	width:230px;
	height:34px;
	margin:30px auto 0 auto;
	padding:0;
}

#contents .block_aft .display .linkBTN a:link{
	width:230px;
	height:34px;
	margin:0;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_aft .display .linkBTN a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*HAND TOGHETHER*/

#contents .block_ht{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
	background:#fffaf3;
}

#contents .block_ht .display{
	width:980px;
	height:auto;
	margin:40px auto 0 auto;
	padding:30px 0;
	background:#fffaf3;
}

#contents .block_ht .display .header{
	background:url(../img/pc_ht_title.gif) no-repeat;
	width:624px;
	height:45px;
	padding:0;
	margin:0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .readText{
	font-size:16px;
	line-height:1.5em;
	margin:30px 0 0 0;
	padding:0;
}

#contents .block_ht .display .naviImg{
	background:url(../img/pc_ht_navi.png) no-repeat;
	width:598px;
	height:120px;
	padding:0;
	margin:20px auto 0 auto;
}

#contents .block_ht .display .naviImg .navi1 a:link{
	width:100px;
	height:100px;
	margin:0 0 0 10px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi1 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi2 a:link{
	width:100px;
	height:100px;
	margin:0 0 0 130px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi2 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi3 a:link{
	width:100px;
	height:100px;
	margin:0 0 0 250px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi3 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi4 a:link{
	width:100px;
	height:100px;
	margin:0 0 0 368px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi4 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi5 a:link{
	width:100px;
	height:100px;
	margin:0 0 0 488px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .naviImg .navi5 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .linkBTN{
	background:url(../img/pc_ht_btn.gif) no-repeat;
	width:230px;
	height:34px;
	margin:30px auto 0 auto;
	padding:0;
}

#contents .block_ht .display .linkBTN a:link{
	width:230px;
	height:34px;
	margin:0;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_ht .display .linkBTN a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


/*MESSAGE*/

#contents .block_msg{
	width:100%;
	height:auto;
	margin:40px auto 0 auto;
	padding:  0;
/*	background:url(../img/bg_green.gif) repeat;*/
}

#contents .block_msg .display{
	width:980px;
	height:auto;
	margin:0 auto;
}

#contents .block_msg .display .header{
	background:url(../img/pc_msg_title.gif) no-repeat;
	width:500px;
	height:46px;
	padding:0;
	margin:0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_msg .display .readText{
	font-size:16px;
	line-height:1.5em;
	margin:30px 0 0 0;
	padding:0;
}

#contents .block_msg .display .linkBTN{
	background:url(../img/pc_msg_btn.gif) no-repeat;
	width:230px;
	height:34px;
	margin:30px auto 0 auto;
	padding:0;
}

#contents .block_msg .display .linkBTN a:link{
	width:230px;
	height:34px;
	margin:0;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_msg .display .linkBTN a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_msg .display .present{
	background:url(../img/pc_present_title.gif) no-repeat;
	width:120px;
	height:30px;
	padding:0;
	margin:40px auto 0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_msg .display .readText2{
	font-size:16px;
	line-height:1.4em;
	margin:15px 0 10px 0;
	padding:0;
}

#contents .block_msg .display .preItem1{
	width:485px;
	margin:10px 0 0 0;
	padding:0;
	float:left;
}

#contents .block_msg .display .preItem2{
	width:485px;
	margin:10px 0 0 10px;
	padding:0;
	float:left;
}

#contents .block_msg .display .preItem_lb1{
	background:url(../img/pc_message_pr1.gif) no-repeat;
	width:326px;
	height:100px;
	padding:0;
	margin:0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#contents .block_msg .display .preItem_lb2{
	background:url(../img/pc_message_pr2.gif) no-repeat;
	width:326px;
	height:100px;
	padding:0;
	margin:0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#contents .block_msg .display .preItem_lb3{
	background:url(../img/pc_message_pr3.gif) no-repeat;
	width:326px;
	height:100px;
	padding:0;
	margin:0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#contents .block_msg .display .preItem_lb4{
	background:url(../img/pc_message_pr4.gif) no-repeat;
	width:326px;
	height:100px;
	padding:0;
	margin:0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#contents .block_msg .display .preItem_lb5{
	background:url(../img/pc_message_pr5.gif) no-repeat;
	width:346px;
	height:100px;
	padding:0;
	margin:0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_msg .display .readText3{
	font-size:14px;
	line-height:1.4em;
	margin:5px 0 0 0;
	padding:0;
}

#contents .block_msg .display .readText4{
	width:980px;
	font-size:14px;
	line-height:1.4em;
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
}

#contents .block_msg .display .readText5{
	width:980px;
	font-size:11px;
	line-height:1.25em;
	margin:0 0 10px 0;
	paddin:0;
}


/*guest*/

#contents .block_guest{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
	background:#fffaf3;
}

#contents .block_guest .display{
	width:980px;
	height:auto;
	margin:40px auto 0 auto;
	padding:30px 0;
	background:#fffaf3;
}

#contents .block_guest .display .header{
	background:url(../img/pc_guest_title.gif) no-repeat;
	width:128px;
	height:45px;
	padding:0;
	margin:0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .readText{
	font-size:16px;
	line-height:1.5em;
	margin:30px 0 0 0;
	padding:0;
}

#contents .block_guest .display .guestImg{
	background:url(../img/pc_guest_img.png) no-repeat;
	width:980px;
	height:180px;
	padding:0;
	margin:30px auto 0 auto;
}



#contents .block_guest .display .guestImg .guest1 a:link{
	width:120px;
	height:120px;
	margin:0 0 0 0;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest1 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest2 a:link{
	width:120px;
	height:120px;
	margin:0 0 0 143px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest2 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest3 a:link{
	width:120px;
	height:120px;
	margin:0 0 0 286px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest3 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest4 a:link{
	width:120px;
	height:120px;
	margin:0 0 0 429px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest4 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest5 a:link{
	width:120px;
	height:120px;
	margin:0 0 0 573px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest5 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest6 a:link{
	width:120px;
	height:120px;
	margin:0 0 0 716px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest6 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest7 a:link{
	width:120px;
	height:120px;
	margin:0 0 0 860px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .guestImg .guest7 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#contents .block_guest .display .specialImg{
	background:url(../img/pc_guest_sp.png) no-repeat;
	width:482px;
	height:163px;
	padding:0;
	margin:40px auto 0 auto;
}

#contents .block_guest .display .specialImg .guest1 a:link{
	width:140px;
	height:140px;
	margin:0 0 0 170px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .specialImg .guest1 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .specialImg .guest2 a:link{
	width:140px;
	height:140px;
	margin:0 0 0 342px;
	position: absolute;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block_guest .display .specialImg .guest2 a:hover{
	background:#fff;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*PHOTO block4 */

#contents .block4{
	width:100%;
	height:auto;
	margin:40px auto 0 auto;
	padding:  0;
	/*background:url(../img/bg_green.gif) repeat;*/
}



#contents .block4 .display{
	width:980px;
	height:auto;
	margin:0 auto;
}

#contents .block4 .display .header{
	background:url(../img/pc_photo_title.gif) no-repeat;
	width:330px;
	height:44px;
	padding:0;
	margin:0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .block4 .display .detail{
	width:980px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
	overflow: hidden; /* heightを戻す */
}


#contents .block4 .display .detail.hsPRimg ul{
	margin:0;
	padding:0;
}

#contents .block4 .display .detail .hsPRimg li{
	width:160px;
	height:120px;
	margin:30px 25px 0 0;
	padding:0;
	float:left;
/*	outline: 1px solid gray;
	outline-offset: -1px; */
}


#contents .block4 .display .detail .hsPRimg li a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#contents .block4 .display .detail .hsPRimg .clear{
	clear:both
}


/*block5_comment

#contents .block5{
	width:980px;
	height:auto;
	margin:40px auto 0 auto;
	padding: 0;
}


#contents .block5 .display{
	width:100%;
	height:auto;
	margin:0 auto;
	border:1px solid #00f;
	box-sizing: border-box;
}
	
#contents .block5 .display .title{
	background: #999;
	width: 980px;
	height: 34px;
	margin: 0  auto;
	padding: 0;
	text-align:center;
}

#contents .block5 .display .detail{
	width:900px;
	height:100%;
	margin:0px auto 0 auto;
	padding:0 10px;
}
*/


/*block6_twitter*/

#contents .block6{
	width:980px;
	height:auto;
	margin:40px auto 0 auto;
	padding: 0;
}


#contents .block6 .display{
	width:100%;
	height:auto;
	margin:0 auto;
	border:1px solid #00f;
	box-sizing: border-box;
}
	
#contents .block6 .display .title{
	background: #999;
	width: 980px;
	height: 34px;
	margin: 0  auto;
	padding: 0;
	text-align:center;
}

#contents .block6 .display .detail{
	width:900px;
	height:600px;
	margin:0px auto 0 auto;
	padding:0 10px;
}


/*footer*/


#contents .footer{
	width:100%;
	height:auto;
	margin:40px auto 0 auto;
	padding: 0 0 80px 0;
/*	background:url(../img/bg_green.gif) repeat;*/
}

#contents .footer .display{
	width:980px;
	height:auto;
	margin:0 auto;
}

#contents .footer .display .imgBTN{
	width:391px;
	height:auto;
	margin:0 auto;
}

#contents .footer .display .imgBTN .bth{
	background:url(../img/home.gif) no-repeat;
	width:61px;
	height:44px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .footer .display .imgBTN .jLogo{
	background:url(../img/j-wave_logo.svg) no-repeat;
	width:320px;
	height:38px;
	margin:2px 0 0 10px;
	padding:0;
	display:block;
	float:left;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#contents .footer .display .copyright{
		width:95%;
		font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size:12px;
		color:#222;
		text-align:center;
		margin:5px auto 10px auto;
}
	
}



/* スマートフォン用 */

@media screen and (max-width:767px )
{
	.pc { display: none !important; }
	.sp { display: block !important; }

	img {
		border: 0;
		width: 100%;
	}
	



#contents{
	width:100%;
	margin:0 auto;
	padding:0;
}
	
#contents .topImg_sp{
	max-width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
/*	background:url(../img/bg_green.gif) repeat;*/
}
	
#contents .topImg_sp .inbox_sp{
	width:auto;
	height:auto;
	padding:30px 0 0 0;
	margin:0 auto;
}

#contents .topImg_sp .inbox_sp .header_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:-10px auto 0 auto;
}

#contents .topImg_sp .inbox_sp .copy_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:20px 0 0 0;
}

#contents .topImg_sp .inbox_sp .logo_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:20px 0 0 0;
}

#contents .topImg_sp .inbox_sp .readImg_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:30px 0 30px 0;
}

#contents .topImg_sp .inbox_sp .menu{
	width:auto;
	height:auto;
	padding:0;
	margin:10px 0 9px 0;
}



/*navi sp*/

#contents .block2{
	max-width:100%;
	height:auto;
	margin:40px auto 0 auto;
	padding: 30px 0;
	background:#fffaf3;
}


#contents .block2 .display_sp{
	max-width:100%;
	height:auto;
	margin:0 auto;
}

#contents .block2 .display_sp .header_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:0 auto;
}

#contents .block2 .display_sp .naviImg_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:30px auto 0 auto;
}


	
/*block_aft_sp*/
	
#contents .block_aft{
	max-width:100%;
	height:auto;
	margin:40px auto 0 auto;
	padding: 0;
/*	background:url(../img/bg_green.gif) repeat;*/
}


#contents .block_aft .display_sp{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

#contents .block_aft .header_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:0 auto;
}

#contents .block_aft .repoImg_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:15px auto 0 auto;
}

#contents .block_aft .readText_sp{
	font-size:16px;
	line-height:1.5em;
	margin:30px 5% 0 5%;
	padding:0;
}

#contents .block_aft .btn_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:30px auto;
}


/*block_ht_sp*/
	
#contents .block_ht{
	background:#fffaf3;
	max-width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding: 0;
}


#contents .block_ht .display_sp{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:30px 0;
}

#contents .block_ht .header_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:0 auto;
}

#contents .block_ht .naviImg_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:15px auto 0 auto;
}

#contents .block_ht .readText_sp{
	font-size:16px;
	line-height:1.5em;
	margin:30px 5% 0 5%;
	padding:0;
}

#contents .block_ht .btn_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:30px auto 0 auto;
}


	
/*block_msg_sp*/
	
#contents .block_msg{
	max-width:100%;
	height:auto;
	margin:40px auto 0 auto;
	padding: 0;
	/*background:url(../img/bg_green.gif) repeat;*/
}


#contents .block_msg .display_sp{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

#contents .block_msg .header_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:0 auto;
}

#contents .block_msg .readText_sp{
	font-size:16px;
	line-height:1.5em;
	margin:30px 5% 0 5%;
	padding:0;
}

#contents .block_msg .btn_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:30px auto 30px auto;
}


#contents .block_msg .present_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:20px auto 0 auto;
}

#contents .block_msg .readText2_sp{
	font-size:16px;
	line-height:1.4em;
	margin:15px 5% 0 5%;
	padding:0;
}

#contents .block_msg .perItem_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:30px auto 0 auto;
}

#contents .block_msg .perItem2_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:30px auto 30px auto;
}

#contents .block_msg .readText3_sp{
	font-size:14px;
	line-height:1.4em;
	margin:0 5% 30px 5%;
	padding:0;
}


#contents .block_msg .readText4_sp{
	font-size:11px;
	line-height:1.25em;
	margin:5px 5% 5px 5%;
	padding-left:1em;
	text-indent:-1em;
}

/*block_guest_sp*/
	
#contents .block_guest{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding: 0;
	background:#fffaf3;
}


#contents .block_guest .display_sp{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:30px 0 0px 0;
}

#contents .block_guest .header_sp{
	width:auto;
	height:auto;
	padding:0;
	margin:0 auto;
}

#contents .block_guest .guestImg_sp{
	width:auto;
	height:auto;
	padding:0 0 30px 0;
	margin:15px auto 20px auto;
}

#contents .block_guest .readText_sp{
	font-size:16px;
	line-height:1.5em;
	margin:30px 5% 0 5%;
	padding:0;
}

#contents .block_guest .specialImg_sp{
	width:auto;
	height:auto;
	padding:0 0 30px 0;
	margin:0 auto;
}



/*block4_sp*/
	
	#contents .block4{
	max-width:100%;
	height:auto;
	margin:40px auto 0 auto;
	padding: 0;
/*	background:url(../img/bg_green.gif) repeat;*/
	}

	#contents .block4 .display_sp{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:0 0 30px 0;
}

	

	#contents .block4 .display_sp .header_sp{
		width:auto;
		height:auto;
		padding:0;
		margin:0 auto;
	}
	
	#contents .block4 .display_sp .detail_sp{
		width:93.75%;
		height:auto;
		margin: 0 auto ;
		padding:0;
		overflow: hidden; /* heightを戻す */
}
	
	
	#contents .block4 .display_sp .detail_sp .hsPRimg_sp ul{
		margin:0;
		padding:0;
	}
	
	#contents .block4 .display_sp .detail_sp .hsPRimg_sp li{
		width:31%;
		height:31%;
		margin:3vw 3vw 0 0;
		padding:0;
		float:left;
/*		outline: 1px solid gray;
		outline-offset: -1px;*/
	}

	#contents .block4 .display_sp .detail_sp .hsPRimg_sp .clear{
		clear:both
	}
	
/*block5_sp_title*/
	
#contents .block5_title{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding: 0;
	background:#fffaf3;
}

#contents .block5_title .display_sp{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:30px 0 0 0;
}

	
#contents .block5_title .display_sp .header_sp{
		width:auto;
		height:auto;
		padding:0;
		margin:0 auto;
}

	
.bg_com{
	background:#fffaf3;
}
/*block5_sp comment
	
	#contents .block5{
		width:100%;
		height:auto;
		margin:30px auto 0 auto;
		padding: 0;
	}

	#contents .block5 .display{
		width:auto;
		height:auto;
		margin:0 auto;
		border:1px solid #00f;
		box-sizing: border-box;
	}
	
	#contents .block5 .display .title{
		background: #999;
		width: 100%;
		height: 34px;
		margin: 0  auto;
		padding: 0;
		text-align:center;
	}
	
	#contents .block5 .display .detail{
		width:600px;
		height:100%;
		margin: 0 0 0 20px ;
		padding:0;
	}
	
*/

	
/*block6_sp twitter */
	
	#contents .block6{
		width:100%;
		height:auto;
		margin:30px auto 0 auto;
		padding: 0;
	}

	#contents .block6 .display{
		width:auto;
		height:auto;
		margin:0 auto;
		border:1px solid #00f;
		box-sizing: border-box;
	}
	
	#contents .block6 .display .title{
		background: #999;
		width: 100%;
		height: 34px;
		margin: 0  auto;
		padding: 0;
		text-align:center;
	}
	
	#contents .block6 .display .detail{
		width:auto;
		height:600px;
		margin: 0 0 0 20px ;
		padding:0;
	}
/*
#contents .insta .thumbnail{
  display: flex;
  flex-wrap: wrap;
}

.insta .thumbnail{
	position: relative;
	width:46%;
	float:left;
	margin:0 8% 4% -4%;
}
.insta .thumbnail:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.insta .thumbnail a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.insta .thumbnail img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

*/
	


#contents .footer{
	width:100%;
	height:auto;
	margin:2vw auto 0 auto;
	padding: 0 0 30px 0;
/*	background:url(../img/bg_green.gif) repeat;*/
}

#contents .footer .display_sp{
	width:100%;
	height:auto;
	margin:0 auto;
}

#contents .footer .display_sp .imgBTN{
	width:100%;
	height:auto;
	margin:20px auto 0 auto;
	text-align:center;
}

#contents .footer .display_sp .imgBTN .bth{
	width:20%;
	height:auto;
	margin:0 auto;
	padding:0;
}

#contents .footer .display_sp .imgBTN .jLogo{
	width:50%;
	height:auto;
	margin:4vw auto 2vw auto;
	padding:0;
	display:block;
}


#contents .footer .copyright_sp{
		width:100%;
		font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size:2vw;
		color:#333;
		text-align:center;
		margin:2vw 0 2vw 0;
}
	
/*
@media screen and (max-width: 769px) {
    #commonFooter{
        width: 100%;
        position: static;
		margin:0 0 0 0;
    }
    
    #commonFooterInner{
        padding: 15px 0  15px 0;
        width: 100%;
        background-color: #282828;
        text-align: center;
    }
    #commonFooter li{
        display:inline-block !important;
        float: none;
    }
}*/