@charset "utf-8";
/*====================================================
インフォ
====================================================*/
.footer{margin-top:0!important}
div#grmInfoList .menu_contents{display:block!important;transform:translateX(0)!important;-webkit-transform:translateX(0)!important;overflow:hidden!important;background-color:#f3f3f3;border-bottom:1px solid #ccc;height:310px!important;padding-top:10px!important;margin-top:30px!important}
div#grmInfoList .menu_contents div.menu_contents_inner{overflow:hidden;max-width:1200px;margin:0 auto}
div#grmInfoList .menu_contents div.row{width:25%;float:left}
div#grmInfoList .menu_contents div.row p{font-size:14px;margin:15px 0 5px;font-weight:700}
div#grmInfoList .menu_contents div.row a{font-size:13px;line-height:1.8em}
div#grmInfoList .menu_contents div.row a:hover{color:#f88d01;text-decoration:underline}
/*====================================================
ご利用ガイド
====================================================*/
div#contentsMain{width:1000px;margin:0 auto;text-align:left}
div#contentsMain h2.guideTtl{font-size:2.4rem;letter-spacing:.1em;line-height:1.3;margin:20px auto;text-align:center;padding-top:20px}
div#contentsMain div.guideLink{margin-right:-10px}
div#contentsMain div.guideLink div.guideLinkBox{width:326px;margin-right:10px;margin-bottom:10px;float:left;box-sizing:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;height:300px}
div#contentsMain div.guideLink div.guideLinkBox h2{padding:14px 0;background:#F3F2F3;font-size:16px;font-weight:700;text-align:center}
div#contentsMain div.guideLink div.guideLinkBox h2:hover{background:#E7E7E7}
div#contentsMain div.guideLink div.guideLinkBox ul{width:90%;margin:5% auto}
div#contentsMain div.guideLink div.guideLinkBox ul li{margin-bottom:15px}
div#contentsMain div.guideLink div.guideLinkBox ul li:last-child{margin-bottom:0}
div#contentsMain div.guideLink div.guideLinkBox ul li a{font-size:16px;position:relative;padding-left:15px}
div#contentsMain div.guideLink div.guideLinkBox ul li a:before{content:"";display:block;width:5px;height:5px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:15px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#contentsMain div.guideLink div.guideLinkBox ul li a:hover{color:#f88d01;text-decoration:underline}
div#info_pc_kankyo{margin-bottom:15px}
@media screen and (max-width:750px) {
/* 
★スマホ用CSS 
*/
/*====================================================
インフォ
====================================================*/
div#grmInfoList .menu_contents{display:block!important;transform:translateX(0)!important;-webkit-transform:translateX(0)!important;overflow:hidden!important;background-color:#f3f3f3;border-bottom:none;height:auto!important;padding-top:0!important;margin-top:0!important}
div#grmInfoList .menu_contents div.menu_contents_inner{padding:0 3% 5%}
div#grmInfoList .menu_contents div.row{width:100%;float:none}
div#grmInfoList .menu_contents div.menu_contents_inner ul{overflow:hidden}
div#grmInfoList .menu_contents div.menu_contents_inner li{float:left;margin-right:15px}
div#grmInfoList .menu_contents div.row a{font-size:12px;line-height:1.5em}
div#grmInfoList .menu_contents div.row p{font-size:15px}
/*====================================================
ご利用ガイド
====================================================*/
div#contentsMain h2.guideTtl{font-size:20px;padding-top:10px}
div#contentsMain{width:100%}
div#contentsMain div.guideLink{margin-right:0}
div#contentsMain div.guideLink div.guideLinkBox h2{font-size:1.8rem;padding:12px 0}
div#contentsMain div.guideLink div.guideLinkBox{width:94%;margin-right:auto;margin-left:auto;margin-bottom:3%;float:none;height:auto}
div#contentsMain div.guideLink div.guideLinkBox ul{width:90%;margin:7% auto}
div#contentsMain div.guideLink div.guideLinkBox ul li a:before{content:"";display:block;width:5px;height:5px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:15px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#contentsMain div.guideLink div.guideLinkBox ul li a{font-size:14px}
div#info_pc_kankyo{display:none}
}
