@charset "utf-8";

/* CSS Document */


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display:block
}
audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden],template {
    display:none
}
a {
    background-color:transparent
}
a:active,a:hover {
    outline:0
}
abbr[title] {
    border-bottom:1px dotted
}
b,strong {
    font-weight:700
}
dfn {
    font-style:italic
}
h1 {
    font-size:2em;
    margin:.67em 0
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
img {
    border:0
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:1em 40px
}
hr {
    box-sizing:content-box;
    height:0
}
pre {
    overflow:auto
}
code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled] {
    cursor:default
}
button {
    background-color:transparent;
    border:none;
    cursor:pointer;
    outline:none;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type=checkbox],input[type=radio] {
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height:auto
}
input[type=search] {
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0;
    padding:0
}
textarea {
    overflow:auto
}
optgroup {
    font-weight:700
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td,th {
    padding:0
}
/*@font-face {
    font-family:Noto Sans CJK JP;
    font-style:normal;
    font-weight:400;
    src:local("NotoSansCJKjp-Medium.otf"),url(https://www.asahikei.co.jp/recipe/assets/fonts/NotoSansCJKjp-Medium.woff2) format("woff2"),url(https://www.asahikei.co.jp/recipe/assets/fonts/NotoSansCJKjp-Medium.woff) format("woff"),url(https://www.asahikei.co.jp/recipe/assets/fonts/NotoSansCJKjp-Medium.ttf) format("truetype"),url(https://www.asahikei.co.jp/recipe/assets/fonts/NotoSansCJKjp-Medium.eot) format("embedded-opentype")
}
@font-face {
    font-family:Noto Sans CJK JP;
    font-style:normal;
    font-weight:700;
    src:local("NotoSansCJKjp-Bold.otf"),url(https://www.asahikei.co.jp/recipe/assets/fonts/NotoSansCJKjp-Bold.woff2) format("woff2"),url(https://www.asahikei.co.jp/recipe/assets/fonts/NotoSansCJKjp-Bold.woff) format("woff"),url(https://www.asahikei.co.jp/recipe/assets/fonts/NotoSansCJKjp-Bold.ttf) format("truetype"),url(https://www.asahikei.co.jp/recipe/assets/fonts/NotoSansCJKjp-Bold.eot) format("embedded-opentype")
}*/
html {
    font-size:62.5%
}
body {
    font-size:14px;
    font-family:Noto Sans CJK JP,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Osaka,ＭＳ\ Ｐゴシック,sans-serif;
    background:#fff;
    width:100%
}
a,body {
    color:#221815
}
a {
    line-height:1.4;
    text-decoration:none
}
a:hover {
    text-decoration:underline
}
li,ol,p,ul {
    margin:0
}
ol,ul {
    list-style-type:none;
    padding:0
}
h1,h2,h3,h4,h5,h6,p {
    margin:0;
    line-height:1.4;
    font-weight:400
}
img {
    vertical-align:bottom
}
dd,dl {
    margin:0
}
.al {
    text-align:left!important
}
.ac {
    text-align:center!important
}
.ar {
    text-align:right!important
}
.fl {
    float:left!important
}
.fr {
    float:right!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
}
.mb100 {
    margin-bottom:100px!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
}
.mr100 {
    margin-right:100px!important
}
.pt0 {
    padding-top:0!important
}
.pt5 {
    padding-top:5px!important
}
.pt10 {
    padding-top:10px!important
}
.pt15 {
    padding-top:15px!important
}
.pt20 {
    padding-top:20px!important
}
.pt25 {
    padding-top:25px!important
}
.pt30 {
    padding-top:30px!important
}
.pt35 {
    padding-top:35px!important
}
.pt40 {
    padding-top:40px!important
}
.pt45 {
    padding-top:45px!important
}
.pt50 {
    padding-top:50px!important
}
.pt100 {
    padding-top:100px!important
}
.pt150 {
    padding-top:150px!important
}
.pl0 {
    padding-left:0!important
}
.pl5 {
    padding-left:5px!important
}
.pl10 {
    padding-left:10px!important
}
.pl15 {
    padding-left:15px!important
}
.pl20 {
    padding-left:20px!important
}
.pl25 {
    padding-left:25px!important
}
.pl30 {
    padding-left:30px!important
}
.pl35 {
    padding-left:35px!important
}
.pl40 {
    padding-left:40px!important
}
.pl45 {
    padding-left:45px!important
}
.pl50 {
    padding-left:50px!important
}
.pl100 {
    padding-left:100px!important
}
.pl150 {
    padding-left:150px!important
}
.w150 {
    width:150px!important
}
.svg_copy {
    background-image:url(https://www.asahikei.co.jp/recipe/assets/images/svg/header_copy.svg)
}
.svg_copy,.svg_logo {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
.svg_logo {
    background-image:url(https://www.asahikei.co.jp/recipe/assets/images/svg/logo.svg)
}
.icon_round_arrow:before {
    content:" ";
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    padding-top:100%;
    border-radius:50%;
    background:#000;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.icon_round_arrow:after {
    content:" ";
    position:absolute;
    top:50%;
    left:50%;
    width:4px;
    height:4px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    -webkit-transform:translate(-70%,-50%) rotate(45deg);
    -ms-transform:translate(-70%,-50%) rotate(45deg);
    transform:translate(-70%,-50%) rotate(45deg)
}
.icon_movie {
    position:relative
}
.icon_movie:after {
    font-family:my_asa_icons!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:relative;
    display:block;
    content:"\e911";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.icon_movie:hover:after {
    -webkit-animation-name:pulse-icon_movie;
    animation-name:pulse-icon_movie
}
@-webkit-keyframes pulse-icon_movie {
    0% {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
    50% {
        -webkit-transform:translate(-50%,-50%) scale(1.1);
        transform:translate(-50%,-50%) scale(1.1)
    }
    to {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
}
@keyframes pulse-icon_movie {
    0% {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
    50% {
        -webkit-transform:translate(-50%,-50%) scale(1.1);
        transform:translate(-50%,-50%) scale(1.1)
    }
    to {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
}
.rounded_btn {
    position:relative;
    line-height:1;
    border-radius:23px;
    text-align:center;
    display:block;
    background-color:#fff;
    border:1px solid #000;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.rounded_btn:hover {
    -webkit-animation-name:pulse;
    animation-name:pulse;
    text-decoration:none
}
.arrow {
    position:relative;
    display:inline-block;
    padding:0 0 0 16px;
    color:#000;
    vertical-align:middle;
    text-decoration:none;
    font-size:15px
}
.arrow:after,.arrow:before {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    content:"";
    vertical-align:middle
}
.right_arrow:before {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.bottom_arrow:before,.right_arrow:before {
    width:6px;
    height:6px;
    border-top:2px solid #000;
    border-right:2px solid #000
}
.bottom_arrow:before {
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg)
}
.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    70% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    70% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom
}
.tdu_orange {
    background:-webkit-linear-gradient(transparent 60%,#ffccb3 0);
    background:linear-gradient(transparent 60%,#ffccb3 0)
}
.font_red {
    color:red
}
.fz12 {
    font-size:12px!important
}
/*@font-face {
    font-family:my_asa_icons;
    src:url(https://www.asahikei.co.jp/recipe/assets/fonts/my_asa_icons.eot);
    src:url(https://www.asahikei.co.jp/recipe/assets/fonts/my_asa_icons.eot#iefix) format("embedded-opentype"),url(https://www.asahikei.co.jp/recipe/assets/fonts/my_asa_icons.ttf) format("truetype"),url(https://www.asahikei.co.jp/recipe/assets/fonts/my_asa_icons.woff) format("woff"),url(https://www.asahikei.co.jp/recipe/assets/fonts/my_asa_icons.svg#my_asa_icons) format("svg");
    font-weight:400;
    font-style:normal
}*/
[class*=" icon-"],[class^=icon-] {
    font-family:my_asa_icons!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-title_recipes:before {
    content:"\e915"
}
.icon-titke_channel:before {
    content:"\e916"
}
.icon-login:before {
    content:"\e900"
}
.icon-logo_icon:before {
    content:"\e901";
    color:#f39800
}
.icon-logo_text:before {
    content:"\e902"
}
.icon-logo .path1:before {
    content:"\e903";
    color:#f39800
}
.icon-logo .path2:before {
    content:"\e904";
    margin-left:-1em;
    color:#f39800
}
.icon-logo .path3:before {
    content:"\e905";
    margin-left:-1em;
    color:#f39800
}
.icon-logo .path4:before {
    content:"\e906";
    margin-left:-1em;
    color:#f39800
}
.icon-logo .path5:before {
    content:"\e907";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path6:before {
    content:"\e908";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path7:before {
    content:"\e909";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path8:before {
    content:"\e90a";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path9:before {
    content:"\e90b";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path10:before {
    content:"\e90c";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path11:before {
    content:"\e90d";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path12:before {
    content:"\e90e";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path13:before {
    content:"\e90f";
    margin-left:-1em;
    color:#231815
}
.icon-logo .path14:before {
    content:"\e910";
    margin-left:-1em;
    color:#231815
}
.icon-play:before {
    content:"\e911"
}
.icon-search:before {
    content:"\e912"
}
.icon-setup:before {
    content:"\e913";
    color:#4b4b4b
}
.icon-singus:before {
    content:"\e914"
}
.header {
    width:100%;
    box-sizing:border-box;
    border-bottom:1px solid #dcdcdc
}
@media only screen and (min-width:769px) {
    .header {
        padding:0 15px
    }
}
@media only screen and (max-width:768px) {
    .header {
        background-color:#fff
    }
}
.header.view_navi {
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:100%;
    height:100%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch
}
.header.view_navi .header_inner {
    display:none
}
.header_wrop {
    position:relative;
    display:none;
}
@media only screen and (min-width:769px) {
    .header_wrop {
        max-width:960px;
        height:96px;
        margin:0 auto;
        padding:0 15px
    }
}
@media only screen and (max-width:768px) {
    .header_wrop {
        text-align:center
    }
}
.header_logo {
    position:relative;
    text-indent:-9999px;
    overflow:hidden;
    line-height:0
}
@media only screen and (min-width:769px) {
    .header_logo {
        position:absolute;
        top:50%;
        left:0;
        width:240px;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
@media only screen and (max-width:768px) {
    .header_logo {
        box-sizing:border-box;
        position:relative;
        display:block;
        width:100%;
        padding:10px 0 5px;
        z-index:1000;
        background-color:#fff;
        text-align:center
    }
}
@media only screen and (max-width:768px) {
    .header_logo h1 a {
        display:block;
        width:178px;
        margin:0 auto
    }
}
.header_logo_text {
    display:block
}
@media only screen and (min-width:769px) {
    .header_logo_text {
        width:237px;
        height:12px;
        margin-bottom:8px
    }
}
@media only screen and (max-width:768px) {
    .header_logo_text {
        width:179px;
        height:9px;
        margin:0 auto 7px
    }
}
.header_logo_img {
    display:block
}
@media only screen and (min-width:769px) {
    .header_logo_img {
        width:178px;
        height:50px
    }
}
@media only screen and (max-width:768px) {
    .header_logo_img {
        width:120px;
        height:26px;
        margin:0 auto
    }
}
@media only screen and (min-width:769px) {
    .header_inner {
        position:absolute;
        max-width:72.5%;
        right:0;
        bottom:22px
    }
}
.header_links {
    position:relative;
    letter-spacing:-.4em
}
@media only screen and (min-width:769px) {
    .header_links {
        bottom:0;
        float:right;
        margin-top:4px;
        margin-bottom:4px;
        text-align:right
    }
}
@media only screen and (max-width:768px) {
    .header_links {
        width:100%;
        text-align:center;
        border-top:1px solid #dcdcdc;
        border-bottom:1px solid #dcdcdc;
        z-index:10;
        background-color:#fff
    }
}
.header_links li {
    display:inline-block;
    letter-spacing:normal
}
@media only screen and (min-width:769px) {
    .header_links li {
        margin-left:20px
    }
}
@media only screen and (max-width:768px) {
    .header_links li {
        box-sizing:border-box;
        width:50%
    }
    .header_links li:nth-of-type(2) {
        border-right:1px solid #dcdcdc
    }
}
.header_links li a {
    position:relative;
    font-size:12px
}
@media only screen and (min-width:769px) {
    .header_links li a {
        line-height:1;
        display:table-cell;
        vertical-align:middle;
        padding-left:24px;
        height:15px
    }
}
@media only screen and (max-width:768px) {
    .header_links li a {
        box-sizing:border-box;
        display:block;
        width:100%;
        text-align:center;
        padding-left:10px;
        padding-top:12px;
        padding-bottom:12px
    }
}
.header_links li span {
    font-size:15px
}
@media only screen and (min-width:769px) {
    .header_links li span {
        position:absolute;
        top:50%;
        left:0;
        display:block;
        width:15px;
        height:15px;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
@media only screen and (max-width:768px) {
    .header_links li span {
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-45px,-50%);
        -ms-transform:translate(-45px,-50%);
        transform:translate(-45px,-50%)
    }
}
@media only screen and (max-width:768px) {
    .header_links li span.icon-setup {
        -webkit-transform:translate(-63px,-50%);
        -ms-transform:translate(-63px,-50%);
        transform:translate(-63px,-50%)
    }
}
.header_links li span.icon-singus {
    font-size:17px
}
@media only screen and (min-width:769px) {
    .header_links li span.icon-singus {
        top:40%
    }
}
@media only screen and (max-width:768px) {
    .header_links li span.icon-singus {
        -webkit-transform:translate(-45px,-60%);
        -ms-transform:translate(-45px,-60%);
        transform:translate(-45px,-60%)
    }
}
@media only screen and (min-width:769px) {
    .header_search {
        bottom:0;
        float:right
    }
}
@media only screen and (max-width:768px) {
    .header_search {
        overflow:hidden;
        position:relative;
        padding:9px 17px;
        background-color:#fff;
        margin-top:-45px;
        -webkit-transition:margin-top .3s ease-in;
        transition:margin-top .3s ease-in;
        box-sizing:border-box
    }
}
.header_search.active {
    margin-top:0
}
.header_search input[type=text] {
    border:none;
    background-color:transparent;
    border-right:1px solid #fff;
    line-height:1em
}
.header_search input[type=text]:focus {
    color:#000
}
@media only screen and (min-width:769px) {
    .header_search input[type=text] {
        width:170px;
        height:16px;
        margin-top:4px;
        margin-left:16px;
        font-size:12px
    }
}
@media only screen and (max-width:768px) {
    .header_search input[type=text] {
        width:80%;
        height:16px;
        margin-top:4px;
        margin-left:16px;
        font-size:12px
    }
}
.header_search_inner {
    background-color:#f5f5f5
}
@media only screen and (min-width:769px) {
    .header_search_inner {
        width:227px;
        height:26px;
        border-radius:26px
    }
}
@media only screen and (max-width:768px) {
    .header_search_inner {
        width:82.66667%;
        height:26px;
        border-radius:26px;
        margin:0 auto
    }
}
.header_search_inner .icon-search {
    color:#818181
}
@media only screen and (min-width:769px) {
    .header_search_inner .icon-search {
        padding:5px 5px 5px 10px
    }
}
.header_search_inner .icon-search.active {
    color:#fff
}
.header_search_btn {
    position:absolute;
    top:50%;
    right:7px;
    width:40px;
    height:40px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:19px
}
.header_search_btn button {
    position:relative;
    display:block;
    padding:10px;
    width:40px;
    height:40px;
    background:url(https://www.asahikei.co.jp/recipe/assets/images/svg/search.svg) 50% no-repeat;
    background-size:20px auto
}
.header_search_btn button .icon-search {
    display:block;
    position:absolute;
    top:10px;
    left:10px;
    width:100%;
    height:100%;
    background-color:#fff
}
.header_search_btn button .icon-search:before {
    display:block;
    width:100%;
    height:100%;
    color:#000!important;
    z-index:9999
}
.header .header_navi,.header .header_navi span {
    display:inline-block;
    -webkit-transition:all .4s;
    transition:all .4s;
    box-sizing:border-box
}
.header_navi {
    position:absolute;
    top:50%;
    left:17px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:24px;
    height:17px
}
@media only screen and (min-width:769px) {
    .header_navi {
        display:none!important
    }
}
.header_navi span {
    position:absolute;
    left:0;
    width:100%;
    height:1px;
    background-color:#000;
    border-radius:4px
}
.header_navi span:first-of-type {
    top:0
}
.header_navi span:nth-of-type(2) {
    top:8px
}
.header_navi span:nth-of-type(3) {
    bottom:0
}
.header_navi.active span:nth-of-type(2) {
    left:50%;
    opacity:0;
    -webkit-animation:active-menu-bar02 .8s forwards;
    animation:active-menu-bar02 .8s forwards
}
.header_navi.active span:first-of-type {
    -webkit-transform:translateY(8px) rotate(-45deg);
    -ms-transform:translateY(8px) rotate(-45deg);
    transform:translateY(8px) rotate(-45deg)
}
.header_navi.active span:nth-of-type(3) {
    -webkit-transform:translateY(-8px) rotate(45deg);
    -ms-transform:translateY(-8px) rotate(45deg);
    transform:translateY(-8px) rotate(45deg)
}
@-webkit-keyframes active-menu-bar02 {
    to {
        height:0
    }
}
@keyframes active-menu-bar02 {
    to {
        height:0
    }
}
.header_navi_list {
    display:none;
    box-sizing:border-box;
    width:100%;
    background-color:#fff;
    z-index:100;
    padding:0
}
.header_navi_list_wrap,.header_navi_list ul {
    border-top:1px solid #dcdcdc
}
.header_navi_list li {
    line-height:1em;
    border-bottom:1px solid #dcdcdc
}
.header_navi_list li a {
    position:relative;
    display:block;
    padding:22px 40px
}
.header_navi_list li a:after {
    content:"";
    position:absolute;
    top:50%;
    right:20px;
    width:8px;
    height:8px;
    border-top:2px solid #000;
    border-right:2px solid #000;
    -webkit-transform:translateY(-50%) rotate(45deg);
    -ms-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg)
}
.footer {
    position:relative;
    width:100%;
    background-color:#cebe9d
}
@media only screen and (min-width:769px) {
    .footer {
        clear:both;
        height:96px
    }
}
.footer_pagetop {
    display:none;
    position:relative;
    text-indent:-9999px;
    overflow:hidden;
    background-color:#000
}
@media only screen and (min-width:769px) {
    .footer_pagetop {
        position:fixed;
        bottom:10px;
        right:10px;
        width:50px;
        height:50px
    }
}
.footer_pagetop.bottom {
    display:block
}
@media only screen and (min-width:769px) {
    .footer_pagetop.bottom {
        position:absolute;
        top:-60px;
        right:10px
    }
}
@media only screen and (max-width:768px) {
    .footer_pagetop {
        width:100%;
        height:30px;
        display:block!important
    }
}
.footer_pagetop:after,.footer_pagetop:before {
    position:absolute;
    top:50%;
    left:50%;
    margin:auto;
    content:" ";
    vertical-align:middle;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.footer_pagetop:before {
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform:rotate(-45deg) translate(-50%,-50%);
    -ms-transform:rotate(-45deg) translate(-50%,-50%);
    transform:rotate(-45deg) translate(-50%,-50%)
}
@media only screen and (min-width:769px) {
    .footer_pagetop:before {
        width:8px;
        height:8px;
        margin-left:2px
    }
}
@media only screen and (max-width:768px) {
    .footer_pagetop:before {
        width:6px;
        height:6px
    }
}
.footer_wrop {
    position:relative;
    max-width:980px;
    height:100%;
    padding:0 10px;
    margin:0 auto;
    font-size:12px;
    box-sizing:border-box
}
.footer_logo {
    display:block;
    text-indent:-9999px;
    overflow:hidden
}
@media only screen and (min-width:769px) {
    .footer_logo {
        position:absolute;
        top:50%;
        left:10px;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        width:284px;
        height:27px;
        background:url(https://www.asahikei.co.jp/recipe/assets/images/common/footer_logo_pc.png) 0 0 no-repeat
    }
}
@media only screen and (max-width:768px) {
    .footer_logo {
        width:80%;
        margin:0 auto;
        background:url(https://www.asahikei.co.jp/recipe/assets/images/common/footer_logo_sp.png) 0 0 no-repeat;
        background-size:contain;
        margin:0 auto 5px
    }
}
@media only screen and (min-width:769px) {
    .footer_links {
        position:absolute;
        top:31.25%;
        right:10px;
        width:284px;
        height:27px;
        text-align:right
    }
}
@media only screen and (max-width:768px) {
    .footer_links {
        text-align:center;
        padding-top:10px;
        margin-bottom:15px
    }
}
.footer_links li {
    display:inline-block
}
@media only screen and (min-width:769px) {
    .footer_links li {
        padding-left:10px
    }
}
@media only screen and (max-width:768px) {
    .footer_links li {
        padding:0 5px
    }
}
@media only screen and (min-width:769px) {
    .footer_copy {
        display:inline-block;
        position:absolute;
        top:62.5%;
        right:10px;
        width:284px;
        height:27px;
        padding:0;
        margin:0;
        -ms-text-align-last:right;
        text-align-last:right
    }
}
@media only screen and (max-width:768px) {
    .footer_copy {
        font-size:10px;
        text-align:center;
        margin-bottom:10px
    }
}
@media only screen and (max-width:768px) {
    .member_change .footer_wrop,.new_user .footer_wrop {
        height:auto;
        overflow:hidden
    }
}
.slick-next,.slick-prev {
    position:absolute;
    top:0;
    width:803px;
    height:100%;
    z-index:10
}
@media only screen and (max-width:768px) {
    .slick-next,.slick-prev {
        display:none
    }
}
.slick-prev {
    left:50%;
    -webkit-transform:translateX(-150%);
    -ms-transform:translateX(-150%);
    transform:translateX(-150%)
}
.slick-next,.slick-prev {
    text-indent:-9999px;
    overflow:hidden
}
.slick-next {
    right:50%;
    -webkit-transform:translateX(150%);
    -ms-transform:translateX(150%);
    transform:translateX(150%)
}
.slick-dots {
    position:absolute;
    bottom:-25px;
    list-style:none;
    display:block;
    text-align:center;
    padding:0;
    margin:0;
    width:100%;
    font-size:20px
}
.slick-dots li {
    display:inline-block;
    margin:0 5px;
    padding:0
}
.slick-dots li,.slick-dots li button {
    position:relative;
    height:10px;
    width:10px;
    cursor:pointer
}
.slick-dots li button {
    border:0;
    background:transparent;
    display:block;
    overflow:hidden;
    outline:none;
    line-height:0;
    font-size:0;
    color:transparent
}
.slick-dots li button:focus,.slick-dots li button:hover {
    outline:none
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity:1
}
.slick-dots li button:before {
    position:absolute;
    top:0;
    left:0;
    content:" ";
    height:10px;
    width:10px;
    font-family:slick;
    font-size:10px;
    line-height:0;
    text-align:center;
    color:#cec5b2;
    background-color:#cec5b2;
    opacity:.25;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    border-radius:100%
}
.slick-dots li.slick-active button:before {
    color:#f17d00;
    background-color:#f17d00;
    opacity:.75
}
.slick-slider {
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider {
    position:relative;
    display:block
}
.slick-list {
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus {
    outline:none
}
.slick-list.dragging {
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}
.slick-track {
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before {
    content:"";
    display:table
}
.slick-track:after {
    clear:both
}
.slick-loading .slick-track {
    visibility:hidden
}
.slick-slide {
    float:left;
    max-width:803px;
    width:100vw;
    height:100%;
    min-height:1px;
    display:none
}
[dir=rtl] .slick-slide {
    float:right
}
.slick-slide img {
    display:block
}
.slick-slide.slick-loading img {
    display:none
}
.slick-slide.dragging img {
    pointer-events:none
}
.slick-initialized .slick-slide {
    display:block
}
.slick-loading .slick-slide {
    visibility:hidden
}
.slick-vertical .slick-slide {
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden {
    display:none
}
.search dt {
    width:100%;
    text-align:center;
    background-color:#f2f2f2;
    padding:20px 0;
    line-height:1
}
@media only screen and (min-width:769px) {
    .search dt {
        padding:20px 0
    }
}
@media only screen and (max-width:768px) {
    .search dt {
        padding:15px 0
    }
}
.search dt .search_arrow {
    position:relative;
    display:inline-block;
    color:#000;
    vertical-align:middle;
    text-decoration:none;
    font-size:15px
}
@media only screen and (max-width:768px) {
    .search dt .search_arrow {
        width:100%
    }
}
.search dt .search_arrow:before {
    position:absolute;
    content:"";
    top:50%;
    width:6px;
    height:6px;
    border-bottom:2px solid #000;
    border-right:2px solid #000;
    -webkit-transform:rotate(45deg) translateY(-100%);
    -ms-transform:rotate(45deg) translateY(-100%);
    transform:rotate(45deg) translateY(-100%);
    padding:0;
    margin:0
}
@media only screen and (min-width:769px) {
    .search dt .search_arrow:before {
        right:-20px
    }
}
@media only screen and (max-width:768px) {
    .search dt .search_arrow:before {
        right:20px
    }
}
.search dt.active .search_arrow:before {
    border-top:2px solid #000;
    border-right:2px solid #000;
    border-bottom:none;
    -webkit-transform:rotate(-45deg) translateY(-50%);
    -ms-transform:rotate(-45deg) translateY(-50%);
    transform:rotate(-45deg) translateY(-50%)
}
@media only screen and (min-width:769px) {
    .search dt.active .search_arrow:before {
        right:-28px
    }
}
@media only screen and (max-width:768px) {
    .search dt.active .search_arrow:before {
        right:12px
    }
}
.search_form {
    padding:0 10px
}
.search_top {
    margin-bottom:20px
}
.search_section {
    border-bottom:1px solid #dcdcdc
}
.search_section p {
    padding-top:5px;
    clear:both
}
@media only screen and (min-width:769px) {
    .search_section {
        padding:47px 0 40px
    }
}
@media only screen and (max-width:768px) {
    .search_section {
        padding:20px 0 40px
    }
    .search_section p {
        font-size:12px
    }
}
.search_section:last-child {
    border-bottom:0;
    padding-bottom:0
}
@media only screen and (min-width:769px) {
    .search_title {
        padding-left:40px;
        margin-bottom:14px;
        font-size:18px;
        font-weight:700
    }
}
@media only screen and (max-width:768px) {
    .search_title {
        padding-left:25px;
        margin-bottom:5px;
        font-size:12px;
        font-weight:700
    }
}
.search_title.Jungle {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/search/icon_jungle.png) 0 no-repeat;
    background-size:contain
}
.search_title.Item {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/search/icon_item.png) 0 no-repeat;
    background-size:contain
}
.search_title.Category {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/search/icon_category.png) 0 no-repeat;
    background-size:contain
}
.search_title.Word {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/search/icon_word.png) 0 no-repeat;
    background-size:contain
}
@media only screen and (min-width:769px) {
    .search_check {
        margin-bottom:40px;
        margin-left:-6px
    }
}
@media only screen and (max-width:768px) {
    .search_check {
        font-size:12px;
        margin-bottom:20px
    }
}
.search_check li {
    display:inline-block
}
@media only screen and (min-width:769px) {
    .search_check li {
        margin:6px
    }
}
@media only screen and (max-width:768px) {
    .search_check li {
        padding:5px;
        margin:0
    }
}
.search_check input[type=checkbox] {
    display:none
}
.search_check .label {
    cursor:pointer;
    display:block;
    background:#eee;
    padding:10px 20px;
    border-radius:40px;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.search_check input[type=checkbox]:checked+label {
    background:#f17d00;
    color:#fff
}
.search_check input[type=checkbox]:disabled+label {
    background:#f6f6f6;
    color:#908b8a;
    cursor:default
}
.search_check input[type=checkbox]:disabled+label:hover {
    -webkit-animation-name:none!important;
    animation-name:none!important
}
.search_input {
    position:relative
}
.search_input input[type=text] {
    box-sizing:border-box;
    background-color:#eee;
    padding:13px 25px;
    border:0;
    margin:0;
    float:left;
    line-height:1
}
@media only screen and (min-width:769px) {
    .search_input input[type=text] {
        width:520px
    }
}
@media only screen and (max-width:768px) {
    .search_input input[type=text] {
        width:100%;
        padding:7px 74px 7px 15px
    }
}
.search_input button {
    position:relative;
    padding:16px 25px;
    background-color:#221815;
    color:#fff;
    line-height:1
}
@media only screen and (max-width:768px) {
    .search_input button {
        position:absolute;
        top:0;
        right:0;
        padding:10px 23px
    }
}
.search_submit {
    text-align:center
}
.search_submit button {
    position:relative;
    padding:12px 90px;
    background-color:#221815;
    color:#fff;
    line-height:1
}
@media only screen and (max-width:768px) {
    .search_submit button {
        padding:14px 50px
    }
}
.search_submit_arrow {
    position:absolute;
    content:" ";
    top:50%;
    right:20px;
    width:6px;
    height:6px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform:rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%);
    padding:0;
    margin:0
}
.detail {
    box-sizing:border-box;
    position:relative;
    max-width:980px;
    width:100%;
    margin:0 auto
}
@media only screen and (min-width:769px) {
    .detail {
        padding:0 10px;
        margin-bottom:100px
    }
}
.detail .right_arrow {
    position:relative
}
.detail .right_arrow:before {
    position:absolute;
    top:50%;
    right:20px;
    content:"";
    -webkit-transform:rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%)
}
@media only screen and (min-width:769px) {
    .detail_footer,.detail_section {
        width:70.83333%
    }
}
.detail_section {
    position:relative
}
@media only screen and (min-width:769px) {
    .detail_section {
        float:left;
        overflow:hidden;
        padding-bottom:100px;
        border-bottom:1px solid #dcdcdc
    }
}
.detail_section_title {
    font-weight:700;
    text-align:center
}
@media only screen and (min-width:769px) {
    .detail_section_title {
        font-size:25px;
        margin-bottom:15px
    }
}
@media only screen and (max-width:768px) {
    .detail_section_title {
        font-size:22px;
        margin-bottom:10px
    }
}
.detail_section_movie a {
    display:block
}
.detail_section_movie .icon_movie:after {
    color:#fff;
    font-size:109px
}
@media only screen and (max-width:768px) {
    .detail_section_movie .icon_movie:after {
        font-size:98px
    }
}
.detail_section_inner {
    background-color:#f7f5f1
}
@media only screen and (min-width:769px) {
    .detail_section_inner {
        padding:40px 40px 30px;
        margin-bottom:40px
    }
}
@media only screen and (max-width:768px) {
    .detail_section_inner {
        padding:20px 20px 40px
    }
}
@media only screen and (min-width:769px) {
    .detail_section_inner .title {
        float:left;
        font-size:20px;
        margin-bottom:10px
    }
}
@media only screen and (max-width:768px) {
    .detail_section_inner .title {
        margin-bottom:10px;
        font-size:15px
    }
}
.detail_section_inner .title span {
    font-weight:700
}
@media only screen and (max-width:768px) {
    .detail_section_inner .title span {
        font-size:20px
    }
}
.detail_section_inner .prod {
    position:relative;
    height:57px
}
@media only screen and (min-width:769px) {
    .detail_section_inner .prod {
        display:inline-block;
        min-width:190px;
        float:right;
        margin-bottom:15px
    }
}
@media only screen and (max-width:768px) {
    .detail_section_inner .prod {
        height:43px;
        width:100%;
        margin-bottom:15px
    }
}
.detail_section_inner .prod_img {
    float:left;
    position:relative;
    width:57px;
    height:57px;
    margin-right:14px;
    border-radius:100%;
    border:1px solid #ddd;
    background-color:#fff
}
@media only screen and (max-width:768px) {
    .detail_section_inner .prod_img {
        width:43px;
        height:43px;
        margin-right:9px
    }
}
.detail_section_inner .prod_img img {
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:auto;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
@media only screen and (max-width:768px) {
    .detail_section_inner .prod_img img {
        width:38px
    }
}
.detail_section_inner .prod_text {
    padding-top:8px;
    line-height:1.2em;
    font-size:16px;
    font-weight:700
}
@media only screen and (max-width:768px) {
    .detail_section_inner .prod_text {
        padding-top:2px;
        font-size:13px
    }
}
.detail_section_inner .prod_text span {
    font-weight:400;
    display:inline-block;
    font-size:12px
}
@media only screen and (max-width:768px) {
    .detail_section_inner .prod_text span {
        font-size:11px
    }
}
@media only screen and (min-width:769px) {
    .detail_section_inner .text {
        clear:both;
        margin-bottom:30px
    }
}
@media only screen and (max-width:768px) {
    .detail_section_inner .text {
        font-size:13px;
        margin-bottom:25px
    }
}
.detail_section_inner .rounded_btn {
    position:relative;
    background-color:#f17d00;
    color:#fff;
    border:none
}
.detail_section_inner .rounded_btn.right_arrow:before {
    border-top:2px solid #fff;
    border-right:2px solid #fff
}
.detail_footer {
    overflow:hidden
}
@media only screen and (min-width:769px) {
    .detail_footer {
        padding:40px 10px
    }
}
@media only screen and (max-width:768px) {
    .detail_footer {
        background-color:#eee9de;
        padding:0 10px 45px
    }
}
@media only screen and (max-width:768px) {
    .detail_footer_inner {
        width:100%;
        padding-top:35px;
        border-top:1px solid #fff
    }
}
.detail_footer p {
    color:#f17d00;
    text-align:center;
    font-weight:700
}
@media only screen and (min-width:769px) {
    .detail_footer p {
        font-size:16px;
        margin-bottom:10px
    }
}
@media only screen and (max-width:768px) {
    .detail_footer p {
        font-size:15px
    }
}
.detail_footer ul {
    text-align:center;
    width:100%
}
@media only screen and (min-width:769px) {
    .detail_footer ul {
        margin-bottom:30px
    }
}
.detail_footer li {
    box-sizing:border-box
}
@media only screen and (max-width:768px) {
    .detail_footer li {
        text-align:center;
        width:344px;
        margin:0 auto 12px
    }
}
@media only screen and (min-width:769px) {
    .detail_footer li {
        display:table-cell;
        width:50%;
        padding:0 10px;
        vertical-align:bottom
    }
}
@media only screen and (min-width:769px) {
    .detail_navi {
        width:26.04167%;
        float:right;
        margin-bottom:200px
    }
}
@media only screen and (max-width:768px) {
    .detail_navi {
        background-color:#eee9de;
        padding:40px 10px
    }
}
.detail_navi_title {
    text-align:center;
    font-weight:700
}
@media only screen and (min-width:769px) {
    .detail_navi_title {
        font-size:16px;
        margin-bottom:12px;
        padding-top:60px
    }
    .detail_navi_title:first-child {
        padding-top:85px
    }
}
@media only screen and (max-width:768px) {
    .detail_navi_title {
        font-size:15px;
        margin-bottom:10px
    }
}
@media only screen and (max-width:768px) {
    .detail_navi_list {
        overflow:hidden;
        margin-bottom:25px
    }
}
.detail_navi_list li {
    box-sizing:border-box
}
@media only screen and (min-width:769px) {
    .detail_navi_list li {
        width:100%;
        margin-bottom:20px;
        border:1px solid #d4dde2;
        background-color:#fff
    }
}
@media only screen and (max-width:768px) {
    .detail_navi_list li {
        width:50%;
        padding:10px;
        float:left
    }
}
.detail_navi_list li a {
    display:block
}
@media only screen and (max-width:768px) {
    .detail_navi_list li a {
        border:1px solid #d4dde2;
        background-color:#fff
    }
}
.detail_navi_list li:hover .icon_movie:after {
    -webkit-animation-name:pulse-icon_movie;
    animation-name:pulse-icon_movie
}
.detail_navi_movie .icon_movie:after {
    color:#fff;
    font-size:77px;
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out
}
@media only screen and (max-width:768px) {
    .detail_navi_movie .icon_movie:after {
        font-size:37px
    }
}
.detail_navi_text {
    position:relative;
    width:100%;
    box-sizing:border-box
}
@media only screen and (min-width:769px) {
    .detail_navi_text {
        padding:50px 20px 20px
    }
}
@media only screen and (max-width:768px) {
    .detail_navi_text {
        padding:40px 12px 15px
    }
}
.detail_navi_item .title {
    position:relative;
    font-weight:700;
    z-index:10
}
@media only screen and (min-width:769px) {
    .detail_navi_item .title {
        font-size:16px;
        margin-bottom:7px
    }
}
@media only screen and (max-width:768px) {
    .detail_navi_item .title {
        font-size:14px;
        margin-bottom:3px
    }
}
@media only screen and (max-width:768px) {
    .detail_navi_item .text {
        font-size:12px
    }
}
.detail_navi_icon {
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    left:50%;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%)
}
@media only screen and (min-width:769px) {
    .detail_navi_icon {
        width:86px;
        height:86px;
        top:-26px
    }
}
@media only screen and (max-width:768px) {
    .detail_navi_icon {
        width:62px;
        height:62px;
        top:-14px
    }
}
.detail_navi_icon.Zero {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Zero.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Op {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Op.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Wo {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Wo.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Princess {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Princess.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Space {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Space.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Cookleader {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Cookleader.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Bistro {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Bistro.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Angel {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Angel.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Microwave {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Microwave.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Vacuum {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Vacuum.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Ctct {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Ctct.png) 50% no-repeat;
    background-size:contain
}
.detail_navi_icon.Cocco {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/item/detail_Cocco.png) 50% no-repeat;
    background-size:contain
}
.detail .rounded_btn {
    position:relative;
    line-height:1;
    border-radius:23px;
    text-align:center;
    box-sizing:border-box
}
@media only screen and (min-width:769px) {
    .detail .rounded_btn {
        padding:15px;
        width:300px;
        margin:0 auto 18px
    }
}
@media only screen and (max-width:768px) {
    .detail .rounded_btn {
        width:246px;
        padding:15px;
        margin:0 auto 24px;
        font-size:16px
    }
}
.detail .rounded_btn span {
    position:absolute;
    top:50%;
    right:23px
}
.list_inner {
    max-width:960px;
    margin:0 auto
}
.list_section {
    position:relative;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:30px
}
.list_section li {
    position:relative;
    display:block;
    box-sizing:border-box
}
.list_section li a {
    display:block;
    height:100%;
    opacity:0;
    -webkit-transition:opacity .5s ease-out;
    transition:opacity .5s ease-out
}
.list_section li a.active {
    opacity:1
}
@media only screen and (min-width:769px) {
    .list_section li {
        float:left;
        width:50%;
        padding-top:10px;
        padding-bottom:10px
    }
    .list_section li:nth-child(odd) {
        clear:both;
        padding-right:10px
    }
    .list_section li:nth-child(2n) {
        padding-left:10px
    }
}
@media only screen and (max-width:768px) {
    .list_section li {
        width:100%;
        padding:0 10px 10px
    }
}
.list_section_loading {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.list_section_loading .loader,.list_section_loading .loader:after,.list_section_loading .loader:before {
    border-radius:50%
}
.list_section_loading .loader {
    color:#fff;
    font-size:11px;
    text-indent:-99999em;
    margin:55px auto;
    position:relative;
    width:10em;
    height:10em;
    box-shadow:inset 0 0 0 1em;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}
.list_section_loading .loader:after,.list_section_loading .loader:before {
    position:absolute;
    content:""
}
.list_section_loading .loader:before {
    width:5.2em;
    height:10.2em;
    background:#0dc5c1;
    border-radius:10.2em 0 0 10.2em;
    top:-.1em;
    left:-.1em;
    -webkit-transform-origin:5.2em 5.1em;
    -ms-transform-origin:5.2em 5.1em;
    transform-origin:5.2em 5.1em;
    -webkit-animation:load2 2s infinite ease 1.5s;
    animation:load2 2s infinite ease 1.5s
}
.list_section_loading .loader:after {
    width:5.2em;
    height:10.2em;
    background:#0dc5c1;
    border-radius:0 10.2em 10.2em 0;
    top:-.1em;
    left:5.1em;
    -webkit-transform-origin:0 5.1em;
    -ms-transform-origin:0 5.1em;
    transform-origin:0 5.1em;
    -webkit-animation:load2 2s infinite ease;
    animation:load2 2s infinite ease
}
@-webkit-keyframes load2 {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@keyframes load2 {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
.list_section_wrap {
    position:relative;
    background-color:#fff;
    width:100%;
    height:100%;
    overflow:hidden
}
.list_section_icon {
    position:absolute;
    top:0;
    left:0;
    width:80px;
    height:80px;
    text-indent:-9999px;
    overflow:hidden;
    z-index:10
}
.list_section_icon.Public {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/common/Public.png) 50% no-repeat;
    background-size:cover
}
.list_section_icon.Private {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/common/Private.png) 50% no-repeat;
    background-size:cover
}
.c-login {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow-y:auto;
    opacity:0;
    z-index:-1
}
.c-login.active {
    display:block;
    opacity:1;
    z-index:9000
}
.c-login a {
    color:#f17d00;
    text-decoration:underline
}
.c-login a:hover {
    text-decoration:none
}
.c-login_overlay {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    opacity:.8
}
.c-login_wrop {
    position:relative;
    padding:100px 0
}
@media only screen and (max-width:768px) {
    .c-login_wrop {
        padding:50px 0
    }
}
.c-login_inner {
    position:relative;
    box-sizing:border-box;
    background-color:#fff;
    z-index:9001;
    width:780px;
    margin:0 auto
}
@media only screen and (max-width:768px) {
    .c-login_inner {
        width:94.66667%;
        margin:0 auto
    }
}
@media only screen and (min-width:769px) {
    .c-login_inner {
        padding:40px
    }
}
@media only screen and (max-width:768px) {
    .c-login_inner {
        padding:30px 20px
    }
}
@media only screen and (min-width:769px) {
    .c-login_section {
        margin-bottom:50px
    }
}
@media only screen and (max-width:768px) {
    .c-login_section {
        margin-bottom:60px
    }
}
.c-login_section:last-child {
    margin-bottom:0
}
.c-login h2 {
    margin-bottom:40px
}
@media only screen and (min-width:769px) {
    .c-login h2 {
        font-size:24px
    }
}
@media only screen and (max-width:768px) {
    .c-login h2 {
        font-size:20px
    }
}
.c-login h3 {
    border-bottom:1px dotted #000
}
@media only screen and (min-width:769px) {
    .c-login h3 {
        margin-bottom:15px;
        padding-bottom:8px;
        font-size:14px
    }
}
@media only screen and (max-width:768px) {
    .c-login h3 {
        margin-bottom:15px;
        padding-bottom:10px
    }
}
@media only screen and (max-width:768px) {
    .c-login h3,.c-login p {
        font-size:13px
    }
}
@media only screen and (min-width:769px) {
    .c-login dl {
        margin-bottom:30px
    }
}
@media only screen and (max-width:768px) {
    .c-login dl {
        margin-bottom:25px;
        font-size:13px
    }
}
.c-login dl dt {
    margin-bottom:5px
}
.c-login dl dd {
    margin-bottom:15px
}
.c-login input[type=password],.c-login input[type=text] {
    position:relative;
    border:1px solid #adadad;
    clear:both
}
.c-login .rounded_btn {
    color:#fff;
    background-color:#f17d00;
    border:none;
    margin:0 auto 10px;
    text-decoration:none
}
@media only screen and (min-width:769px) {
    .c-login .rounded_btn {
        padding:15px;
        width:300px
    }
}
@media only screen and (max-width:768px) {
    .c-login .rounded_btn {
        width:246px;
        padding:15px;
        font-size:16px
    }
}
.c-login .rounded_btn:before {
    position:absolute;
    top:50%;
    right:20px;
    content:"";
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform:rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%)
}
.c-login_osusume {
    padding:0 10px;
    color:#fff;
    background-color:#f17d00;
    border-radius:3px;
    margin-left:8px
}
.c-form_error {
    color:red
}
@media only screen and (max-width:768px) {
    .c-form_error {
        display:block
    }
}
.c-form input[type=password],.c-form input[type=text] {
    box-sizing:border-box;
    padding:12px 25px;
    margin:0;
    line-height:1
}
@media only screen and (min-width:769px) {
    .c-form input[type=password],.c-form input[type=text] {
        width:520px
    }
}
@media only screen and (max-width:768px) {
    .c-form input[type=password],.c-form input[type=text] {
        width:100%;
        padding:7px 15px
    }
}
.c-form select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:12px 30px 12px 20px;
    border:1px solid #999;
    background-size:20px,100%;
    background-color:#fff;
    border-radius:0
}
@media only screen and (max-width:768px) {
    .c-form select {
        width:100%;
        padding:7px 30px 7px 10px
    }
}
.c-form_text_button {
    position:relative;
    overflow:hidden
}
.c-form_text_button input[type=text] {
    float:left;
    border:1px solid #adadad
}
@media only screen and (max-width:768px) {
    .c-form_text_button input[type=text] {
        width:100%;
        padding:7px 84px 7px 15px
    }
}
.c-form_text_button button {
    position:relative;
    margin-left:-1px;
    padding:16px 25px;
    background-color:#221815;
    color:#fff;
    line-height:1
}
@media only screen and (max-width:768px) {
    .c-form_text_button button {
        position:absolute;
        top:0;
        right:0;
        padding:11px 23px
    }
}
.contents {
    box-sizing:border-box;
    overflow:hidden
}
.contents a:hover {
    text-decoration:none
}
.noscroll {
    position:fixed;
    overflow-y:scroll
}
.hover_pulse {
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.hover_pulse:hover {
    -webkit-animation-name:pulse;
    animation-name:pulse;
    text-decoration:none
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
img {
    width:100%;
    height:auto
}
@media only screen and (min-width:769px) {
    .isPc {
        display:block
    }
}
@media only screen and (max-width:768px) {
    .isPc {
        display:none!important
    }
}
@media only screen and (min-width:769px) {
    .isSp {
        display:none!important
    }
}
@media only screen and (max-width:768px) {
    .isSp {
        display:block
    }
}
#js-disposeLayout {
    position:absolute;
    top:-9999px;
    left:-9999px;
    height:0;
    width:0;
    display:none
}
@media only screen and (min-width:769px) {
    #js-disposeLayout {
        background:red
    }
}
@media only screen and (max-width:768px) {
    #js-disposeLayout {
        background:#0f0
    }
}
.js-accordion dt {
    cursor:pointer
}
.js-accordion dd {
    display:none
}
.member_change .contents {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/common/bg01.jpg) top repeat;
    padding:80px 10px
}
@media only screen and (max-width:768px) {
    .member_change .contents {
        padding:10px
    }
}
.member_change .section {
    box-sizing:border-box;
    max-width:960px;
    width:100%;
    margin:0 auto;
    background-color:#fff;
    padding:40px 40px 90px
}
@media only screen and (max-width:768px) {
    .member_change .section {
        padding:25px 20px
    }
}
@media only screen and (min-width:769px) {
    .member_change .section h2 {
        font-size:24px;
        margin-bottom:100px
    }
}
@media only screen and (max-width:768px) {
    .member_change .section h2 {
        font-size:20px;
        margin-bottom:30px
    }
}
.member_change .section h2 .icon-setup {
    display:inline-block;
    color:#000;
    -webkit-transform:translateY(1px);
    -ms-transform:translateY(1px);
    transform:translateY(1px)
}
@media only screen and (min-width:769px) {
    .member_change .section h3 {
        font-weight:700;
        font-size:18px;
        text-align:center;
        margin-bottom:15px
    }
}
@media only screen and (max-width:768px) {
    .member_change .section h3 {
        font-size:15px;
        font-weight:700;
        margin-bottom:5px
    }
}
@media only screen and (min-width:769px) {
    .member_change .section p {
        text-align:center;
        margin-bottom:25px
    }
}
@media only screen and (max-width:768px) {
    .member_change .section p {
        font-size:13px
    }
}
.member_change .section ul {
    width:100%;
    margin:0 auto;
    overflow:hidden;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    box-sizing:border-box
}
.member_change .section ul li {
    position:relative
}
@media only screen and (min-width:769px) {
    .member_change .section ul li {
        display:inline-block;
        width:29.7619%;
        padding:210px 1.78571% 0
    }
}
@media only screen and (max-width:768px) {
    .member_change .section ul li {
        width:200%;
        padding:20px 37px 20px 75px;
        margin-bottom:15px;
        text-align:left
    }
}
@media only screen and (min-width:769px) {
    .member_change .section ul li:after {
        content:"";
        position:absolute;
        top:0;
        left:50%;
        width:194px;
        height:194px;
        background-color:#f7f6f0;
        border-radius:100%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }
}
.member_change .section ul .singUp:after {
    background:#f7f6f0 url(https://www.asahikei.co.jp/recipe/assets/images/member_change/icon01.gif) 50% no-repeat
}
@media only screen and (max-width:768px) {
    .member_change .section ul .singUp {
        background:#f7f6f0 url(https://www.asahikei.co.jp/recipe/assets/images/member_change/icon01.gif) 15px no-repeat;
        background-size:44px
    }
}
.member_change .section ul .pass:after {
    background:#f7f6f0 url(https://www.asahikei.co.jp/recipe/assets/images/member_change/icon02.gif) 50% no-repeat
}
@media only screen and (max-width:768px) {
    .member_change .section ul .pass {
        background:#f7f6f0 url(https://www.asahikei.co.jp/recipe/assets/images/member_change/icon02.gif) 15px no-repeat;
        background-size:44px
    }
}
.member_change .section ul .withdrawal:after {
    background:#f7f6f0 url(https://www.asahikei.co.jp/recipe/assets/images/member_change/icon03.gif) 50% no-repeat
}
@media only screen and (max-width:768px) {
    .member_change .section ul .withdrawal {
        background:#f7f6f0 url(https://www.asahikei.co.jp/recipe/assets/images/member_change/icon03.gif) 15px no-repeat;
        background-size:44px
    }
}
.member_change .rounded_btn {
    color:#fff;
    background-color:#f17d00;
    border:none;
    margin:0 auto
}
@media only screen and (min-width:769px) {
    .member_change .rounded_btn {
        padding:15px;
        max-width:200px
    }
}
@media only screen and (max-width:768px) {
    .member_change .rounded_btn {
        text-indent:-9999px;
        overflow:hidden;
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        border-radius:0;
        background-color:transparent
    }
}
.member_change .rounded_btn:before {
    position:absolute;
    top:50%;
    right:20px;
    content:"";
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform:rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%)
}
@media only screen and (max-width:768px) {
    .member_change .rounded_btn:before {
        border-top:2px solid #000;
        border-right:2px solid #000
    }
}
.new_user .contents {
    background:url(https://www.asahikei.co.jp/recipe/assets/images/common/bg01.jpg) top repeat;
    padding:0
}
@media only screen and (max-width:768px) {
    .new_user .contents {
        padding:0 10px
    }
}
.new_user .section {
    box-sizing:border-box;
    max-width:960px;
    width:100%;
    margin:20px auto;
    background-color:#fff;
    padding:40px
}
@media only screen and (max-width:768px) {
    .new_user .section {
        padding:0px 10px 5px;
    }
}
.new_user .section_title {
    position:relative;
    font-weight:700;
    border-bottom:1px dotted #000
}
@media only screen and (min-width:769px) {
    .new_user .section_title {
        font-size:18px;
        padding-bottom:8px;
        padding-left:45px;
        margin-bottom:25px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_title {
        font-size:15px;
        padding-bottom:10px;
        padding-left:32px;
        margin-bottom:15px
    }
}
.new_user .section_title:after {
    content:"";
    position:absolute;
    background:url(https://www.asahikei.co.jp/recipe/assets/images/spiral/check.gif);
    background-size:contain
}
@media only screen and (min-width:769px) {
    .new_user .section_title:after {
        width:20px;
        height:20px;
        top:4px;
        left:10px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_title:after {
        width:17px;
        height:17px;
        top:3px;
        left:10px
    }
}
.new_user .section_inner {
    margin-bottom:50px
}
.new_user .section_osusume {
    padding:0 10px;
    color:#fff;
    background-color:#f17d00;
    border-radius:3px;
    margin-left:8px
}
.new_user .section input[type=password],.new_user .section input[type=text] {
    border:1px solid #adadad;
    padding:7px
}
@media only screen and (min-width:769px) {
    .new_user .section input[type=password],.new_user .section input[type=text] {
        max-width:400px;
        width:100%
    }
}
.new_user .section h2 {
    padding:20px 0;
    font-weight:bold;
}
@media only screen and (min-width:769px) {
    .new_user .section h2 {
        font-size:24px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section h2 {
        font-size:17px
    }
}
@media only screen and (min-width:769px) {
    .new_user .section .icon-singus {
        display:inline-block;
        font-size:40px;
        -webkit-transform:translateY(5px);
        -ms-transform:translateY(5px);
        transform:translateY(5px)
    }
}
@media only screen and (max-width:768px) {
    .new_user .section .icon-singus {
        display:inline-block;
        font-size:33px;
        -webkit-transform:translateY(5px);
        -ms-transform:translateY(5px);
        transform:translateY(5px)
    }
}
.new_user .section h3 {
    font-weight:700
}
@media only screen and (min-width:769px) {
    .new_user .section h3 {
        padding-bottom:8px;
        font-size:14px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section h3 {
        padding-bottom:10px;
        font-size:13px
    }
}
.new_user .section a {
    color:#f17d00;
    text-decoration:underline
}
.new_user .section a:hover {
    text-decoration:none
}
@media only screen and (min-width:769px) {
    .new_user .section dl {
        margin-bottom:30px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section dl {
        margin-bottom:25px;
        font-size:13px
    }
}
.new_user .section dl dt {
    margin-bottom:5px
}
.new_user .section dl dd {
    margin-bottom:15px
}
.new_user .section_form {
    box-sizing:border-box;
    border:10px solid #ffe2c3
}
@media only screen and (min-width:769px) {
    .new_user .section_form {
        padding:40px 30px 30px 40px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form {
        padding:19px
    }
}
.new_user .section_form_at {
    border:1px solid #4f6cff;
    text-align:center
}
@media only screen and (min-width:769px) {
    .new_user .section_form_at {
        font-size:12px;
        width:337px;
        margin:0 auto 25px;
        padding:8px 0;
        border-radius:30px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form_at {
        font-size:11px;
        padding:8px 0;
        border-radius:30px
    }
}
.new_user .section_form .itemname_sub,.new_user .section_form .itemname_sub02 {
    margin-left:10px
}
.new_user .section_form .itemname_sub {
    color:#ff4f4f
}
.new_user .section_form .colorBule,.new_user .section_form .itemname_sub02 {
    color:#4f6cff
}
@media only screen and (min-width:769px) {
    .new_user .section_form .input_270w {
        max-width:270px!important;
        width:100%!important
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form .input_270w {
        width:39.68254%!important
    }
}
@media only screen and (min-width:769px) {
    .new_user .section_form .input_250w {
        max-width:250px!important;
        width:100%!important
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form .input_250w {
        width:39.68254%!important
    }
}
@media only screen and (min-width:769px) {
    .new_user .section_form .input_200w {
        max-width:200px!important;
        width:100%!important
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form .input_200w {
        width:36.50794%!important
    }
}
@media only screen and (min-width:769px) {
    .new_user .section_form .input_100w {
        max-width:100px!important;
        width:100%!important
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form .input_100w {
        width:22.22222%!important
    }
}
.new_user .section_form .bikou {
    font-size:12px;
    vertical-align:bottom
}
@media only screen and (min-width:769px) {
    .new_user .section_form .input_60w {
        max-width:60px!important;
        width:60%!important
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form .input_60w {
        width:13.333332%!important
    }
}
.new_user .section_form .bikou {
    font-size:12px;
    vertical-align:bottom
}
@media only screen and (min-width:769px) {
    .new_user .section_form .bikou {
        margin-left:4px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form .bikou {
        display:block;
        margin-bottom:8px;
        padding-top:8px
    }
}
.new_user .section_form table {
    width:100%
}
@media only screen and (min-width:769px) {
    .new_user .section_form tr {
        border-bottom:1px dotted #a0a0a0
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form tr th {
        padding-top:20px;
        padding-bottom:10px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form tr td {
        border-bottom:1px dotted #a0a0a0;
        padding-bottom:20px
    }
}
.new_user .section_form tr.last {
    border-bottom:0
}
@media only screen and (min-width:769px) {
    .new_user .section_form tr.last td,.new_user .section_form tr.last th {
        padding:25px 0 0
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form tr.last td {
        border-bottom:0
    }
}
@media only screen and (min-width:769px) {
    .new_user .section_form tr.first td,.new_user .section_form tr.first th {
        padding:0 0 25px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form tr.first th {
        padding-top:0
    }
}
.new_user .section_form .inner_table td,.new_user .section_form .inner_table tr {
    border-bottom:0
}
.new_user .section_form .inner_table td,.new_user .section_form .inner_table th {
    padding:0 0 10px
}
.new_user .section_form .inner_table th {
    width:160px;
    text-align:left
}
@media only screen and (min-width:769px) {
    .new_user .section_form td,.new_user .section_form th {
        padding:25px 0;
        font-size:14px
    }
}
.new_user .section_form th.type1 {
    text-align:left;
    vertical-align:top
}
@media only screen and (min-width:769px) {
    .new_user .section_form th.type1 {
        width:210px
    }
}
.new_user .section_form td {
    vertical-align:middle
}
@media only screen and (max-width:768px) {
    .new_user .section_form select {
        width:100%
    }
}
.new_user .section_form .select-group {
    position:relative
}
@media only screen and (min-width:769px) {
    .new_user .section_form .select-group {
        display:inline-block
    }
}
.new_user .section_form .select-group:before {
    content:"";
    position:absolute;
    top:50%;
    margin:0;
    width:6px;
    height:6px;
    border-bottom:2px solid #adadad;
    border-right:2px solid #adadad;
    -webkit-transform:rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%)
}
@media only screen and (min-width:769px) {
    .new_user .section_form .select-group:before {
        right:12px
    }
}
@media only screen and (max-width:768px) {
    .new_user .section_form .select-group:before {
        right:15px
    }
}
.new_user .mailMagazine {
    box-sizing:border-box;
    background-color:#f7f6f0
}
@media only screen and (min-width:769px) {
    .new_user .mailMagazine {
        max-width:470px;
        width:100%;
        margin-top:20px;
        font-size:12px;
        padding:20px 15px
    }
}
@media only screen and (max-width:768px) {
    .new_user .mailMagazine {
        margin-top:10px;
        padding:20px
    }
}
.new_user .mailMagazine p {
    margin-bottom:5px
}
@media only screen and (max-width:768px) {
    .new_user .guestCode input[type=text] {
        width:125px
    }
}
@media only screen and (max-width:768px) {
    .new_user .guestCode .mb10 {
        margin-bottom:5px!important
    }
}
@media only screen and (max-width:768px) {
    .new_user .guestCode .bikou {
        padding-top:0;
        margin-bottom:0
    }
}
@media only screen and (max-width:768px) {
    .new_user .guestCode_text {
        font-size:12px!important
    }
}
.new_user .guestCode td.guestCode_image {
    vertical-align:text-top
}
@media only screen and (min-width:769px) {
    .new_user .guestCode td.guestCode_image {
        width:70px;
        padding-right:30px
    }
}
@media only screen and (max-width:768px) {
    .new_user .guestCode td.guestCode_image {
        width:63px;
        padding-right:10px
    }
}
@media only screen and (min-width:769px) {
    .new_user .c-form_text_button button {
        padding:11px 25px
    }
}
@media only screen and (min-width:769px) {
    .new_user .postalCode button {
        color:#ff4f4f;
        vertical-align:bottom;
        margin-left:20px
    }
}
@media only screen and (max-width:768px) {
    .new_user .postalCode button {
        width:100%;
        background-color:#000;
        color:#fff;
        padding:10px 0
    }
}
.new_user .address {
    width:100%
}
.new_user .address .isPc {
    display:inline-block
}
@media only screen and (max-width:768px) {
    .new_user .address input[type=text] {
        width:100%
    }
}
@media only screen and (min-width:769px) {
    .new_user .address input::-webkit-input-placeholder {
        color:#fff
    }
}
@media only screen and (max-width:768px) {
    .new_user .address input::-webkit-input-placeholder {
        color:#a0a0a0
    }
}
@media only screen and (min-width:769px) {
    .new_user .address input:-moz-placeholder {
        color:#fff
    }
}
@media only screen and (max-width:768px) {
    .new_user .address input:-moz-placeholder {
        color:#a0a0a0
    }
}
@media only screen and (min-width:769px) {
    .new_user .address input::-moz-placeholder {
        color:#fff
    }
}
@media only screen and (max-width:768px) {
    .new_user .address input::-moz-placeholder {
        color:#a0a0a0
    }
}
@media only screen and (min-width:769px) {
    .new_user .address input:-ms-input-placeholder {
        color:#fff
    }
}
@media only screen and (max-width:768px) {
    .new_user .address input:-ms-input-placeholder {
        color:#a0a0a0
    }
}
.new_user .rounded_btn {
    color:#fff;
    background-color:#f17d00;
    border:none;
    margin:0 auto 10px;
    font-size:18px;
    font-weight:bold;
}
@media only screen and (min-width:769px) {
    .new_user .rounded_btn {
        padding:15px;
        width:300px
    }
}
@media only screen and (max-width:768px) {
    .new_user .rounded_btn {
        width:246px;
        padding:15px;
        font-size:16px
    }
}
.new_user .rounded_btn:before {
    position:absolute;
    top:50%;
    right:20px;
    content:"";
    border-top:2px solid #fff;
    border-right:2px solid #fff
}
.new_user .rounded_btn.left_arrow:before,.new_user .rounded_btn:before {
    -webkit-transform:rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%)
}
.new_user .rounded_btn.left_arrow:before {
    width:6px;
    height:6px;
    left:20px;
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
    border-top:none;
    border-right:none
}