@charset "UTF-8"; /* CSS Document */ /* ------------------------------------------- レイアウト ---------------------------------------------- */ .button_instick { margin-top: 9px; padding: 10px 0 12px; width: 99.34%; background-color: #fafaf8; border: 1px solid #8d7a4f; font-size: 100%; font-weight: normal; } a.button_instick { color: #333; } .button_instick .arr { margin: 0 10px; background-image: url(../img/arr_black.png);} .button_instick:hover { background-color: inherit; } @media only screen and (max-width: 767px) { #content2.top #contents_wrap { margin-top: -33px; } .button_instick .arr { margin: 0 10px; background-image: url(../img/arr_black_x2.png); background-size: 6px auto;} } /* ------------------------------------------- ヘッダーラップ ---------------------------------------------- */ #head_wrap .container #report_title { padding-right: 20%;} #content2.top #head_wrap .container #page_title { margin-bottom: 25px; } #head_wrap .container #head_image { right: 16px; top: 13px; } #content2.top #head_wrap .container #head_image { left: 50%; right: inherit; top: 367px; margin-left: -100px; } #contents_wrap #article_wrap .headline { margin-bottom: 45px; } #contents_wrap #article_wrap .headline img { vertical-align: bottom; } @media only screen and (max-width: 767px) { #contents_wrap #article_wrap .headline { margin-bottom: 40px; } #head_wrap { height: 484px; background-size: 640px 484px;} #head_wrap .container #report_title { height: 181px; margin-bottom: 28px; background: url(../img/title_x2.png) no-repeat center top; background-size: 239px auto; } #content2.top #head_wrap .container #page_title { height: 136px; margin-bottom: 22px; background: url(../img/title_top_x2.png) no-repeat center top; background-size: 180px auto; padding-right: 0; } #content2.top #head_wrap .container #head_lede { height: 168px; background: url(../img/label_lede_top_x2.png) no-repeat center top; background-size: 240px auto; } #head_wrap .container #head_image { right: inherit; top: 263px; width: 100%; height: 176px; background: url(../img/img_head_x2.png) no-repeat center top; background-size: 259px auto; } #content2.top #head_wrap .container #head_image { position: static; left: inherit; top: inherit; width: 102px; height: auto; background: none; margin: 20px auto 0; } #content2.top #head_wrap .container #head_image img { display: inline; width: 100%; } } /* ------------------------------------------- 扉 ---------------------------------------------- */ #product_wrap { padding-top: 168px; } #product_wrap .container .product_item {padding: 50px 0 50px 5.11%; background: none; } #product_wrap .container .product_item .thumb { width:100%; max-width: 151px; margin: 0 auto; } #product_wrap .container .feature_list .feature_title { text-align: left; } #product_wrap .container .feature_list ol { padding-top: 27px; } #product_wrap .container .feature_list li { margin-top: 13px; } #product_wrap .container .feature_list .feature_text { padding: 0 0 0 50px; } #product_wrap .container .feature_list .note_list { margin-top: 1.5em; } @media only screen and (max-width: 767px) { #product_wrap { padding-top: 65px; } #product_wrap .container .product_item { padding: 0; } #product_wrap .container .product_item .thumb { max-width: 117px; margin: 0 auto 0.5em; } #product_wrap .container .feature_list .feature_title img { display: none; } #product_wrap .container .feature_list .feature_title { height: 19px; text-align: center; margin-top: 44px; background: url(../img/img_top_feature_title_x2.gif) no-repeat center top; background-size: 147px auto; } #product_wrap .container .feature_list li { margin-top: 20px; } #product_wrap .container .feature_list li:nth-child(1) { height: 151px; background: url(../img/img_top_feature_01_x2.gif) no-repeat 0 0; background-size: 234px auto; } #product_wrap .container .feature_list li:nth-child(2) { background: url(../img/img_top_feature_02_x2.gif) no-repeat 0 20px; background-size: 239px auto; } #product_wrap .container .feature_list li:nth-child(2) .feature_text { padding: 63px 0 0 0; } } /* ------------------------------------------- 記事 ---------------------------------------------- */ #head_wrap .container #head_image { right: 38px; top: 20px; } #content2 .report1 #article_wrap #section01 dl.article { margin-bottom: 0.5em; } #content2.report1 #article_wrap #section02 dl.article { margin-bottom: 2em; } #content2.report1 #article_wrap #section02 .article { margin-bottom: 2.2em; } #content2.report1 #article_wrap #section02 .small { margin-bottom: 5em; } #content2.report1 #article_wrap #section02 .section { margin-bottom:58px; } #content2.report1 #article_wrap #section02 .headline { margin-bottom: 45px; } #content2.report1 #article_wrap #section03 .headline { margin-bottom: 40px; } #content2.report2 #article_wrap #section03 dl.article { padding-bottom: 1.5em; margin-bottom: 0; } #content2.report2 #article_wrap #section04.section, #content2.report3 #article_wrap #section02.section { margin-bottom: 34px; } #content2.report2 #article_wrap #section05.section, #content2.report3 #article_wrap #section03.section { margin-bottom: 32px; } #article_wrap #banner_wrap .banner { margin-top: 0.75em;text-align: center; border: none; } #article_wrap #banner_wrap .banner img { max-width: 700px; width: 100%; margin:0 auto; } .border_title {position: relative;text-align: center;} .border_title span img {position: relative;padding: 0 20px;background-color: #ffffff; z-index:2;} .border_title:after {content: "";display: block;height: 1px;width: 100%;position: absolute;top: 50%;background-color: #63439c;z-index: 1;} .subtitle_underline { padding-bottom: 14px; margin-bottom: 17px; color: #63439c; font-size: 114.2%; font-weight: bold; border-bottom: 1px solid #63439c; } .inner_section { margin-top: -23px; padding: 54px 49px 53px; border:1px solid #63439c; border-top: none; } @media only screen and (max-width: 767px) { .border_title span img { top: 17px; } .border_title:after {top: 77%;} .color_purple { padding: 0px 0 14px 0; margin-bottom: 14px; } .inner_section { padding: 62px 20px 20px; margin-top: -24px; } #content2.report1 #article_wrap #section02 .small { margin-bottom: 1.5em; } #head_wrap .container #report_title { height: 136px; margin-bottom: 28px; background: url(../img/title_x2.png) no-repeat center top; background-size: 181px auto; } #head_wrap .container #head_image { right: inherit; top: 238px; width: 100%; height: 188px; background: url(../img/img_head_x2.png) no-repeat center top; background-size: 125px auto; } #content2.report1 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_01_x2.gif) no-repeat center 34px; background-size: 240px auto;} #content2.report2 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_02_x2.gif) no-repeat center 34px; background-size: 231px auto;} #content2.report3 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_03_x2.gif) no-repeat center 34px; background-size: 230px auto;} #content2 #article_wrap #section01 .headline { height: 66px; background: url(../img/label_headline_01_x2.gif) no-repeat center top; background-size: 240px auto; } #content2 #article_wrap #section02 .headline { height: 146px; background: url(../img/label_headline_02_x2.gif) no-repeat center top; background-size: 246px auto; } #content2 #article_wrap #section03 .headline { height: 66px; background: url(../img/label_headline_03_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report1 #article_wrap #section04 .headline { height: 145px; background: url(../img/label_headline_01_01_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2 #article_wrap #section02 .headline { height: 146px; background: url(../img/label_headline_02_01_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2 #article_wrap #section04 .headline { height: 146px; background: url(../img/label_headline_04_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2 #article_wrap #section03 dl.article { padding-bottom: 0; } #content2.report1_2 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_01_2_x2.gif) no-repeat center 34px; background-size: 240px auto; } #content2.report1_2 #article_wrap #section01 .headline { height: 106px; background: url(../img/label_headline_05_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report1_2 #article_wrap #section02 .headline { height: 109px; background: url(../img/label_headline_06_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report1_2 #article_wrap #section03 .headline { height: 109px; background: url(../img/label_headline_07_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report1_2 #article_wrap #section04 .headline { height: 80px; background: url(../img/label_headline_08_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report1_2 #article_wrap #section05 .headline { height: 107px; background: url(../img/label_headline_09_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2_2 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_02_2_x2.gif) no-repeat center 34px; background-size: 240px auto; } #content2.report2_2 #article_wrap #section01 .headline { height: 106px; background: url(../img/label_headline_05_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2_2 #article_wrap #section02 .headline { height: 109px; background: url(../img/label_headline_06_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2_2 #article_wrap #section03 .headline { height: 109px; background: url(../img/label_headline_07_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2_2 #article_wrap #section04 .headline { height: 116px; background: url(../img/label_headline_10_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2_2 #article_wrap #section05 .headline { height: 80px; background: url(../img/label_headline_08_x2.gif) no-repeat center top; background-size: 240px auto; } #content2.report2_2 #article_wrap #section06 .headline { height: 69px; background: url(../img/label_headline_11_x2.gif) no-repeat center top; background-size: 240px auto; } } /* ------------------------------------------- マージン ---------------------------------------------- */ #content2 #article_wrap p.has_under, #content2 #article_wrap dl.has_under { margin-bottom: 0; } @media only screen and (max-width: 767px) { #content2.report2 #section02 .article_left .has_under, #content2.report3 #article_wrap #section02 dl.has_under { margin-bottom: 1.5em; } #article_wrap .img_right .has_under { margin-bottom: 20px; } }