@charset "euc-jp";


/* ----------------------------------------------------
        reset
---------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
        font-size: 100%;
        font-style: normal;
        font-weight: 300;
        font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
        margin: 0;
        padding: 0;
        -webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
        display: block;
}
body {
        color: #1a1a1a;
        font-size: 12px;
        font-size: 75%\9;
        -webkit-text-size-adjust: 100%;
        line-height: 1.7;
        background: #fff;
        -webkit-overflow-scrolling: touch;
}
a {
        color: #1a1a1a;
        text-decoration: none;
}
a {
        display:inline-block
}
#dcm_page_cpsite a{
        display:block;
}
a:hover {
        text-decoration: underline;
}
@media screen and (max-width: 960px) {
        body {
                line-height: 1.4;
                font-size: 13px;
        }
         a:hover {
        text-decoration: none;
        }
}
img {
        border: 0px;
        vertical-align: bottom;
}
ul, ol {
        list-style-type: none;
}
table {
        border: none;
        border-collapse: collapse;
        border-spacing: 0;
}
th, caption {
        text-align: left;
        font-weight: normal;
}
strong {
        font-weight: bold;
}
input:focus {
        outline: 0;
}

/* ----------------------------------------------------
        wrapper
---------------------------------------------------- */
.wrapper{
        position:relative;
}

@media screen and (max-width: 960px) {
        .wrapper {
                width: 100%;
                overflow: hidden;
        }
}


/* ----------------------------------------------------
        header
---------------------------------------------------- */
.header {
        background: url(https://cdn.findfriends.jp/img.recipe.sp/common/image/bg/bg_beige.png) repeat 0 0;
        padding: 20px 0;
}
.header_inner {
        width: 960px;
        margin: 0 auto;
        position: relative;
        zoom: 1;
}
.header_inner:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0.1em;
        line-height: 0;
}
.header_logo {
        float: left;
        margin: 0 30px 0 0;
}
@media screen and (max-width: 960px) {
        .header {
                background-size: 25px auto;
                padding: 12px 0;
        }
        .header .for_sp {
                display: block;
        }
        .header_inner {
                width: auto;
        }
        .header_logo {
                float: none;
                margin: 0;
                text-align: center;
        }
        .header_logo img {
                width: 117px;
                height: auto;
        }
}

/* search */
.header_search {
        float: left;
        margin: 5px 20px 0 0;
}
.header_search_form {
        float: left;
        zoom: 1;
        margin: 0 5px 0 0;
}
.header_search_form:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0.1em;
        line-height: 0;
}
.header_search_form input[type=text] {
        font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
        font-size: 110%;
        float: left;
        border: none;
        padding: 0 10px;
        height: 32px;
        width: 190px;
}
.header_search_form button {
        background: #FF9500;
        height: 32px;
        border: none;
        display: block;
        float: left;
        cursor: pointer;
        padding: 0;
        width: 32px;
}
.header_search_form button:hover {
        opacity: .8;
}
.header_search_form button .icn {
        top: 1px;
}
.header_search_detail {
        float: left;
}
.header_search_detail a {
        display: block;
        width: 44px;
        height: 28px;
        color: #fff;
        text-align: center;
        background: #ff9500;
        font-size: 85%;
        line-height: 1.2;
        padding: 4px 0 0 0;
        text-decoration: none;
}
.header_search_detail a:hover {
        opacity: .8;
}

/* nav */
.header_nav {
        float: left;
}
.header_nav li {
        float: left;
        font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
        font-size: 105%;
        margin: 0 20px 0 0;
}
.header_nav li a {
        display: block;
        padding: 5px 0;
}
.header_nav li .icn {
        margin: 0 8px 0 0;
        top: 5px;
}

/* user */
.header_user {
        float: left;
        background: #fff;
        padding: 3px 8px 3px 3px;
        margin: 5px 0 0 0;
        cursor: default;
}
.header_user:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0.1em;
        line-height: 0;
}
.header_user_thumb {
        float: left;
        width:24px;
        height:24px;
        background-size: cover;
        background-position: center;
        margin: 0 5px 0 0;
}
.header_user_name {
        float: left;
        width: 80px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 26px;
}
.header_user .icn {
        top: 2px;
}

/* login */
.header_login {
        float: left;
}
.header_login a {
        background: #ff9500;
        padding: 3px 0;
        margin: 5px 0 0 0;
        color: #fff;
        display: block;
        width: 134px;
        text-align: center;
        font-size: 120%;
}
.header_login a:hover {
        background: #FEA902;
        text-decoration: none;
}

/* menu */
.header_menu {
        float: right;
        margin: 5px 0 0 0;
}
.header_menu_btn {
        display: block;
        width: 32px;
        height: 32px;
        text-align: center;
}
.header_menu_btn .ico{
        margin-top:6px;
}
.header_menu .icn {
        top: 6px;
}
@media screen and (max-width: 960px) {
        .header_menu {
                float: none;
                margin: 0;
                position: absolute;
                left: 0;
                top: -1px;
        }
        .header_menu a {
                width: 60px;
                height: 44px;
                display: block;
                text-align: center;
        }
        .header_menu .ico {
                top: 4px;
        }
}

/* searchbtn */
@media screen and (max-width: 960px) {
        .header_searchbtn {
                position: absolute;
                right: 0;
                top: -1px;
        }
        .header_mypage a {
                display: block;
                width: 40px;
                height: 44px;
                text-align: center;
        }
        .header_searchbtn a{
                display: block;
                width: 50px;
                height: 44px;
                text-align: center;
        }
        .header_mypage {
                position: absolute;
                right: 50px;
                top: -1px;
        }
        .header_avatar{
                width:40px;
                height:40px;
                background-size: cover;
                background-position: center;
        }
}

/* header_map */
.header_map {
        position: absolute;
        right: 0;
        top: 50px;
        background: #FEFCE0;
        width: 745px;
        z-index: 100;
        padding: 0 0 20px 0;
        box-shadow: 0 0 5px rgba(0,0,0,.5);
        display: none;
}
.header_map:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0.1em;
        line-height: 0;
}
.header_map_arrow {
        position: absolute;
        right: 10px;
        top: -17px;
}
.header_map dl {
        float: left;
        width: 210px;
        margin: 23px 0 0 28px;
}
.header_map dl:nth-child(4) {
        clear: left;
}
.header_map dt {
        font-size: 140%;
        font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
        border-bottom: 1px solid #FF9500;
        margin: 0 0 7px 0;
}
.header_map dd {
        font-size: 125%;
}
.header_map dd span {
        display: block;
        font-size: 75%;
}
.header_map dd em {
        color: #FF9500;
        margin: 0 0 0 5px;
}
.header_map dd strong {
        font-weight: normal;
}
.header_map dd li {
        line-height: 1.4;
        padding: 5px 0;
}
.header_map dd li a {
        display: block;
}
.header_map dd li a:hover {
        text-decoration: none;
}
.header_map dd li a:hover strong {
        text-decoration: underline;
}

