@import url("/club-me/common/css/pagetop.css");

/* uptdate common */
#main {position: relative;}
@media only screen and (max-width: 767px) {
.global_footer {margin-top: 0;}
}

/* 049 */
#head_wrap .text { padding: 58px 0 54px; font-size: 100%; }
#head_wrap .text p { margin-bottom: 0;line-height:1.63em; }
#head_wrap .text p+p { margin-top: 1.5em; }
.bg_wrap { background-color: #f6f5ef; }
#column_wrap .section { padding: 90px 0 75px; }
#column_wrap img { max-width:100%;vertical-align: bottom; }
#column_wrap .border_title { margin-bottom: 60px; }
#column_wrap .border_title:after { top: 18px; }
#column_wrap .border_title span img { padding: 0 30px; }
#column_wrap .image { margin-bottom: 40px; }
#column_wrap p { font-size: 101%;line-height: 1.84em; }
#column_wrap .text { text-align: left; }
#column_wrap .text p+p { margin-top: 1.85em; }

#column_wrap #section_intro_text { padding: 55px 0; }
#column_wrap #section_intro_text p+p,
#column_wrap #section_intro_text p+ul,
#column_wrap #section_intro_text ul+p { margin-top: 1.85em; }
#column_wrap #section_intro_text .list li { display: inline-block; margin-right: 15px; }
#column_wrap #section_intro_text em { font-weight: bold; }

#column_wrap #section_intro_point { padding: 45px 0 40px; text-align: center; }
#column_wrap #section_intro_point .point { margin-bottom: 1.5em; }
#column_wrap #section_intro_point .point img { max-width: 100%; vertical-align: bottom; }
#column_wrap #section_intro_point .point img.pc_only { display: inline-block; }

#column_wrap #section_01 .border_title span img,#column_wrap #section_03 .border_title span img { background-color: #f6f5ef; }
#column_wrap #section_04 { padding-bottom: 0; }

#column_wrap #recipe_contents { padding: 85px 0 0; }
#column_wrap #recipe_contents .border_title { margin-bottom: 45px; }
#column_wrap #recipe_contents .recipe_material { margin-bottom: 35px; padding: 25px 30px; border: 1px solid #c8c8c8; }
#column_wrap #recipe_contents .recipe_material dd { position: relative; margin-top: 5px; padding-left: 1em; }
#column_wrap #recipe_contents .recipe_material dd:before { position: absolute; content: "・"; left: 0; }
#column_wrap #recipe_contents .recipe_section + .recipe_section { margin-top: 50px; }
#column_wrap #recipe_contents .recipe_section .recipe_head { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #c8c8c8; font-size: 128.5%; font-weight: bold; }
#column_wrap #recipe_contents .recipe_section .recipe_text + .recipe_image { margin-top: 35px; }
#column_wrap #recipe_contents .recipe_section .recipe_image + .recipe_caption { margin-top: 25px; }
#column_wrap #recipe_contents .recipe_section .recipe_head + .recipe_flow { margin-top: 25px; }
#column_wrap #recipe_contents .recipe_section .recipe_flow + .recipe_flow { margin-top: 45px; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_2col { display: table; width: 100%; table-layout: fixed; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_2col + .has_2col { margin-top: 45px; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_2col .flow_text { display: table-cell; padding-right: 4.6%; vertical-align: top; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_2col .flow_image { display: table-cell; width: 46.9%; padding-top: 0.35em; vertical-align: top; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .flow_text .flow { position: relative; padding-left: 1.5em; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .flow_text .flow em { position: absolute; left: 0; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_3col { display: table; width: 100%; table-layout: fixed; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .flow_text + .has_3col { margin-top: 40px; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_3col .flow_image { display: table-cell; width: 33.9%; padding-left: 1.9%; vertical-align: top; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_3col .flow_image:first-child { width: 32%; padding-left: 0; }

#column_wrap #profile_wrap { padding-top: 58px; }
#column_wrap #profile_wrap .container { display: table; width: 100%; }
#column_wrap #profile_wrap .profile_img { display: table-cell; width: 38.37%; background-color: #f6f5ef; vertical-align: top; }
#column_wrap #profile_wrap .text { display: table-cell; padding: 20px 30px 20px 45px; background-color: #f6f5ef; vertical-align: middle; }
#column_wrap #profile_wrap .text .name{font-size: 114.3%; padding-bottom: 10px;font-weight: bold;}
#column_wrap #profile_wrap .text p + p { margin-top: 0;}

.release_date { margin-top: 65px; }

.pager_link { margin-top: 115px; text-align: center; }
.pager_link.recipe { margin-top: -1.5em; }
.pager_link .other_button { max-width: 880px; margin: 0 auto; }
.pager_link .other_button a { display: block; padding: 15px 30px; background-color: #bc2c1f; color: #fff; text-align: left; font-size: 1.142em; -webkit-transition: opacity .2s ease-out;-moz-transition: opacity .2s ease-out;-ms-transition: opacity .2s ease-out;-o-transition: opacity .2s ease-out;transition: opacity .2s ease-out; }
.pager_link .other_button a:hover { opacity: 0.7; text-decoration: none; }
.pager_link .other_button a span { display: inline-block; padding-left: 15px; background: url(../img/049/arr_white.png) no-repeat left center; -webkit-background-size: 8px auto;-o-background-size: 8px auto;background-size: 8px auto; }
.pager_link .other_button + .pager { margin-top: 20px; }
.pager_link .pager { text-align: center; letter-spacing: -0.4em; }
.pager_link .pager li { display: inline-block; width: 25px; margin: 0 5px; border: 1px solid #bc2c1f; letter-spacing: normal; }
.pager_link .pager li a { display: block; padding: 5px 0; color: #bc2c1f; -webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.pager_link .pager li a:hover { background-color: #bc2c1f; color: #fff; text-decoration: none; }
.pager_link .pager li span { display: block; padding: 5px 0; background-color: #bc2c1f; color: #fff; }
#contents_wrap .pager_link + .return_corner_top { margin-top: 30px; }

@media only screen and (max-width: 767px) {
#footer_button_area .container { margin-top: 35px; }
#head_wrap .text { padding: 40px 20px; line-height: 1.5; }
#contents_wrap { margin-bottom: 45px; }
#column_wrap .section { padding: 35px 0 45px; }
#column_wrap .border_title { margin-bottom: 30px; }
#column_wrap .border_title:after { top: 32px; }
#column_wrap .border_title span img { padding: 0 15px; }
#column_wrap .image { margin-bottom: 20px; }
#column_wrap p { line-height: 1.7em; }
#column_wrap .text p+p { margin-top: 1.5em; }

#column_wrap #section_intro_text { padding: 35px 0 45px; }
#column_wrap #section_intro_text p+p,
#column_wrap #section_intro_text p+ul,
#column_wrap #section_intro_text ul+p {margin-top: 1.5em;}
#column_wrap #section_intro_text .list li {display: block; margin: 10px 0 0;}

#column_wrap #section_intro_point { padding: 35px 0 45px; }
#column_wrap #section_intro_point .point { margin-bottom: 1em; }
#column_wrap #section_intro_point .point img.pc_only { display: none; }

.pager_link { margin-top: 45px; }
.pager_link.recipe { margin-top: 1em; }
.pager_link .other_button a { padding: 15px 20px; font-size: 1em; -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none; }
.pager_link .other_button a:hover { opacity: 1; }
.pager_link .other_button a span { -webkit-background-size: 6px auto;-o-background-size: 6px auto;background-size: 6px auto; }
.pager_link .other_button + .pager { margin-top: 20px; }
.pager_link .pager { text-align: center; letter-spacing: -0.4em; }
.pager_link .pager li a { -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none; }
.pager_link .pager li a:hover { background-color: #fff; color: #bc2c1f; }

#column_wrap #recipe_contents { padding: 35px 0 0; }
#column_wrap #recipe_contents .border_title { margin-bottom: 30px; }
#column_wrap #recipe_contents .border_title:after { top: 52px; }
#column_wrap #recipe_contents .recipe_material { padding: 15px 20px; border: 1px solid #c8c8c8; }
#column_wrap #recipe_contents .recipe_section + .recipe_section { margin-top: 45px; }
#column_wrap #recipe_contents .recipe_section .recipe_head { margin-bottom: 10px; padding-bottom: 8px; font-size: 114.2%; }
#column_wrap #recipe_contents .recipe_section .recipe_text + .recipe_image { margin-top: 20px; }
#column_wrap #recipe_contents .recipe_section .recipe_image + .recipe_caption { margin-top: 15px; }
#column_wrap #recipe_contents .recipe_section .recipe_head + .recipe_flow { margin-top: 20px; }
#column_wrap #recipe_contents .recipe_section .recipe_flow + .recipe_flow { margin-top: 35px; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_2col { display: block; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_2col + .has_2col { margin-top: 35px; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_2col .flow_text { display: block; padding-right: 0; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_2col .flow_image { display: block; width: 100%; padding: 15px 0 0; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .flow_text .flow em { font-weight: bold; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_3col { display: block; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .flow_text + .has_3col { margin-top: 15px; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_3col .flow_image { display: block; width: 100%; padding: 10px 0 0; }
#column_wrap #recipe_contents .recipe_section .recipe_flow .has_3col .flow_image:first-child { width: 100%; padding-top: 0; }

#column_wrap #profile_wrap { padding-top: 40px; }
#column_wrap #profile_wrap .container { display: block; }
#column_wrap #profile_wrap .profile_img { display: block; width: 100%; background: none; }
#column_wrap #profile_wrap .text { display: block; padding: 25px 0 0; background: none; }

.release_date { margin-top: 45px; }

}