@charset "UTF-8";
/* tradition */
header #mainimage {position: relative;background: url(../jpg/topimage_sp.jpg) no-repeat;background-size: cover;background-size: contain;opacity: 0;transition: opacity 2.0s ease;}
header #header_text {background: url(../png/toptext_sp1.png) no-repeat;background-size: contain;overflow: hidden;text-indent: -9999px;padding-bottom: 183%;opacity: 0;transform: translateY(-10px);transition: all 1.0s ease;}
header #header_text2 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../png/text_sp2.png) no-repeat;background-size: contain;opacity: 0;transform: translateY(-10px);transition: all 1.0s ease;}

#lang {z-index: 998;position: absolute;top: 50px;left: 20px;}
#lang li {float: left;padding-right: 0.5em;font-size: 9pt;color: #333;}
#lang li span {display: block;float: left;margin-right: 0.5em;border-bottom: 2px solid #CCC;color: #CCC;font-weight: 700;}
#lang li a {display: block;float: left;border-bottom: 2px solid #000;color: #666;font-weight: 700;}
#lang li a:hover {color: #ffF;border-bottom: 2px solid #CCC;}

.is-loaded header #mainimage {opacity: 1;transition: opacity 2.0s ease;}
.is-loaded header #header_text {opacity: 1;transform: translateY(0px);transition: all 1.0s ease 1.0s;}
.is-loaded header #header_text2 {opacity: 1;transform: translateY(0px);transition: all 1.0s ease 1.5s;}

#slinkSP {display: block;width: 221px;margin: -30px auto 0 auto;}
#slinkPC {display: none;}

.panelbox, #toppanel li {width: 100%;}
#toppanel li {margin-top: 2px;transition: 1s ease 0s;opacity: 0;}
#toppanel .is-active li {opacity: 1;}

#toppanel li#tp_01 {margin-top: 20px;}
#toppanel li a {display: block;width: 100%;height: 0;padding-top: 24.24%;overflow: hidden;}
#toppanel li a:hover {opacity: 0.7;}

li#tp_00 {background: url(../png/top00sp.png);background-size: cover;}
li#tp_01 {transition-delay: 0.2s;}
li#tp_02 {transition-delay: 0.4s;}
li#tp_03 {transition-delay: 0.6s;}
li#tp_04 {transition-delay: 0.8s;}
li#tp_05 {transition-delay: 1.0s;}
li#tp_06 {transition-delay: 1.2s;}
li#tp_07 {transition-delay: 1.4s;}
li#tp_08 {transition-delay: 1.6s;}
li#tp_09 {transition-delay: 1.8s;}
li#tp_10 {transition-delay: 2.0s;}
li#tp_11 {transition-delay: 2.2s;}

li#tp_01 a {background: url(../png/toptext01sp.png), url(../jpg/top01sp.jpg);background-size: cover;}
li#tp_02 a {background: url(../png/toptext02sp.png), url(../jpg/top02sp.jpg);background-size: cover;}
li#tp_03 a {background: url(../png/toptext03sp.png), url(../jpg/top03sp.jpg);background-size: cover;}
li#tp_04 a {background: url(../png/toptext04sp.png), url(../jpg/top04sp.jpg);background-size: cover;}
li#tp_05 a {background: url(../png/toptext05sp.png), url(../jpg/top05sp.jpg);background-size: cover;}
li#tp_06 a {background: url(../png/toptext06sp.png), url(../jpg/top06sp.jpg);background-size: cover;}
li#tp_07 a {background: url(../png/toptext07sp.png), url(../jpg/top07sp.jpg);background-size: cover;}
li#tp_08 a {background: url(../png/toptext08sp.png), url(../jpg/top08sp.jpg);background-size: cover;}
li#tp_09 a {background: url(../png/toptext09sp.png), url(../jpg/top09sp.jpg);background-size: cover;}
li#tp_10 a {background: url(../png/toptext10sp.png), url(../jpg/top10sp.jpg);background-size: cover;}
li#tp_11 a {background: url(../png/toptext11sp.png), url(../jpg/top11sp.jpg);background-size: cover;}