/* header_map_login */
.header_map_login {
        position: absolute;
        right: 90px;
        top: 50px;
        background: #FEFCE0;
        width: 350px;
        z-index: 100;
        padding: 10px 25px 15px 25px;
        box-shadow: 0 0 5px rgba(0,0,0,.5);
        display: none;
}
.header_map_login:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0.1em;
        line-height: 0;
}
.header_map_login ul {
        padding: 5px 0;
}
.header_map_login ul ul {
        padding: 0;
        margin: -7px 0 8px 0;
}
.header_map_login li {
        border-bottom: 1px solid #ccc;
        font-size: 130%;
        font-weight: bold;
        color: #FF9500;
}
.header_map_login li a {
        color: #FF9500;
        position: relative;
        text-decoration: none;
        display: block;
        padding: 8px 0;
        line-height: 1.5;
}
.header_map_login li a:hover strong {
        text-decoration: underline;
}
.header_map_login li li a {
        color: #1a1a1a;
        padding: 0;
        font-size: 90%;
}
.header_map_login li:last-child {
        border-bottom: none;
}
.header_map_login li li {
        border-bottom: none;
        font-size: 100%;
        font-weight: normal;
}
.header_map_login li strong {
        width: 200px;
        display: inline-block;
}
.header_map_login li li strong {
        font-weight: normal;
}
.header_map_login li span {
        font-size: 85%;
        color: #1a1a1a;
}
.header_map_login li em {
        color: #FF9500;
        margin: 0 0 0 5px;
}
.header_map_login li div {
        position: absolute;
        width: 35px;
        height: 18px;
        line-height: 20px;
        text-align: center;
        background: #549ACB;
        color: #fff;
        right: 0;
        top: 2px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 80%;
}

/* header_map_sp */
@media screen and (max-width: 960px) {
        .header_map_sp {
        margin-top:10px;
        width: 100%;
        z-index: 100;
        border-top: 2px solid #FF9500;
        display: none;
        box-shadow: 0 2px 5px rgba(0,0,0,.3);
        }
        .header_map_sp_login {
        padding: 20px 0;
        width: 94%;
        margin: 0 auto;
        }
        .header_map_sp_login a {
        display: inline-block;
        font-size: 14px;
        background: #FF9500;
        color: #fff;
        padding: 5px 10px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
        }
        .header_map_sp_login a:hover {
        text-decoration: none;
        }
        .header_map_sp dt {
        background: #FF9500;
        color: #fff;
        padding: 15px 3%;
        font-size: 16px;
        border-top: 1px solid #FEFCE0;
        position: relative;
        }
        .header_map_sp dt span{
        margin:-3px 0 0 5px;
        font-size: 11px;
        }
        .header_map_sp dt .icn {
        position: absolute;
        right: 3%;
        top: 50%;
        margin: -8px 0 0 0;
        }
        .header_map_sp dd {
        display: none;
        }
        .header_map_sp li {
        background-color:#FEFCE0;
        }
        .header_map_sp li .icn {
        margin: 0 5px 0 0;
        top: 2px;
        }
        .header_map_sp li:last-child a {
        border-bottom: none;
        }
        .header_map_sp li a {
        display: block;
        margin: 0 3%;
        padding: 15px 0;
        font-size: 16px;
        border-bottom: 1px solid #ccc;
        position: relative;
        }
        .header_map_sp li a:hover {
        text-decoration: none;
        }
        .header_map_sp_update {
        font-size: 10px;
        float: right;
        margin: 3px 20px 0 0;
        }
        .header_map_sp li em {
        margin: 0 0 0 5px;
        }
        .header_map_sp li div {
        float: right;
        width: 30px;
        height: 18px;
        line-height: 20px;
        text-align: center;
        background: #549ACB;
        color: #fff;
        right: 0;
        top: 2px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                font-size: 12px;
                margin: 0 20px 0 -12px;
        }
        .header_map_sp li .icn_arrow_r1 {
        position: absolute;
        right: 0;
        top: 50%;
        margin: -9px 0 0 0;
        }
}

/* ----------------------------------------------------
        contents
---------------------------------------------------- */
.inner {
        width: 960px;
        margin: 0 auto;
}
.inner:after{
        clear: both;
        content: " ";
        display: block;
}

@media screen and (max-width: 960px) {
        .inner {
                width: 100%;
        }
        .page_title {
                text-align: center;
                font-size: 14px;
                padding: 10px 0;
                border-bottom: 1px solid #e6e6e6;
                display: block !important;
                position: relative;
        }
        .page_title_btn {
                position: absolute;
                left: 0;
                top: 0;
        }
        .page_title_btn a {
                display: block;
                width: 34px;
                height: 34px;
                text-align: center;
        }
        .page_title_btn .icn {
                top: 11px;
        }
}


/* ----------------------------------------------------
        footer
---------------------------------------------------- */
.footer {
        background: url(https://cdn.findfriends.jp/img.recipe.sp/common/image/bg/bg_beige.png) repeat 0 0;
        padding: 15px 0;
}
.footer_inner {
        margin: 0 auto;
        position: relative;
        zoom: 1;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom:1px solid #ccc;
}
.footer_inner:last-of-type{
    border-bottom:none;
}
.footer_inner:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0.1em;
        line-height: 0;
}
.footer_pagetop {
        position: absolute;
        right: 0;
        top: -35px;
        z-index: 1;
}
@media screen and (max-width: 960px) {
        .footer {
                background-size: 50px auto;
        }
        .footer_inner {
                width: auto;
        }
        .footer_pagetop {
                position: fixed;
                right: 15px;
                bottom: 15px;
                top: inherit;
        }
        .footer_pagetop img {
                width: 52px;
                height: auto;
        }
}

