@charset "UTF-8";

/*--------------------------------------

	ページスタイル

--------------------------------------*/

body{
	color:#333;
	margin:0 !important;
	padding:0 !important;
}

* html body {     
	background: url(null) fixed; 
	color:#333;
	margin:0 !important;
	padding:0 !important;
}


/* 基本リンク色 */

a:link{
	color:#116f9d;
	text-decoration:underline;
}
a:visited{
	color:#116f9d;
	text-decoration:underline;
}
a:hover{
	color:#ff7533;
	text-decoration:none;
}


/*--------------------------------------

	pankuzu

--------------------------------------*/

#pankuzu{
	width:1000px;
	margin:0 auto;
	padding:10px 0 0 0;
}
#pankuzu p{
	padding:0 0 0 7px;
	margin:0;
	font-size:72%;
	line-height:72%;
}
#pankuzu a:link, #pankuzu a:visited{
	color:#555555;
	text-decoration:underline;
}
#pankuzu a:hover{
	color:#ff7533;
	text-decoration:none;
}
#pankuzu_detail{
	width:1000px;
	margin:0 auto;
	padding:18px 0 0 0;
}
#pankuzu_detail p{
	padding:0 0 0 7px;
	margin:0;
	font-size:72%;
	line-height:72%;
}
#pankuzu_detail a:link, #pankuzu_detail a:visited{
	color:#555555;
	text-decoration:underline;
}
#pankuzu_detail a:hover{
	color:#ff7533;
	text-decoration:none;
}


/*--------------------------------------

	header

--------------------------------------*/

#header_bg{
	background:url(../images/common/common_header_bg.gif) left top repeat-x;
	border-bottom:1px solid #cddfe8;
}
#header{
	width:1000px;
	margin:0 auto;
}
#header h1{
	float:left;
	width:690px;
	font-size:86%;
	color:#fff;
	line-height:130%;
	padding:9px 0 0 0;
}
#header #header_copy{
	float:left;
	width:690px;
	padding:9px 0 0 0;
}
#header #header_copy p{
	font-size:86%;
	color:#fff;
	line-height:130%;
	padding:0 !important;
	margin:0 !important;
}
#header_link{
	float:right;
	width:310px;
	font-size:14px !important;
	height:23px;
	padding:4px 0;
}
#header_link ul{
	padding:0;
	margin:0;
}
#header_link ul li{
	float:left;
	padding:0;
	margin:0;
	height:23px !important;
}
#header_link ul li img{
	vertical-align:middle !important;
	display:block !important; /* 均等にpaddingを実現 */
}
#header_link ul li.text01{
	width:60px;
	padding:5px 10px 0 0;
}
#header_link ul li.font_middle{
	width:23px;
	padding:0 5px 0 0;
}
#header_link ul li.font_big{
	width:23px;
	padding:0 18px 0 0;
}
#header_link ul li.text02{
	width:57px;
	padding:5px 13px 0 0;
}
#header_link ul li.text03{
	width:100px;
	padding:5px 0 0 0;
}
#header #logo{
	width:259px;
	float:left;
	padding:15px 0 20px 0;
	margin:0;
	font-size:14px;
}
#header_contact{
	float:right;
	width:505px;
	font-size:14px;
	padding:0;
	margin:15px 0 0 0;
}
#header_contact ul{
	padding:0;
	margin:0 0 0 -25px;
}
#header_contact ul li{
	float:left;
	padding:0;
  margin: 0 0 0 25px;
	width:240px;
}
/*
#header_contact ul li.contact_text{
	width:265px;
	text-align:left;
  padding: 0;
  margin: 0;
}
#header_contact ul li.contact_btn{
	width:265px;
  padding: 0 0 0 25px;
  margin: 0;
}
*/
#header #common_navi{
	padding:0 0 15px 0;
	margin:0;
	font-size:14px;
}
#header #common_navi li{
	float:left;
	padding:0;
	margin:0;
}



/*--------------------------------------

	contents inner

--------------------------------------*/


#contents_inner{
	width:1000px;
	margin:0 auto;
}
#contents_inner #contents{
	float:right;
	width:720px;
	padding:20px 0 0 0;
}

#contents_inner #sidecontents{
	float:left;
	width:240px;
}
.detail_contents{
	width:680px;
	margin:0 auto;
}

#contents_inner #sidecontents a:link, #contents_inner #sidecontents a:visited{
	color:#555;
	text-decoration:none;
}
#contents_inner #sidecontents a:hover{
	color:#ff7533;
	text-decoration:none;
}
/*--------------------------------------

	contents

--------------------------------------*/