#tp_last {clear: both;padding-top: 3em;}
#tp_last p.mt1 {padding-bottom: 1em;}

/* - Small Tablet (Portrait) */ @media screen and (min-width: 360px) {}

/* Tablet (Portrait) */
@media screen and (min-width: 736px) {
header #mainimage {background: url(../jpg/topimage_pc.jpg) no-repeat 50% 100%;background-size: 83.33%;}
header #header_text {background: url(../png/text_pc1.png) no-repeat 50% 0%;background-size: contain;padding-bottom: 72.4%;width: 100%;margin: 0 auto;}
header #header_text2 {background: url(../png/text_pc2.png) no-repeat 50% 0%;background-size: 100% auto;}

#lang {top: 33px;left: 0;}
#lang li {font-size: 9pt;}

#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%;}
#header_navi .inbox, header .inbox, .inbox {margin: 0 4.166%;}

#slinkSP {display: none;}
#slinkPC {display: block;margin-top: 5em;}

#toppanel li {float: left;width: 33.3%;margin-top: 0;}
#toppanel li#tp_01 {margin-top: 0}
#toppanel li a {display: block;width: 100%;height: 0;padding-top: 100%;overflow: hidden;}

li#tp_01 a {background: url(../png/toptext01.png), url(../jpg/top01.jpg);background-size: cover;}
li#tp_02 a {background: url(../png/toptext02.png), url(../jpg/top02.jpg);background-size: cover;}
li#tp_03 a {background: url(../png/toptext03.png), url(../jpg/top03.jpg);background-size: cover;}
li#tp_04 a {background: url(../png/toptext04.png), url(../jpg/top04.jpg);background-size: cover;}
li#tp_05 a {background: url(../png/toptext05.png), url(../jpg/top05.jpg);background-size: cover;}
li#tp_06 a {background: url(../png/toptext06.png), url(../jpg/top06.jpg);background-size: cover;}
li#tp_07 a {background: url(../png/toptext07.png), url(../jpg/top07.jpg);background-size: cover;}
li#tp_08 a {background: url(../png/toptext08.png), url(../jpg/top08.jpg);background-size: cover;}
li#tp_09 a {background: url(../png/toptext09.png), url(../jpg/top09.jpg);background-size: cover;}
li#tp_10 a {background: url(../png/toptext10.png), url(../jpg/top10.jpg);background-size: cover;}
li#tp_11 a {background: url(../png/toptext11.png), url(../jpg/top11.jpg);background-size: cover;}

li#tp_00 .boxin {position: relative;width: 100%;height: 0;padding-top: 100%;overflow: hidden;background: none;background: #ebe5e0;}
li#tp_00 a {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 2em 2em 0 2em;width: auto;height: auto;}
li#tp_00 a img {margin-bottom: 0.75em;}
li#tp_00 a img.top00a {margin-top: 1.5em;}

.panelbox {position: relative;float: left;width: 33.3%;height: 0;padding-top: 33.3%;overflow: hidden;background: #ebe5e0;}
.panelbox .boxin {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 1em 1.5em 0 1.5em;}
.panelbox .boxin .block_link a {padding: 0.8em 0;}
.panelbox .boxin p.mt2 {margin-top: 0.5em;}

#tp_last .inner {padding: 1.5em 2.5em;background: #f7f6f4;}
#tp_last .inner:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;} 

#tp_last .inner .left {float: left;width: 58%;}
#tp_last p.mt1 {padding-bottom: 0;}
#tp_last .block_link {float: right;width: 40.625%;}
#tp_last .block_link a {padding: 1.2em 0;}
}

/* */
@media screen and (min-width: 769px) {

.panelbox .boxin {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 2em 2em 0 2em;}
.panelbox .boxin .block_link a {padding: 1.2em 0;}
}

/* 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;}
}