/* footer_sns_btn */
.footer_sns_btn {
    position:relative;
}
.footer_sns_btn ul {
    width:280px;
    margin:0 auto;
    box-shadow: 0 2px 3px rgba(146, 151, 165, .7);
    border-radius: 5px;
}
.footer_sns_btn ul li {
    width: 50%;
    float: left;
}
.footer_sns_btn ul li a {
    display: block;
    color: #fff;
    font-size: 61%;
    text-align: center;
    padding: 6px 0;
    overflow: hidden;
    white-space: nowrap;
}
.footer_sns_btn ul li a:before {
    content: "";
    display: block;
    background-image: url('https://cdn.findfriends.jp/img.recipe.sp/common/image/common/icon_social.png');
    background-repeat: no-repeat;
    -webkit-background-size: 110px 26px;
    -moz-background-size: 110px 26px;
    -ms-background-size: 110px 26px;
    background-size: 110px 26px;
    margin: 0 auto 4px;
    height: 22px;
}
.footer_sns_btn ul li a.Tw:before {
    width: 24px;
    background-position: -29px 0;
}
.footer_sns_btn ul li a.Fb:before {
    width: 24px;
    background-position: -2px -2px;
}
.footer_sns_btn ul li a.Yt:before {
    width: 52px;
    background-position: -57px -2px;
}
.footer_sns_btn ul:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}
.Tw {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #000;
}
.Fb {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #2c53b6; /* Old browsers */
    background: linear-gradient(to bottom, #2c53b6 0%,#264aa6 100%);
}

@media screen and (min-width: 960px) {
    .footer_sns_btn{
        width:960px;
        margin:0 auto 0;
    }
}


/* keyword */
.footer_recipe_keyword{
    margin:0 15px 15px;
}
.footer_recipe_keyword:last-of-type{
    margin-bottom:0;
}
.footer_recipe_keyword h2{
    font-size:110%;
    font-weight:bold;
}
.footer_recipe_keyword ul li{
    float: left;
    line-height: 1.8em;
    margin-right: 12px;
}
.footer_recipe_keyword ul:after{
    clear: both;
    content: " ";
    display: block;
}
.footer_recipe_keyword ul li a{
    text-decoration:underline;
    color:#555;
}
@media screen and (min-width: 960px) {
    .footer_recipe_keyword{
        width:960px;
        margin:0 auto 15px;
    }
}

/* menu */
.footer_menu{
        margin-bottom:10px;
        padding-bottom:10px;
        border-bottom:1px solid #ccc;
}
.footer_menu ul{
        display:table;
        margin:0 auto;
}
.footer_menu ul li{
        display:table-cell;
        padding:3px 10px;
}
@media screen and (min-width: 960px) {
        .footer_menu{
                display:none;
        }
}

/* footer_menu_pc */
@media screen and (min-width: 960px) {
    .footer_menu_pc{
        width:960px;
        margin:0 auto;
    }
}

/* txt */
.footer_txt {
        float: left;
        zoom: 1;
        margin: 0 0 0 0;
        font-size: 95%;
}
.footer_txt:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0.1em;
        line-height: 0;
}
.footer_txt p {
        float: left;
        margin: 0 15px 0 0;
}
@media screen and (max-width: 960px) {
        .footer_txt {
                float: none;
                margin: 0;
                padding: 0;
                text-align: center;
        }
        .footer_txt p {
                float: none;
                font-size: 12px;
                margin: 0;
                line-height: 2;
        }
        .footer_txt p br {
                display: none;
        }
}

/* nav */
.footer_nav {
        float: left;
        background: #fff;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        height: 30px;
        line-height: 30px;
        padding: 0 0 0 10px;
        margin: 0 0 0 0;
}
.footer_nav dt,
.footer_nav dd,
.footer_nav ul,
.footer_nav li {
        display: inline;
}
.footer_nav li {
        margin: 0 8px 0 0;
        font-size: 95%;
}
@media screen and (max-width: 960px) {
        .footer_nav {
                display: none;
        }
}

/* copyright */
.footer_copyright {
        float: right;
        padding: 0 0 0 0;
        font-size: 85%;
}
@media screen and (max-width: 960px) {
        .footer_copyright {
                float: none;
                padding: 10px 0 0 0;
                font-size: 12px;
                text-align: center;
        }
}




