@charset "UTF-8";

/* html5,body,font-size(h1-h6 p li dt dd),table. basic style setting in normalize.css */
/*---------------------------------------------------------------------
 共通レイアウト
---------------------------------------------------------------------*/
header {text-align: center; margin-bottom: 30px}
header h1 {padding: 60px 0 50px}
#main {width: 100%;}
.row {max-width: 780px; padding-right: 2em; padding-left: 2em}
.wrap {margin-bottom: 40px}
.wrap p {font-size: 1.8rem; line-height: 1.8}

#concept p {font-size: 1.6rem ;margin-bottom: 0}
#concept dl {margin-top: 40px; text-align: center}
#concept dt {margin-bottom: 20px}
#movie .embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

footer {text-align: center}
footer .to_site a {display: block; text-align: center; padding: 10px; background:#616161; color: white; margin-bottom: 26px}
footer .sns {display: flex; justify-content: space-around; margin-bottom: 16px}
footer h3 {margin-bottom: 16px}
footer .address {font-size: 1rem; text-align: center; margin-bottom: 12px; line-height: 1.8}
footer .copy {font-size: 1rem; text-align: center; padding-bottom: 20px}


/*---------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------*/
.home .row {max-width: 960px}
.home #overview dl {margin-bottom: 40px}
.home #lineup .sales_channel:after{ content:""; clear:both; display:block } /* -- clearfix --*/
.home #lineup .sales_channel dt {text-align: center}
.home #lineup .lead {text-align: center; margin-bottom: 70px; color: #575757}
.home #lineup .inner:after{ content:""; clear:both; display:block } /* -- clearfix --*/
.home #lineup .detail h2 {margin-bottom: 15px; text-align: center}
.home #lineup .detail p,
.home #lineup .figure p {font-size: 1.4rem}
.home #item dt {margin-bottom: 5px; text-align: center}
.home #item dd span {font-size: 1rem}


/*---------------------------------------------------------------------
 下層ページ共通
---------------------------------------------------------------------*/
.under #product {margin-bottom: 60px;}
.under #product p {text-align: center}
.under .scene {text-align: center; margin: 20px auto 60px}
.under .scene li {margin-bottom: 20px}
.under #brand .row {max-width: 580px}
.under #brand h2 {text-align: center; margin-bottom: 20px}
.under #brand p {margin-bottom: 26px}
.under #brand dl {margin-bottom: 26px}
.under #brand dt {margin-bottom: 8px}
.under #brand dd {font-size: 1.2rem}


/*---------------------------------------------------------------------
 メディアクエリー Foundation 6 に準拠
---------------------------------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 639px) {
.no_br_sp br {display: none;}
footer small {font-size: 1rem;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1023px) {
.no_br br {display: none;}
}

@media only screen and (min-device-width: 320px) {
table tr th, table tr td {padding: 0.4em 0.8em; font-size: 1rem;}
}

@media only screen and (min-device-width: 640px) and (max-device-width: 1023px) {
.no-br-tb br {display: none;}
}


@media only screen and (min-width: 640px) {
table tr th, table tr td {font-size: 1.4rem;}
}

@media only screen and (min-width: 1024px) {
/* style */
}

@media only screen and (min-width: 1025px) {
/* style */
}

@media only screen and (min-width: 1240px) {
/* style */
}

@media (orientation: landscape) {
/* style */
}

/*---------------------------------------------------------------------
 IE 11 hack
---------------------------------------------------------------------*/
/*---------------------------------------------------------------------
 Edge hack
---------------------------------------------------------------------*/
/*---------------------------------------------------------------------
 print
---------------------------------------------------------------------*/
@media print {
a[href]:after {content: "";}
.show-for-small-only {display: none !important;}
.pagetop.show {display: none !important;}
body, h1, h2, h3, h4, h5, h6, li, dt, dd, p, th, td, .mincho {font-family: serif !important;} /* Chrome印刷で日本語が表示されない対応 */
}

/*---------------------------------------------------------------------
 jquery js 関連 css
---------------------------------------------------------------------*/