@charset "utf-8";
/* CSS Document */
/* ====================================================
   footer
   ==================================================== */

#main-contents-footer { background: #313131; color: #fff; font-size: 11px; border-bottom:2px solid #444; }
#main-contents-footer a { color: #fff; text-decoration: none; }
#main-contents-footer a:hover { color:#CCC; }
#main-contents-footer ul { list-style: none; padding-left: 0; margin-bottom: 11px; }
#main-contents-footer .footer-sns-inner {border-bottom: 1px solid #444;margin-bottom:40px;}
#main-contents-footer .footer-sns-inner ul.sns-icon {text-align:center;}
#main-contents-footer .footer-sns-inner ul.sns-icon li { display:inline-block; margin:8px 1em 0 1em; }
#main-contents-footer .footer-sns-inner ul.sns-icon li a {}
#main-contents-footer .footer-sns-inner ul.sns-icon li a:before {display: inline; padding-right:8px; font-size: 15px; color: #FFF; }
#main-contents-footer .footer-sns-inner ul.sns-icon li a:before { font-family: "entypo"; }
#main-contents-footer .footer-sns-inner ul.sns-icon li.facebook a:before { content: "\F30E"; }
#main-contents-footer .footer-sns-inner ul.sns-icon li.youtube a:before { content: "\25B6"; }
#main-contents-footer .footer-sns-inner ul.sns-icon li.twitter a:before { content: "\F309"; }
#main-contents-footer .footer-navi-inner { display:flex;flex-flow: row wrap;justify-content: space-between;align-items: stretch;align-content: stretch;margin-bottom:40px;}
#main-contents-footer .footer-navi-inner .inner-list-box { flex-basis:auto; }
#main-contents-footer .footer-navi-inner .inner-list-box.list01 { flex-grow: 1;order: 1; }
#main-contents-footer .footer-navi-inner .inner-list-box.list02 { flex-grow: 1;order: 2; }
#main-contents-footer .footer-navi-inner .inner-list-box.list03 { flex-grow: 1;order: 3; }
#main-contents-footer .footer-navi-inner .inner-list-box.list04 { flex-grow: 1;order: 4; }
#main-contents-footer .footer-navi-inner .inner-list-box.list05 { flex-grow: 10;order: 5; }
#main-contents-footer .footer-navi-inner .inner-list-box h3 { margin:13px 1em 0.5em 0; font-size:14px; color: #fff; }
#main-contents-footer .footer-navi-inner .inner-list-box h3 a {color: #65B72F;}
#main-contents-footer .footer-navi-inner .inner-list-box h3 a:hover { color:#CCC; }
#main-contents-footer .footer-navi-inner .inner-list-box ul {}
#main-contents-footer .footer-navi-inner .inner-list-box ul li {margin:0 1em 5px 0;}
#main-contents-footer .footer-navi-inner .inner-list-box div.responsive_video { margin:13px auto 2em; }
#main-contents-footer .footer-navi-inner .inner-list-box div iframe {}

#related_site_contents { background-color: #99a5ac; text-align: center; height: 420px; border-top:1px solid #FFF; }
#related_site_contents h1 { color: #ffffff; font-size: 26px; font-weight: 400; line-height: 31px; padding: 42px 0 28px; margin: 0; }
#related_site_contents #related_site_contents_wrapper {}
#related_site_contents a { display: inline-block; width: 24%; text-decoration: none; vertical-align: top; }
#related_site_contents a:hover,
#related_site_contents a:active,
#related_site_contents a:focus {background: url(//p6.zdassets.com/hc/theme_assets/924076/200213647/footer_common_arrow.png) no-repeat right 32px;}
#related_site_contents a h3 { color: #fff; font-size: 15px; font-weight: 400; line-height: 18px; margin: 20px 0 5px; padding: 0; }
#related_site_contents a h4 { color: #5c6b74; font-size: 14px; font-weight: 700; line-height: 17px; height: 30px; margin: 0; }
#related_site_contents a h4 em { display: block; color: #158ec2; text-decoration: underline; font-style: normal; }
#related_site_contents a p { color: #464646; font-size: 12px; font-weight: 400; line-height: 18px; text-align: left; padding: 0 5px; }

#home-footer { background: #313131; color: #fff; font-size: 11px; border-top: 1px solid #FFF; }
#home-footer a { color: #fff; text-decoration: none; }
#home-footer a:hover { color:#CCC; }
#home-footer ul { list-style: none; padding-left: 0; margin-bottom: 11px; }
#home-footer .footer-inner ul {padding:13px 1em 0; border-top:1px solid #444; }
#home-footer .footer-inner ul li { display: inline-block; line-height: 11px; border-left: 1px solid #fff; padding: 0 10px; }
#home-footer .footer-inner ul li:first-child { border-left: none; padding-left: 0; }
#home-footer .footer-inner ul li:last-child { border-left: none; float: right; overflow: hidden; }

/*--------------------------------------
   responsive movie common
--------------------------------------*/
.responsive_video { position: relative; padding-bottom: 56.25%; }
.responsive_video video, .responsive_video iframe, .responsive_video object, .responsive_video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*--------------------------------------
   pagetop all btn
--------------------------------------*/
.pagetop_all {display: none;position: fixed;bottom: 70px;right: 55px;z-index: 10001;}
.pagetop_all a {display: block;width: 35px;height: 35px;text-align: center;z-index: 10001;}
	/* SP width 480px 以下 */
	@media screen and (max-width: 480px) {
		.pagetop_all {display: none;position: fixed;bottom: 70px;right: 15px;z-index: 10001;}
		.pagetop_all a {display: block;width: 35px;height: 35px;text-align: center;z-index: 10001;}
	}