/* ----------------------------------------------------
        アイコン
---------------------------------------------------- */
.icn {
        display: inline-block;
        background-image: url(https://cdn.findfriends.jp/img.recipe.sp/common/image/icon/img_sprite.png);
        background-repeat: no-repeat;
        position: relative;
}
@media screen and (max-width: 960px) {
        .icn {
                background-size: 600px auto;
        }
}


/* header */
.icn_search_pc {
        width: 15px;
        height: 14px;
        background-position: 0 0;
}
.icn_lesson {
        width: 28px;
        height: 21px;
        background-position: -25px 0;
}
.icn_recipe {
        width: 28px;
        height: 21px;
        background-position: -63px 0;
}
.icn_recipe_calory {
        width: 14px;
        height: 19px;
        background-position: -320px -82px;
}
.icn_recipe_salt {
        width: 21px;
        height: 18px;
        background-position: -372px -82px;
}
.icn_solution {
        width: 17px;
        height: 22px;
        background-position: -101px 0;
}
.icn_arrow_b1 {
        width: 12px;
        height: 7px;
        background-position: -158px 0;
}
.icn_menu_pc {
        width: 20px;
        height: 18px;
        background-position: -128px 0;
}

/* page title */
.icn_back {
        width: 7px;
        height: 11px;
        background-position: -139px -149px;
}

/* header sp */
@media screen and (max-width: 960px) {
        .icn_search_sp {
                width: 31px;
                height: 44px;
                background-position: -36px -100px;
        }
        .icn_menu_sp {
                width: 31px;
                height: 44px;
                background-position: 0 -100px;
        }
        .icn_recipe_calory {
                width: 14px;
                height: 20px;
                background-position: -332px -138px;
        }
        .icn_recipe_salt {
                width: 23px;
                height: 19px;
                background-position: -351px -138px;
        }
        .icn_arrow_r1 {
                width: 12px;
                height: 18px;
                background-position: -157px -182px;
        }
        .icn_map_toggle {
        width: 16px;
        height: 16px;
                background-position: -285px -296px;
        }
        .is_show .icn_map_toggle {
                background-position: -306px -296px;
        }
}

/* レート */
.icn_rate_on {
        width: 120px;
        height: 18px;
        background-position: -70px -47px;
}
.icn_rate_off {
        width: 120px;
        height: 18px;
        background-position: -70px -75px;
}
.rate_0 .icn_rate_on { width: 0; }
.rate_1 .icn_rate_on { width: 20px; }
.rate_2 .icn_rate_on { width: 47px; }
.rate_3 .icn_rate_on { width: 74px; }
.rate_4 .icn_rate_on { width: 101px; }
.rate_5 .icn_rate_on { width: 127px; }
@media screen and (max-width: 960px) {
        .icn_rate_on {
                width: 87px;
                height: 14px;
                background-position: 0 -149px;
        }
        .icn_rate_off {
                width: 87px;
                height: 14px;
                background-position: 0 -168px;
        }
        .rate_0 .icn_rate_on { width: 0; }
        .rate_1 .icn_rate_on { width: 18px; }
        .rate_2 .icn_rate_on { width: 34px; }
        .rate_3 .icn_rate_on { width: 53px; }
        .rate_4 .icn_rate_on { width: 68px; }
        .rate_5 .icn_rate_on { width: 85px; }
        .recipe_list_item_recommend {
                display: none;
        }
}

/* レート小 */
.icn_rate_on2 {
        width: 91px;
        height: 15px;
        background-position: -70px -104px;
}
.icn_rate_off2 {
        width: 91px;
        height: 15px;
        background-position: -70px -128px;
}
.rate_0 .icn_rate_on2 { width: 0; }
.rate_1 .icn_rate_on2 { width: 15px; }
.rate_2 .icn_rate_on2 { width: 37px; }
.rate_3 .icn_rate_on2 { width: 55px; }
.rate_4 .icn_rate_on2 { width: 75px; }
.rate_5 .icn_rate_on2 { width: 95px; }
@media screen and (max-width: 960px) {
        .icn_rate_on2 {
                width: 87px;
                height: 14px;
                background-position: 0 -149px;
        }
        .icn_rate_off2 {
                width: 87px;
                height: 14px;
                background-position: 0 -168px;
        }
        .rate_0 .icn_rate_on2 { width: 0; }
        .rate_1 .icn_rate_on2 { width: 18px; }
        .rate_2 .icn_rate_on2 { width: 34px; }
        .rate_3 .icn_rate_on2 { width: 53px; }
        .rate_4 .icn_rate_on2 { width: 68px; }
        .rate_5 .icn_rate_on2 { width: 85px; }
}

/* 火加減 */
.icn_fire_on {
        width: 97px;
        height: 18px;
        background-position: -70px -147px;
}
.icn_fire_off {
        width: 97px;
        height: 18px;
        background-position: -70px -170px;
}
.fire_0 .icn_fire_on { width: 0; }
.fire_1 .icn_fire_on { width: 15px; }
.fire_2 .icn_fire_on { width: 30px; }
.fire_3 .icn_fire_on { width: 47px; }
.fire_4 .icn_fire_on { width: 66px; }
.fire_5 .icn_fire_on { width: 80px; }
.fire_6 .icn_fire_on { width: 101px; }
@media screen and (max-width: 960px) {
        .icn_fire_on {
                width: 89px;
                height: 16px;
                background-position: 0 -187px;
        }
        .icn_fire_off {
                width: 89px;
                height: 16px;
                background-position: 0 -208px;
        }
        .fire_0 .icn_fire_on { width: 0; }
        .fire_1 .icn_fire_on { width: 13px; }
        .fire_2 .icn_fire_on { width: 30px; }
        .fire_3 .icn_fire_on { width: 44px; }
        .fire_4 .icn_fire_on { width: 60px; }
        .fire_5 .icn_fire_on { width: 76px; }
        .fire_6 .icn_fire_on { width: 89px; }
}

/* ナンバー */
.icn_num1 {
        width: 8px;
        height: 26px;
        background-position: -196px -146px;
}
.icn_num2 {
        width: 12px;
        height: 26px;
        background-position: -214px -146px;
}
.icn_num3 {
        width: 12px;
        height: 27px;
        background-position: -236px -146px;
}
.icn_num4 {
        width: 14px;
        height: 26px;
        background-position: -258px -146px;
}
.icn_num5 {
        width: 12px;
        height: 27px;
        background-position: -282px -146px;
}
.icn_num6 {
        width: 12px;
        height: 27px;
        background-position: -304px -146px;
}
.icn_num7 {
        width: 12px;
        height: 26px;
        background-position: -326px -146px;
}
.icn_num8 {
        width: 12px;
        height: 28px;
        background-position: -550px -675px;
}
.icn_num9 {
        width: 11px;
        height: 28px;
        background-position: -571px -675px;
}
.icn_num10 {
        width: 25px;
        height: 28px;
        background-position: -592px -675px;
}
.icn_num11 {
        width: 21px;
        height: 28px;
        background-position: -626px -675px;
}
.icn_num12 {
        width: 24px;
        height: 28px;
        background-position: -657px -675px;
}
.icn_num13 {
        width: 24px;
        height: 28px;
        background-position: -691px -675px;
}
.icn_num14 {
        width: 25px;
        height: 28px;
        background-position: -725px -675px;
}
.icn_num15 {
        width: 24px;
        height: 28px;
        background-position: -760px -675px;
}
.icn_num16 {
        width: 24px;
        height: 28px;
        background-position: -794px -675px;
}
.icn_num17 {
        width: 24px;
        height: 28px;
        background-position: -828px -675px;
}
.icn_num18 {
        width: 24px;
        height: 28px;
        background-position: -862px -675px;
}
.icn_num19 {
        width: 24px;
        height: 28px;
        background-position: -896px -675px;
}
.icn_num20 {
        width: 25px;
        height: 28px;
        background-position: -930px -675px;
}
@media screen and (max-width: 960px) {
        .icn_num1 {
                width: 10px;
                height: 32px;
                background-position: -239px -100px;
        }
        .icn_num2 {
                width: 14px;
                height: 32px;
                background-position: -254px -100px;
        }
        .icn_num3 {
                width: 14px;
                height: 32px;
                background-position: -273px -100px;
        }
        .icn_num4 {
                width: 16px;
                height: 32px;
                background-position: -292px -100px;
        }
        .icn_num5 {
                width: 14px;
                height: 32px;
                background-position: -313px -100px;
        }
        .icn_num6 {
                width: 14px;
                height: 32px;
                background-position: -332px -100px;
        }
        .icn_num7 {
                width: 14px;
                height: 32px;
                background-position: -351px -100px;
        }
        .icn_num8 {
                width: 14px;
                height: 32px;
                background-position: 0 -358px;
        }
        .icn_num9 {
                width: 14px;
                height: 32px;
                background-position: -19px -358px;
        }
        .icn_num10 {
                width: 29px;
                height: 32px;
                background-position: -38px -358px;
        }
        .icn_num11 {
                width: 25px;
                height: 32px;
                background-position: -72px -358px;
        }
        .icn_num12 {
                width: 29px;
                height: 32px;
                background-position: -102px -358px;
        }
        .icn_num13 {
                width: 29px;
                height: 32px;
                background-position: -136px -358px;
        }
        .icn_num14 {
                width: 30px;
                height: 32px;
                background-position: -170px -358px;
        }
        .icn_num15 {
                width: 29px;
                height: 32px;
                background-position: -205px -358px;
        }
        .icn_num16 {
                width: 29px;
                height: 32px;
                background-position: -239px -358px;
        }
        .icn_num17 {
                width: 29px;
                height: 32px;
                background-position: -273px -358px;
        }
        .icn_num18 {
                width: 29px;
                height: 32px;
                background-position: -307px -358px;
        }
        .icn_num19 {
                width: 29px;
                height: 32px;
                background-position: -341px -358px;
        }
        .icn_num20 {
                width: 30px;
                height: 32px;
                background-position: -375px -358px;
        }
}

/* ポイント */
.icn_point {
        width: 65px;
        height: 34px;
        background-position: 0 -117px;
}
.icn_check {
        width: 73px;
        height: 38px;
        background-position: -804px -38px;
}
.icn_point1 {
        width: 65px;
        height: 34px;
        background-position: -638px -54px;
}
.icn_point2 {
        width: 65px;
        height: 34px;
        background-position: -638px -98px;
}
.icn_point3 {
        width: 65px;
        height: 34px;
        background-position: -638px -142px;
}
.icn_checkpoint {
        width: 61px;
        height: 14px;
        background-position: -338px -112px;
}
@media screen and (max-width: 960px) {
        .icn_point {
                width: 51px;
                height: 27px;
                background-position: -183px -100px;
        }
        .icn_check {
                width: 58px;
                height: 30px;
                background-position: -401px -138px;
        }
        .icn_point1 {
                width: 51px;
                height: 27px;
                background-position: 0 -253px;
        }
        .icn_point2 {
                width: 51px;
                height: 27px;
                background-position: -56px -253px;
        }
        .icn_point3 {
                width: 51px;
                height: 27px;
                background-position: -112px -253px;
        }
}

/* メモ */
.icn_memo {
        width: 24px;
        height: 21px;
        background-position: -258px -82px;
}
.icn_memo2 {
        width: 16px;
        height: 20px;
        background-position: -226px -112px;
}
.icn_memo3 {
        width: 16px;
        height: 20px;
        background-position: -252px -112px;
}
@media screen and (max-width: 960px) {
        .icn_memo {
                width: 45px;
                height: 37px;
                background-position: -183px -138px;
        }
}

/* ヘルプ */
.icn_help {
        width: 20px;
        height: 20px;
        background-position: -310px -112px;
}
.icn_help2 {
        width: 23px;
        height: 22px;
        background-position: -748px -128px;
}
@media screen and (max-width: 960px) {
        .icn_help2 {
                width: 27px;
                height: 26px;
                background-position: -394px -100px;
        }
}

/* ケイタイ */
.icn_sp {
        width: 16px;
        height: 24px;
        background-position: -200px -112px;
}
@media screen and (max-width: 960px) {
        .icn_sp {
                width: 21px;
                height: 31px;
                background-position: -235px -138px;
        }
}

/* お買い物リストに追加 */
.icn_add3 {
        width: 21px;
        height: 22px;
        background-position: -278px -112px;
}
@media screen and (max-width: 960px) {
        .icn_add3 {
                width: 22px;
                height: 22px;
                background-position: -261px -138px;
        }
}

/* 献立追加 */
.icn_add {
        width: 25px;
        height: 25px;
        background-position: -284px -47px;
}
.icn_add_dead {
        width: 25px;
        height: 25px;
        background-position: -1082px -38px;
}
@media screen and (max-width: 960px) {
        .icn_add {
                width: 18px;
                height: 18px;
                background-position: -116px -149px;
        }
        .icn_add_dead {
                width: 18px;
                height: 18px;
                background-position: -547px -138px;
        }
}

/* お気に入りに追加 */
.icn_fav {
        width: 25px;
        height: 23px;
        background-position: -249px -47px;
}
.icn_fav_dead {
        width: 25px;
        height: 23px;
        background-position: -1047px -38px;
}
.icn_fav2 {
        width: 19px;
        height: 17px;
        background-position: -200px -82px;
}
.icn_fav2_dead {
        width: 19px;
        height: 17px;
        background-position: -1144px -234px;
}
@media screen and (max-width: 960px) {
        .icn_fav {
                width: 19px;
                height: 18px;
                background-position: -92px -147px;
        }
        .icn_fav_dead {
                width: 19px;
                height: 18px;
                background-position: -523px -138px;
        }
        .icn_fav2 {
                width: 17px;
                height: 15px;
                background-position: -92px -174px;
        }
        .icn_fav2_dead {
                width: 17px;
                height: 15px;
                background-position: -546px -180px;
        }
}

/* 印刷 */
.icn_print {
        width: 19px;
        height: 16px;
        background-position: -344px -82px;
}

/* お料理したよ */
.icn_cook {
        width: 28px;
        height: 31px;
        background-position: -690px 0;
}
@media screen and (max-width: 960px) {
        .icn_cook {
                width: 26px;
                height: 29px;
                background-position: -295px -182px;
        }
}

/* 再生ボタン */
.icn_play {
        width: 51px;
        height: 50px;
        background-position: -386px 0;
}
@media screen and (max-width: 960px) {
        .icn_play {
                width: 70px;
                height: 70px;
                background-position: -330px -180px;
        }
}

/* タイム */
.icn_time {
        width: 18px;
        height: 19px;
        background-position: -292px -82px;
}
.icn_time2 {
        width: 14px;
        height: 17px;
        background-position: -348px -146px;
}
.icn_time3 {
        width: 27px;
        height: 28px;
        background-position: -714px -90px;
}
@media screen and (max-width: 960px) {
        .icn_time {
                width: 19px;
                height: 21px;
                background-position: -308px -138px;
        }
        .icn_time2 {
                width: 15px;
                height: 17px;
                background-position: -288px -138px;
        }
        .icn_time3 {
                width: 19px;
                height: 21px;
                background-position: -308px -138px;
        }
}

/* 外部リンク */
.icn_external {
        width: 13px;
        height: 13px;
        background-position: -876px 0;
}
@media screen and (max-width: 960px) {
        .icn_external {
                width: 12px;
                height: 12px;
                background-position: -540px -100px;
        }
}

/* サークル */
.icn_cir {
        width: 12px;
        height: 13px;
        background-position: -1152px 0;
}
@media screen and (max-width: 960px) {
        .icn_cir {
                width: 13px;
                height: 13px;
                background-position: -522px -100px;
        }
}


/* リスト番号 */
.icn_num_list1,
.icn_num_list2,
.icn_num_list3,
.icn_num_list4,
.icn_num_list5,
.icn_num_list6,
.icn_num_list7,
.icn_num_list8,
.icn_num_list9 {
        width: 14px;
        height: 17px;
}
.icn_num_list1 { background-position: -936px 0; }
.icn_num_list2 { background-position: -960px 0; }
.icn_num_list3 { background-position: -984px 0; }
.icn_num_list4 { background-position: -1008px 0; }
.icn_num_list5 { background-position: -1032px 0; }
.icn_num_list6 { background-position: -1056px 0; }
.icn_num_list7 { background-position: -1080px 0; }
.icn_num_list8 { background-position: -1104px 0; }
.icn_num_list9 { background-position: -1128px 0; }
@media screen and (max-width: 960px) {
        .icn_num_list1,
        .icn_num_list2,
        .icn_num_list3,
        .icn_num_list4,
        .icn_num_list5,
        .icn_num_list6,
        .icn_num_list7,
        .icn_num_list8,
        .icn_num_list9 {
                width: 11px;
                height: 16px;
        }
        .icn_num_list1 { background-position: -405px -180px; }
        .icn_num_list2 { background-position: -421px -180px; }
        .icn_num_list3 { background-position: -436px -180px; }
        .icn_num_list4 { background-position: -452px -180px; }
        .icn_num_list5 { background-position: -468px -180px; }
        .icn_num_list6 { background-position: -484px -180px; }
        .icn_num_list7 { background-position: -500px -180px; }
        .icn_num_list8 { background-position: -516px -180px; }
        .icn_num_list9 { background-position: -532px -180px; }
}



/* --------------------
調理器具（背景画像として使う時）
--------------------
.icn_tools {
        display: inline-block;
        background-image: url(/common/image/icon/icn_tools.png);
        background-repeat: no-repeat;
        position: relative;
}
@media screen and (min-width: 960px) {
        .icn_tools {
                background-size: 430px auto;
        }
}

.lesson_tools_r span {
        width: 100px;
        height: 95px;
}
@media screen and (max-width: 960px) {
        .lesson_tools_r span {
        width: auto;
        height: auto;
        }
}

.pan_l{
        background-position:-6px -6px;}
.pan_s{
        background-position:-112px -6px;}
.skillet{
        background-position:-218px -6px;}
.knife{
        background-position:-324px -6px;}
.chopping_board{
        background-position:-6px -107px;}
.bowl_l{
        background-position:-112px -107px;}
.bowl_m{
        background-position:-218px -107px;}
.bowl_s{
        background-position:-324px -107px;}
.colander{
        background-position:-6px -208px;}
.sieve{
        background-position:-112px -208px;}
.ladle{
        background-position:-218px -208px;}
.turner{
        background-position:-324px -208px;}
.spatula{
        background-position:-6px -309px;}
.rubber_spatula{
        background-position:-112px -309px;}
.tongs{
        background-position:-218px -309px;}
.whisk{
        background-position:-324px -309px;}
.grater{
        background-position:-6px -410px;}
.longchopsticks{
        background-position:-112px -410px;}
.peeler{
        background-position:-218px -410px;}
.small_lid{
        background-position:-324px -410px;}
.oil_pot{
        background-position:-6px -511px;}
.steel_tray{
        background-position:-112px -511px;}
*/


/* おすすめ度 */
.item_recommend {
        width: 110px;
        margin: 0 auto 15px auto;
        text-align: right;
        position: relative;
}
.item_recommend .icn {
        position: absolute;
        left: 0;
        top: 0;
}
.item_recommend_1 .icn { width: 13px; }
.item_recommend_2 .icn { width: 24px; }
.item_recommend_3 .icn { width: 39px; }
.icn_recommend {
        width: 39px;
        height: 20px;
        background-position: -200px -47px;
}
@media screen and (max-width: 960px) {
        .item_recommend {
                font-size: 11px;
                width: 100px;
        }
        .item_recommend_1 .icn { width: 12px; }
        .item_recommend_2 .icn { width: 23px; }
        .item_recommend_3 .icn { width: 37px; }
        .icn_recommend {
                width: 37px;
                height: 20px;
                background-position: -481px -138px;
        }
}


/* ----------------------------------------------------
        新アイコン画像
---------------------------------------------------- */
.ico {
        display: inline-block;
        background-image: url(https://cdn.findfriends.jp/img.recipe.sp/common/image/icon/sprite.png);
        background-repeat: no-repeat;
        position: relative;
}
@media screen and (max-width: 960px) {
        .ico {
                background-size: 1000px auto;
        }
}


/* icon */

/* title */
.ico_hat {
        width: 50px;
        height: 33px;
        background-position:-280px -2px;
}
.ico_tool {
        width:43px;
        height:41px;
        background-position:-280px -41px;
}
.ico_season {
        width:42px;
        height:42px;
        background-position:-280px -90px;
}
.ico_special {
        width:42px;
        height:42px;
        background-position:-280px -140px;
}
.ico_popular_recipe {
        width:50px;
        height:45px;
        background-position:-280px -195px;
}
.ico_ranking {
        width:48px;
        height:35px;
        background-position:-280px -730px;
}
.ico_health_meter{
        width:39px;
        height:38px;
        background-position:-280px -900px;
}
.ico_miton{
        width:45px;
        height:50px;
        background-position:-280px -950px;
}


/* header menu */
.ico_menu_pc{
        width:20px;
        height:18px;
        background-position:-400px -2px;
}
.ico_menu_pc2{
        width:20px;
        height:18px;
        background-position:-400px -30px;
}
.ico_setup_gray {
        width:33px;
        height:33px;
        background-position:-340px -510px;
}

/* favo */
.ico_fav_l_on{
        width:48px;
        height:39px;
        background-position:-280px -578px;
}

.ico_fav_l_off{
        width:48px;
        height:39px;
        background-position:-280px -630px;
}

.ico_fav_s_on{
        width:24px;
        height:20px;
        background-position:-400px -490px;
}

.ico_fav_s_off{
        width:24px;
        height:20px;
        background-position:-400px -520px;
}


/* ranking */
.ico_ranking1{
        width:30px;
        height:21px;
        background-position:-400px -550px;}

.ico_ranking2{
        width:30px;
        height:21px;
        background-position:-400px -580px;}

.ico_ranking3{
        width:30px;
        height:21px;
        background-position:-400px -610px;}


/* small icon */
.ico_pot_s{
        width:28px;
        height:20px;
        background-position:-400px -140px;}

/* faq */
.ico_faq_q{
        width:55px;
        height:55px;
        background-position:-810px -400px;}

.ico_faq_a{
        width:55px;
        height:55px;
        background-position:-810px -460px;}

/* write */
.ico_memo{
        width:24px;
        height:21px;
        background-position:-450px -290px;}

.ico_memo_orange{
        width:24px;
        height:21px;
        background-position:-450px -265px;}

.ico_write_m{
        width:27px;
        height:27px;
        background-position:-500px -170px;}

.ico_write_s{
        width:13px;
        height:14px;
        background-position:-450px -560px;}

.ico_del_m{
        width:24px;
        height:27px;
        background-position:-450px -180px;}

.ico_del_s{
        width:12px;
        height:15px;
        background-position:-450px -540px;}

.ico_useful{
        width:15px;
        height:18px;
        background-position:-500px -500px;}



/* arrow */
.arrow_orange_s{
        width:8px;
        height:14px;
        background-position:-1380px -160px;}

.arrow_more{
        width:18px;
        height:18px;
        background-position:-450px -580px;}


@media screen and (max-width: 960px) {

/* header menu */
        .ico_menu_sp{
                width:31px;
                height:44px;
                background-position:-90px -1px;
        }
        .ico_search_sp{
                width:31px;
                height:44px;
                background-position:-90px -45px;
        }
        .ico_mymenu_sp{
                width:31px;
                height:44px;
                background-position:-90px -94px;
        }
        .ico_myrecipe_sp{
                width:31px;
                height:44px;
                background-position:-90px -319px;
        }

/* title */
        .ico_hat {
                width: 35px;
                height: 23px;
                background-position:-1px -1px;
        }
        .ico_tool {
                width:30px;
                height:28px;
                background-position:-1px -30px;
        }
        .ico_season {
                width:28px;
                height:28px;
                background-position:-1px -62px;
        }
        .ico_special {
                width:28px;
                height:28px;
                background-position:-1px -95px;
        }
        .ico_popular_recipe {
                width:33px;
                height:30px;
                background-position:-1px -130px;
        }
        .ico_recipe {
                width:32px;
                height:18px;
                background-position:-1px -165px;
        }
        .ico_tool_white {
                width:52px;
                height:58px;
                background-position:-2px -380px;
        }
        .ico_mobile {
                width:42px;
                height:62px;
                background-position:-2px -450px;
        }
        .ico_search {
                width:55px;
                height:55px;
                background-position:-2px -520px;
        }
        .ico_ranking{
                width:40px;
                height:30px;
                background-position:0px -294px;}
		.ico_health_meter{
                width:31px;
                height:30px;
                background-position:-2px -330px;
		}
		.ico_miton{
                width:31px;
                height:33px;
                background-position:-2px -365px;
		}






/* favo */
        .ico_fav_l_on{
                width:49px;
                height:39px;
                background-position:-40px -335px;
        }

        .ico_fav_l_off{
                width:49px;
                height:39px;
                background-position:-40px -380px;
        }

        .ico_fav_s_on{
                width:24px;
                height:20px;
                background-position:-140px -290px;
        }

        .ico_fav_s_off{
                width:24px;
                height:20px;
                background-position:-140px -315px;
        }



/* ranking */
        .ico_ranking1{
                width:21px;
                height:16px;
                background-position:-140px -385px;}

        .ico_ranking2{
                width:21px;
                height:16px;
                background-position:-140px -405px;}

        .ico_ranking3{
                width:21px;
                height:16px;
                background-position:-140px -425px;}



/* small icon */
        .ico_pot_s{
                width:27px;
                height:20px;
                background-position:-140px -340px;}



/* faq */
        .ico_faq_q{
                width:73px;
                height:19px;
                background-position:-274px -295px;}

        .ico_faq_a{
                width:63px;
                height:16px;
                background-position:-275px -320px;}



/* write */
        .ico_memo{
                width:25px;
                height:21px;
                background-position:-170px -275px;}

        .ico_memo_orange{
                width:25px;
                height:21px;
                background-position:-170px -45px;}

        .ico_write_m{
                width:26px;
                height:26px;
                background-position:-40px -183px;}

        .ico_write_s{
                width:14px;
                height:14px;
                background-position:-250px -85px;}

        .ico_del_m{
                width:22px;
                height:25px;
                background-position:-40px -90px;}

        .ico_del_s{
                width:12px;
                height:14px;
                background-position:-225px -90px;}

        .ico_useful{
                width:15px;
                height:18px;
                background-position:-170px -320px;}



/* mypage */
        .ico_setup_gray {
                width:21px;
                height:21px;
                background-position:-90px -145px;
        }
        .ico_other_gray {
                height:4px;
                width:20px;
                background-position:-90px -175px;
        }
        .ico_buy_gray {
                width:18px;
                height:23px;
                background-position:-90px -187px;
        }
        .ico_clip_gray {
                width:20px;
                height:23px;
                background-position:-90px -217px
        }
        .ico_activity_gray{
                width:20px;
                height:15px;
                background-position:-90px -245px;
        }
        .ico_down_triangle_gray{
                width:8px;
                height:8px;
                background-position:-90px -305px;
        }
        .ico_setup_orange {
                width:21px;
                height:21px;
                background-position:-115px -145px;
        }
        .ico_other_orange {
                height:4px;
                width:20px;
                background-position:-115px -175px;
        }
        .ico_buy_orange {
                width:18px;
                height:23px;
                background-position:-115px -187px;
        }
        .ico_clip_orange {
                width:20px;
                height:23px;
                background-position:-115px -217px
        }
        .ico_activity_orange{
                width:20px;
                height:15px;
                background-position:-115px -245px;
        }


/* arrow */
        .arrow_orange_s{
                width:8px;
                height:14px;
                background-position:-690px -65px;}

        .arrow_more{
                width:18px;
                height:18px;
                background-position:-170px -300px;}

}






/* ----------------------------------------------------
        ボタン
---------------------------------------------------- */
.btn {
        display: block;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
}
.btn:hover {
        text-decoration: none;
        opacity: .8;
}
.btn_style01 {
        background: #a2c437;
        color: #fff;
        padding: 5px 15px;
        box-shadow: 0 2px 0 #738d21;
}
@media screen and (max-width: 960px) {
        .btn_style01 {
                font-size:16px;
                padding: 10px 15px;
        }
}


/* ----------------------------------------------------
        関連情報ブロック
---------------------------------------------------- */
/* related_list_wrap */
.related_contents_title1{
        font-weight: bold;
        font-size: 18px;
        background: url(https://cdn.findfriends.jp/img.recipe.sp/common/image/bg/bg_border02.png) repeat-x left bottom;
        padding: 0 0 5px 0;
        margin: 54px 0 5px 0;
}
.related_list_wrap{
}
.related_list_wrap ul li{
        display:table;
        background: #fff;
        font-size:16px;
        padding:6px 0;
}
.related_list_wrap .Left_Box,
.related_list_wrap .Right_Box{
        display:table-cell;
}
.related_list_wrap .Right_Box{
        padding:0;
}
.related_list_wrap ul li .icn{
        margin-right:5px;
}
.related_list_wrap ul li a{
        display:inline;
        color:#9f6f2d;
        border-bottom:1px dashed #9f6f2d;
        text-indent:1em;
}
@media screen and (max-width: 960px){
        .related_contents_title1{
                font-weight: normal;
                font-size: 20px;
                background: none;
                padding: 0;
                margin: 0 0 0 0;
                font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
        }
        .related_list_wrap ul li{
                font-size:16px;
        }
}


/* ----------------------------------------------------
        サムネイル
---------------------------------------------------- */
ul[class*="Recipe_Link"] .Left_Box img{
    width:100px;
}

/* ----------------------------------------------------
        セレクトメニュー
---------------------------------------------------- */
.select_wrap{
        position: relative;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 0;
        width: 120px;
        background: #fff;
        border: 1px solid #ccc;
        overflow: hidden;
        margin-right: 1px;
        background: #FFF url("https://cdn.findfriends.jp/img.recipe.sp/common/image/icon/icn_select.png") no-repeat scroll right 7px top 50%;
        background-size:15px 10px;
}
.select_wrap select{
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 16px;
        background: transparent;
        border: 0 none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0 20px 0 10px;
        white-space:nowrap;
        overflow: hidden;
        text-indent: 0.01px;
        text-overflow: '';
        vertical-align: middle;
}
.select_wrap select option {
        background: transparent;
        padding: 0 5px;
}
@media screen and (min-width: 960px) {
        .select_wrap{
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                width: 160px;
        }
}

/* ----------------------------------------------------
        モーダル内 会員登録
---------------------------------------------------- */
.simple_regist{
        border-top: 2px solid #fff;
        margin-top:15px;
        padding-top:15px;
        display:none;

}
.simple_regist p{
        margin-bottom:15px;
        text-align:left;
}

.modal_regist_input{
        position:relative;
}
.modal_regist_input input[type="text"],
.modal_regist_input input[type="password"]{
        border: none;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        width: 100%;
        resize: none;
        padding: 10px;
        font-size: 110%;
        font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
        margin: 0 0 10px 0;
        line-height: 1.5;
        box-sizing:border-box;
        outline: none;
        -webkit-appearance: none;
}
.modal_regist_input input[type="checkbox"]{
        right:6px;
        top:6px;
        line-height:28px;
        width:4em;
        display:none;
        opacity:0;
}
.modal_regist_input .passcheck{
        position:absolute;
        right:6px;
        top:6px;
        line-height:28px;
        width:4em;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color:#777;
        color:#fff;
        box-shadow: 0px 1px 0px #97a1a7;
        -moz-box-shadow: 0px 1px 0px #97a1a7;
        -webkit-box-shadow: 0px 1px 0px #97a1a7;
        cursor:pointer;
        text-align:center;
}
@media screen and (max-width: 960px) {
        .modal_regist_input input[type="text"],
        .modal_regist_input input[type="password"]{
                font-size:16px;
        }
        .modal_regist_input .passcheck{
                line-height:32px;
        }
}

/* ----------------------------------------------------
        汎用class
---------------------------------------------------- */

/* ---------- 日付の表記 ---------- */
.datatime{
        font-size:.8em  !important;
        color:#777 !important;
}

/* ---------- 概要文 ---------- */
.guide_text{
        font-size:16px;
        line-height:1.4;
        text-align:left;
        margin-bottom:15px;
}
.guide_text a{
        text-decoration: underline;
        color: #FF8040;
        font-weight: bold;
}
@media screen and (max-width: 960px) {
        .guide_text{
                font-size:16px;
        }
}

/* ---------- 補助文 ---------- */
.supplemental_text{
        font-size:105%;
        color:#666;
        line-height:1.4;
        text-align:left;
}
.supplemental_text_white{
        font-size:100%;
        color:#fff;
        line-height:1.4;
        text-align:left;
}
@media screen and (max-width: 960px) {
        .supplemental_text{
                font-size:12px;
        }
        .supplemental_text_white{
                font-size:12px;
        }
}

/* ---------- エラー表示 ---------- */
.error{
        border:1px solid #fbb;
        background-color:#fee;
        margin-bottom:15px;
        padding:10px;
        color:#f22;
        font-size:105%;
        line-height:1.4;
        text-align:left;
}
.error:empty{
        display:none;
}

/* ---------- データがない時の表記 ---------- */
.nodata{
        padding:20px 0;
        text-align:left;
}

/* ---------- youtube レスポンシブ対応 ---------- */
.is_responsive_video {
        position: relative;
        width: 100%;
        padding-top: 62%;
}
.is_responsive_video iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
}


/* ---------- 要素の状態 ---------- */
.is_none { display: none; }
.is_hidden { visibility: hidden; }
.for_sp {
        display: none;
}
@media screen and (max-width: 960px) {
        .for_pc {
                display: none;
        }
        .for_sp {
                display: inline-block;
        }
}


/* ---------- テキストリンク ---------- */
.textlink {
        display:inline;
        color:#9f6f2d ; !important;
        border-bottom:1px dashed #9f6f2d;
}


/* ---------- 文字揃え ---------- */
.al_l { text-align: left !important; }
.al_r { text-align: right !important; }
.al_c { text-align: center !important; }


/* ---------- マージン ---------- */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
/**/
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
/**/
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
/**/
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }


/* ---------- clearfix ---------- */
.clearfix {
        *zoom: 1;
}
.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0.1em;
        line-height: 0;
}