@charset "UTF-8";
/**************************************************/
/* add201810 */
/**************************************************/
@import url('https://fonts.googleapis.com/css?family=Marcellus');
.g_font{
	font-family: 'Marcellus', serif;
    color: #3a3c4f;
　	font-weight: normal;
    letter-spacing: 2px;
}

.tac{text-align: center;}
.page-template-default h3{
  font-size: 24px;
  text-align: center;
  margin-bottom: 1em;
  letter-spacing: 1px;
  font-weight: bold;
}
h2.bg_beige{
	font-size: 25px;
    height: 160px;
    background: url(../../common/img/head_bg.png) repeat-x;
    text-align: center;
    line-height: 160px;
    color: #3a3c4f;
}
.lh20{
	line-height: 20px;
}
.movie-inner{
	max-width: 800px;
    margin: 0 auto;
}
.movie-thumb img{
	width: 100%;
	height: auto;
}
.movie-thumb img:hover{
	cursor:pointer;
	opacity: 0.8;
}
.movie_inner{
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 60px 0;
}
.slider-fade{
	width: 100%;
}
.slider-fade img{
	width: 100%;
}
.box .table-scroll table{
	margin-bottom: 3px;
}
table{
	width:100%;
}
.table-scroll{
	overflow: auto;　　
	white-space: nowrap;　
}
.table-scroll::-webkit-scrollbar{　　
	 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{　
	border-radius: 10px;
	 background: #F1F1F1;
}
.table-scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #BCBCBC;
}
.info_img img{
	width: 100%;
	height: auto;
}
.info_box{
	padding: 20px;
}
.info_box a{

	line-height: 2em;
}

.category #hdm-search{
	display: none;
}

/**************************************************/
/* WP ページャー */
/**************************************************/
.pagination{
	padding: 30px 0;
}
.pagination span{
    margin-right: 10px;
}
.pagination span.current{
    padding: 5px 8px;
    border: 1px solid #383a4e;
    background: #595b6b;
    color: #fff;
}
.pagination a{
	padding: 0 8px;
    border: 1px solid #383a4e;
    text-decoration: none;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.pagination a:hover{
    background: #595b6b;
    color: #fff;
}
/**************************************************/
/* ベース */
/**************************************************/
body{
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-family: 'Libre Franklin',"Helvetica Neue","Helvetica","Arial",sans-serif;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-align: justify;
  line-height: 1.8;
}

.box .text{
  text-align: justify !important;
  line-height: 1.8 !important;
}
.liquid{width:100%;min-width:1024px;text-align:center;}
.section{width:1024px;margin-left:auto;margin-right:auto;}

.pc-layout{display:block;}
.sp-layout{display:none;}

.mb20{ margin-bottom: 20px!important;}
.mb30{ margin-bottom: 30px!important;}
.mb40{ margin-bottom: 40px!important;}
.mb60{ margin-bottom: 60px!important;}

.pc{display:block;}
.sp{display:none;}
@media (max-width: 768px) {
	.pc{display:none;}
	.sp{display:block;}
}

/**************************************************/
/* ヘッダ */
/**************************************************/
/* top固定 */
.fixed{position:fixed; top:15px; z-index:150;}

#tojiro-header{height:78px; margin:15px 0 0;}
#tojiro-header .section{width:100%; height:78px; position:relative; z-index:490; background-color:#FFF;}
/* ロゴ */
#tojiro-header #hd-logo{width:90px; height:93px; position:absolute; left:25px; bottom:5px;}
/* 言語切替え */
#tojiro-header #lang-switch{width:54px; height:25px; position:absolute; right:4%; top:26px;}
#tojiro-header #lang-switch ul{width:54px; display:flex;
  -webkit-justify-content:space-between; /* Safari */
  justify-content:space-between;}
#tojiro-header #lang-switch li{width:25px; height:25px;}
#tojiro-header #lang-switch li a{width:23px; height:23px; display:block; border:#FFF 1px solid;}
#tojiro-header #lang-switch li a:hover{border:#3a3c4f 1px solid;}
#tojiro-header #lang-switch li#lang-jp a{border:#3a3c4f 1px solid;}

