@charset "UTF-8"; #main_image { background-color: #1a1712; } /* ------------------------------------------- 扉ページ ---------------------------------------------- */ #contents_wrap_top { font-size: 116.6%; padding-top: 40px; } #contents_wrap_top .lead { font-size: 128.6%; font-weight: bold; text-align: center; margin-bottom: 20px; } #report_list .load_ready {position: relative; margin-bottom: 45px; padding: 100px 0; } #report_list i{ font-style: italic; } #report_list > .wrap { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #report_list .report_item { width: 30.6%; margin-left: 4%; margin-bottom: 40px; opacity: 1; visibility: visible; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } #report_list .report_item.hide { opacity: 0; visibility: hidden; } #report_list .wrap .report_item:nth-of-type(3n+1) { margin-left: 0; } #report_list .report_item .label { font-size: 114.3%; font-weight: bold; } #report_list .report_item .image { margin-top: 10px; } #report_list .report_item .image a{display: block;position: relative;width: 100%;height: 0;padding-top:72.052%;} #report_list .report_item .image img { position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%; } #report_list .report_item .image .copy { font-size: 85.7%; margin-top: 10px;} #report_list .report_item .link { margin-top: 15px; } #report_list .report_item .link .button { background-color: #01abed; padding: 20px 0 18px; font-size: 100%; } #report_list .report_item .link .button:hover { background-color: #1bb4ef; } #report_list .report_item_top { width: 100%; float: none; background: url(../img/thumb_shadow.png) no-repeat center bottom; margin-left: 0; padding-bottom: 18px; position:relative; } #report_list .report_item_top .wrap { background-color: #f7f7f7; border: 1px solid #e0e0e0; padding: 40px 5.6% 40px 11.2%; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } #report_list .report_item_top.multi .wrap:nth-of-type(1) { border-bottom: none; padding-bottom: 30px; } #report_list .report_item_top.multi .wrap+.wrap {border-top: none; margin-top: -1px; padding-top: 0;} #report_list .report_item_top .new { position: absolute; top: -8px; left: -7px; } #report_list .report_item_top .text { width: 49.1%; float: right; font-size: 114.3%; padding-top: 50px; margin-left: 6%; } #report_list .report_item_top .label { font-size: 125%; font-weight: bold; } #report_list .report_item_top .link { margin-top: 25px; } #report_list .report_item_top .image { width:43.2%; float: right; } #report_list #more_item a { display: block; margin: 20px 0 50px; padding: 0.4em 10px 0.3em; background-color: #a1a1a1; text-align: center; } #report_list #more_item a:hover { background-color: #ababab; } #report_list #more_item a em { display: inline-block; background: url(/club-me/common/image/arr_under.png) no-repeat 0 0.55em; padding-left: 15px; font-weight: bold; color: #fff; } @media only screen and (max-width: 767px) { #contents_wrap_top { font-size: 100%; padding: 50px 20px 0; } #contents_wrap_top .lead { font-size: 114.3%; text-align: left; margin-bottom: 40px; } #report_list > .wrap { display: block; } #report_list .report_item { width: 100%; float: none; margin-left: 0; margin-bottom: 30px; } #report_list .report_item .label { margin-bottom: 10px; } #report_list .report_item_top { background: url(../img/thumb_shadow_x2.png) no-repeat center bottom; background-size: 280px 5px; padding-bottom: 5px; } #report_list .report_item_top .wrap { width: auto; padding: 0 20px 20px; } #report_list .report_item_top.multi .wrap:nth-of-type(1) { padding-bottom: 0; } #report_list .report_item_top .new { width:80px; height: 77px; top: -6px; left: -5px; } #report_list .report_item_top .new img { width: 100%; } #report_list .report_item_top .text { width: 100%; float: none; margin-left: 0; } #report_list .report_item_top .image { width:100%; float: none; margin-bottom: 20px; } #report_list #more_item a { margin: 50px 0 40px; font-size: 116.6%; } } /* ------------------------------------------- 記事 ---------------------------------------------- */ #contents_wrap { font-size: 116.6%; background-color: #b70000; padding-bottom: 65px; } #cinema_title_wrap { background: url(../img/bg_cinema_title_wrap.png) no-repeat center top; height: 356px; } #cinema_title_wrap #cinema_title_left { background: url(../img/bg_cinema_title_left.png) no-repeat left top; height: 356px; } #cinema_title_wrap #cinema_title_right { background: url(../img/bg_cinema_title_right.png) no-repeat right top; height: 330px; padding: 26px 190px 0; } #cinema_title { text-align: center; font-size: 214.3%; font-weight: bold; } #cinema_title .volume { display: inline-block; margin-bottom: 50px; } #article_wrap { padding: 60px 100px 50px; background-color: #fff; } #article_wrap #profile_wrap { margin-bottom: 50px; } #article_wrap #profile_wrap .label { font-size: 128.6%; font-weight: bold; margin-bottom: 1em; text-align: center; } #article_wrap #profile_wrap .container { background-color: #f5f5f5; padding: 40px 30px 30px; } #article_wrap #profile_wrap .member { float: left; width: 45.8%; margin-left: 8.3%; } #article_wrap #profile_wrap .member:first-child { margin-left: 0; } #article_wrap #profile_wrap .member_a { background: url(../img/img_profile_a.gif) no-repeat left top; } #article_wrap #profile_wrap .member_b { background: url(../img/img_profile_b.gif) no-repeat left top; } #article_wrap #profile_wrap .member_d { background: url(../img/img_profile_d.gif) no-repeat left top; } #article_wrap #profile_wrap .member_f { background: url(../img/img_profile_f.gif) no-repeat left top; } #article_wrap #profile_wrap .member_g { background: url(../img/img_profile_g.gif) no-repeat left top; } #article_wrap #profile_wrap .member_h { background: url(../img/img_profile_h.gif) no-repeat left top; } #article_wrap #profile_wrap .member_n { background: url(../img/img_profile_n.gif) no-repeat left top; } #article_wrap #profile_wrap .member_s { background: url(../img/img_profile_s.gif) no-repeat left top; } #article_wrap #profile_wrap .member_y { background: url(../img/img_profile_y.gif) no-repeat left top; } #article_wrap #profile_wrap .member_c { background: url(../img/img_profile_c.gif) no-repeat left top; } #article_wrap #profile_wrap .member_i { background: url(../img/img_profile_i.gif) no-repeat left top; } #article_wrap #profile_wrap .member_w { background: url(../img/img_profile_w.gif) no-repeat left top; } #article_wrap #profile_wrap .member_o { background: url(../img/img_profile_o.gif) no-repeat left top; } #article_wrap #profile_wrap .member_k { background: url(../img/img_profile_k.gif) no-repeat left top; } #article_wrap #profile_wrap .member_w_a { background: url(../img/img_profile_w_a.gif) no-repeat left top; } #article_wrap #profile_wrap .member_m { background: url(../img/img_profile_m.gif) no-repeat left top; } #article_wrap #profile_wrap .member_t { background: url(../img/img_profile_t.gif) no-repeat left top; } #article_wrap #profile_wrap .member .wrap { padding-left: 95px; } #article_wrap #profile_wrap .member .name { font-size: 114.3%; font-weight: bold; color: #ad2624; margin-bottom: 0.5em; } #article_wrap .editor { margin-bottom: 40px; } #article_wrap .editor .member { font-size: 128.6%; color: #ad2624; display: block; float: left; width: 2em; line-height: 1.3; } #article_wrap .editor .comment { display: block; padding-left: 2.57em; } #article_wrap .editor .comment .under_link{text-decoration:underline;} #article_wrap .editor .comment .under_link:hover{text-decoration:none;} #article_wrap .editor .comment_b { display: block; padding-left: 2em;font-size: 128.6%; } #article_wrap .editor em { font-weight: bold; color: #b70000; } #article_wrap #story_wrap { margin-bottom: 50px; } #article_wrap #story_wrap.report01 { background: url(../img/bg_storywrap_01_top.gif) no-repeat left top; background-size:contain; padding-top: 70px; } #article_wrap #story_wrap.report01 .container { background: url(../img/bg_storywrap_01_btm.gif) no-repeat left bottom; background-size:contain; padding-bottom: 70px; } #article_wrap #story_wrap .label { text-align: center; margin-bottom: 12px; } #article_wrap #story_wrap .label img { margin: 0 auto; } #article_wrap #story_wrap .label img { width: 98px; height: 24px; } #article_wrap #story_wrap .label .sp_only { display: none; } #article_wrap #story_wrap .img_left, #article_wrap #story_wrap .img_right { margin-bottom: 0; } #article_wrap #story_wrap .img_center { margin:auto 0; } #article_wrap #story_wrap dl.detail {margin-top: 20px; } #article_wrap #story_wrap dl dt { position: absolute; } #article_wrap #story_wrap dl dd { padding-left: 3em; } #article_wrap #story_wrap dl.detail dt { display:block; text-align: left;} #article_wrap #story_wrap dl.detail dd:before{content:':'; position: absolute;left: 6em; } #article_wrap #story_wrap dl.detail dd a{word-break: break-all;} #article_wrap #story_wrap dl.detail dd { display:block; padding-left: 7em; position: relative; } #article_wrap #story_wrap dl.detail.list dd{padding-left:14em;} #article_wrap #story_wrap dl.detail dd span.nowrap{ white-space: nowrap; } #article_wrap .text_left { float: left; width: 50%; } #article_wrap .text_right { float: right; width: 50%; } #article_wrap .img_left { float: left; width: 46.1%; margin-bottom: 50px; } #article_wrap .img_right { float: right; width: 46.1%; margin-bottom: 50px; } #article_wrap .img_left img, #article_wrap .img_right img { width: 100%; vertical-align: bottom; } #article_wrap .img_center img { text-align: center; width: 46.1%; margin-bottom: 50px; } #article_wrap .img_right .img_2col_left { float: left; width:49%; } #article_wrap .img_right .img_2col_right { float: right; width:49%; } #article_wrap .banner_area { text-align: right; font-size: 75.0%; margin: 0 auto 40px; } #article_wrap .banner_area .banner { width: 100%; } #article_wrap .banner_area.w550 { max-width: 550px; } #article_wrap .continue { font-size: 128.6%; font-weight: bold; margin-bottom: 0.5em; text-align: center; } #article_wrap .date {padding-top: 25px;font-size: 85.7%; text-align: right;} .return_corner_top { margin-top: 25px; padding-top: 1em; border-top: 1px solid #e8e8e8; text-align: center; color: #64439c; } .return_corner_top a { display: inline-block; padding-left: 17px; background: url(../img/arr_back.png) no-repeat 0 47%; } .return_top { margin-top: 50px; text-align: right; } #article_wrap .copy { font-size: 85.7%; padding-top: 3px; } .text_notice {display: inline-block;margin-bottom: 8px;padding: 2px 5px;border: 1px solid #c00b09;color: #c00b09;font-weight: normal;margin-bottom: 20px;} .text_center{text-align: center;} #article_wrap .vol_99 .text_left { width: 59%; } #article_wrap .vol_99 .img_right { width: 35%; } @media only screen and (max-width: 767px) { #contents_wrap { font-size: 100%; } #cinema_title_wrap { background: url(../img/bg_cinema_title_wrap_x2.png) no-repeat center top; background-size: auto 188px; height: 188px; } #cinema_title_wrap #cinema_title_left { background: url(../img/bg_cinema_title_left_x2.png) no-repeat left top; background-size: auto 188px; height: 188px; } #cinema_title_wrap #cinema_title_right { background: url(../img/bg_cinema_title_right_x2.png) no-repeat right top; background-size: auto 188px; height: 165px; padding: 23px 50px 0; } #cinema_title { font-size: 157.1%; } #cinema_title.title_range { font-size: 135.7143%; } #cinema_title .volume { margin-bottom: 15px; width: 103px; height: 57px; } #cinema_title .volume img { width: 100%; } #article_wrap { margin: 0 20px; padding: 40px 20px 40px; } #article_wrap #profile_wrap { margin-bottom: 20px; } #article_wrap #profile_wrap .container { padding: 20px 20px 15px; } #article_wrap #profile_wrap .member { float: none; width: 100%; margin-left: 0; margin-top: 25px; } #article_wrap #profile_wrap .member:first-child { margin-top: 0; } #article_wrap #profile_wrap .member_a { background: url(../img/img_profile_a_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_b { background: url(../img/img_profile_b_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_d { background: url(../img/img_profile_d_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_f { background: url(../img/img_profile_f_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_g { background: url(../img/img_profile_g_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_h { background: url(../img/img_profile_h_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_n { background: url(../img/img_profile_n_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_s { background: url(../img/img_profile_s_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_y { background: url(../img/img_profile_y_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_c { background: url(../img/img_profile_c_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_i { background: url(../img/img_profile_i_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_w { background: url(../img/img_profile_w_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_o { background: url(../img/img_profile_o_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_k { background: url(../img/img_profile_k_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_w_a { background: url(../img/img_profile_w_a_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_m { background: url(../img/img_profile_m_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member_t { background: url(../img/img_profile_t_x2.gif) no-repeat left top; background-size: 67px auto; } #article_wrap #profile_wrap .member .wrap { padding-left: 0; } #article_wrap #profile_wrap .member .name { padding: 10px 0 0 75px; } #article_wrap #profile_wrap .member .text { padding-top: 15px; } #article_wrap .editor { margin-bottom: 20px; } #article_wrap .editor .member { font-size: 100%; } #article_wrap .img_left, #article_wrap .img_right { margin-bottom: 20px; } #article_wrap .text_left, #article_wrap .text_right, #article_wrap .img_left, #article_wrap .img_right { float: none; width: 100%; max-width: inherit; } #article_wrap #story_wrap { margin: 40px -20px 30px; } #article_wrap #story_wrap .container { padding: 0 20px; } #article_wrap #story_wrap .label img { width: 98px; height: 24px; } #article_wrap #story_wrap .label .sp_only { display: block; } #article_wrap #story_wrap.report01 { padding-top: 60px; } #article_wrap #story_wrap.report01 .container { padding-bottom: 60px; } #article_wrap #story_wrap .text_left { margin-bottom: 20px; } #article_wrap #story_wrap dl.detail dd span.nowrap{ white-space: inherit; } #article_wrap .vol_99 .text_left,#article_wrap .vol_99 .img_right { width: 100%; } #article_wrap .continue { margin-top: 40px; } .return_corner_top { margin: 15px -20px 0; padding: 15px 20px 0; } .return_corner_top a { padding-left: 17px; background: url(../img/arr_back_x2.png) no-repeat 0 47%; background-size: 14px auto; } .return_top { text-align: left; } } .bottomFunc {margin: 80px 0;} .bottomBtn {margin: 0 auto;text-align: center;} .bottomBtn a {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;font-family: 'Noto Sans JP', sans-serif;color: #222;display: inline-block;max-width: 50%;padding: 12px 20px;background-color: #fff;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;text-decoration: none;transition: all 0.3s ease;line-height: 1.5;} .bottomBtn a:hover {color: #c00 !important;background: #f5f5f5;} .bottomBtn .inner {position: relative;display: inline-block;padding: 0 20px;text-align: left;} .bottomBtn .inner::after {content: '';position: absolute;right: 0;top: calc(50% + 1px);-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;display: block;width: 7px;height: 7px;border-top: 2px solid #c00;border-right: 2px solid #c00;transform: translate(-50%, -50%) rotate(45deg);} #bottomShare {display: flex;justify-content: center;margin: 48px 0 0;list-style-type: none;} #bottomShare li#twitter .box .share, #bottomShare li#facebook .box .share {width: 44px;height: 44px;margin: 0 13px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;outline: none;} #bottomShare li#twitter .box .share {background-color: #1da1f2;background-image: url(/club-me/common/v0006/images/icon_twitter.svg);background-size: 25px auto;border-radius: 50%;} #bottomShare li#facebook .box .share {background-image: url(/club-me/common/v0006/images/icon_facebook.svg);background-size: contain;} @media only screen and (max-width: 767px) { .bottomFunc{margin: calc(100vw/(750/80)) 0;} .bottomBtn a {max-width: 90%;border-radius: 5px;font-size: calc(100vw/(750/30));} .bottomBtn .inner::after {width: 9px;height: 9px;} #bottomShare {margin: calc(100vw/(750/120)) 0 0;} #bottomShare li#twitter .box .share, #bottomShare li#facebook .box .share {width: calc(100vw/(750/88));height: calc(100vw/(750/88));margin: 0 calc(100vw/(750/40));} #bottomShare li#twitter .box .share {background-size: calc(100vw/(750/50)) auto;} } @media only screen and (max-width: 350px) { .bottomBtn a {font-size: 14px;} }