/*
#contents h2{
	margin:40px 0 0 0;
	padding:0;
}
*/
/*
#contents{
	width:720px;
}
*/
.contents{
	width:680px;
	margin:0 auto;
}


/*--------------------------------------

	sidecontents

--------------------------------------*/

#sidecontents h2{
	margin:20px 0 0 0;
	padding:0;
}

.side_bg_middle{
	background:url(../images/common/side_bg_middle.gif) left top repeat-y;
	padding:0;
	margin:0;
}
.side_bg_bottom{
	background:url(../images/common/side_bg_bottom.gif) left bottom no-repeat;
	padding:0;
	margin:0;
}

.side_menu{
	padding:0;
	margin:0 auto;
	width:232px;
}
.side_menu li{
	padding:10px 10px 10px 37px;
	margin:0;
	background:url(../images/common/common_icon01.png) 12px 12px no-repeat;
	border-bottom:1px dotted #ffd7c4;
}
.side_menu li.last{
	border:none;
}
.side_menu li a:link, .side_menu li a:visited{
	color:#555;
	text-decoration:none;
}
.side_menu li a:hover{
	color:#ff7533;
	text-decoration:none;
}
.side_menu_other{
	/*padding:4px 0 0 0;*/
	margin:0 auto;
	width:232px;
}
.side_menu_other li{
	padding:10px 10px 10px 37px;
	margin:0;
	background:url(../images/common/common_icon01.png) 12px 12px no-repeat;
	border-top:1px dotted #ffd7c4;
}
.side_menu_other li a:link, .side_menu_other li a:visited{
	color:#555;
	text-decoration:none;
}
.side_menu_other li a:hover{
	color:#ff7533;
	text-decoration:none;
}

.side_banner{
	padding:0;
	margin:0 0 30px 0;
}
.side_banner li{
	margin:20px 0 0 0;
	padding:0;
}

.side_contact{
	background:url(../images/common/side_border01.gif) left top no-repeat;
	padding:0 0 0 0;
}
.side_contact p{
	padding:0 0 10px 0;
	border-bottom:1px dotted #7baec6;
}
.side_contact .btn{
	padding:10px 0 12px 0;
	background:url(../images/common/side_border01.gif) left bottom no-repeat;
}




/*--------------------------------------

	pagetop

--------------------------------------*/

.common_up{
	float:right;
	padding:0 0 6px 0;
}



/*--------------------------------------

	footer

--------------------------------------*/

#footer_bg_01{
	background:url(../images/common/footer_bg.gif) left bottom repeat;
	margin:70px 0 0 0;
	border-bottom:1px dotted #b2b2b2;
}
#footer_bg_02{
	background:url(../images/common/footer_bg_image.jpg) left top repeat-x;
}
.footer_contnets{
	width:1000px;
	margin:0 auto;
}

.footer_contact_bg{
	background:url(../images/common/footer_contact_bg.png) left top no-repeat;
	width:954px;
	margin:20px auto 20px auto;
}
.footer_contact_bg ul{
	padding:16px 0;
	width:921px;
	margin:0 auto;
}
.footer_contact_bg ul li{
	float:left;
	padding:0;
	margin-right:25px;
}
.footer_contact_bg ul li.text{
	width:284px;
	padding:0 60px 0 0;
}
.footer_contact_bg ul li.tel{
	width:286px;
	padding:8px 16px 0 0;
}
.footer_contact_bg ul li.btn{
	width:248px;
	padding:8px 0 0 0;
}

.footer_contnets .footer_menu{
	padding:15px 0 30px 0;
}
.footer_contnets .footer_menu li{
	float:left;
	padding:0;
	margin:0;
}
.footer_contnets .footer_menu li.menu01{
	width:250px;
	padding:0 10px 0 0;
}
.footer_contnets .footer_menu li.menu02{
	width:250px;
	padding:0 10px 0 0;
}
.footer_contnets .footer_menu li.menu03{
	width:230px;
	padding:0 10px 0 0;
}
.footer_contnets .footer_menu li.menu04{
	width:216px;
}