/* グローバルメニュー */
#gm-open{display:none;}

#globalmenu{width:100%; height:78px;}
#globalmenu #gmlv1{width:900px; margin:0 auto; padding-top:30px; padding-left:164px; display: table;}
#globalmenu #gmlv1 > li{height:20px; display:table-cell;text-align:center; width: 20%;border-right: 1px solid #383a4e;}
#globalmenu #gmlv1 > li:last-child{border-right:none;}
#globalmenu #gmlv1 > li a{text-decoration: none;display: block;}
#globalmenu #gmlv1 > li a:hover{background: #383a4e;color: #fff;}
/*
#globalmenu #gmlv1 > li .pdm{padding:29px 0px; cursor:pointer; background-size:50% auto;}
#globalmenu #gmlv1 > li .pdm a{height:20px; display:block; padding-left:1px;position:relative;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
#globalmenu #gmlv1 > li .pdm a:after{content:'';width:1px;height:23px;display:block;background-color:#3A3C4F;position:absolute;left:0px;top:0px;}
#globalmenu #gmlv1 > li:first-child a{padding-left:0px;}
#globalmenu #gmlv1 > li:first-child .pdm a:after{display:none;}
.pdm a{background-color:#FFF;}
.pdm a:hover{background-color:#3A3C4F;}
#globalmenu #gmlv1 > li .pdm > a{height:19px; padding:2px 15px; display:block; text-indent:-999em;}
*/

#globalmenu .gmlv2{width:100%; padding-top:0px; visibility:visible; opacity:1; position:absolute; left:0; top:78px;}
#globalmenu .gmlv2 > li{width:100%;background-color:#3A3C4F;}
#globalmenu .gmlv2 > li > a{width:100%; height:19px; padding:20px 0px; display:block; text-indent:-999em;}

#globalmenu #gmlv1 > li .pdm .gmlv2 a{padding-left:0px;}

#globalmenu #gm01{width:216px;}
#globalmenu #gm01 > a{width:186px; background:#FFF url(../img/gm01.png) no-repeat center center; background-size:186px auto;}
#globalmenu #gm01:hover > a{background:#3A3C4F url(../img/gm01_hv.png) no-repeat center center; background-size:186px auto;}
#globalmenu #gm02{width:167px;}
#globalmenu #gm02 > a{width:137px; background:#FFF url(../img/gm02.png) no-repeat center center; background-size:137px;}
#globalmenu #gm02:hover > a{background:#3A3C4F url(../img/gm02_hv.png) no-repeat center center; background-size:137px;}
#globalmenu #gm03{width:185px;}
#globalmenu #gm03 > a{width:155px; background:#FFF url(../img/gm03.png) no-repeat center center; background-size:155px;}
#globalmenu #gm03:hover > a{background:#3A3C4F url(../img/gm03_hv.png) no-repeat center center; background-size:155px;}
#globalmenu #gm04{width:173px;}
#globalmenu #gm04 > a{width:143px; background:#FFF url(../img/gm04.png) no-repeat center center; background-size:143px;}
#globalmenu #gm04:hover > a{background:#3A3C4F url(../img/gm04_hv.png) no-repeat center center; background-size:143px;}
#globalmenu #gm05{width:159px;}
#globalmenu #gm05 > a{width:129px; background:#FFF url(../img/gm05.png) no-repeat center center; background-size:129px;}
#globalmenu #gm05:hover > a{background:#3A3C4F url(../img/gm05_hv.png) no-repeat center center; background-size:129px;}

