@charset "utf-8";
ul#global_nav{  width: 960px; display: flex;}
#wrap{  width: 100%; max-width: 960px;}
#contents{  max-width: 960px; width: 100%; font-family: "メイリオ",Meiryo,sans-serif;}
#contents .main{  max-width: 960px; width: 100%; margin: 0 auto; font-size: 16px; color: #333;}
#contents .main img{  width: 100%; height: auto; vertical-align: top;}
.h2_ttl{  background: #f1f0f0; font-weight: bold; margin-bottom: 24px; padding: 10px 8px; font-size: 16px; line-height: 1;}
body .h2_ttl h2{ line-height: 1; margin-bottom: 0; font-size: 16px; border-left: 4px solid #e60012; padding: 2px 0 0 8px;}
body h3{  font-size: 14px; padding: 0; margin-bottom: 6px;}
.cm_list_wp{  display: flex; gap: 40px 2%; flex-wrap: wrap; margin-bottom: 64px; justify-content: space-between;}
.cm_list_wp li{  width: 48%;}
.cm_list_wp li span{ font-size: 11px; background: #efefef; color: #333; padding: 5px 5px 4px; line-height: 1; display: inline-block; margin-bottom: 4px;}
.cm_list_wp li button{ border: none; background: none; padding: 0; cursor: pointer; display: block; position: relative;}
.img_wp{  position: relative;}
.img_wp:after{ content: ""; background: url(/cm/img/image_before_play.png) no-repeat left top; position: absolute; left: 0; top: 0; display: inline-block; background-size: contain;}

/* modal-video */
body .js-modal-video{  cursor: pointer; transition: .5s all; display: block;}
body .modal-video-body{ max-width: 960px;}
.js-modal-video:hover{  opacity: 0.7;}
.js-modal-video{  position: relative;}
.js-modal-video::before{ content: ""; background: url(/cm/img/image_before_play.png) no-repeat left top; position: absolute; left: 0; top: 0; display: inline-block; background-size: contain; width: 100%; height: 100%;}
body .modal-video .modal-video-close-btn{ cursor: pointer; right: 0;}
body .modal-video-close-btn:before, body .modal-video-close-btn:after{ top: 60%;}

/* GH導線 */
.gh_lnk{ text-align: center; width: 60%; margin: 0 auto 64px;}
.gh_lnk a{ display: block; background: #fff; color: #a5000e; border: 1px solid #a5000e; padding: 16px 16px 14px; font-size: 16px; border-radius: 4px; text-decoration: none; transition: .5s all;}
.gh_lnk a:hover{ background: #a5000e; color: #fff; text-decoration: none;}
.gh_lnk br{ display: none;}

/*  650 */
@media screen and (max-width: 780px){
  #contents{  width: 100%;}
  #contents .main{   width: 100%; font-size: 14px;}
  .main img{    width: 100%;}
  .cm_list_wp{  width: 94%; display: block; margin: 0 auto;}
  .cm_list_wp li{  width: 100%; margin-bottom: 32px;}
  .gh_lnk{ width: 90%; margin-bottom: 32px;}
  .gh_lnk a{ font-size: 14px; padding: 12px 12px 10px;}
  .gh_lnk br{ display: block;}

  /* modal-video */
  body .modal-video{ background-color: rgba(0,0,0,0.6);}
  body .modal-video-body{ max-width: 960px; width: 94%; margin: auto; max-width: 640px;}
  body .modal-video-close-btn{ right: 0; width: 32px; height: 32px;}
  body .modal-video-close-btn:before, body .modal-video-close-btn:after{  margin-top: 0;}
}

@media screen and (min-width: 481px) and (max-width:780px){
    body .modal-video-body{ width: 70%; margin: auto; max-width: inherit;}
}

/* 781-950 */
@media screen and (min-width: 780px) and (max-width: 950px){
  body .modal-video-body{ width: 50%; margin: auto; max-width: 960px;}
}

/* SP共通パーツ */
@media screen and (max-width: 780px){
  .sp_parts{  display: block;}
  .pc_parts{  display: none;}
  div#contents #main .imgarea img{    width: 100% !important;}
  div.sp_parts,div.sp_parts div#header,div.sp_parts h1,div.sp_parts{	display: block !important;}
  body,div#wrap,div#contents div#main div.container,div#main{	width: 100%;}
  div#header,div#footer,div#sidebar,h1,ol.topicPath,div.container .car-box a,p.text_a,ul.gsc,h2.search_maker,.search_maker,.car-box .fl-10,#sidebar{	display: none;}
  ul,li,dl,dt,dd{list-style:none;}
  img{vertical-align:top;}
  a img{border:none;}
  body{background-color:#ffffff;font-family:ArialMT, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic ProN W3";color:#000000;font-size:12px;font-style:normal;font-weight:normal;line-height:1.5;-webkit-text-size-adjust:none;}
  ul li a, li.img a + a{color:#000000;display:block;margin:-10px;overflow:hidden;padding:16px 10px;text-decoration:none;white-space:nowrap;}
  h1,h2,h3,h4{font-size:100%;}
  p{margin:0;}
  select option{padding:0 5px;}
  input{margin-right:2px;vertical-align:middle;}
  div.header div#serch_box div.search_form{margin:0 auto;text-align:center;padding:5px 0;}
  div.header div#serch_box div.search_form .search_text{height:27px;width:66%;}
  div.header div#serch_box div.search_form input[type="text"]{background:url("https://ok.goo-net.com/sp/common/img/iphone/top/icon_search.gif") no-repeat scroll 10px center #FFFFFF;border:solid 1px #CCC;border-radius:5px 5px 5px 5px;box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.2) inset;padding:1px 0 1px 39px;color:#BBBBBB;-webkit-background-size:15px 15px;}
  div.logo{margin-right:5px;position:relative;width:200px;float:left;}
  div.logo h1{margin:0;padding:0;}
  p.header_catch{padding:6px 0 4px 5px;font-size:9px;}
  p.link_mysearch{width:73px;margin:0 5px;font-weight:bold;letter-spacing:2.5px;padding:8px;font-size:80%;border:solid 1px #CCCCCC;border-radius:5px 5px 5px 5px;background:-moz-linear-gradient(center top , #fdfdfd, #ecebeb) repeat scroll 0 0 transparent;background:-webkit-gradient(linear,left bottom, left top,from(#ecebeb),to(#fdfdfd));}
  p.link_mysearch a{text-decoration:none;color:#666666;}
  p.link_mysearch span{font-size:120%;}
  div.header div.category{height:22px;position:relative;border-top:1px solid #DCE5EF;font-size:15px;background:url("https://ok.goo-net.com/sp/common/img/top/title_bg.gif") repeat-x scroll transparent;position:relative;}
  div.header div.category h2{color:#ffffff;font-weight:bold;line-height:24px;margin:0 0 0 8px;}
  #navi{height:48px;overflow:hidden;background:url("https://ok.goo-net.com/sp/common/img/top/navi_bg1.gif") repeat-x scroll 0 0 transparent;-webkit-background-size:1px 46px;}
  #navi li{float:left;width:25%;height:48px;border-bottom:1px solid #ffffff;}
  #navi li:first-child a{border-left:medium none;}
  #navi li a{display:block;font-style:normal;font-weight:bold;line-height:20px;text-align:center;margin:0 !important;padding:0 !important;color:#FFFFFF;border-left:1px solid #FFFFFF;height:48px;}
  #navi li a img{padding-top:3px;}
  #navi .lastChild a{background:none;}
  .naviLine{padding:0 5px;background-color:#efefef;color:#666;text-align:right;}
  div#content{margin:0 auto;}
  h1{padding:10px 0;font-size:24px;}
  div#content li.maker{background:#FFFFFF url(/sp/common/img/tit_bottom_bg.gif) repeat-x scroll center bottom;font-weight:bold;position:relative;}
  div#content li.maker img{vertical-align:middle;}
  div#content li.maker a{color:#4e4e4e;text-decoration:none;margin:0;font-size:12px;padding:4px 10px;}
  div#content li.maker p{position:absolute;top:29px;right:9px;}
  div#contents_nav{margin:0 auto;}
  div#contents_nav li.maker{background:#FFFFFF url(/sp/common/img/tit_bottom_bg.gif) repeat-x scroll center bottom;font-weight:bold;position:relative;}
  div#contents_nav li.maker a{color:#4e4e4e;text-decoration:none;margin:0;font-size:12px;padding:20px 10px;}
  div#contents_nav li.maker p{position:absolute;top:19px;right:9px;}
  div#contents_nav div.category{height:22px;position:relative;border-top:1px solid #DCE5EF;font-size:15px;background:url("https://ok.goo-net.com/sp/common/img/top/title_bg.gif") repeat-x scroll transparent;-webkit-background-size:1px 39px;position:relative;}
  div#contents_nav div.category h2{color:#ffffff;font-weight:bold;line-height:24px;margin:0 0 0 8px;}
  .red{color:#F00;}
  div.footer{border-top:1px solid #d0d0d0;text-align:center;}
  div.footer a{text-decoration:underline;}
  div.footer_link{background-color:#efefef;border-bottom:1px solid #cccccc;padding:10px 0;font-size:11px;}
  div.footer_link p{line-height:2.0;}
  div.footer p.footer_logo{margin:5px 0 0;}
  .footmaker{width:290px;margin:0 auto;}
  .footmaker ul{margin:0 -10px 10px 0;overflow:hidden;}
  .footmaker ul li{float:left;margin-right:10px;}
  div#content div.category{height:22px;position:relative;border-top:1px solid #DCE5EF;font-size:15px;background:url("https://ok.goo-net.com/sp/common/img/top/title_bg.gif") repeat-x scroll transparent;position:relative;}
  div#content div.category h2{color:#ffffff;font-weight:bold;line-height:24px;margin:0 0 0 8px;}
  #main .detail p{	width: 96%; margin-bottom: 20px; margin: 0 auto;}
  #main .detail p img{	width: 100%;}
  .btn_lnk li,.btn_lnk li:last-child{	float: none; width: 95%; margin: 0 auto 10px;}
  .btn_lnk li a{	padding: 0; margin: 0;}
}

.mb05{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb25{ margin-bottom: 25px !important;}
.mb30{ margin-bottom: 30px !important;}
.mr0{ margin-right: 0 !important;}
.mr10{ margin-right: 10px !important;}