.footer_contnets .footer_menu li dl{
	padding:0;
	margin:0;
}
.footer_contnets .footer_menu li dl dt{
	margin:15px 0 0 0;
	padding:9px 0 9px 45px;
	color:#555;
	font-size:108%;
	font-weight:bold;
}
.footer_contnets .footer_menu li dl dt a:link, .footer_contnets .footer_menu li dl dt a:visited{
	color:#555;
	text-decoration:underline;
}
.footer_contnets .footer_menu li dl dt a:hover{
	color:#ff7533;
	text-decoration:none;
}
.footer_contnets .footer_menu li dl dt.category01{
	background:url(../images/common/footer_category_icon01.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category02{
	background:url(../images/common/footer_category_icon02.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category03{
	background:url(../images/common/footer_category_icon03.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category04{
	background:url(../images/common/footer_category_icon04.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category05{
	background:url(../images/common/footer_category_icon05.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category06{
	background:url(../images/common/footer_category_icon06.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category07{
	background:url(../images/common/footer_category_icon07.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category08{
	background:url(../images/common/footer_category_icon08.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category09{
	background:url(../images/common/footer_category_icon09.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dt.category10{
	background:url(../images/common/footer_category_icon10.jpg) left top no-repeat;
}
.footer_contnets .footer_menu li dl dd{
	margin:0 0 0 45px;
	padding:1px 0 0 0;
	font-size:86%;
}
.footer_contnets .footer_menu li dl dd.menu_text01{
	font-weight:bold;
	color:#777;
	padding:8px 0 4px 0;
}
.footer_contnets .footer_menu li dl dd.menu_text02{
	font-weight:bold;
	color:#777;
	padding:20px 0 4px 0;
}
.footer_contnets .footer_menu li dl dd a{
	display:block;
	background:url(../images/common/footer_menu_icon.png) left 8px no-repeat;
	padding:2px 0 0 14px;
	color:#777;
}
.footer_contnets .footer_menu li dl dd a:link, .footer_contnets .footer_menu li dl dd a:visited{
	color:#777;
	text-decoration:underline;
}
.footer_contnets .footer_menu li dl dd a:hover{
	color:#ff7533;
	text-decoration:none;
}

#footer_copy{
	padding:8px 0;
	border-top:1px dotted #b2b2b2;
	/*
	border-bottom:2px solid #71cbcb;
	*/
}
#footer_copy address{
	color:#71b3d3;
	font-size:72%;
	text-align:center;
}


/*--------------------------------------

	common
	
--------------------------------------*/

#common_maintitle{
	width:1000px;
	margin:0 auto;
	padding:20px 0 0 0;
}

.detail_contents_inner{
	width:640px;
	margin:0 auto;
}


/*--------------------------------------

	table

--------------------------------------*/

table{
	padding:0;
	margin:0;
	border:3px double #9db4bf;
}
table th{
	background:#eaf4fa;
	border-right:1px dotted #9db4bf;
	border-bottom:1px dotted #9db4bf;
}
table td{
	background:#fff;
	border-bottom:1px dotted #9db4bf;
}




/*--------------------------------------

	記事詳細 - 画像回り込み設定 -
	
--------------------------------------*/






/*--------------------------------------

	area - お問い合わせ
	
--------------------------------------*/

.area_detail_contact{
	position:relative;
	width:620px;
	height:175px;
	margin:40px auto 0 auto;
	padding:0;
}
.area_detail_contact p{
	padding:0 !important;
	margin:0;
	position:absolute;
	width:225px;
	height:52px;
	top:99px;
	left:339px;
}


.area_detail_contact02{
	position:relative;
	width:620px;
	height:95px;
	margin:40px auto 0 auto;
	padding:0;
}
.area_detail_contact02 p{
	padding:0 !important;
	margin:0;
	position:absolute;
	width:225px;
	height:52px;
	top:19px;
	left:339px;
}



















.movie_bloc{
	width:240px;
	margin:0px auto 30px;
}
.movie_bloc a img{
	-webkit-transition: all .3s;
	transition: all .3s;
}
.movie_bloc a img:hover{
	opacity:0.7;
}
.movie_bloc2{
	margin-bottom:30px;
}
.movie_bloc3{
	width:680px;
	margin:20px auto 0;
}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}






.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 12;
}
.modal__bg {
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.modal__content {
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    z-index: 11;
    overflow: hidden;
    height: auto;
}
.modal__content .js-modal-close {
    text-align: center;
    display: block;
}
.modal__content .js-modal-close span {
    background: #000;
    display: inline-block;
    margin: 30px auto 0;
    color: #FFF;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 15pt;
}
.modal__content iframe video{
  width:100%;
  height:auto;
}
@media screen and (max-width: 767px){
  .modal__content {
      padding: 20px;
    }
  .modal__content {
      width: 80%;
  }
}

.modal__content .modal_inr {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
}
.modal__content .modal_inr video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}