#globalmenu #gm0101 > a{background:url(../img/gm0101.png) no-repeat center center; background-size:70px auto;}
#globalmenu #gm0101:hover > a{background:#EEE url(../img/gm0101_hv.png) no-repeat center center; background-size:70px auto;}
#globalmenu #gm0102 > a{background:url(../img/gm0102.png) no-repeat center center; background-size:103px auto;}
#globalmenu #gm0102:hover > a{background:#EEE url(../img/gm0102_hv.png) no-repeat center center; background-size:103px auto;}
#globalmenu #gm0103 > a{background:url(../img/gm0103.png) no-repeat center center; background-size:34px auto;}
#globalmenu #gm0103:hover > a{background:#EEE url(../img/gm0103_hv.png) no-repeat center center; background-size:34px auto;}
#globalmenu #gm0201 > a{background:url(../img/gm0201.png) no-repeat center center; background-size:88px auto;}
#globalmenu #gm0201:hover > a{background:#EEE url(../img/gm0201_hv.png) no-repeat center center; background-size:88px auto;}
#globalmenu #gm0202 > a{background:url(../img/gm0202.png) no-repeat center center; background-size:70px auto;}
#globalmenu #gm0202:hover > a{background:#EEE url(../img/gm0202_hv.png) no-repeat center center; background-size:70px auto;}

#globalmenu #gm0301 > a{background:url(../img/gm03_op.png) no-repeat center center; background-size:220px auto;}
#globalmenu #gm0301:hover > a{background:#EEE url(../img/gm03_op_hv.png) no-repeat center center; background-size:220px auto;}
#globalmenu #gm0302 > a{background:url(../img/gm03_en.png) no-repeat center center; background-size:101px auto;}
#globalmenu #gm0302:hover > a{background:#EEE url(../img/gm03_en_hv.png) no-repeat center center; background-size:101px auto;}
#globalmenu #gm0303 > a{background:url(../img/gm0303.png) no-repeat center center; background-size:156px auto;}
#globalmenu #gm0303:hover > a{background:#EEE url(../img/gm0303_hv.png) no-repeat center center; background-size:156px auto;}
/*1125追加*/
#globalmenu #gm0304 > a{background:url(../img/gm0302.png) no-repeat center center; background-size:132px auto;}
#globalmenu #gm0304:hover > a{background:#EEE url(../img/gm0302_hv.png) no-repeat center center; background-size:132px auto;}
#globalmenu #gm0305 > a{background:url(../img/gm0301.png) no-repeat center center; background-size:150px auto;}
#globalmenu #gm0305:hover > a{background:#EEE url(../img/gm0301_hv.png) no-repeat center center; background-size:150px auto;}

#globalmenu #gm0401 > a{background:url(../img/gm0401.png) no-repeat center center; background-size:85px auto;}
#globalmenu #gm0401:hover > a{background:#EEE url(../img/gm0401_hv.png) no-repeat center center; background-size:85px auto;}
#globalmenu #gm0402 > a{background:url(../img/gm0402.png) no-repeat center center; background-size:71px auto;}
#globalmenu #gm0402:hover > a{background:#EEE url(../img/gm0402_hv.png) no-repeat center center; background-size:71px auto;}
#globalmenu #gm0403 > a{background:url(../img/gm0403.png) no-repeat center center; background-size:121px auto;}
#globalmenu #gm0403:hover > a{background:#EEE url(../img/gm0403_hv.png) no-repeat center center; background-size:121px auto;}
#globalmenu #gm0404 > a{background:url(../img/gm0404.png) no-repeat center center; background-size:87px auto;}
#globalmenu #gm0404:hover > a{background:#EEE url(../img/gm0404_hv.png) no-repeat center center; background-size:87px auto;}
#globalmenu #gm0405 > a{background:url(../img/gm0405.png) no-repeat center center; background-size:121px auto;}
#globalmenu #gm0405:hover > a{background:#EEE url(../img/gm0405_hv.png) no-repeat center center; background-size:121px auto;}
#globalmenu #gm0406 > a{background:url(../img/gm0406.png) no-repeat center center; background-size:176px auto;}
#globalmenu #gm0406:hover > a{background:#EEE url(../img/gm0406_hv.png) no-repeat center center; background-size:176px auto;}
#globalmenu #gm0407 > a{background:url(../img/gm0407.png) no-repeat center center; background-size:102px auto;}
#globalmenu #gm0407:hover > a{background:#EEE url(../img/gm0407_hv.png) no-repeat center center; background-size:102px auto;}
#globalmenu #gm0501 > a{background:url(../img/gm0501.png) no-repeat center center; background-size:69px auto;}
#globalmenu #gm0501:hover > a{background:#EEE url(../img/gm0501_hv.png) no-repeat center center; background-size:69px auto;}
#globalmenu #gm0502 > a{background:url(../img/gm0502.png) no-repeat center center; background-size:52px auto;}
#globalmenu #gm0502:hover > a{background:#EEE url(../img/gm0502_hv.png) no-repeat center center; background-size:52px auto;}
#globalmenu #gm0503 > a{background:url(../img/gm0503.png) no-repeat center center; background-size:123px auto;}
#globalmenu #gm0503:hover > a{background:#EEE url(../img/gm0503_hv.png) no-repeat center center; background-size:123px auto;}


