footer { margin: 0; padding: 0; } body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, form, select, option, input address, pre, strong, em, iframe, a { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } li { list-style: none; } a { outline: none !important; } img { border: none; margin: 0; padding: 0; } .flo_left { float: left; } .flo_right { float: right; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .ml10 { margin-left: 10px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .mr10 { margin-right: 10px !important; } .mr20 { margin-right: 20px !important; } .mb15 { margin-bottom: 15px !important; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } a:hover img.link { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } img.opa { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ #commonHeader{ display: block !important; } /* wrap ----------------------------------------------------- */ div.wrap { width: 100%; } div.wrap * { word-wrap: break-word; word-break: break-all; } .txt-right{ text-align: right; } .mg-bt-15{ margin-bottom: 15px; } .spview { display: none; } .spbr{ display: none; } .pcview { display: block; } .ns400{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;} .ns500{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; font-style: normal;} .ns700{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; font-style: normal;} .chiaro{font-family: fot-chiaro-std, sans-serif; font-weight: 700; font-style: normal;} img { user-drag: none; user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; pointer-events: none; } /* index */ #shinpaimuyounosuke{ background: #FFF; } #shinpaimuyounosuke #head{ background: url(/shinpaimuyounosuke/images/index/mv_bg01.png) repeat-x left center; height: 530px; } #shinpaimuyounosuke #head #head_inner_pc{ background: url(/shinpaimuyounosuke/images/index/mv01.jpg) no-repeat center center; background-size: 100% auto; width: 1006px; height: 530px; margin: 0 auto; } #shinpaimuyounosuke #head #head_inner_pc h2{ display: none; text-indent: -9999px; background: url(/shinpaimuyounosuke/images/index/mv01_txt.png?2026) no-repeat center center; width: 1000px; height: 530px; margin: 0 auto; } #shinpaimuyounosuke #head #head_inner_sp{ display: none; } #shinpaimuyounosuke #haishinarea{ background:#0a2d63; padding:12px 0 12px 0; letter-spacing: -.4em; text-align: center; } #shinpaimuyounosuke #haishinarea .hbnrbox{ display: inline-block; width: 198px; height: 85px; margin: 0 2px 0; } #shinpaimuyounosuke #haishinarea .hbnrbox:hover{ opacity:0.8; } #shinpaimuyounosuke #haishinarea .hbnrbox a{ display: block; width: 198px; height: 85px; text-indent: -9999px; transition : 0.3s; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr01{ background: url(/shinpaimuyounosuke/images/index/bnr_tver.png) no-repeat center center; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr02{ background: url(/shinpaimuyounosuke/images/index/bnr_tbsfree.png) no-repeat center center; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr03{ background: url(/shinpaimuyounosuke/images/index/bnr_unext.png) no-repeat center center; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr04{ background: url(/shinpaimuyounosuke/images/index/bnr_hulu.png) no-repeat center center; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr05{ background: url(/shinpaimuyounosuke/images/index/bnr_fod.png) no-repeat center center; } #shinpaimuyounosuke #haishinarea .gaibu{ text-align: center; font-size: 16px; color: #FFF; letter-spacing: 1px; margin:8px 0 0 0; } #shinpaimuyounosuke #localnav{ background:#043993; padding:11px 0 11px 0; } #shinpaimuyounosuke #localnav ul{ display: block; margin: 0 auto 0; width: 1000px; padding: 0 0 0 0; text-align: left; letter-spacing: -.4em; } #shinpaimuyounosuke #localnav ul li{ display:inline-block; width: 156px; vertical-align: middle; margin: 0 0 0 0; padding: 0 0 0 0; letter-spacing:normal; border-right: 2px solid #FFF; } #shinpaimuyounosuke #localnav ul li a{ display:block; width: 100%; height: 70px; text-indent: -9999px; } #shinpaimuyounosuke #localnav ul li.menu01{ border-left: 2px solid #FFF; } #shinpaimuyounosuke #localnav ul li.menu01 a{ background: url(/shinpaimuyounosuke/images/common/menu_01.png) no-repeat center 50%; transition : 0.3s; } #shinpaimuyounosuke #localnav ul li.menu01 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_01.png) no-repeat center -2px; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu02 a{ background: url(/shinpaimuyounosuke/images/common/menu_02.png) no-repeat center 50%; transition : 0.3s; } #shinpaimuyounosuke #localnav ul li.menu02 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_02.png) no-repeat center -2px; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu03 a{ background: url(/shinpaimuyounosuke/images/common/menu_03.png) no-repeat center 50%; transition : 0.3s; } #shinpaimuyounosuke #localnav ul li.menu03 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_03.png) no-repeat center -2px; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu04{ width: 170px; } #shinpaimuyounosuke #localnav ul li.menu04 a{ background: url(/shinpaimuyounosuke/images/common/menu_04.png) no-repeat center 50%; transition : 0.3s; } #shinpaimuyounosuke #localnav ul li.menu04 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_04.png) no-repeat center -2px; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu05 a{ background: url(/shinpaimuyounosuke/images/common/menu_05.png) no-repeat center 50%; transition : 0.3s; } #shinpaimuyounosuke #localnav ul li.menu05 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_05.png) no-repeat center -2px; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu_sns01{ background:none; border-right: 0; width:65px; margin: 0 0 0 25px; } #shinpaimuyounosuke #localnav ul li.menu_sns01 img{ box-shadow: 2px 2px 4px #000; } #shinpaimuyounosuke #localnav ul li.menu_sns01 a{ text-indent: 0; padding:0 0 0 0; height: auto; font-size: 0; line-height: 0; text-align: left; transition : 0.3s; } #shinpaimuyounosuke #localnav ul li.menu_sns01 a:hover{ opacity: 0.8; } #shinpaimuyounosuke #localnav ul li.menu_sns02{ background:none; border-right: 0; width:auto; margin: 0 0 0 0; } #shinpaimuyounosuke #localnav ul li.menu_sns02 a{ text-indent: 0; padding:0 0 0 0; height: auto; font-size: 0; line-height: 0; text-align: left; transition : 0.3s; } #shinpaimuyounosuke #localnav ul li.menu_sns02 a:hover{ opacity: 0.8; } #shinpaimuyounosuke #localnav ul li.menu_sns02 img{ box-shadow: 2px 2px 4px #000; } #shinpaimuyounosuke #indexmain{ background:#e5ebf4; padding:40px 0 50px 0; } #shinpaimuyounosuke #indexmain #yokoku_body{ margin: 0 auto 0; width: 1004px; background: #FFF; border-radius: 3px; padding:40px 0 40px 0; } #shinpaimuyounosuke #indexmain #yokoku_body .moviebox{ margin: 0 auto 35px; width: 930px; } #shinpaimuyounosuke #indexmain #yokoku_body .moviebox .movie { position: relative; width: 100%; padding-top: 56.25%; } #shinpaimuyounosuke #indexmain #yokoku_body .moviebox .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } #shinpaimuyounosuke #indexmain #yokoku_body h3{ margin: 0 auto 25px; width:265px; height: 96px; background: url(/shinpaimuyounosuke/images/index/ttl_yokoku.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl{ display: block; text-align: center; margin: 0 auto 20px; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl span{ display: inline-block; width: 100px; font-size: 24px; line-height: 38px; height: 40px; background: #d51719; color: #FFF; text-align: center; margin: 0 20px 0 0; letter-spacing: 1px; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl strong{ display: inline-block; font-size: 24px; line-height: 40px; letter-spacing: 1px; } #shinpaimuyounosuke #indexmain #yokoku_body .nextdate{ display: block; text-align: center; margin: 0 auto 25px; font-size: 20px; line-height: 30px; letter-spacing: 1px; } #shinpaimuyounosuke #indexmain #yokoku_body .next_txt{ display: block; margin: 0 auto 0; width: 930px; } #shinpaimuyounosuke #indexmain #yokoku_body .next_txt p{ display: block; margin: 0 0 30px 0; font-size: 20px; line-height: 35px; } #shinpaimuyounosuke #indexmain #yokoku_body .lead_txt{ display: block; margin: 0 auto 40px; width: 930px; } #shinpaimuyounosuke #indexmain #yokoku_body .lead_txt p{ display: block; margin: 0 0 30px 0; font-size: 20px; line-height: 36px; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01{ display: block; margin: 0 auto 0; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a{ display: block; transition : 0.1s; position: relative; text-align: center; text-decoration: none; font-size: 24px; line-height: 60px; width: 400px; height: 62px; background: #d51719; color: #FFF; margin: 0 auto 0; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a::before{ content: ''; width: 9px; height: 9px; border: 0; border-top: solid 3px #FFF; border-right: solid 3px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a:hover{ line-height: 57px; } #shinpaimuyounosuke #indexmain02{ background:#e5ebf4; padding:50px 0 50px 0; background: url(/shinpaimuyounosuke/images/index/mv_bg01.png) repeat left center; } #shinpaimuyounosuke #indexmain02 h3{ margin: 0 auto 25px; width:265px; height: 96px; background: url(/shinpaimuyounosuke/images/index/ttl_information.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #indexmain02 #information_body{ margin: 0 auto 0; width: 1004px; overflow-y:auto; height: 350px; box-sizing: border-box; padding: 0 5px 0 0; } #shinpaimuyounosuke #indexmain02 #information_body::after { content: ""; display: block; clear: both; } #shinpaimuyounosuke #indexmain02 #information_body .infobox{ display: block; transition : 0.3s; width: 49.5%; margin: 0 1% 10px 0; float:left; background: #FFF; padding: 20px; box-sizing: border-box; text-decoration: none; } #shinpaimuyounosuke #indexmain02 #information_body .infobox:hover{ opacity: 0.7; } #shinpaimuyounosuke #indexmain02 #information_body .infobox:nth-of-type(2n){ margin: 0 0 10px 0; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl{ display: table; width:100%; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dt{ display: table-cell; width:110px; vertical-align: top; font-size: 0; line-height: 0; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dt img{ width:100%; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd{ display: table-cell; vertical-align: top; padding: 0 0 0 15px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd span{ display:block; font-size: 18px; color: #d51719; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd strong{ display:block; font-size: 18px; color: #000; } #shinpaimuyounosuke #indexmain02 .btnbox01{ display: block; margin: 30px auto 0; } #shinpaimuyounosuke #indexmain02 .btnbox01 a{ display: block; transition : 0.1s; position: relative; text-align: center; text-decoration: none; font-size: 24px; line-height: 60px; width: 400px; height: 62px; background: #d51719; color: #FFF; margin: 0 auto 0; } #shinpaimuyounosuke #indexmain02 .btnbox01 a::before{ content: ''; width: 9px; height: 9px; border: 0; border-top: solid 3px #FFF; border-right: solid 3px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; } #shinpaimuyounosuke #indexmain02 .btnbox01 a:hover{ line-height: 57px; } #shinpaimuyounosuke #footer_bnr{ background:#043993; padding:30px 0 30px 0; } #shinpaimuyounosuke #footer_bnr ul{ display: block; margin: 0 auto 0; width: 1000px; padding:0 0 0 0; letter-spacing: -.4em; text-align: left; } #shinpaimuyounosuke #footer_bnr ul li{ display: inline-block; margin: 10px 20px 10px 0; letter-spacing:normal; font-size: 0; line-height: 0; } #shinpaimuyounosuke #footer_bnr ul li a{ display: block; transition : 0.3s; } #shinpaimuyounosuke #footer_bnr ul li a:hover{ opacity: 0.5; } #shinpaimuyounosuke #footer_bnr ul li:nth-of-type(even){ margin:10px 0 10px 0; } #shinpaimuyounosuke .pagetop a{ display: block; transition : 0.2s; width:80px; height: 106px; text-indent: -9999px; background: url(/shinpaimuyounosuke/images/common/pagetop01.png?202605) no-repeat 0 0; } #shinpaimuyounosuke .pagetop a:hover{ background: url(/shinpaimuyounosuke/images/common/pagetop02.png?202605) no-repeat 0 0; } @media screen and (min-width:768px) and (max-width: 1060px) { #shinpaimuyounosuke #head{ height: auto; } #shinpaimuyounosuke #head #head_inner_pc{ display: none; } #shinpaimuyounosuke #head #head_inner_sp{ display: block; position: relative; font-size: 0; line-height: 0; } #shinpaimuyounosuke #head #head_inner_sp img{ width: 100%; } #shinpaimuyounosuke #head #head_inner_sp p{ display: none; position: absolute; width: 100%; left: 0; top: 0; margin: 0 0 0 0; } #shinpaimuyounosuke #haishinarea{ padding:10px 4% 10px; } #shinpaimuyounosuke #haishinarea .hbnrbox{ width:100px; height:43px; margin: 0 5px 8px; } #shinpaimuyounosuke #haishinarea .hbnrbox a{ width:100px; height:43px; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr01{ background: url(/shinpaimuyounosuke/images/index/bnr_tver.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr02{ background: url(/shinpaimuyounosuke/images/index/bnr_tbsfree.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr03{ background: url(/shinpaimuyounosuke/images/index/bnr_unext.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr04{ background: url(/shinpaimuyounosuke/images/index/bnr_hulu.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr05{ background: url(/shinpaimuyounosuke/images/index/bnr_fod.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .gaibu{ font-size: 12px; margin:3px 0 0 0; } #shinpaimuyounosuke #localnav{ padding:8px 3% 3px; } #shinpaimuyounosuke #localnav ul{ width: 100%; } #shinpaimuyounosuke #localnav ul li{ display:inline-block; width:calc(100%/6); border-right: 2px solid #FFF; box-sizing: border-box; margin: 0 0 8px 0; } #shinpaimuyounosuke #localnav ul li a{ height: 50px; } #shinpaimuyounosuke #localnav ul li.menu01 a{ background: url(/shinpaimuyounosuke/images/common/menu_01.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu01 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_01.png) no-repeat center -2px; background-size:auto 100%; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu02 a{ background: url(/shinpaimuyounosuke/images/common/menu_02.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu02 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_02.png) no-repeat center -2px; background-size:auto 100%; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu03 a{ background: url(/shinpaimuyounosuke/images/common/menu_03.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu03 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_03.png) no-repeat center -2px; background-size:auto 100%; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu04{ border-left: 2px solid #FFF; width:calc(100%/6); } #shinpaimuyounosuke #localnav ul li.menu04 a{ background: url(/shinpaimuyounosuke/images/common/menu_04.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu04 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_04.png) no-repeat center -2px; background-size:auto 100%; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu05 a{ background: url(/shinpaimuyounosuke/images/common/menu_05.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu05 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_05.png) no-repeat center -2px; background-size:auto 100%; opacity: 1; } #shinpaimuyounosuke #localnav ul li.menu_sns01{ width:50px; margin: 0 0 0 15px; } #shinpaimuyounosuke #localnav ul li.menu_sns01 a img{ height: 37px; } #shinpaimuyounosuke #localnav ul li.menu_sns02{ background:none; border-right: 0; width:auto; margin: 0 0 0 0; } #shinpaimuyounosuke #localnav ul li.menu_sns02 a img{ height: 37px; } #shinpaimuyounosuke #indexmain{ padding:20px 2.5% 20px; } #shinpaimuyounosuke #indexmain #yokoku_body{ width: 100%; box-sizing: border-box; border-radius: 2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #indexmain #yokoku_body .moviebox{ margin: 0 auto 20px; width: 100%; } #shinpaimuyounosuke #indexmain #yokoku_body h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/index/ttl_yokoku.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl{ text-align: left; margin: 0 auto 15px; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl span{ display: block; width:80px; font-size:18px; line-height: 28px; height: 30px; margin: 0 0 10px 0; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl strong{ display:block; font-size: 22px; line-height:34px; } #shinpaimuyounosuke #indexmain #yokoku_body .nextdate{ display: block; text-align: left; margin: 0 auto 15px; font-size: 18px; line-height: 28px; letter-spacing: 1px; } #shinpaimuyounosuke #indexmain #yokoku_body .next_txt{ display: block; margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #indexmain #yokoku_body .next_txt p{ display: block; margin: 0 0 30px 0; font-size:18px; line-height:30px; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01{ margin: 0 auto 0; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a{ font-size: 20px; line-height: 50px; width: 80%; height: 52px; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a::before{ width: 7px; height: 7px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a:hover{ line-height: 57px; } #shinpaimuyounosuke #indexmain02{ background:#e5ebf4; padding:30px 3% 30px; background: url(/shinpaimuyounosuke/images/index/mv_bg01.png) repeat left center; } #shinpaimuyounosuke #indexmain02 h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/index/ttl_information.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #indexmain02 #information_body{ margin: 0 auto 0; width: 100%; overflow-y:auto; height:400px; padding: 0 0 0 0; } #shinpaimuyounosuke #indexmain02 #information_body .infobox{ display: block; width:99%; margin: 0 1% 10px 0; float:none; padding:10px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox:nth-of-type(2n){ margin: 0 1% 10px 0; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl{ width:100%; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dt{ width:140px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dt img{ width:100%; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd{ padding: 0 0 0 10px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd span{ font-size:16px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd strong{ font-size: 16px; } #shinpaimuyounosuke #indexmain02 .btnbox01{ margin: 20px auto 0; } #shinpaimuyounosuke #indexmain02 .btnbox01 a{ font-size: 20px; line-height: 50px; width: 80%; height: 52px; } #shinpaimuyounosuke #indexmain02 .btnbox01 a::before{ width: 7px; height: 7px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; } #shinpaimuyounosuke #indexmain02 .btnbox01 a:hover{ line-height: 57px; } #shinpaimuyounosuke #footer_bnr{ padding:20px 0 20px 0; } #shinpaimuyounosuke #footer_bnr ul{ width: 100%; } #shinpaimuyounosuke #footer_bnr ul li{ display: inline-block; width: 40%; margin: 0 10px 0; } #shinpaimuyounosuke #footer_bnr ul li img{ width: 100%; } #shinpaimuyounosuke #footer_bnr ul li:nth-of-type(even){ margin: 0 10px 0; } #shinpaimuyounosuke .pagetop a{ text-align: left; width:50px; height:66px; background: url(/shinpaimuyounosuke/images/common/pagetop01.png?202605) no-repeat 0 0; background-size: 100% auto; } #shinpaimuyounosuke .pagetop a:hover{ background: url(/shinpaimuyounosuke/images/common/pagetop02.png?202605) no-repeat 0 0; background-size: 100% auto; } } @media screen and (max-width: 767px) { #shinpaimuyounosuke #head{ height: auto; } #shinpaimuyounosuke #head #head_inner_pc{ display: none; } #shinpaimuyounosuke #head #head_inner_sp{ display: block; position: relative; font-size: 0; line-height: 0; } #shinpaimuyounosuke #head #head_inner_sp img{ width: 100%; } #shinpaimuyounosuke #head #head_inner_sp p{ display: none; position: absolute; width: 100%; left: 0; top: 0; margin: 0 0 0 0; } #shinpaimuyounosuke #haishinarea{ padding:10px 4% 10px; } #shinpaimuyounosuke #haishinarea .hbnrbox{ width:100px; height:43px; margin: 0 5px 8px; } #shinpaimuyounosuke #haishinarea .hbnrbox a{ width:100px; height:43px; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr01{ background: url(/shinpaimuyounosuke/images/index/bnr_tver.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr02{ background: url(/shinpaimuyounosuke/images/index/bnr_tbsfree.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr03{ background: url(/shinpaimuyounosuke/images/index/bnr_unext.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr04{ background: url(/shinpaimuyounosuke/images/index/bnr_hulu.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .hbnrbox.hbnr05{ background: url(/shinpaimuyounosuke/images/index/bnr_fod.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #haishinarea .gaibu{ font-size: 12px; margin:3px 0 0 0; } #shinpaimuyounosuke #localnav{ padding:8px 2.5% 3px; } #shinpaimuyounosuke #localnav ul{ width: 100%; } #shinpaimuyounosuke #localnav ul li{ display:inline-block; width:32.7%; border-right: 1px solid #FFF; margin: 0 0 8px 0; } #shinpaimuyounosuke #localnav ul li a{ height: 50px; } #shinpaimuyounosuke #localnav ul li.menu01{ border-left: 1px solid #FFF; } #shinpaimuyounosuke #localnav ul li.menu01 a{ background: url(/shinpaimuyounosuke/images/common/menu_01.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu01 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_01.png) no-repeat center -2px; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu02 a{ background: url(/shinpaimuyounosuke/images/common/menu_02.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu02 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_02.png) no-repeat center -2px; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu03 a{ background: url(/shinpaimuyounosuke/images/common/menu_03.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu03 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_03.png) no-repeat center -2px; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu04{ border-left: 1px solid #FFF; width:32.4%; } #shinpaimuyounosuke #localnav ul li.menu04 a{ background: url(/shinpaimuyounosuke/images/common/menu_04.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu04 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_04.png) no-repeat center -2px; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu05 a{ background: url(/shinpaimuyounosuke/images/common/menu_05.png) no-repeat center 50%; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu05 a:hover{ background: url(/shinpaimuyounosuke/images/common/menu_05.png) no-repeat center -2px; background-size:auto 100%; } #shinpaimuyounosuke #localnav ul li.menu_sns01{ width:50px; margin: 0 0 0 15px; } #shinpaimuyounosuke #localnav ul li.menu_sns01 a img{ height: 37px; } #shinpaimuyounosuke #localnav ul li.menu_sns02{ background:none; border-right: 0; width:auto; margin: 0 0 0 0; } #shinpaimuyounosuke #localnav ul li.menu_sns02 a img{ height: 37px; } #shinpaimuyounosuke #indexmain{ padding:20px 2.5% 20px; } #shinpaimuyounosuke #indexmain #yokoku_body{ width: 100%; box-sizing: border-box; border-radius: 2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #indexmain #yokoku_body .moviebox{ margin: 0 auto 20px; width: 100%; } #shinpaimuyounosuke #indexmain #yokoku_body h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/index/ttl_yokoku.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl{ text-align: left; margin: 0 auto 15px; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl span{ display: block; width:80px; font-size:18px; line-height: 28px; height: 30px; margin: 0 0 10px 0; } #shinpaimuyounosuke #indexmain #yokoku_body h4.next_ttl strong{ display:block; font-size: 22px; line-height:34px; font-weight: 700; } #shinpaimuyounosuke #indexmain #yokoku_body .nextdate{ display: block; text-align: left; margin: 0 auto 15px; font-size: 18px; line-height: 28px; letter-spacing: 1px; } #shinpaimuyounosuke #indexmain #yokoku_body .next_txt{ display: block; margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #indexmain #yokoku_body .next_txt p{ display: block; margin: 0 0 30px 0; font-size:18px; line-height:30px; } #shinpaimuyounosuke #indexmain #yokoku_body .lead_txt{ margin: 0 auto 20px; width: 100%; } #shinpaimuyounosuke #indexmain #yokoku_body .lead_txt p{ display: block; margin: 0 0 30px 0; font-size: 18px; line-height: 30px; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01{ margin: 0 auto 0; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a{ font-size: 20px; line-height: 50px; width: 80%; height: 52px; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a::before{ width: 7px; height: 7px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; } #shinpaimuyounosuke #indexmain #yokoku_body .btnbox01 a:hover{ line-height: 57px; } #shinpaimuyounosuke #indexmain02{ background:#e5ebf4; padding:30px 3% 30px; background: url(/shinpaimuyounosuke/images/index/mv_bg01.png) repeat left center; } #shinpaimuyounosuke #indexmain02 h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/index/ttl_information.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #indexmain02 #information_body{ margin: 0 auto 0; width: 100%; overflow-y:auto; height:400px; padding: 0 0 0 0; } #shinpaimuyounosuke #indexmain02 #information_body .infobox{ display: block; width:99%; margin: 0 1% 10px 0; float:none; padding:10px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox:nth-of-type(2n){ margin: 0 1% 10px 0; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl{ width:100%; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dt{ width:140px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dt img{ width:100%; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd{ padding: 0 0 0 10px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd span{ font-size:16px; } #shinpaimuyounosuke #indexmain02 #information_body .infobox dl dd strong{ font-size: 16px; } #shinpaimuyounosuke #indexmain02 .btnbox01{ margin: 20px auto 0; } #shinpaimuyounosuke #indexmain02 .btnbox01 a{ font-size: 20px; line-height: 50px; width: 80%; height: 52px; } #shinpaimuyounosuke #indexmain02 .btnbox01 a::before{ width: 7px; height: 7px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; } #shinpaimuyounosuke #indexmain02 .btnbox01 a:hover{ line-height: 57px; } #shinpaimuyounosuke #footer_bnr{ padding:30px 10% 25px; } #shinpaimuyounosuke #footer_bnr ul{ width: 100%; } #shinpaimuyounosuke #footer_bnr ul li{ display: block; margin: 0 0 15px 0; } #shinpaimuyounosuke #footer_bnr ul li a img{ width: 100%; } #shinpaimuyounosuke .pagetop a{ text-align: left; width:50px; height:66px; background: url(/shinpaimuyounosuke/images/common/pagetop01.png?202605) no-repeat 0 0; background-size: 100% auto; } #shinpaimuyounosuke .pagetop a:hover{ background: url(/shinpaimuyounosuke/images/common/pagetop02.png?202605) no-repeat 0 0; background-size: 100% auto; } } /* common */ #shinpaimuyounosuke #head02{ background: url(/shinpaimuyounosuke/images/index/mv_bg01.png) repeat-x left center; } #shinpaimuyounosuke #head02 #head_inner_pc{ background: url(/shinpaimuyounosuke/images/common/mv02.jpg?2026) no-repeat center center; background-size: 100% auto; width: 1000px; height: 195px; margin: 0 auto; } #shinpaimuyounosuke #head02 #head_inner_pc h2{ display: none; background: url(/shinpaimuyounosuke/images/common/mv02_txt.png) no-repeat center center; width: 1000px; height: 195px; margin: 0 auto; } #shinpaimuyounosuke #head02 #head_inner_pc h2 a{ display: block; text-indent: -9999px; width: 100%; height: 195px; margin: 0 auto; } #shinpaimuyounosuke #head02 #head_inner_pc h2:hover{ opacity: 0.7; } #shinpaimuyounosuke #head02 #head_inner_sp{ display: none; } @media screen and (min-width:768px) and (max-width: 1060px) { #shinpaimuyounosuke #head02{ height: auto; } #shinpaimuyounosuke #head02 #head_inner_pc{ display: none; } #shinpaimuyounosuke #head02 #head_inner_sp{ display: block; position: relative; font-size: 0; line-height: 0; } #shinpaimuyounosuke #head02 #head_inner_sp img{ width: 100%; } #shinpaimuyounosuke #head02 #head_inner_sp p{ display: none; position: absolute; width: 100%; left: 0; top: 0; margin: 0 0 0 0; } #shinpaimuyounosuke #head02 #head_inner_sp p a{ display: block; } } @media screen and (max-width: 767px) { #shinpaimuyounosuke #head02{ height: auto; } #shinpaimuyounosuke #head02 #head_inner_pc{ display: none; } #shinpaimuyounosuke #head02 #head_inner_sp{ display: block; position: relative; font-size: 0; line-height: 0; } #shinpaimuyounosuke #head02 #head_inner_sp img{ width: 100%; } #shinpaimuyounosuke #head02 #head_inner_sp p{ display: none; position: absolute; width: 100%; left: 0; top: 0; margin: 0 0 0 0; } #shinpaimuyounosuke #head02 #head_inner_sp p a{ display: block; } } /* intro */ #shinpaimuyounosuke #intromain{ background:#e5ebf4; padding:50px 0 50px 0; } #shinpaimuyounosuke #intromain h3{ margin: 0 auto 25px; width:265px; height: 96px; background: url(/shinpaimuyounosuke/images/intro/intro_ttl.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #intromain #intro_body{ margin: 0 auto 0; width: 1000px; background: #FFF; border-radius: 3px; padding:30px 25px 30px; box-sizing: border-box; } #shinpaimuyounosuke #intromain #intro_body p{ display: block; margin: 0 0 40px 0; font-size: 20px; line-height: 38px; } #shinpaimuyounosuke #intromain #intro_body h4{ display: block; margin: 0 0 30px 0; font-size: 30px; line-height: 32px; padding: 13px 0 16px; text-align: center; background: #043993; color: #FFF; } #shinpaimuyounosuke #intromain #intro_body h4.ruby{ padding: 25px 0 13px; } #shinpaimuyounosuke #intromain #intro_body h4 span{ font-size:24px; } #shinpaimuyounosuke #intromain #intro_body .profilebox{ display: table; width:99%; margin: 0 auto 50px; } #shinpaimuyounosuke #intromain #intro_body .profilebox .ptxt01{ display: table-cell; vertical-align: top; padding: 0 48px 0 0; } #shinpaimuyounosuke #intromain #intro_body .profilebox .pimg01{ display: table-cell; width: 280px; vertical-align: top; font-size: 0; line-height: 0; } @media screen and (min-width:768px) and (max-width: 1060px) { #shinpaimuyounosuke #intromain{ background:#e5ebf4; width: 100%; padding:50px 0 50px 0; } #shinpaimuyounosuke #intromain h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/intro/intro_ttl.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #intromain #intro_body{ margin: 0 auto 0; width: 94%; background: #FFF; border-radius: 3px; padding:30px 25px 30px; box-sizing: border-box; } #shinpaimuyounosuke #intromain #intro_body p{ display: block; margin: 0 0 40px 0; font-size: 20px; line-height: 38px; } #shinpaimuyounosuke #intromain #intro_body h4{ display: block; margin: 0 0 30px 0; font-size: 30px; line-height: 32px; padding: 13px 0 16px; text-align: center; background: #043993; color: #FFF; } #shinpaimuyounosuke #intromain #intro_body h4.ruby{ padding: 25px 0 13px; } #shinpaimuyounosuke #intromain #intro_body h4 span{ font-size:24px; } #shinpaimuyounosuke #intromain #intro_body .profilebox{ display: table; width:99%; margin: 0 auto 50px; } #shinpaimuyounosuke #intromain #intro_body .profilebox .ptxt01{ display: table-cell; vertical-align: top; padding: 0 48px 0 0; } #shinpaimuyounosuke #intromain #intro_body .profilebox .pimg01{ display: table-cell; width: 280px; vertical-align: top; font-size: 0; line-height: 0; } } @media screen and (max-width: 767px) { #shinpaimuyounosuke #intromain{ background:#e5ebf4; padding:30px 2.5% 20px; } #shinpaimuyounosuke #intromain h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/intro/intro_ttl.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #intromain #intro_body{ width: 100%; border-radius:2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #intromain #intro_body p{ display: block; margin: 0 0 30px 0; font-size:18px; line-height:30px; } #shinpaimuyounosuke #intromain #intro_body h4{ margin: 0 0 20px 0; font-size: 20px; line-height: 24px; padding: 10px 0 12px; } #shinpaimuyounosuke #intromain #intro_body h4.ruby{ padding: 20px 0 12px; } #shinpaimuyounosuke #intromain #intro_body h4 span{ font-size:16px; line-height: 24px; } #shinpaimuyounosuke #intromain #intro_body .profilebox{ display: block; width:99%; margin: 0 auto 40px; } #shinpaimuyounosuke #intromain #intro_body .profilebox .ptxt01{ display: block; padding: 0 0 0 0; } #shinpaimuyounosuke #intromain #intro_body .profilebox .ptxt01 p{ margin: 0 auto 20px; } #shinpaimuyounosuke #intromain #intro_body .profilebox .pimg01{ display: block; width: 200px; margin: 0 auto 0; } #shinpaimuyounosuke #intromain #intro_body .profilebox .pimg01 img{ width: 100%; } } /* story */ #shinpaimuyounosuke #storymain{ background:#e5ebf4; padding:50px 0 50px 0; } #shinpaimuyounosuke #storymain h3{ margin: 0 auto 25px; width:265px; height: 96px; background: url(/shinpaimuyounosuke/images/story/story_ttl.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #storymain #story_body{ margin: 0 auto 0; width: 1000px; background: #FFF; border-radius: 3px; padding:40px 25px 30px; box-sizing: border-box; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl{ display: block; text-align: center; margin: 0 auto 15px; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl span{ display: inline-block; width: 100px; font-size: 24px; line-height: 38px; height: 40px; background: #d51719; color: #FFF; text-align: center; margin: 0 20px 0 0; letter-spacing: 1px; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl strong{ display: inline-block; font-size: 24px; line-height: 40px; letter-spacing: 1px; } #shinpaimuyounosuke #storymain #story_body .nextdate{ display: block; text-align: center; margin: 0 auto 35px; font-size: 20px; line-height: 30px; letter-spacing: 1px; } #shinpaimuyounosuke #storymain #story_body .moviebox{ margin: 0 auto 40px; width: 930px; } #shinpaimuyounosuke #storymain #story_body .moviebox .movie { position: relative; width: 100%; padding-top: 56.25%; } #shinpaimuyounosuke #storymain #story_body .moviebox .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } #shinpaimuyounosuke #storymain #story_body .next_txt{ display: block; margin: 0 auto 40px; width: 930px; } #shinpaimuyounosuke #storymain #story_body .next_txt p{ display: block; margin: 0 0 0 0; font-size: 20px; line-height: 35px; } #shinpaimuyounosuke #storymain #story_body .storybox { display: block; margin: 0 auto 0; width: 930px; } #shinpaimuyounosuke #storymain #story_body .storybox ul{ display: block; margin:35px 0 0 0; } #shinpaimuyounosuke #storymain #story_body .storybox ul::after { content: ""; display: block; clear: both; } #shinpaimuyounosuke #storymain #story_body .storybox ul li{ display: block; width: 49.5%; margin: 0 1% 8px 0; float:left; font-size: 0; line-height: 0; } #shinpaimuyounosuke #storymain #story_body .storybox ul li img{ width: 100%; } #shinpaimuyounosuke #storymain #story_body .storybox ul li:nth-of-type(2n){ margin: 0 0 10px 0; } #shinpaimuyounosuke #storymain2{ background:#e5ebf4; padding:50px 3% 30px; background: url(/shinpaimuyounosuke/images/index/mv_bg01.png) repeat left center; } #shinpaimuyounosuke #storymain2 h3{ margin: 0 auto 30px; width:410px; height: 96px; background: url(/shinpaimuyounosuke/images/story/back_ttl.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #storymain2 #buck_body{ margin: 0 auto 0; width: 1000px; } #shinpaimuyounosuke #storymain2 #buck_body::after { content: ""; display: block; clear: both; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item{ margin: 0 20px 20px 0; width: 210px; float: left; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item:nth-of-type(4n){ margin: 0 0 20px 0; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #cccccc; text-decoration: none; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item a:hover{ opacity: 0.8; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img{ display: block; margin: 0 0 0 0; background: #cccccc; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story01{ background: url(/shinpaimuyounosuke/images/story/01/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story02{ background: url(/shinpaimuyounosuke/images/story/02/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story03{ background: url(/shinpaimuyounosuke/images/story/03/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story04{ background: url(/shinpaimuyounosuke/images/story/04/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story05{ background: url(/shinpaimuyounosuke/images/story/05/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story06{ background: url(/shinpaimuyounosuke/images/story/06/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story07{ background: url(/shinpaimuyounosuke/images/story/07/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story08{ background: url(/shinpaimuyounosuke/images/story/08/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story09{ background: url(/shinpaimuyounosuke/images/story/09/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story10{ background: url(/shinpaimuyounosuke/images/story/10/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_txt{ display: block; margin: 0 0 0 0; padding: 10px 10px 13px; background: #FFF; text-align: left; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_txt span{ display: block; margin: 0 0 3px 0; font-size: 20px; color: #d51719; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_txt strong{ display: block; margin: 0 0 0 0; font-size:16px; line-height: 23px; color: #000; } @media screen and (min-width:768px) and (max-width: 1060px) { #shinpaimuyounosuke #storymain{ padding:20px 2.5% 20px; box-sizing: border-box; } #shinpaimuyounosuke #storymain h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/story/story_ttl.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain #story_body{ width: 100%; box-sizing: border-box; border-radius: 2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #storymain #story_body .moviebox{ margin: 0 auto 20px; width: 100%; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl{ text-align: left; margin: 0 auto 15px; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl span{ display: block; width:80px; font-size:18px; line-height: 28px; height: 30px; margin: 0 0 10px 0; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl strong{ display:block; font-size: 22px; line-height:34px; font-weight: 700; } #shinpaimuyounosuke #storymain #story_body .nextdate{ display: block; text-align: left; margin: 0 auto 15px; font-size: 18px; line-height: 28px; letter-spacing: 1px; } #shinpaimuyounosuke #storymain #story_body .next_txt{ display: block; margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #storymain #story_body .next_txt p{ display: block; margin: 0 0 30px 0; font-size:16px; line-height:30px; } #shinpaimuyounosuke #storymain #story_body .storybox { display: block; margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #storymain #story_body .storybox img{ width: 100%; } #shinpaimuyounosuke #storymain2{ padding:20px 2.5% 20px; box-sizing: border-box; background: url(/shinpaimuyounosuke/images/index/mv_bg01.png) repeat left center; } #shinpaimuyounosuke #storymain2 h3{ margin: 0 auto 15px; width:210px; height:54px; background: url(/shinpaimuyounosuke/images/story/back_ttl.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body{ margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item{ margin: 0 0.5% 20px; width: 32%; float: left; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item img{ width: 100%; } } @media screen and (max-width: 767px) { #shinpaimuyounosuke #storymain{ padding:20px 2.5% 20px; box-sizing: border-box; } #shinpaimuyounosuke #storymain h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/story/story_ttl.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain #story_body{ width: 100%; box-sizing: border-box; border-radius: 2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #storymain #story_body .moviebox{ margin: 0 auto 20px; width: 100%; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl{ text-align: left; margin: 0 auto 15px; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl span{ display: block; width:80px; font-size:18px; line-height: 28px; height: 30px; margin: 0 0 10px 0; } #shinpaimuyounosuke #storymain #story_body h4.next_ttl strong{ display:block; font-size: 22px; line-height:34px; font-weight: 700; } #shinpaimuyounosuke #storymain #story_body .nextdate{ display: block; text-align: left; margin: 0 auto 15px; font-size: 18px; line-height: 28px; letter-spacing: 1px; } #shinpaimuyounosuke #storymain #story_body .next_txt{ display: block; margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #storymain #story_body .next_txt p{ display: block; margin: 0 0 30px 0; font-size:16px; line-height:30px; } #shinpaimuyounosuke #storymain #story_body .storybox { display: block; margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #storymain #story_body .storybox ul{ display: block; margin:25px 0 0 0; } #shinpaimuyounosuke #storymain #story_body .storybox ul li{ display: block; width: 100%; margin: 0 0 10px 0; float:none; } #shinpaimuyounosuke #storymain #story_body .storybox ul li:nth-of-type(2n){ margin: 0 0 10px 0; } #shinpaimuyounosuke #storymain2{ padding:20px 2.5% 20px; box-sizing: border-box; background: url(/shinpaimuyounosuke/images/index/mv_bg01.png) repeat left center; } #shinpaimuyounosuke #storymain2 h3{ margin: 0 auto 15px; width:210px; height:54px; background: url(/shinpaimuyounosuke/images/story/back_ttl.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body{ margin: 0 auto 0; width: 94%; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item{ margin: 0 0.5% 20px; width: 49%; float: left; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item:nth-of-type(4n){ margin: 0 0.5% 20px; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item a{ border-radius:5px; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img{ display: block; margin: 0 0 0 0; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img img{ width: 100%; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story01{ background: url(/shinpaimuyounosuke/images/story/01/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story02{ background: url(/shinpaimuyounosuke/images/story/02/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story03{ background: url(/shinpaimuyounosuke/images/story/03/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story04{ background: url(/shinpaimuyounosuke/images/story/04/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story05{ background: url(/shinpaimuyounosuke/images/story/05/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story06{ background: url(/shinpaimuyounosuke/images/story/06/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story07{ background: url(/shinpaimuyounosuke/images/story/07/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story08{ background: url(/shinpaimuyounosuke/images/story/08/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story09{ background: url(/shinpaimuyounosuke/images/story/09/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_img.story10{ background: url(/shinpaimuyounosuke/images/story/10/01.jpg) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_txt{ padding: 8px 8px 9px; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_txt span{ margin: 0 0 3px 0; font-size:16px; } #shinpaimuyounosuke #storymain2 #buck_body .buck_item .bi_txt strong{ margin: 0 0 0 0; font-size:14px; line-height: 22px; } } /* news */ #shinpaimuyounosuke #newsmain{ background:#e5ebf4; padding:50px 0 50px 0; } #shinpaimuyounosuke #newsmain h3{ margin: 0 auto 25px; width:265px; height: 96px; background: url(/shinpaimuyounosuke/images/news/ttl_information.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #newsmain #news_body{ margin: 0 auto 0; width: 1000px; box-sizing: border-box; } #shinpaimuyounosuke #newsmain #news_body .newsbox{ display:block; border-radius: 3px; margin: 0 auto 30px; padding:35px 35px; background: #FFF; font-feature-settings: "palt"; } #shinpaimuyounosuke #newsmain #news_body .newsbox:nth-last-of-type(1){ margin: 0 auto 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4{ display: block; margin: 0 auto 30px; letter-spacing: -.4em; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #d51719; color: #FFF; width:130px; height: 40px; line-height: 38px; text-align: center; letter-spacing: 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4 strong{ display: block; font-size: 24px; color: #000; letter-spacing: 1px; margin:20px 0 0 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tpimgt01{ font-size: 0; line-height: 0; text-align: center; margin: 0 0 30px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tpimgt02{ width: 750px; font-size: 0; line-height: 0; text-align: center; margin: 0 auto 30px; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tpimgt02 img{ width: 100%; } #shinpaimuyounosuke #newsmain #news_body .newsbox p strong{ font-weight: 700; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 50px 0; word-break: break-all; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01.mgn02{ margin: 0 0 30px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01.mgn00{ margin: 0 0 0 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt02{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 25px 0; word-break: break-all; color: #000; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt03{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 15px 0; word-break: break-all; text-decoration: underline; } #shinpaimuyounosuke #newsmain #news_body .newsbox a{ color: #000; text-decoration: underline; } #shinpaimuyounosuke #newsmain #news_body .newsbox a:hover{ text-decoration: none; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01{ display: block; margin: 30px auto 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01 a{ display: block; transition : 0.1s; position: relative; text-align: center; text-decoration: none; font-size: 24px; line-height: 60px; width: 400px; height: 62px; background: #043993; color: #FFF; margin: 0 auto 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01 a::before{ content: ''; width: 9px; height: 9px; border: 0; border-top: solid 3px #FFF; border-right: solid 3px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01 a:hover{ line-height: 57px; } @media screen and (min-width:768px) and (max-width: 1060px) { #shinpaimuyounosuke #newsmain{ background:#e5ebf4; padding:30px 2.5% 20px; } #shinpaimuyounosuke #newsmain h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/news/ttl_information.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #newsmain #news_body{ margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #newsmain #news_body .newsbox{ border-radius: 3px; margin: 0 auto 20px; padding:20px 15px; } #shinpaimuyounosuke #newsmain #news_body .newsbox:nth-last-of-type(1){ margin: 0 auto 20px; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4{ margin: 0 auto 15px; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4 span{ display: block; font-size:16px; border-radius: 3px; margin: 0 0 8px 0; width:110px; height: 32px; line-height: 28px; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4 strong{ display: block; font-size: 20px; margin:10px 0 0 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tpimgt01{ margin: 0 0 15px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tpimgt02{ width: 94%; margin: 0 auto 15px; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01{ font-size: 16px; line-height:30px; margin: 0 0 20px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01.mgn02{ margin: 0 0 30px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01.mgn00{ margin: 0 0 0 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt02{ font-size: 16px; line-height:30px; margin: 0 0 25px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt03{ font-size: 16px; line-height:30px; margin: 0 0 15px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01{ margin: 20px auto 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01 a{ font-size: 16px; line-height: 50px; width: 90%; height: 52px; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01 a::before{ content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; } } @media screen and (max-width: 767px) { #shinpaimuyounosuke #newsmain{ background:#e5ebf4; padding:30px 2.5% 20px; } #shinpaimuyounosuke #newsmain h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/news/ttl_information.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #newsmain #news_body{ margin: 0 auto 0; width: 100%; } #shinpaimuyounosuke #newsmain #news_body .newsbox{ border-radius: 3px; margin: 0 auto 20px; padding:20px 15px; } #shinpaimuyounosuke #newsmain #news_body .newsbox:nth-last-of-type(1){ margin: 0 auto 20px; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4{ margin: 0 auto 15px; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4 span{ display: block; font-size:16px; border-radius: 3px; margin: 0 0 8px 0; width:110px; height: 32px; line-height: 28px; } #shinpaimuyounosuke #newsmain #news_body .newsbox h4 strong{ display: block; font-size: 20px; margin:10px 0 0 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tpimgt01{ margin: 0 0 15px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tpimgt02{ width: 94%; margin: 0 auto 15px; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01{ font-size: 16px; line-height:30px; margin: 0 0 20px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01.mgn02{ margin: 0 0 30px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt01.mgn00{ margin: 0 0 0 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt02{ font-size: 16px; line-height:30px; margin: 0 0 25px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox p.tptxt03{ font-size: 16px; line-height:30px; margin: 0 0 15px 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01{ margin: 20px auto 0; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01 a{ font-size: 16px; line-height: 50px; width: 90%; height: 52px; } #shinpaimuyounosuke #newsmain #news_body .newsbox .btnbox01 a::before{ content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; } } /* cast staff */ #shinpaimuyounosuke #casrmain{ background:#e5ebf4; padding:50px 0 50px 0; } #shinpaimuyounosuke #casrmain h3{ margin: 0 auto 25px; width:265px; height: 96px; background: url(/shinpaimuyounosuke/images/cast/ttl_cast.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #casrmain h3.staff{ margin: 0 auto 25px; width:265px; height: 96px; background: url(/shinpaimuyounosuke/images/staff/staff_ttl.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #casrmain #cast_body{ margin: 0 auto 0; width: 1000px; background: #FFF; border-radius: 3px; padding:40px 25px 30px; box-sizing: border-box; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02{ display: table; margin: 0 auto 0; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl{ display:table-row; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dt{ display: table-cell; width: 48%; box-sizing: border-box; padding: 0 4px 25px 0; text-align: right; color: #000; vertical-align: top; font-size: 20px; line-height:31px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd{ display: table-cell; box-sizing: border-box; padding: 0 0 25px 4px; text-align: left; vertical-align: top; font-size: 20px; line-height: 31px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd span{ display: inline-block; vertical-align: top; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd:nth-of-type(1){ text-align: center; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd:nth-of-type(2){ width: 48%; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd a:hover{ opacity: 0.7; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dt.padb10{ padding-bottom:10px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd.padb10{ padding-bottom:10px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dt.padb60{ padding-bottom:60px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd.padb60{ padding-bottom:60px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03{ display: table; margin: 0 auto 0; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl{ display:table-row; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dt{ display: table-cell; width: 25%; box-sizing: border-box; padding: 0 4px 25px 0; text-align: right; color: #000; vertical-align: top; font-size: 20px; line-height:31px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd{ display: table-cell; box-sizing: border-box; padding: 0 0 25px 4px; text-align: left; vertical-align: top; font-size: 20px; line-height: 31px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd span{ display: inline-block; vertical-align: top; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd:nth-of-type(1){ text-align: center; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd:nth-of-type(2){ width: 70%; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd a:hover{ opacity: 0.7; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dt.padb10{ padding-bottom:10px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd.padb10{ padding-bottom:10px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dt.padb60{ padding-bottom:60px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd.padb60{ padding-bottom:60px; } #shinpaimuyounosuke #casrmain02{ background:#e5ebf4; padding:50px 0 50px 0; } #shinpaimuyounosuke #casrmain02 h3{ margin: 0 auto 25px; width:265px; height: 96px; background: url(/shinpaimuyounosuke/images/cast/ttl_sokan.png) no-repeat center center; text-indent: -9999px; } #shinpaimuyounosuke #casrmain02 #cast_body{ margin: 0 auto 0; width: 1000px; background: #FFF; border-radius: 3px; padding:40px 25px 30px; box-sizing: border-box; } #shinpaimuyounosuke #casrmain02 #cast_body .txtbox_cs{ font-size: 30px; line-height:31px; font-weight: 700; text-align: center; margin: 0 0 0 0; } @media screen and (min-width:768px) and (max-width: 1060px) { #shinpaimuyounosuke #casrmain{ padding:20px 2.5% 30px; box-sizing: border-box; } #shinpaimuyounosuke #casrmain h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/cast/ttl_cast.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #casrmain #cast_body{ width: 100%; box-sizing: border-box; border-radius: 2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #casrmain02{ padding:10px 2.5% 20px; box-sizing: border-box; } #shinpaimuyounosuke #casrmain02 h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/cast/ttl_cast.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #casrmain02 #cast_body{ width: 100%; box-sizing: border-box; border-radius: 2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #casrmain02 #cast_body .txtbox_cs{ font-size: 30px; line-height:31px; font-weight: 700; text-align: center; margin: 0 0 0 0; } } @media screen and (max-width: 767px) { #shinpaimuyounosuke #casrmain{ padding:20px 2.5% 30px; box-sizing: border-box; } #shinpaimuyounosuke #casrmain h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/cast/ttl_cast.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #casrmain h3.staff{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/staff/staff_ttl.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #casrmain #cast_body{ width: 100%; box-sizing: border-box; border-radius: 2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02{ display: block; margin: 0 auto 0; text-align: center; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl{ display: block; margin: 0 0 10px 0; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dt{ display: inline; padding: 0 0 15px 0; font-size:16px; line-height: 25px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd{ display: inline; padding: 0 0 15px 0; font-size:16px; line-height: 25px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd span{ display: block; margin:5px 0 0 0;} #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd span img{ height: 21px;} #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dt.padb10{ padding-bottom:10px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd.padb10{ padding-bottom:10px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dt.padb60{ padding-bottom:30px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd.padb60{ padding-bottom:30px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd:nth-of-type(2){ width: auto;} #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl02 dl dd:nth-of-type(2) br{ display: none;} #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03{ display: table; margin: 0 auto 0; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl{ display:table-row; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dt{ display: table-cell; width: 42%; box-sizing: border-box; padding: 0 0 15px 0; font-size:12px; line-height:24px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd{ display: table-cell; box-sizing: border-box; padding: 0 0 15px 0; font-size: 12px; line-height: 24px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd span{ display: inline-block; vertical-align: top; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd:nth-of-type(1){ text-align: center; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd:nth-of-type(2){ width: 50%; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd a:hover{ opacity: 0.7; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dt.padb10{ padding-bottom:10px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd.padb10{ padding-bottom:10px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dt.padb60{ padding-bottom:60px; } #shinpaimuyounosuke #casrmain #cast_body .txtbox01 .tbl03 dl dd.padb60{ padding-bottom:60px; } #shinpaimuyounosuke #casrmain02{ padding:10px 2.5% 20px; box-sizing: border-box; } #shinpaimuyounosuke #casrmain02 h3{ margin: 0 auto 15px; width:150px; height:54px; background: url(/shinpaimuyounosuke/images/cast/ttl_sokan.png) no-repeat center center; background-size: 100% auto; } #shinpaimuyounosuke #casrmain02 #cast_body{ width: 100%; box-sizing: border-box; border-radius: 2px; padding:20px 2.5% 20px; } #shinpaimuyounosuke #casrmain02 #cast_body .txtbox_cs{ font-size: 20px; line-height:31px; } } .pagetop{ position: fixed; bottom: 20px; right: 20px; font-size: 14px; line-height: 1; z-index: 99; } .pagetop p{ margin: 0 0 0 0; } img{ -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; user-select:none; } @media screen and (min-width:768px) and (max-width: 1060px) { .pcview{ display: none; } .spview{ display: block; } } @media screen and (max-width: 767px) { .spview{ display: block; } .spbr{ display: inline; } .pcview{ display: none; } } .menu { position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; padding: 0 0 50px 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); opacity: 0; pointer-events: none; visibility: hidden; transition: all 0.3s ease; transition-property: opacity, pointer-events, visibility; } .menu.is-show { opacity: 1; pointer-events: auto; visibility: visible; } .menu_content { width: 600px; padding:25px; box-sizing: border-box; background: #fff; position: relative; margin: 0 0 120px 0; } .menu_title { margin: 0 0 10px 0; background: url(/shinpaimuyounosuke/images/index/icone_menu.png) no-repeat left 50%; padding: 0 0 0 50px; font-size: 30px; font-weight: 800; letter-spacing: 2px; } .menu_list{ display: block; margin: 0 0 30px 0; color: #920783; } .menu_list_item{ display: block; font-size: 28px; margin: 0 0 5px 0; } .menu_list_item span{ color: #666; } .menu_list_item em{ font-size: 20px; font-style: normal; } .menu_list_item a{ font-size: 28px; color: #920783; } .menu_list_item a:hover{ text-decoration: none; } #hm_close { margin: 0 0 0; cursor: pointer; position: absolute; bottom: -75px; left: 0; width: 100%; text-align: center; } #hm_close img:hover{ opacity: 0.8; } @media screen and (max-width: 767px) { .menu_content { width: 90%; margin: 0 0 120px 0; } .menu_title { margin: 0 0 10px 0; background: url(/shinpaimuyounosuke/images/index/icone_menu.png) no-repeat left 50%; background-size: 30px auto; padding: 0 0 0 40px; font-size: 24px; letter-spacing: 2px; } .menu_list{ display: block; margin: 0 0 20px 0; } .menu_list_item{ font-size: 20px; margin: 0 0 5px 0; } .menu_list_item a{ font-size: 20px; } #hm_close { margin: 0 0 0; cursor: pointer; position: absolute; bottom: -65px; left: 0; width: 100%; text-align: center; } #hm_close img{ width: 40px; } }