@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url('../eot/notosanscjkjp-light_subset.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans Japanese'),
		url('../eot/notosanscjkjp-light_subsetd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff/notosanscjkjp-light_subset.woff') format('woff'),
		url('../ttf/notosanscjkjp-light_subset.ttf')  format('truetype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url('../eot/notosanscjkjp-demilight_subset.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans Japanese'),
		url('../eot/notosanscjkjp-demilight_subsetd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff/notosanscjkjp-demilight_subset.woff') format('woff'),
		url('../ttf/notosanscjkjp-demilight_subset.ttf')  format('truetype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url('../eot/notosanscjkjp-bold_subset.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans Japanese'),
		url('../eot/notosanscjkjp-bold_subsetd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff/notosanscjkjp-bold_subset.woff') format('woff'),
		url('../ttf/notosanscjkjp-bold_subset.ttf')  format('truetype');
}

/* */
body, section, div, dl, dt, dd, ul, ol, li, h1, h2, h3, p, th, td {margin: 0;padding: 0;}
body, section, div, dt, dd, li, h1, h2, h3, p, th, td, small, em {
font-family: 游ゴシック Medium, 'Yu Gothic', YuGothic, メイリオ, 'Noto Sans Japanese', sans-serif;
font-size: 12pt;line-height: 1.6;font-weight: 200;color: #111;}

li {list-style-type: none;}
a {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color: #333;}
a.under_line_link {text-decoration: underline;}
a {transition: 0.3s ease 0s;}
a:hover {opacity: 0.7;}

img {vertical-align: bottom;}
strong {font-weight: 300;}

sup { font-size: 6pt;}
sup { vertical-align: super;}

.fb_regl {font-family: 游ゴシック Medium, 'Yu Gothic', YuGothic, メイリオ, 'Noto Sans Japanese', sans-serif;font-weight: 200;}
.fb_bold {font-family: 游ゴシック Bold, 游ゴシック, 'Yu Gothic', YuGothic, メイリオ, 'Noto Sans Japanese', sans-serif;font-weight: 700;}
.sup {font-weight: 300;}
img.img100 {width: 100%;}

/* header SP用メニュー */
#w {overflow: hidden;}
html, body {height: 100%;}

.overlay {display: none;z-index: 997;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #111;opacity: 0.8;}

.js-elem {transition: opacity 0.6s ease, transform 0.6s ease;}
.js-elem2 {transition: opacity 0.6s ease, transform 0.6s ease;}

#spmenu {z-index: 998;position: absolute;top: 0;left: 0;width: 100%;}

#header_spmenu_open {display: block;z-index: 999;position: fixed;top: 15px;left: 20px;width: 30px;height: 30px;}
#header_spmenu_open img {width: 30px;height: 22px;cursor: pointer;}

#header_spmenu {position: absolute;top: 0;left: 0;padding-top: 15px;display: block;}
#header_spmenu dt {position: relative;float:left;width: 30px;height: 70px;margin-left: 0;padding-left: 20px;text-align: right;}
#header_spmenu dt img {width: 100%;height: auto;cursor: pointer;}
#header_spmenu dt img#spmenu_close {display: none;position: fixed;width: 22px;margin-left: 4px;}
#header_spmenu dd {display: none;clear: both;width: 100%;padding-bottom: 2em;color: #FFF;}
#header_spmenu dd ul:first-child {border-top: 1px solid #FFF;}
#header_spmenu dd li a {color: #FFF;}
#header_spmenu dd li a:hover {color: #FFF;}
#header_spmenu dd ul {margin: 0 50px;padding: 0.5em 0;border-bottom: 1px solid #FFF;}
#header_spmenu dd li {font-size: 12pt;line-height: 1.2;text-align: left;}
#header_spmenu dd li a {display: block;padding: 0.75em 0;}
#header_spmenu dd li ul {margin: 0 0 0 1em;padding: 0;border-bottom: none;}

/* */
#foot_address li,
#foot_address p,
#foot_address p small {font-size: 7pt;line-height: 1.6;}

footer {z-index: 800;position: relative;clear: both;padding-top: 2em;}
.sub footer {padding-top: 0;}
/* パンくず */
#crumb_navi {margin: 0 auto;padding-top: 2em;border-bottom: 1px solid #CCC;}
#crumb_navi dl {padding: 0.4em 0;}
#crumb_navi dl:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#crumb_navi dt {display: none;}
#crumb_navi dd {float: left;margin-right: 0.5em;padding-bottom: 0.25em;color: #666;font-size: 9pt;line-height: 1.2;color: #CCC;}
#crumb_navi dd strong {color: #111;}
#crumb_navi dd:after  {content: " >";}
#crumb_navi dd:last-child:after {content : none;}
#crumb_navi_top a {width: 16px;overflow: hidden;background: url(../png/home.png) no-repeat 0 2px;background-size: 16px 14px;text-indent: -9999px;}
#crumb_navi a {display: block;float: left;margin-right: 8px;}

#foot_address ul{width: 100%;padding-bottom: 2em;}
#foot_address ul:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#foot_address li {float: left;margin: 0.75em 3.06% 0 0;}
#foot_address li:last-child {margin: 0.75em 0 0 0;}
#ft_contact {clear: both;}
#foot_address p {display: none;}

li#ft_contact,
li#ft_privacy,
li#ft_access {font-size:  9pt;line-height: 1.2;}

.wrap {position: relative;width:100%;margin: 0 auto;}
.inbox {margin: 0 4.166%;}

.br_sp {display: block;}
.disp_sp {display: inline;}
.br_pc {display: none;}
.disp_pc {display: none;}

.hd1812 {font-size: 18pt;line-height: 1.2;}
.hd1212 {font-size:  9pt;line-height: 1.2;}
.hd1216, .hd1216 dt, .hd1216 dd {font-size:  9pt;line-height: 1.6;}

.hd912_1212,
.hd912_1212 li {font-size:  9pt;line-height: 1.2;}
.hd916_1212 {font-size:  9pt;line-height: 1.6;}

.hdx916, .hdx916 li {font-size: 9pt;line-height: 1.2;}
.hdx916 {font-size: 9pt;line-height: 1.6;}
.hdx1212, .hdx1212 li {font-size:  12pt;line-height: 1.2;}

/* font */
.hdx1512 {font-size: 15pt;line-height: 1.2;}
.hdx1812 {font-size: 18pt;line-height: 1.2;}
.hd816_916, .hd816_916 li{font-size:  8pt;line-height: 1.6;}
.hd912_1212, .hd912_1212 li{font-size:  9pt;line-height: 1.2;}
.hd916_1216, .hd916_1216 dt, .hd916_1216 dd {font-size: 9pt;line-height: 1.6;}
.hd7516_916 {font-size: 7.5pt;line-height: 1.6;}

.box_col2 .box_col {width: 100%;}
.box_col img {width: 100%;height: auto;}

header {position: relative;background: #000;}
#header_navi {display: none;}
header .inbox {margin: 0 auto;}

.slinks {clear: both;height: 61px;}
.slinks li {float: left;width: 80px;}
.slinks li:last-child {width: 61px;}
.slinks li a {display: block;width: 61px;}
.slinks li a img {width: 61px;height: 61px;}
.slinks li a img {border-radius: 100%;}

.crear_both {clear: both;}

.mt3   {margin-top: 3em;}
.mt25  {margin-top: 2.5em;}
.mt2   {margin-top: 2em;}
.mt175 {margin-top: 1.75em;}
.mt15  {margin-top: 1.5em;}
.mt12  {margin-top: 1.2em;}
.mt1   {margin-top: 1em;}
.mt075 {margin-top: 0.75em;}
.mt05  {margin-top: 0.5em;}
.mb1   {margin-bottom: 1em;}
.mb05  {margin-bottom: 0.5em;}
.pt6   {padding-top: 6em;}
.pt5   {padding-top: 5em;}
.pt3   {padding-top: 3em;}
.pt25  {padding-top: 2.5em;}
.pt2   {padding-top: 2em;}
.pt175 {padding-top: 1.75em;}
.pt15  {padding-top: 1.5em;}
.pt12  {padding-top: 1.2em;}
.pt1   {padding-top: 1em;}
.pt075 {padding-top: 0.75em;}
.pt05  {padding-top: 0.5em;}
.pt025  {padding-top: 0.25em;}
.pl1   {padding-left: 1em;}

img.img25 {width: 25%;height: auto;}
img.img30 {width: 30%;height: auto;}
img.img65 {width: 65%;height: auto;}
img.img100 {width: 100%;height: auto;}

.clear_both {clear: both;}
p.txt_center {text-align: center;}
p.txt_right {text-align: right;}

dl.type1 dt, dl.type2 dt {width: 10.2em;padding-top: 0.8em;}
dl.type1 dd, dl.type2 dd {margin: -1.6em 0 0 10.2em;}
dl.type1 dt {width: 5.5em;}
dl.type1 dd {margin: -1.6em 0 0 5.5em;}

/* */
section {clear: both;padding: 2em 0 0 0;}
section.sn {padding: 0;}
section:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
section.ltop {border-top: 1px solid #CCC;margin-top: 2.5em;padding: 2.5em 0 0 0;}
div.ltop {border-top: 1px solid #CCC;}

.block_link a {display: block;padding: 0.8em 0 0.8em 0;border: 3px solid #EDEDED;border-radius: 2px;background: #FFF;}
.block_link a:hover {border: 3px solid #666;color: #000;opacity: 1;}

.block_no_link {padding: 1em 0 0.9em 0;border: 3px solid #EDEDED;border-radius: 2px;background: #FFF;}

/* pageTop */
.pageTopWrap {z-index: 900;position: fixed;bottom: 0;right: 0;width: 100%;height: 1px;margin-bottom: 70px;}
p.pageTop {display: none;float: right;padding: 0 8px 8px 0;}
p.pageTop a {display: block;width: 60px;height: 60px;background: #111;color: #FFF;font-size: 24pt;line-height: 60px;font-weight: 700;text-align: center;border-radius: 30px;box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.3);}

ruby {
  display:inline-table !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-indent:0 !important;
  margin:0 !important;
  vertical-align:text-bottom !important; /* modified 2009-12-03 */
  line-height:1 !important;
}

ruby>rb,ruby>rbc {
  display:table-row-group !important;
  line-height:1.2 !important;
}
ruby>rt,ruby>rbc+rtc {
  display:table-header-group !important;
  font-size:60% !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}
ruby>rbc+rtc+rtc {
  display:table-footer-group !important;
  font-size:60% !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}
rbc>rb,rtc>rt {
  display:table-cell !important;
  letter-spacing:0 !important;
 }
rp {display:none !important;}

.movie {width: 100%;margin: 0 auto;}
.movie-wrap {position: relative;padding: 30px 0 56.25% 0;height: 0;}
.movie .inner {position: relative;overflow: hidden;border-radius: 8px;}
.movie .inner a {position: absolute;display: block;top: 0;right: 0;bottom: 0;left: 0;background: url(../png/play.png) no-repeat 50% 50%;background-size: 96px 96px;opacity: 0.5;}
.movie .inner a:hover {opacity: 1;transition: 0.2s ease 0s;}
.movie-wrap img.thumbnail {width: 100%;height: auto;}
.movie-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* jsでのウィンドウサイズ判定用 */
#sp-flg {font-size: 0;line-height: 0;display: block;width: 0;height: 0;}
/* - Small Tablet (Portrait) */
@media screen and (min-width: 360px) {}

/* Tablet (Portrait) */
@media screen and (min-width: 736px) {
body, section, div, dt, dd, li, h1, h2, h3, p, th, td {font-size: 10pt;line-height: 1.6;}

#header_title {padding-top: 1.16em;}
#tmdlogo img {width: 85px;height: auto;}
#page_title {padding-bottom: 1.4em;font-size: 7pt;letter-spacing: 0.2em;}
#page_title img {width: 273px;margin-bottom: 0.75em;}

header .inbox {margin: 0 4.166%;}

.slinks {height: 71px;}
.slinks li {float: left;width: 86px;}
.slinks li a {width: 71px;}
.slinks li a img {width: 71px;height: 71px;}
.slinks li a:hover img {opacity: 0.8;}
.sub .slink_l {display: none;}

.br_sp {display: none;}
.disp_sp {display: none;}
.br_pc {display: block;}
.disp_pc {display: inline;}
.hd1212 {font-size: 12pt;line-height: 1.2;}
.hd1216,
.hd1216 dt, .hd1216 dd {font-size: 12pt;line-height: 1.6;}


/* font */
.hd816_916, .hd816_916 li{font-size:  9pt;}
.hd912_1212, .hd912_1212 li{font-size:  12pt;}
.hd916_1212 {font-size:  12pt;line-height: 1.2;}
.hd916_1216, .hd916_1216 dt, .hd916_1216 dd {font-size: 12pt;}


/* archive化対応 */
.hd1216, .hd1216 dt, .hd1216 dd {font-size: 11pt;line-height: 1.8;}
.hd912_1212, .hd912_1212 li {font-size: 11pt;}
.hd916_1216, .hd916_1216 dt, .hd916_1216 dd {font-size: 11pt;line-height: 1.8;}
.hd1512_1812 {font-size:  18pt;}
.hd7516_916 {font-size: 9pt;}

.box_col2 .box_col {float: left;width: 50%;}

#section2 .dl1 dt {width: 10.2em;}
#section2 .dl1 dd {margin: -1.6em 0 0 10.2em;}

/* */
#foot_address li,
#foot_address p,
#foot_address p small {font-size: 9pt;line-height: 1.6;}
#copyright {clear: none;float: right;margin: 0.75em 0 2em 0;}

#crumb_navi dd {font-size: 12pt;}

section {clear: both;padding: 3.5em 0 0 0;}

.pageTopWrap {display: none;}

#crumb_navi {width: 100%;}
#foot_address ul {padding-bottom: 0;}
#foot_address li {padding-bottom: 0;}
#ft_contact {clear: none;}
#foot_address p {display: block;clear: both;padding: 1em 0 2em 0;color: #999;}

dl.type1 dt {width: 10.2em;}
dl.type1 dd {margin: -1.6em 0 0 10.2em;}

#sp-flg {display: none;}
}

@media screen and (min-width: 769px) {
#header_navi .inbox {margin: 0 4.166%;}
#header_spmenu_open, #header_spmenu, .overlay {display: none;}
#header_navi {display: block;height: 41px;overflow: hidden;background: #111;}

#header_navi {z-index: 999;position: fixed;top: 0;left: 0;right: 0;height: 41px;overflow: hidden;background: #111;}
body {padding-top: 41px;}

#header_navi ul {padding-top: 12px;}
#header_navi li {float: left;height: 20px;padding: 0 1%;white-space: nowrap;font-size: 9pt;}
#header_navi li:first-child {padding: 0 1% 0 0.4%;}
#header_navi li.last {margin-right: 1%;padding-right: 2%;border-right: 1px solid #666;}
#header_navi li a {display:block;float: left;height: 24px;color: #FFF;border-bottom: 5px solid #111;opacity: 0.7;}
#header_navi li a:hover {border-bottom: 5px solid #333;opacity: 1;}
li#hn_home a {width: 19px;padding-left: 0;background: url(../png/hn_h.png) no-repeat 0 1px;background-size: 19px 16px;text-indent: -9999px;}
li#hn_shop a {background: url(../png/hn_c.png) no-repeat 0 1px;background-size: 19px 16px;text-indent: 24px;}
footer {padding-top: 0;}
form {padding: 0;}
#header_navi #searchBox {position: relative;float: right;width: 153px;height: 28px;}
#header_navi #searchBox label {display: none;}
#header_navi #searchBox input {width: 113px;height: 21px;padding: 0 10px 0 30px;border: none;border-radius: 10px;background: #333;color: #FFF;line-height: 21px;vertical-align: bottom;}
#header_navi #searchBox input.off {color: #CCC;}
#header_navi #searchBox .sButton {z-index: 20;position: absolute;top: 0;left: 8px;padding: 0;line-height: 1.4;}
#header_navi #searchBox .sButton input {width: 14px;height: 14px;padding: 0;border-radius: 0;}

.wrap {width: 100%;}
#sp-flg {display: none;}
}

/* PC (SD) */
@media screen and (min-width: 980px) {
#header_navi .inbox,
header .inbox,
.inbox {width: 960px;margin: 0 auto;}
header #header_text {padding-bottom: 698px;}
.wrap {width: 980px;}
#header_image {margin: 0 80px 0 80px;}

.movie .inner a {background-size: 128px 128px;}
}
/* tradition */