@media screen and (max-width: 1095px) {
/**************************************************/
/* ベース */
/**************************************************/
.liquid{width:100%; min-width:320px;text-align:center;}
.section{width:100%; margin-left:auto;margin-right:auto;}

.pc-layout{display:none;}
.sp-layout{display:block;}


/**************************************************/
/* ヘッダ */
/**************************************************/
#tojiro-header{height:62px; margin:14px 0 0;}
#tojiro-header .section{width:100%; height:62px; position:relative; z-index:490; background-color:#FFF;}
/* ロゴ */
#tojiro-header #hd-logo{width:71px; height:62px; margin-left:-35px; position:absolute; left:50%; bottom:10px;}
#tojiro-header #hd-logo img{width:100%; height:auto;}


#gm-open{width:32px; height:32px; display:block; position:absolute; left:15px; top:15px;}
#gm-open a{width:32px; height:32px;}
#gm-open a img{width:100%; height:auto;}

#sp-globalmenu{width:100%; position:absolute; top:62px;text-align: center;background: #383a4e;}
#sp-globalmenu #sp-gmlv1{width:100%; margin:0 auto; display:none;
  -moz-justify-content:flex-start;
  -webkit-justify-content:flex-start;
  justify-content:flex-start;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
#sp-globalmenu #sp-gmlv1 > li a{
	color: #fff;
	text-decoration: none;
	display: block;
}
#sp-globalmenu #sp-gmlv1 > li a:hover{background:#fff ;color: #383a4e;}

#sp-globalmenu #sp-gmlv1 > li{height:auto; /*display:block;*/text-align: center;padding: 7px;}
#sp-globalmenu #sp-gmlv1 > li .pdm{height:auto; display:block; background-color:#3A3C4F;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
#sp-globalmenu #sp-gmlv1 > li .pdm > p{height:16px; padding:16px 0; display:block; text-indent:-999em; cursor:pointer;}
#sp-globalmenu #sp-gmlv1 > li .pdm > a{height:16px; padding:16px 0; display:block; text-indent:-999em; cursor:pointer;}

#sp-globalmenu #sp-gm01{width:100%;}
#sp-globalmenu #sp-gm01 > a{width:100%; background:url(../img/gm01_hv.png) no-repeat center center; background-size:186px;}
#sp-globalmenu #sp-gm02{width:100%;}
#sp-globalmenu #sp-gm02 > a{width:100%; background:url(../img/gm02_hv.png) no-repeat center center; background-size:137px;}
#sp-globalmenu #sp-gm03{width:100%;}
#sp-globalmenu #sp-gm03 > a{width:100%; background:url(../img/gm03_hv.png) no-repeat center center; background-size:155px;}
#sp-globalmenu #sp-gm04{width:100%;}
#sp-globalmenu #sp-gm04 > a{width:100%; background:url(../img/gm04_hv.png) no-repeat center center; background-size:143px;}
#sp-globalmenu #sp-gm05{width:100%;}
#sp-globalmenu #sp-gm05 > a{width:100%; background:url(../img/gm05_hv.png) no-repeat center center; background-size:129px;}

}


/* 枠 ****************************************************************************/
#top, #bottom{background:white; left:0; right:0; height:15px; position:fixed; z-index:500;}
#top {top:0;}
#bottom {bottom:0;}
#left, #right{background:white; top:0; bottom:0; width:15px; position:fixed; z-index:500;}
#left { left:0;}
#right { right:0;}

/* 先頭に戻るぼたん ************************************************************/
#topbtn{width:38px; height:38px; margin-left:-19px; cursor:pointer; background-image:url(../img/gotop_btn.png); background-repeat:no-repeat; background-size:38px auto; position:fixed; left:50%; bottom:15px; z-index:4;}

/* フッター ********************************************************************/
#undermenu{background:#cacccc; padding:25px 75px;}
#undermenu ul{list-style:none;display:table;}
#undermenu ul li{display:table-cell; padding:0 15px; vertical-align:middle; color:#3a3c4f; border-right:1px solid #3a3c4f; white-space:nowrap;}
#undermenu ul li a{text-decoration:none;}
#undermenu ul li a:hover{text-decoration:underline;}
#undermenu ul .nopadd{padding-left:0;}
#undermenu ul #nonbord{border:none;}

#footbox{background:#3a3c4f; padding:45px 75px;}
#footbox #box-a{float:left; width:50%;}
#footbox #box-b{float:right; margin-top:8px;}

#box-a #footlogo{width:100%; height:auto; max-width:230px; padding:0 12px 0 0; display:inline-block;}
#box-a #footlogo img{width:100%; height:auto;}
#box-a #copy{color:#999999; display:inline-block; font-size:13.2px; text-align:left;}

#box-b #sns img,
#box-b #youtube img{display:inline-block; width:30px; height:30px; margin:0 10px 0 0;}
#box-b #youtube{margin-left:15px;}

#box-b #facebook2{display:inline-block; font-size:10px;}
#facebook2 ul{height:30px; list-style:none;display:table-cell; vertical-align:middle;}
#facebook2 li{display:inline-block; padding-left:10px; border-left:1px solid #fff;}
#facebook2 li:first-child{padding-left:0; padding-right:10px; border:none;}
#facebook2 li a{color:#FFF; text-decoration:none;}

/* 言語切替え */
#box-b #lang-switch{height:25px; display:inline-block;vertical-align: top;margin-left: 8px;}
#box-b #lang-switch li{display:inline-block;}
#box-b #lang-switch li a{width:24px; line-height:24px; display:block; border:#3a3c4f 1px solid;color: #fff;font-family: 'Marcellus', serif;font-size: 15px; text-align: center;text-decoration: none;margin-left: 2px;}
#box-b #lang-switch li a:hover{border:#fff 1px solid;}
#box-b #lang-switch li a.current{border:#fff 1px solid;}
@media screen and (max-width: 1095px) {
	#footbox #box-a{float:none; width:100%;}
	#footbox #box-b{float:left; width:100%; margin:0 0 20px 0;}

	#box-b #youtube{margin-left:0;}
}
@media screen and (max-width: 768px) {
	#undermenu{padding:25px 30px;}
	#undermenu ul{display:block;}
	#undermenu ul li{display:block; line-height:180%; padding:0; white-space:nowrap; border:none;}

	#footbox{padding:30px 30px;}

	#box-b #facebook2{display:inline-block; vertical-align:top;}
	#facebook2 ul{display:inline-block;}
	#facebook2 li{display:block; padding-left:0; border-left:none; line-height:1.7em;}
	#facebook2 li:first-child{padding-right:0; border:none;}

	#box-b #lang-switch{display:block; margin-top:15px;}
  #box-b #lang-switch li#lang-jp{margin-left:0;}
  #box-b #lang-switch li#lang-en{margin-left:0;}
}


.clear{clear:both;}
a{color:#3a3c4f;}
#wrap{position:relative; text-align:center;}
#main-box{max-width:1024px; margin:68px auto 0; padding:0 15px;box-sizing: border-box;}

/*
h2{position:relative; width:100%; height:187px; background-size:auto 100%;}
h2 img{position:absolute; top:50%; left:50%; margin:0 0 0 0;}
*/
#pankz{display:block; height:auto; max-width:1024px; padding:0 15px; color:#ced1c7; font-size:14.7px; margin:13px auto;}
#pankz a{color:#ced1c7; font-size:14.7px;}
#pankz a:hover{text-decoration:none;}
#pankz span{color:#3a3c4f;line-height: 26px;}
#pankz #pp2, #pankz #pp3, #pankz #pp4{display:none;}