@charset "UTF-8"; /* CSS Document */ /* ------------------------------------------- レイアウト ---------------------------------------------- */ #content2 { background: url(../img/bg.gif); } #contents_wrap { font-size: 116.6%; } .section { margin-bottom: 45px; } .fluid_img { width: auto; max-width: 100%; } @media only screen and (max-width: 767px) { #content2 { background: url(../img/bg_x2.gif); background-size: 320px auto; } #contents_wrap { font-size: 100%; } .section { margin-bottom: 40px; } } /* ------------------------------------------- ヘッダーラップ ---------------------------------------------- */ #head_wrap { height: 640px; background: url(../img/bg_head.jpg) no-repeat center top; } #head_wrap .container { position: relative; padding-top: 73px; text-align: center; } #head_wrap .container #page_title img { width: 560px; } #head_wrap .container #head_image { position: absolute; top: 402px; right: -50px; } @media only screen and (min-width: 768px) and (max-width: 979px){ #head_wrap .container #page_title img { width: 100%; max-width: 560px; } #head_wrap .container #head_image { right: 0; } } @media only screen and (max-width: 767px) { #head_wrap { height: 340px; background: url(../img/bg_head_x2.jpg) no-repeat center top; background-size: cover; } #head_wrap .container { padding-top: 56px; } #head_wrap .container #page_title { height: 222px; background: url(../img/title_x2.png) no-repeat center top; background-size: 280px; } #head_wrap .container #page_title img { display: none; } #head_wrap .container #head_image { top: 243px; right: 0; width: 182px; height: 143px; background: url(../img/img_head_x2.png) no-repeat; background-size: 182px auto; } #head_wrap .container #head_image img { display: none; } } /* ------------------------------------------- 記事 ---------------------------------------------- */ #article_wrap { padding: 80px 80px 60px; background-color: #fff; } #article_wrap #label_lede { margin: 0 auto 3em; text-align: center; } #article_wrap #label_lede img { max-width: 100%; } #article_wrap #head_text { margin-bottom: 3em; font-size: 114.2%; text-align: center; } #article_wrap #outline { border-top: 1px solid #dfd7d2; border-bottom: 1px solid #dfd7d2; padding: 50px 30px 25px; margin-bottom: 50px; } #article_wrap #outline .label { display: table-cell; vertical-align: middle; padding-right: 95px; } #article_wrap #outline dl { display: table-cell; vertical-align: middle; position: relative; } #article_wrap #outline dt { position: absolute; width: 9em; padding-top: 0.4em; } #article_wrap #outline dd { padding: 0.4em 0 1em 9em; } #article_wrap #outline dd a { color: #7d0102; text-decoration: underline; } #article_wrap #outline dd a:hover { text-decoration: none; } #article_wrap #profile_wrap { margin-bottom: 60px; padding: 50px 30px 40px; background-color: #f4f1f0; } #article_wrap #profile_wrap .label { margin-bottom: 40px; text-align: center; } #article_wrap #profile_wrap .member { float: left; width: 22.6%; max-width: 172px; margin-right: 3.1%; } #article_wrap #profile_wrap .member.last { margin-right: 0; } #article_wrap #profile_wrap .member .thumb { margin-bottom: 1em; } #article_wrap #profile_wrap .member .thumb img { width: 100%; vertical-align: bottom; } #article_wrap #profile_wrap .member .name { margin-bottom: 0.75em; text-align: center; font-size: 114.2%; font-weight: bold; } #article_wrap .member_f { color: #ff6165; } #article_wrap .member_s { color: #f19868; } #article_wrap .member_c { color: #59ab8d; } #article_wrap .member_h { color: #5c9fc1; } #article_wrap .member_x { color: #cc5d5d; } #article_wrap #person { margin-bottom: 50px; font-size: 114.3%; } #article_wrap #person .label { text-align: center; margin-bottom: 30px; } #article_wrap #person .inner { border-top: 1px solid #dfd7d2; border-bottom: 1px solid #dfd7d2; padding: 30px 0; } #article_wrap #person.theme02 .inner .member { width: 48.5%; float: left; margin-right: 2.9%; } #article_wrap #person.theme02 .inner .member.last { margin-right: 0; } #article_wrap #person.theme02 .inner .member .name.pc_only { display: table-cell; vertical-align: middle; } #article_wrap #person.theme02 .inner .member .thumb { width: 49.2%; padding-left: 20px; display: table-cell; } #article_wrap #person.theme02 .inner .member .thumb img { width: 100%; vertical-align: bottom; } #article_wrap #person.theme04 .inner .thumb { width: 24%; display: table-cell; } #article_wrap #person.theme04 .inner .thumb img { width: 100%; } #article_wrap #person.theme04 .inner .name { width: 76%; padding-left: 7.9%; display: table-cell; vertical-align: middle; } #article_wrap #person.theme04 .inner .name span { display: block; font-weight: bold; margin-bottom: 10px; } #article_wrap #person.theme10 .inner .thumb { width: 24%; display: table-cell; } #article_wrap #person.theme10 .inner .thumb img { width: 100%; } #article_wrap #person.theme10 .inner .name { width: 76%; padding-left: 7.9%; display: table-cell; vertical-align: middle; } #article_wrap #person.theme10 .inner .name span { display: block; font-weight: bold; margin-bottom: 10px; } #article_wrap .headline { margin-bottom: 20px; } #article_wrap .headline img { width: 100%; vertical-align: bottom; } #article_wrap .article_left { float: left; width: 61%; max-width: 500px; } #article_wrap .article_left dt, #article_wrap .article dt { float: left; font-size: 114.2%; font-weight: bold; } #article_wrap .article_left dd, #article_wrap .article dd { margin-bottom: 2em; padding-left: 7em; } #article_wrap .article_left dd .notes { font-size: 85.7%; color: #333; margin-top: 1em; } #article_wrap .article_left dd .notes li { padding-left: 2em; text-indent: -2em; } #article_wrap .img_right { float: right; width: 40%; max-width: 320px; margin-right: -18px; } #article_wrap .img_right img { width: 100%; vertical-align: bottom; } #article_wrap #products { background-color: #f4f1f0; padding: 50px 30px; margin-bottom: 50px; } #article_wrap #products .label { font-size: 228.6%; font-weight: bold; line-height: 1; margin-bottom: 15px; } #article_wrap #products .thumb { text-align: center; } #article_wrap #products .thumb img { width:100%; vertical-align: bottom; } #article_wrap #products .text .link { background-color: #fff; padding: 20px; } #article_wrap #products .text .link a { background: url(../img/arr.png) no-repeat left center; padding-left: 12px; display: inline-block; } #article_wrap #products .products_1col, #article_wrap #products .products_2col { display: table; width: 100%; } #article_wrap #products .products_1col .text { width: 48.4%; padding-left: 3.1%; display: table-cell; vertical-align: middle; } #article_wrap #products .products_1col .thumb { width: 48.4%; display: table-cell; text-align: center; } #article_wrap #products .products_2col .item { float: left; width: 46%; margin-left: 7.8%; } #article_wrap #products .products_2col .item:first-child { margin-left: 0; } #article_wrap #products .products_2col .item .label { text-align: center; } #article_wrap #products .products_2col .text { clear: both; padding-top: 20px; text-align: center; } #article_wrap #products .thumb .products01 { margin: 0 auto; max-width: 321px; } #article_wrap #products .thumb .products02 { margin: 0 auto; max-width: 310px; } #article_wrap #products .thumb .products03 { margin: 0 auto; max-width: 310px; } #article_wrap .sample_photo { background-color: #f2efec; padding: 40px 3.5% 20px 4.1%; display: table; width: 92.4%; } #article_wrap .sample_photo .text { display: table-cell; width: 40.2%; font-weight: bold; vertical-align: middle; } #article_wrap .sample_photo .thumb { display: table-cell; text-align: right; width: 59.8%; vertical-align: top; } #article_wrap .sample_photo .thumb img { width: 100%; max-width: 414px; } #article_wrap #section_06_01 .sample_photo .text, #article_wrap #section_06_03 .sample_photo .text { width: 51.6%; } #article_wrap #section_06_01 .sample_photo .thumb, #article_wrap #section_06_03 .sample_photo .thumb { width: 31.4%; } #article_wrap #section_06_01 .sample_photo .thumb img, #article_wrap #section_06_03 .sample_photo .thumb img { width: 100%; max-width: 238px; } #article_wrap #section_04_04 { text-align: center; font-size: 114.3%; padding: 35px 39px 30px; border: 1px solid #e8e8e8; margin-top: 40px; } #article_wrap #section_04_04 .headline { color: #cc5d5d; font-size: 150.0%; font-weight: bold; } #article_wrap #section_04_04 .note_list { font-size: 75.0%; margin: 20px 0 15px; } #article_wrap #section_04_04 .button { background-color: #cc5d5d; font-size: 125.0%; padding: 30px 0 20px; width: 100%; max-width: 480px; margin-bottom: 25px; } #article_wrap #section_04_04 .thumb { float: left; width: 47.3%; margin-left: 5.4%; } #article_wrap #section_04_04 .thumb:first-child { margin-left: 0; } #article_wrap #section_04_04 .thumb img { width: 100%; } #article_wrap .point { background-color: #f2efec; padding: 40px 40px 35px; margin-bottom: 40px; } #article_wrap .point .head { color: #6c4931; font-size: 128.6%; font-weight: bold; text-align: center; margin-bottom: 35px; } #article_wrap .point .head span { color: #cc5d5d; font-size: 133.3%; } #article_wrap .point .image img { max-width: 100%; } #article_wrap #section_07_01 #point01 .photoL { float: left; width: 47.3%; } #article_wrap #section_07_01 #point01 .photoR { float: right; width: 47.3%; } #article_wrap #section_07_01 #point02 .photoL { float: left; width: 36.5%; } #article_wrap #section_07_01 #point02 .photoR { float: right; width: 58.1%; } #article_wrap #section_07_01 #point02 .photoR p { color: #6c4931; font-size: 128.6%; font-weight: bold; } #article_wrap #section_07_01 #point03 .photoL { float: left; width: 36.5%; } #article_wrap #section_07_01 #point03 .photoR { float: right; width: 58.1%; } #article_wrap #section_07_01 #point03 .photoR p { color: #6c4931; font-size: 128.6%; font-weight: bold; } #article_wrap #section_07_02 #point04 .photo { display: table; width: 100%; } #article_wrap #section_07_02 #point04 .image { display: table-cell; width: 50%; padding-right: 2.7%; } #article_wrap #section_07_02 #point04 .text { display: table-cell; padding-left: 2.7%; vertical-align: middle; } #article_wrap #section_07_02 #point05 .photo { display: table; width: 100%; } #article_wrap #section_07_02 #point05 .photo .image { display: table-cell; width: 50%; padding-right: 2.7%; } #article_wrap #section_07_02 #point05 .photo .text { display: table-cell; padding-left: 2.7%; vertical-align: middle; } #article_wrap #section_07_02 #point05 .photoL { float: left; width: 47.3%; } #article_wrap #section_07_02 #point05 .photoR { float: right; width: 47.3%; } #article_wrap #section_08_01 #point01 .photoL { float: left; width: 47.3%; } #article_wrap #section_08_01 #point01 .photoL .img01 { max-width: 205px; margin: 0 auto; } #article_wrap #section_08_01 #point01 .photoR { float: right; width: 47.3%; } #article_wrap #section_08_02 #point02 .photo { display: table; width: 100%; } #article_wrap #section_08_02 #point02 .image { display: table-cell; width: 50%; padding-right: 2.7%; } #article_wrap #section_08_02 #point02 .image img { width: 100%; } #article_wrap #section_08_02 #point02 .text { display: table-cell; padding-left: 2.7%; vertical-align: middle; } #article_wrap #section_08_02 #point02 .text span { font-weight: bold; font-size: 114.3%; } #article_wrap #section_08_02 #point03 .photoL { float: left; width: 47.3%; } #article_wrap #section_08_02 #point03 .photoR { float: right; width: 47.3%; } #article_wrap #section_08_02 #point03 .text span { font-weight: bold; font-size: 114.3%; } #article_wrap #section_08_03 #point04 .photo { display: table; width: 100%; } #article_wrap #section_08_03 #point04 .image { display: table-cell; width: 50%; padding-right: 2.7%; } #article_wrap #section_08_03 #point04 .image img { width: 100%; } #article_wrap #section_08_03 #point04 .text { display: table-cell; padding-left: 2.7%; vertical-align: middle; } #article_wrap #section_09_01 #point01 .photo, #article_wrap #section_09_01 #point02 .photo, #article_wrap #section_09_02 #point05 .photo, #article_wrap #section_09_02 #point06 .photo, #article_wrap #section_09_03 #point08 .photo { display: table; width: 100%; } #article_wrap #section_09_01 #point01 .image, #article_wrap #section_09_01 #point02 .image, #article_wrap #section_09_02 #point05 .image, #article_wrap #section_09_02 #point06 .image, #article_wrap #section_09_03 #point08 .image { display: table-cell; width: 50%; padding-right: 2.7%; } #article_wrap #section_09_01 #point01 .image img, #article_wrap #section_09_01 #point02 .image img, #article_wrap #section_09_02 #point05 .image img, #article_wrap #section_09_02 #point06 .image img, #article_wrap #section_09_03 #point08 .image img { width: 100%; } #article_wrap #section_09_01 #point01 .text, #article_wrap #section_09_01 #point02 .text, #article_wrap #section_09_02 #point05 .text, #article_wrap #section_09_02 #point06 .text, #article_wrap #section_09_03 #point08 .text { display: table-cell; padding-left: 2.7%; vertical-align: middle; } #article_wrap #section_09_01 #point03 .photoL, #article_wrap #section_09_01 #point04 .photoL { float: left; width: 36.5%; } #article_wrap #section_09_01 #point03 .photoL .image, #article_wrap #section_09_01 #point04 .photoL .image { max-width: 270px; margin: 0 auto; } #article_wrap #section_09_01 #point03 .photoR , #article_wrap #section_09_01 #point04 .photoR { float: right; width: 58.1%; } #article_wrap #section_09_03 #point07 .photoL { float: left; width: 58.1%; } #article_wrap #section_09_03 #point07 .photoR { float: right; width: 36.5%; } #article_wrap #section_09_03 #point07 .photoR .image { max-width: 270px; margin: 0 auto; } #article_wrap #section_10_01 .point .photo, #article_wrap #section_10_02 .point .photo, #article_wrap #section_10_03 .point .photo { display: table; width: 100%; } #article_wrap #section_10_01 .point .image, #article_wrap #section_10_02 .point .image, #article_wrap #section_10_03 .point .image { display: table-cell; width: 50%; padding-right: 2.7%; font-size: 85.7%; } #article_wrap #section_10_01 .point .image img, #article_wrap #section_10_02 .point .image img, #article_wrap #section_10_03 .point .image img { width: 100%; } #article_wrap #section_10_01 .point .text, #article_wrap #section_10_02 .point .text, #article_wrap #section_10_03 .point .text { display: table-cell; padding-left: 2.7%; vertical-align: middle; } #article_wrap #section_10_01 .img_right, #article_wrap #section_10_02 .img_right, #article_wrap #section_10_03 .img_right { margin-right: 0; margin-bottom: 2em; } #article_wrap #section_10_01 .article_left, #article_wrap #section_10_02 .article_left, #article_wrap #section_10_03 .article_left { width: 56%; max-width: 460px; } #article_wrap #section_10_01 .note_list, #article_wrap #section_10_02 .note_list { font-size: 87.5%; padding-top: 10px; } #article_wrap #products_tv { background-color: #f4f1f0; padding: 40px 40px 35px; margin-bottom: 50px; } #article_wrap #products_tv .text { float: right; width: 47.3%; } #article_wrap #products_tv .text p { margin-bottom: 1em; } #article_wrap #products_tv .text .catch { font-size: 114.3%; } #article_wrap #products_tv .text .label { font-size: 200%; font-weight: bold; line-height: 1.2; margin-bottom: 15px; } #article_wrap #products_tv .text .model { margin-bottom: 25px; } #article_wrap #products_tv .text .model span { background-color: #3b3b3b; color: #fff; padding: 2px 7px 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #article_wrap #products_tv .thumb { float: left; width: 47.3%; text-align: center; } #article_wrap #products_tv .link { background-color: #fff; padding: 20px; margin-bottom: 0!important; } #article_wrap #products_tv .link a { background: url(../img/arr.png) no-repeat left center; padding-left: 12px; display: inline-block; } #article_wrap .shopinfo { text-align: right; } #article_wrap .end_text { clear: both; text-align: center; color: #cc5d5d; font-size: 114.3%; font-weight: bold; } #article_wrap .next_theme { margin-bottom: 0.5em; text-align: center; color: #cc5d5d; font-size: 142.8%; font-weight: bold; } #article_wrap .continue { float: right; } #article_wrap .date { float: left; } #article_wrap #page_nav { border-top: 1px solid #e8e8e8; margin-top: 25px; padding-top: 20px; } #article_wrap #page_nav ul { width: 77%; margin: 0 auto; } #article_wrap #page_nav ul li { width: 33.1%; float: left; text-align: center; padding: 15px 0; } #article_wrap #page_nav ul .return_outline { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } #article_wrap #page_nav ul li a { color: #333; display: inline-block; padding-top: 50px; } #article_wrap #page_nav ul .prev a { background: url(../img/arr_prev.png) no-repeat center 2px; } #article_wrap #page_nav ul .return_outline a { background: url(../img/arr_back.png) no-repeat center top; } #article_wrap #page_nav ul .next a { background: url(../img/arr_next.png) no-repeat center 2px; } @media only screen and (max-width: 767px) { #article_wrap { margin: 0 20px; padding: 50px 20px 40px; background-color: #fff; } #article_wrap #label_lede { margin-bottom: 2em; } #article_wrap #label_lede.theme01 { height: 151px; background: url(../img/label_lede_01_x2.gif) no-repeat center top; background-size: 226px auto; } #article_wrap #label_lede.theme02 { height: 228px; background: url(../img/label_lede_02_x2.gif) no-repeat center top; background-size: 203px auto; } #article_wrap #label_lede.theme03 { height: 228px; background: url(../img/label_lede_03_x2.gif) no-repeat center top; background-size: 203px auto; } #article_wrap #label_lede.theme04 { height: 140px; background: url(../img/label_lede_04_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #label_lede.theme05 { height: 140px; background: url(../img/label_lede_05_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #label_lede.theme06 { height: 140px; background: url(../img/label_lede_06_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #label_lede.theme07 { height: 92px; background: url(../img/label_lede_07_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #label_lede.theme08 { height: 92px; background: url(../img/label_lede_08_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #label_lede.theme09 { height: 120px; background: url(../img/label_lede_09_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #label_lede.theme10 { height: 120px; background: url(../img/label_lede_10_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #label_lede img { display: none; } #article_wrap #head_text { margin-bottom: 2em; text-align: left; } #article_wrap #outline { padding: 25px 0; margin-bottom: 30px; } #article_wrap #outline .label { display: block; height: 21px; background: url(../img/label_outline_x2.gif) no-repeat center top; background-size: 48px auto; padding-right: 0; } #article_wrap #outline .label img { display: none; } #article_wrap #outline dl { display: block; } #article_wrap #outline dt { position: static; width: 100%; padding: 18px 0 0; } #article_wrap #outline dd { padding: 8px 0 0; } #article_wrap #profile_wrap { margin-bottom: 30px; padding: 34px; } #article_wrap #profile_wrap .label { height: 62px; margin-bottom: 20px; background: url(../img/label_profile_x2.gif) no-repeat center top; background-size: 143px auto; } #article_wrap #profile_wrap .label img { display: none; } #article_wrap #profile_wrap .member { float: none; width: 100%; max-width: inherit; margin: 20px 0 0; } #article_wrap #profile_wrap .member .thumb img { width: 120px; margin: 0 auto; } #article_wrap #person { margin-bottom: 40px; } #article_wrap #person .label img { display: none; } #article_wrap #person.theme02 .label { height: 47px; background: url(../img/label_person_x2.gif) no-repeat center top; background-size: 179px auto; padding-bottom: 20px; border-bottom: 1px solid #dfd7d2; } #article_wrap #person.theme04 .label { height: 21px; background: url(../img/label_person_04_x2.gif) no-repeat center top; background-size: 211px auto; padding-bottom: 20px; border-bottom: 1px solid #dfd7d2; } #article_wrap #person.theme10 .label { height: 47px; background: url(../img/label_person_10_x2.gif) no-repeat center top; background-size: 149px auto; padding-bottom: 20px; border-bottom: 1px solid #dfd7d2; } #article_wrap #person.theme02 .inner { border: none; padding: 0; } #article_wrap #person.theme02 .inner .member { width: 100%; max-width: 168px; float: none; margin: 0 auto 20px!important; } #article_wrap #person.theme02 .inner .member .name.pc_only { display: none; } #article_wrap #person.theme02 .inner .member .name.sp_only { display: block; } #article_wrap #person.theme02 .inner .member .thumb { width: 100%; display: block; padding-left: 0; text-align: center; margin-bottom: 10px; } #article_wrap #person.theme04 .inner .thumb { width: 100%; max-width: 168px; display: block; margin: 0 auto 20px; } #article_wrap #person.theme04 .inner .name { width: 100%; display: block; padding-left: 0; } #article_wrap #person.theme10 .inner .thumb { width: 100%; max-width: 168px; display: block; margin: 0 auto 20px; } #article_wrap #person.theme10 .inner .name { width: 100%; display: block; padding-left: 0; } #article_wrap #section_01_01 .headline { height: 187px; background: url(../img/label_headline_01_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_01_02 .headline { height: 157px; background: url(../img/label_headline_01_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_01_03 .headline { height: 187px; background: url(../img/label_headline_01_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_02_01 .headline { height: 158px; background: url(../img/label_headline_02_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_02_02 .headline { height: 188px; background: url(../img/label_headline_02_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_02_03 .headline { height: 156px; background: url(../img/label_headline_02_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_03_01 .headline { height: 158px; background: url(../img/label_headline_03_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_03_02 .headline { height: 158px; background: url(../img/label_headline_03_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_03_03 .headline { height: 157px; background: url(../img/label_headline_03_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_04_01 .headline { height: 159px; background: url(../img/label_headline_04_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_04_02 .headline { height: 159px; background: url(../img/label_headline_04_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_04_03 .headline { height: 159px; background: url(../img/label_headline_04_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_05_01 .headline { height: 159px; background: url(../img/label_headline_05_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_05_02 .headline { height: 159px; background: url(../img/label_headline_05_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_05_03 .headline { height: 181px; background: url(../img/label_headline_05_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_06_01 .headline { height: 159px; background: url(../img/label_headline_06_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_06_02 .headline { height: 159px; background: url(../img/label_headline_06_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_06_03 .headline { height: 181px; background: url(../img/label_headline_06_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_07_01 .headline { height: 185px; background: url(../img/label_headline_07_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_07_02 .headline { height: 185px; background: url(../img/label_headline_07_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_08_01 .headline { height: 185px; background: url(../img/label_headline_08_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_08_02 .headline { height: 185px; background: url(../img/label_headline_08_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_08_03 .headline { height: 185px; background: url(../img/label_headline_08_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_09_01 .headline { height: 185px; background: url(../img/label_headline_09_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_09_02 .headline { height: 185px; background: url(../img/label_headline_09_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_09_03 .headline { height: 185px; background: url(../img/label_headline_09_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_10_01 .headline { height: 208px; background: url(../img/label_headline_10_01_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_10_02 .headline { height: 185px; background: url(../img/label_headline_10_02_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_10_03 .headline { height: 185px; background: url(../img/label_headline_10_03_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap #section_10_04 .headline { height: 155px; background: url(../img/label_headline_10_04_x2.gif) no-repeat center top; background-size: 240px auto; } #article_wrap .headline img { display: none; } #article_wrap .article_left { float: none; width: 100%!important; max-width: inherit!important; } #article_wrap .article_left dt { float: none; margin-bottom: 0.75em; } #article_wrap .article_left dd { margin-bottom: 2em; padding-left: 0; } #article_wrap .article dt { float: none; margin-bottom: 0.75em; } #article_wrap .article dd { margin-bottom: 2em; padding-left: 0; } #article_wrap .img_right { float: none; width: 100%!important; max-width: 240px; margin: 0 auto!important; } #article_wrap #section_01_01 .img_right { background: url(../img/img_01_01_x2.jpg) no-repeat center top; background-size: 240px auto; height: 686px; } #article_wrap #section_01_02 .img_right { background: url(../img/img_01_02_x2.jpg) no-repeat center top; background-size: 240px auto; height: 686px; } #article_wrap #section_01_03 .img_right { background: url(../img/img_01_03_x2.jpg) no-repeat center top; background-size: 240px auto; height: 686px; } #article_wrap #section_02_01 .img_right { background: url(../img/img_02_01_x2.jpg) no-repeat center top; background-size: 240px auto; height: 686px; } #article_wrap #section_02_02 .img_right { background: url(../img/img_02_02_x2.jpg) no-repeat center top; background-size: 240px auto; height: 432px; } #article_wrap #section_02_03 .img_right { background: url(../img/img_02_03_x2.jpg) no-repeat center top; background-size: 240px auto; height: 490px; } #article_wrap #section_03_01 .img_right { background: url(../img/img_03_01_x2.jpg) no-repeat center top; background-size: 240px auto; height: 490px;} #article_wrap #section_03_02 .img_right { background: url(../img/img_03_02_x2.jpg) no-repeat center top; background-size: 240px auto; height: 432px; } #article_wrap #section_03_03 .img_right { background: url(../img/img_03_03_x2.jpg) no-repeat center top; background-size: 240px auto; height: 490px; } #article_wrap #products { padding: 20px; margin-bottom: 25px; } #article_wrap #products .label { text-align: center; font-size: 164.3%; margin-bottom: 12px; } #article_wrap #products .text { width: 100%; padding-left: 0; display: block; } #article_wrap #products .text .link { padding: 12px; margin-top: 12px; } #article_wrap #products .text .link a { background: url(../img/arr_x2.png) no-repeat left center; background-size: 9px auto; } #article_wrap #products .thumb { width: 100%!important; padding: 0!important; display: block!important; } #article_wrap #products .thumb .products01 { height: 112px; background: url(../img/img_02_04_x2.jpg) no-repeat center top; background-size: 200px auto; max-width: inherit; } #article_wrap #products .thumb .products02 { height: 111px; background: url(../img/img_03_04_x2.jpg) no-repeat center top; background-size: 200px auto; max-width: inherit; } #article_wrap #products .thumb .products03 { height: 117px; background: url(../img/img_03_05_x2.jpg) no-repeat center top; background-size: 200px auto; max-width: inherit; } #article_wrap #products .thumb img { display: none; } #article_wrap #products .products_2col .item { float: none; width: 100%; margin-left: 0; margin-bottom: 30px; } #article_wrap #products .products_2col .text { padding-top: 0; text-align: left; } #article_wrap .sample_photo { padding: 25px 20px 15px; display: block; width: auto; } #article_wrap .sample_photo .text { display: block; width: 100%!important; margin-bottom: 15px; } #article_wrap .sample_photo .thumb { display: block; text-align: center; width: 100%!important; } #article_wrap #section_04_04 { padding: 20px 19px 15px; border: 1px solid #e8e8e8; } #article_wrap #section_04_04 .headline { font-size: 125.0%; } #article_wrap #section_04_04 .note_list { margin: 20px 0 15px; } #article_wrap #section_04_04 .button { font-size: 100%; padding: 20px 0 15px; margin-bottom: 12px; } #article_wrap #section_04_04 .thumb { float: none; width: 100%; margin-left: 0; margin-top: 10px; } #article_wrap #section_04_04 .thumb img { max-width: 400px; } #article_wrap .point { padding: 25px 20px 20px; margin-bottom: 30px; } #article_wrap .point .head { font-size: 128.6%; margin-bottom: 25px; } #article_wrap .point .head span { font-size: 116.7%; } #article_wrap .point .image { text-align: center; } #article_wrap #section_07_01 #point01 .photoL { float: none; width: 100%; margin-bottom: 30px; } #article_wrap #section_07_01 #point01 .photoR { float: none; width: 100%; } #article_wrap #section_07_01 #point02 .photoL { float: none; width: 100%; margin-bottom: 30px; } #article_wrap #section_07_01 #point02 .photoL img { max-width: 270px; } #article_wrap #section_07_01 #point02 .photoR { float: none; width: 100%; } #article_wrap #section_07_01 #point03 .photoL { float: none; width: 100%; margin-bottom: 30px; } #article_wrap #section_07_01 #point03 .photoL img { max-width: 270px; } #article_wrap #section_07_01 #point03 .photoR { float: none; width: 100%; } #article_wrap #section_07_01 #point02 .photoR p, #article_wrap #section_07_01 #point03 .photoR p { font-size: 114.3%; } #article_wrap #section_07_02 #point04 .photo { display: block; } #article_wrap #section_07_02 #point04 .image { display:block; width: 100%; padding-right: 0; } #article_wrap #section_07_02 #point04 .text { display:block; padding-left: 0; } #article_wrap #section_07_02 #point05 .photo { display: block; } #article_wrap #section_07_02 #point05 .photo .image { display: block; width: 100%; padding-right: 0; } #article_wrap #section_07_02 #point05 .photo .text { display: block; padding-left: 0; } #article_wrap #section_07_02 #point05 .photoL { float: none; width: 100%; margin-bottom: 30px; } #article_wrap #section_07_02 #point05 .photoR { float: none; width: 100%; } #article_wrap #section_08_01 #point01 .photoL { float: none; width: 100%; margin-bottom: 30px; } #article_wrap #section_08_01 #point01 .photoL .img01 { max-width: inherit; } #article_wrap #section_08_01 #point01 .photoR { float: none; width: 100%; } #article_wrap #section_08_02 #point02 .photo { display: block; } #article_wrap #section_08_02 #point02 .image { display:block; width: 100%; padding-right: 0; } #article_wrap #section_08_02 #point02 .image img { width: auto; } #article_wrap #section_08_02 #point02 .text { display:block; padding-left: 0; } #article_wrap #section_08_02 #point03 .photoL { float: none; width: 100%; margin-bottom: 30px; } #article_wrap #section_08_02 #point03 .photoR { float: none; width: 100%; } #article_wrap #section_08_03 #point04 .photo { display: block; } #article_wrap #section_08_03 #point04 .image { display:block; width: 100%; padding-right: 0; } #article_wrap #section_08_03 #point04 .image img { width: auto; } #article_wrap #section_08_03 #point04 .text { display:block; padding-left: 0; } #article_wrap #section_09_01 #point01 .photo, #article_wrap #section_09_01 #point02 .photo, #article_wrap #section_09_02 #point05 .photo, #article_wrap #section_09_02 #point06 .photo, #article_wrap #section_09_03 #point08 .photo { display: block; } #article_wrap #section_09_01 #point01 .image, #article_wrap #section_09_01 #point02 .image, #article_wrap #section_09_02 #point05 .image, #article_wrap #section_09_02 #point06 .image, #article_wrap #section_09_03 #point08 .image { display:block; width: 100%; padding-right: 0; } #article_wrap #section_09_01 #point01 .image img, #article_wrap #section_09_01 #point02 .image img, #article_wrap #section_09_02 #point05 .image img, #article_wrap #section_09_02 #point06 .image img, #article_wrap #section_09_03 #point08 .image img { width: auto; } #article_wrap #section_09_01 #point01 .text, #article_wrap #section_09_01 #point02 .text, #article_wrap #section_09_02 #point05 .text, #article_wrap #section_09_02 #point06 .text, #article_wrap #section_09_03 #point08 .text { display:block; padding-left: 0; } #article_wrap #section_09_01 #point03 .photoL, #article_wrap #section_09_01 #point04 .photoL { float: none; width: 100%; margin-bottom: 30px; } #article_wrap #section_09_01 #point03 .photoL .image, #article_wrap #section_09_01 #point04 .photoL .image { max-width: inherit; } #article_wrap #section_09_01 #point03 .photoR, #article_wrap #section_09_01 #point04 .photoR { float: none; width: 100%; } #article_wrap #section_09_03 #point04 .photoL .image { max-width: inherit; } #article_wrap #section_09_03 #point03 .photoR, #article_wrap #section_09_03 #point07 .photoL { float: none; width: 100%; } #article_wrap #section_09_03 #point07 .photoR { float: none; width: 100%; margin-bottom: 30px; } #article_wrap #section_09_03 #point07 .photoR .image { max-width: inherit; } #article_wrap #section_10_01 .point .photo, #article_wrap #section_10_02 .point .photo, #article_wrap #section_10_03 .point .photo { display: block; } #article_wrap #section_10_01 .point .image, #article_wrap #section_10_02 .point .image, #article_wrap #section_10_03 .point .image { display:block; width: 100%; padding-right: 0; margin-bottom: 15px; } #article_wrap #section_10_01 .point .image img, #article_wrap #section_10_02 .point .image img, #article_wrap #section_10_03 .point .image img { width: auto; } #article_wrap #section_10_01 .point .text, #article_wrap #section_10_02 .point .text, #article_wrap #section_10_03 .point .text { display:block; padding-left: 0; } #article_wrap #section_10_01 .img_right, #article_wrap #section_10_02 .img_right, #article_wrap #section_10_03 .img_right { height: auto; margin-bottom: 2em!important; } #article_wrap #section_10_01 .img_right img, #article_wrap #section_10_02 .img_right img, #article_wrap #section_10_03 .img_right img { display: inline; } #article_wrap #products_tv { padding: 20px; margin-bottom: 25px; } #article_wrap #products_tv .text { float: none; width: 100%; text-align: center; } #article_wrap #products_tv .text .label { font-size: 142.9%; } #article_wrap #products_tv .thumb { float: none; width: 200px; margin: 0 auto 20px; } #article_wrap #products_tv .link { padding: 12px; } #article_wrap #products_tv .link a { background: url(../img/arr_x2.png) no-repeat left center; background-size: 9px auto; } #article_wrap .img_right img { display: none; } #article_wrap .end_text { margin-top: 20px; } #article_wrap .next_theme { text-align: left; } #article_wrap .date { text-align: right; } #article_wrap #page_nav ul { width: 100%; } #article_wrap #page_nav ul li { padding: 0; } #article_wrap #page_nav ul .return_outline { width: 43%; } #article_wrap #page_nav ul .prev { width: 28%; } #article_wrap #page_nav ul .next { width: 28%; } #article_wrap #page_nav ul .prev a { background: url(../img/arr_prev_x2.png) no-repeat center 4px; background-size: 15px auto; } #article_wrap #page_nav ul .return_outline a { background: url(../img/arr_back_x2.png) no-repeat center top; background-size: 24px auto; } #article_wrap #page_nav ul .next a { background: url(../img/arr_next_x2.png) no-repeat center 4px; background-size: 15px auto; } } /* ------------------------------------------- ページトップ ---------------------------------------------- */ .pagetop a { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }