/* 097 */ #cmeMain.typeB #contents_wrap { font-family: 'Noto Sans JP', sans-serif; font-size: 133.334%; } #main_image { background-color: #ffffff ;} #main_image img {margin-left: -800px;} #head_wrap { font-size: 112.5%; } #head_wrap .text { padding: 41px 0 30px; } #head_wrap .text p{ margin-bottom: 0;line-height: 1.944428; } #head_wrap .text p .text_notice {font-size: 77.78%;font-weight: bold;padding: 14px 25px;margin-bottom: 25px;line-height: 1.5;} #head_wrap .text p.note{font-size: 77.8%;font-weight: normal;padding-top: 14px;color: #333;} #column_wrap .bg_wrap { background-color: #f6f5ee; } #column_wrap .bg_wrap .border_title span img { background-color: #f6f5ee; } #column_wrap .border_title span img { padding: 0 28px; } #column_wrap .text { text-align: left; line-height: 1.874988; } #column_wrap .column .text_left,#column_wrap .column .text_right,#column_wrap .column .img_left,#column_wrap .column .img_right{ width: 48.2964224872232%; } #column_wrap .text_right.list {width: 48.2964224872232%;line-height: 2;padding: 0;} #column_wrap .column .text_right{margin-top: -9px;} #column_wrap .row .text_left,#column_wrap .row .img_right{width: 48.2964224872232%;} #column_wrap .row .text_left p{ margin-bottom: 0; } #column_wrap .row .img_right img{margin-top: 8px;} #column_wrap .text_left p, #column_wrap .text_right p{ line-height: 1.875em; } #column_wrap .text + .column { margin-top: 30px; } #column_wrap #section_01 .text + .column { margin-top: 33px; } #column_wrap #section_02 .text + .column { margin-top: 30px; } #column_wrap #section_03 .text + .column { margin-top: 33px; } #column_wrap .border_title{margin-bottom: 7px;} #column_wrap .text + .text { margin-top: 30px; } #column_wrap .text + .circle_list{margin-top: 7px;} #column_wrap #section_01 .border_title{ margin-bottom: 17px; } #column_wrap #section_02 .border_title{ margin-bottom: 0px; } #column_wrap #section_03 .border_title{ margin-bottom: 0px; } #column_wrap #section_01 .text.list{margin-top: 28px;} #column_wrap #section_01 { padding: 56px 0 100px; } #column_wrap #section_02 { padding: 46px 0 100px; } #column_wrap #section_03 { padding: 47px 0 100px; } #column_wrap #section_01 .border_title:after { top: 61%; background-color:#c5c4bf;} #column_wrap #section_02 .border_title:after { top: 61%; background-color:#c5c4bf;} #column_wrap #section_03 .border_title:after { top: 58%; background-color:#c5c4bf;} #column_wrap #section_01 .column .img_right{ margin-top: 8px; } #column_wrap .subsection + .subsection{ padding-top: 27px; } #column_wrap #section_02 .subsection + .subsection{ padding-top: 26px; } #column_wrap #section_03 .subsection + .subsection{ padding-top: 28px; } #column_wrap #section_03 .subsection + .subsection.last{margin-top: -16px;} #column_wrap .point_block + .text.list{margin-top: 65px;} #column_wrap .text.list h3 {font-size: 112.5%;font-weight: bold;border-bottom:1px solid #dcdcdc;padding-bottom: 13px;margin-bottom: 21px; } #column_wrap .text.list h3 span b{font-size: 122.3%;} #column_wrap #section_01 .text.list .col + .col .detail_list+.sub_list{margin-top: 0;} #column_wrap #section_02 .text.list .detail_list+h4{margin-top: 12px;} #column_wrap #section_03 .text.list .detail_list+h4{margin-top: 10px;} #column_wrap .list h4 {font-weight: bold;margin-left: -6px;} #column_wrap .list h4 + .detail_list{margin-top: 5px;} #column_wrap .list .detail_list+h4, #column_wrap .list .detail_list+.sub_list {margin-top: 12px;} #column_wrap .list .sub_list{margin-left: -6px;} #column_wrap .text.list .detail_list .list { position: relative; display: flex; justify-content: space-between; z-index: 1; } #column_wrap .text.list .detail_list li+li { margin-top: 6px; } #column_wrap .text.list .detail_list .list.no_dash{margin-top: 6px;} #column_wrap .text.list .detail_list .list.mrg_top{margin-top: 38px;} #column_wrap .text.list .detail_list .list span+span {display: ruby-base-container;} #column_wrap .text.list .detail_list .list span{background-color: #fff;display: inline-block; } #column_wrap .text.list .detail_list .list:after{ content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: url(../img/097/img_dot.png) repeat-x center center; background-size: 13px auto; width: 100%;height: 3px;z-index: -99; } #column_wrap .text.list .detail_list .list.no_dash { margin-left: 16px; } #column_wrap .text.list .detail_list .list_head{margin-left: -7px;} #column_wrap .detail_list.border_line{border-left: 1px solid #c5c4bf;margin-left: 15px;} #column_wrap .detail_list.border_line + .detail_list{margin-top: 8px;} #column_wrap .text.list .detail_col{display: flex;justify-content: space-between;} #column_wrap .text.list .detail_col .col{ width:48.008%; } #column_wrap .label { font-size: 112.5%;font-weight: bold; margin-bottom: 22px; padding-bottom: 17px; border-bottom: 1px solid #c5c4bf; } #column_wrap #section_02 .label{margin-bottom: 18px;} #column_wrap .sub_label { font-weight: bold; line-height:1.625; margin-bottom: 4px; } #column_wrap .sub_label.with_num { position:relative; padding-left:1.2em; } #column_wrap .sub_label.with_num .num_list { position:absolute; left:0;padding-left: 0; } #column_wrap .recipe_text{ line-height:2;} #column_wrap .recipe_text+.sub_label { margin-top: 34px; } #column_wrap .text_left .recipe_text+.sub_label { margin-top: 34px; } #column_wrap .sub_label.one_point { font-size:112.5%; display: flex; align-items: center; margin-bottom: 12px;line-height: 1.33333; } #column_wrap .sub_label span.point_img { display: inline-block; padding-left: 0; } #column_wrap .sub_label span.point_text { color: #c00b09; padding-top: 9px; } #column_wrap .sub_label .point_text { padding-left: 0.3em; } #column_wrap #section_02 .point_block { margin-top: 32px;padding: 24px 32px 33px 60px; } #column_wrap .point_block{ border: 1px solid #c5c4bf;padding: 24px 56px 32px 60px; margin-top: 34px; } #column_wrap .point_block .recipe_text{ position:relative;padding-left:0.85em;line-height: 1.75em; } #column_wrap .point_block .recipe_text span{position: absolute;left: 0;} #column_wrap .point_block .recipe_text+.recipe_text { margin-top: 5px; } #column_wrap .point_block .note_list{margin: 5px 0 0 15px;} #column_wrap .point_block .note_list li + li{margin-top: 5px;} #column_wrap .circle_list{ margin-bottom: 1.8em; } #column_wrap .num_list{padding-left: 2px;} #column_wrap .num_list li{line-height: 2;position: relative;padding-left: 25px;} #column_wrap .num_list li+li{margin-top: 9px;} #column_wrap .num_list li span{font-weight: bold;position: absolute;left: 0;} #column_wrap #section_03 .label{margin-bottom: 22px} #column_wrap #section_03 .point_block{margin-top: 41px;padding: 24px 30px 34px 60px;} #profile_wrap { padding: 46px 0 72px; } #profile_wrap .container { background-color: #f0efed;display: flex;align-items: top; } #profile_wrap .profile_img { float: left; width: 33.732%;border: 1px solid #f0efed; } #profile_wrap .profile_img img { width: 100%; vertical-align: bottom; } #profile_wrap .text .bold{ font-size: 100% } #profile_wrap .text_right{ width:56%; padding:6% 0 4.3% 5.12%; } #profile_wrap .text_right .inner a { color: #005e8c; } #profile_wrap .profile_text { margin-top:0.5em !important;margin-bottom:0!important; line-height: 1.8em !important; color: #333; } #profile_wrap .profile_text+.profile_text { margin-top: 1.2em !important; } #profile_wrap .profile_text img{vertical-align: middle;} #profile_wrap .profile_title{ font-size: 112.5%; line-height:1.44438 !important; margin-bottom: 0.2em!important;} #profile_wrap .profile_title small{ display: block;font-size: 88.89%;font-weight: bold;line-height: 1.75; } .release_date { font-size: 87.5%; margin-top: 54px; } #contents_wrap .return_corner_top { margin-top: 37px; } .black_icon span { display: inline-block; background: url(../img/097/icon_blank.png) no-repeat right center; background-size: 14px 13px; padding-right: 20px; } .num_bold{font-weight: bold;} #column_wrap .make_list{margin-bottom: 27px;} #column_wrap .make_list li {position: relative;padding-left: 1.2em;line-height: 2em;} #column_wrap .make_list li span {position: absolute;left: 0;padding-left: 0;} #column_wrap .make_list li + li {margin-top: 15px;} #column_wrap #section_02 .make_list li + li{margin-top: 6px;} #column_wrap .circle_list li+li {margin-top: 5px;} #column_wrap .circle_list li {line-height: 2em;} #column_wrap .circle_list li {position: relative;padding-left: 1em;} #column_wrap .circle_list span {position: absolute;left: 0;} #column_wrap .bg_wrap .text.list .detail_list .list span{background-color: #f6f5ee;display: inline-block;} @media only screen and (max-width: 768px){ #profile_wrap .profile_img { width: 40%} #profile_wrap .text_right { padding: 4.3% 0 4.3% 2%; } #profile_wrap .profile_text { font-size: 87.5%; } } @media only screen and (min-width: 768px) and (max-width: 1174px) { #main_image img { width: 124%; position: initial; left: 0; margin-left: -12%; margin-right: -12%; } } @media only screen and (max-width: 767px) { /*097*/ #cmeMain.typeB #contents_wrap { font-size: 100%; } #footer_button_area .container { margin-top: 35px; } #contents_wrap { margin-bottom: 45px; } #contents_wrap .text { line-height: 1.85714; } #head_wrap .text { padding: 50px 20px 40px; line-height: 1.5; } #head_wrap .text p { margin-bottom: 0; text-align: center;line-height: 1.5; } #main_image img{margin-left: 0;} #column_wrap .text_right { width: auto; } #column_wrap .column .text_left,#column_wrap .column .text_right,#column_wrap .column .img_left,#column_wrap .column .img_right{ width: 100%; } #column_wrap .column .img_right+.text_left, #column_wrap .column .text_left+.img_right, #column_wrap .column .img_left+.text_right, #column_wrap .column .img_left+.img_right { margin-top: 25px; } #column_wrap .text_left p, #column_wrap .text_right p { margin-bottom: 0; } #column_wrap #section_01,#column_wrap #section_02,#column_wrap #section_03 { padding: 40px 0 45px; } #column_wrap .subsection + .subsection,#column_wrap #section_02 .subsection + .subsection,#column_wrap #section_03 .subsection + .subsection{ padding-top: 30px; } #column_wrap #section_01 .border_title,#column_wrap #section_02 .border_title,#column_wrap #section_03 .border_title { margin-bottom: 25px; } #column_wrap .border_title span img{ padding: 0 10px!important; } #column_wrap #section_01 .border_title:after { top: 82%; } #column_wrap #section_02 .border_title:after { top: 82%; } #column_wrap #section_03 .border_title:after { top: 80%; } #column_wrap .row .text_left,#column_wrap .row .img_right{width: 100%;} #column_wrap #section_01 .text.list{margin-top: 0;} #column_wrap .text.list{ width: auto; padding: 20px 15px !important;margin-top: 25px; } #column_wrap .text.list h3 {padding-bottom: 6px;margin-bottom: 12px;} #column_wrap .text.list .detail_col{display: block;} #column_wrap .text.list .detail_col .col{width: 100%;} #column_wrap .text.list .detail_col .col+.col{margin-top: 23px;} #column_wrap .text.list h4{ font-size: 115%; } #column_wrap .list_title{ padding-bottom: 6px; margin-bottom:12px; } #column_wrap #section_03 .list h3{ padding-bottom: 6px; top:-11px; } #column_wrap .list .detail_list+h4{ margin-top: 21px !important;} #column_wrap .list .detail_list+.sub_list{ margin-top: 12px !important;} #column_wrap .label{ padding-bottom:8px; font-size: 125%; } #column_wrap #section_03 .label{margin-bottom: 20px;} #column_wrap .sub_label { font-size: 114.5%; } #column_wrap .sub_label.one_point{ font-size: 129%; } #column_wrap .recipe_text+.sub_label{ margin-top: 1.3em; } #column_wrap .text.list .detail_list .list span { font-size: 100%; } #column_wrap .text.list .detail_list .list.no_dash{margin-left: 12px;} #column_wrap .detail_list.border_line{margin-left: 15px;} #column_wrap .detail_list.border_line + .detail_list{margin-top: 27px;} #column_wrap .point_block{ padding: 20px!important;margin-top: 52px!important; } #profile_wrap { padding-top: 38px; padding-bottom: 0; } #profile_wrap .container { display: block; padding: 32px 23px; } #profile_wrap .profile_img { float: none; text-align: center; width: auto; margin-bottom: 25px; padding: 0;} #profile_wrap .text .bold { font-size: 107.5%; } #profile_wrap .text_right { float: none; width: 100%; max-width: inherit; padding:0; text-align: left; } #profile_wrap .text_right .inner { padding: 0; } #profile_wrap .profile_text { font-size: 93%; } #profile_wrap .profile_img img { width: 100%; } .release_date { margin-top:20px;font-size: 85.7%; } #contents_wrap .return_corner_top{ margin: 30px auto 0; } #column_wrap .make_list{margin-bottom: 30px;} #column_wrap .point_block + .text.list{margin-top: 25px !important;} #column_wrap .point_block .note_list {font-size: 100%;line-height: 1.75em;} } /* ------------------------------------------- 読み切りコラム一覧へ ---------------------------------------------- */ #contents_wrap .return_corner_top { margin: 50px auto; padding-top: 1em; border-top: 1px solid #e8e8e8; text-align: center; color: #64439c; } #contents_wrap .return_corner_top a { display: inline-block; padding-left: 17px; background: url(../img/arr_back.png) no-repeat 0 47%; } #contents_wrap .return_ctop_btn { width: 465px;margin: 28px auto 0;text-align: center; } #contents_wrap .return_ctop_btn a { display: flex;justify-content: center;align-items: center;width: 100%;height: 48px;padding: 0 24px;background-color: #fff;border: 1px solid #dbdbdb;border-radius: 3px;line-height: 1.7;text-decoration: none;transition: all 0.3s ease;color: #222;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } #contents_wrap .return_ctop_btn a:after { content: '';display: block;width: 7px;height: 7px;margin: 0 0 0 5px;border-top: 2px solid #c00;border-right: 2px solid #c00;transform: rotate(45deg); } #contents_wrap .return_ctop_btn a:hover { color: #c00 !important;background: #f5f5f5; } @media only screen and (max-width: 767px) { #contents_wrap .return_corner_top { margin: 30px auto 0; } #contents_wrap .return_corner_top a { padding-left: 17px; background: url(../img/arr_back_x2.png) no-repeat 0 47%; background-size: 14px auto; } #contents_wrap .return_ctop_btn { width: auto;margin-top: 40px; } #contents_wrap .return_ctop_btn a { position: relative;height: calc(100vw/(750/96));padding: 0 24px 2px;border-radius: 5px;font-size: calc(100vw/(750/26)); } #contents_wrap .return_ctop_btn a:after { position: absolute;top: 50%;right: calc(100vw/(750/18));width: 9px;height: 9px;margin: -5px 0 0; } }