/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body{
    font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
    color:#000;
    background-color:#fff;
    margin: 0px;
    padding: 0px;
    /*overflow-x: hidden;*/
}
a img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}a{outline:0}img{vertical-align:bottom}.clear{clear:both}.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}.clearfix{display:block}/**/
.tipped{color:#999}
.left{float:left}
.right{float:right}
.imgright{float:right;padding-bottom:20px;padding-left:20px}
.imgleft{float:left;padding-bottom:20px;padding-right:20px}
.center{text-align:center}.sma{display:none}
a {outline: none;}
.smaon{display: none;}
.textright{text-align: right;}
.textleft{text-align: left;}
.txt_s{font-size: 12px!important;}
.txt_mm{font-size: 16px!important;}
.txt_m{font-size: 18px!important;}
.txt_l{font-size: 24px!important;}
.txt_ll{font-size: 34px!important;}
.green{color: #6EB92B!important;}
.orange{color: #F18101!important;}
.yellow{color: #FCCF00!important;}
.blue{color: #004EA1!important;}
.lblue{color: #3ABCDC!important;}
.red{color:#E50011!important;}
.magenta{color:#F54B8C!important;}
.purple{color: #941E58!important;}
.bluegreen{color: #00BC9D!important;}
.nowrap{white-space: nowrap;}
.lineheightreset{line-height: 110%!important;padding-bottom:0px!important;}
.alignleft{float: left;margin-right: 20px;margin-bottom: 20px;}
.alignright{float: right;margin-bottom: 20px;margin-left: 20px;}
.aligncenter,img.aligncenter{text-align: center;}
.mb-10{ margin-bottom:-10px !important;}
.mb0{ margin-bottom:0px !important;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb60{ margin-bottom:60px !important;}
.mb80{ margin-bottom:80px !important;}

.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}

.pb0{ padding-bottom:0 !important;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px !important;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}

.mb5p{ margin-bottom:5%;}
.mb10p{ margin-bottom:10%;}
.mt30{ margin-top:30px;}
.pb30{ padding-bottom:30px;}
.pb60{ padding-bottom:60px;}
.ml10{ margin-left:10px !important;}

.font-size16{ font-size:16px !important;}

/** ie8 **/
html.lt-ie9 .bx-wrapper .bx-prev {background: url(../images/ie_btn_back.png) no-repeat 0 0;}
html.lt-ie9 .bx-wrapper .bx-next {background: url(../images/ie_btn_next.png) no-repeat 0 0;}

html.lt-ie9 .bxslider_b .bx-wrapper .bx-prev {background: url(../images/ie_btn_back02.png) no-repeat 0 0;}
html.lt-ie9 .bxslider_b .bx-wrapper .bx-next {background: url(../images/ie_btn_next02.png) no-repeat 0 0;}

html.lt-ie9 ul#subnavi li,
html.lt-ie9 #subnavi nav ul li ul li ul li a,
html.lt-ie9 #subnavi nav ul li ul li.active ul li a{background-image: url(../images/ie_pt_a.png);}
html.lt-ie9 .shopbottomlink{background-image: url(../images/ie_pt_b.png);}
html.lt-ie9 #submain #webbtn a{background-image: url(../images/ie_ico_web.png);}
html.lt-ie9 #submain #telbtn a{background-image: url(../images/ie_ico_tel.png);}
html.lt-ie9 .listbottomlink{background-image: url(../images/ie_ico_list.gif);}
html.lt-ie9 #subnavi nav ul li a,
html.lt-ie9 #submain .go_dt_btn a,
html.lt-ie9 #submain #janarea h3 a{background-image: url(../images/ie_btn_ico_a_6.png);}
html.lt-ie9 #submain .bigbtn a,
html.lt-ie9 #submain .bigbtn input,
html.lt-ie9 #submain .sbtn a,
html.lt-ie9 #submain .freebtn a{background-image: url(../images/ie_btn_ico_a_9.png);}
html.lt-ie9 #chdebtn a{background-image: url(../images/ie_btn_ico_b.png);}
html.lt-ie9 #submain .backicon a{background-image: url(../images/ie_btn_ico_d.png);}
html.lt-ie9 #subnavi nav ul li ul li a,
html.lt-ie9 #submain .go_dt_btn.whitebtn a{background-image: url(../images/ie_btn_ico_c.png);}
html.lt-ie9 #submain #janarea li{background-image: url(../images/ie_btn_ico_c_b.png);}
html.lt-ie9 #submain #selectionnav ul li a{background-image: url(../images/ie_btn_ico_b_w.png);}
html.lt-ie9 #submain .faqbox h2{background-image: url(../images/faq/ie_ico_q.png);}
html.lt-ie9 #submain .faqbox p{background-image: url(../images/faq/ie_ico_a.png);}
html.lt-ie9 #submain .faq-section--member .faqbox__question {background-image:url(../images/faq/ie_ico_q.png);}
html.lt-ie9 #submain .faq-section--login .faqbox__question {background-image:url(../images/faq/ie_ico_q_green.png);}
html.lt-ie9 #submain .faq-section--waon .faqbox__question {background-image:url(../images/faq/ie_ico_q_aqua.png);}
html.lt-ie9 #submain .faq-section--point .faqbox__question {background-image:url(../images/faq/ie_ico_q_orange.png);}
html.lt-ie9 #submain .faq-section--member .faqbox__answer {background-image: url(../images/faq/ie_ico_a.png);}
html.lt-ie9 #submain .faq-section--login .faqbox__answer {background-image: url(../images/faq/ie_ico_a_green.png);}
html.lt-ie9 #submain .faq-section--waon .faqbox__answer {background-image: url(../images/faq/ie_ico_a_aqua.png);}
html.lt-ie9 #submain .faq-section--point .faqbox__answer {background-image: url(../images/faq/ie_ico_a_orange.png);}
html.lt-ie9 #submain ul.nolist li#pt1{background-image: url(../images/exchange/waon/ie_pt_1.png);}
html.lt-ie9 #submain ul.nolist li#pt2{background-image: url(../images/exchange/waon/ie_pt_2.png);}
html.lt-ie9 #submain ul.nolist li#pt3{background-image: url(../images/exchange/waon/ie_pt_3.png);}
html.lt-ie9 #submain ul.nolist li#pt4{background-image: url(../images/exchange/waon/ie_pt_4.png);}



/** mobile Bookmark Bubble
===================================*/

#mobilebb{display:none}
#mobilebb.active{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-sizing:border-box;
    width: 100%;
    position: fixed;
    bottom: 3px;
    padding: 16px;
    z-index: 999999;
}

.mobilebb_in{display:none}
.mobilebb_in.active{
    display: block;
    -webkit-box-flex:1;
    border-radius: 10px;
    padding: 10px 25px 10px 10px;
    z-index: 0;
    border-width: 2px;
    border-style: solid;
    border-color: #F54B8C;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(249,249,249,1)), to(rgba(197,197,197,1)));
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.7);
    color: #000;
    font-size: 14px;
}
.mobilebb_in h1{font-size: 17px;padding: 0;margin: 0;text-align: center;}
.mobilebb_in p{margin: 0;padding: 8px 0 0 0;}
.mbbicon{
    width: 62px;
    height: 62px;
    float: left;
    margin-right: 10px;
}
p.description img{
    margin-right: 2px;
    vertical-align:top;
}
.ios.arrow{display:none;}
.ios.arrow.active{
    display: block;
    width: 14px;
    height: 14px;
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(197,197,197,0)), color-stop(0.4,rgba(197,197,197,0)), color-stop(0.5,rgba(197,197,197,1)), to(rgba(197,197,197,1)));
    position: absolute;
    bottom :9px;
    left: 50%;
    margin-left: -7px;
    -webkit-transform: matrix(-0.95,1,0.95,1,0,0);
    z-index: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #F54B8C;
    border-top-style: none;
    border-left-style: none;
}
.ios.arrow.shadow{
    z-index: -1;
    margin-left: -7px;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.7);
}

.close{
    position: absolute;
    top: 10px;
    right: 10px;
    height: 37px;
    width:37px;
    display: table-cell;
    vertical-align: center;
    text-align: center;
}


/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 45px;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
    text-indent: -9999px;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #F54B8C;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
/*.bx-wrapper .bx-prev {
    left: -15px;
    background: url(/images/btn_back.png) no-repeat 0 0;
    background-size: 30px auto;
}
.bx-wrapper .bx-next {
    right: -15px;
    background: url(../images/btn_next.png) no-repeat 0 0;
    background-size: 30px auto;
}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: 0 0;}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}*/


.bx-controls-direction .bx-prev {
    left: -23px;
    background: url(../images/btn_back.png) no-repeat 0 0;
    background-size: 30px auto;
    cursor:pointer;
}
.bx-controls-direction .bx-next {
    right: -23px;
    background: url(../images/btn_next.png) no-repeat 0 0;
    background-size: 30px auto;
    cursor:pointer;
}

.layout_a .bx-controls-direction .bx-prev {
    left: -15px;
    background: url(../images/btn_back02.png) no-repeat 0 0;
    background-size: 30px auto;
    cursor:pointer;
}
.layout_a .bx-controls-direction .bx-next {
    right: -15px;
    background: url(../images/btn_next02.png) no-repeat 0 0;
    background-size: 30px auto;
    cursor:pointer;
    left: auto;
}



.bx-controls-direction .bx-prev:hover ,
.bxslider_b .bx-controls-direction .bx-prev:hover {background-position: 0 0;}
.bx-controls-direction .bx-next:hover ,
.bxslider_b .bx-controls-direction .bx-next:hover {background-position: 0 0;}
.bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}



.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}


/*******失効ポイント警告表示*******/
#expirePoint {
    background: #FF0;
    text-align: center;
    color: #F00;
    padding: 5px 0;
}
#expirePoint .inner p {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}
#expirePoint .inner p br {
    display: none;
}
#expirePoint .inner p a {
    color: #F00;
    text-decoration: underline;
}
#expirePoint .inner p a:hover {
    text-decoration: none;
}
@media only screen and (max-width: 480px) {
    #expirePoint .inner p br {
        display: block;
    }
}


/*******************************************ベース*************************************************/
#wrap{
    width:1170px;
    margin: 0 auto;
    text-align: left;
}
#nomenu{padding-top: 50px;}
#nomenu #submain{
    width: 840px;
    float: none;
    padding-left: 0px;padding-bottom: 35px;
    margin: 0 auto;
    overflow: hidden;
}
#contents .no-side{
    float: none;
    margin: 0 auto;
    padding-left:0;
}

#contents{position: relative;clear: both;background-color: #fff;}
#main{
    float: left;
    width: 930px;
}
#submain{
    width: 840px;
    float: left;
    padding-left: 35px;padding-bottom: 35px;
    overflow: hidden;
}

/****ヘッダー　ナビ****/
header{
    border-bottom: 1px solid #F54B8C;
}
header.headtop{
    border-bottom: none;
}
header.headtop + #loginInfo {
    border-top: 1px solid #F54B8C;
}
header .inner {
    width: 1170px;
    margin: 0 auto;
    position:relative;
}
header .snipet {
    position:absolute;
    top:16px;
    left:0;
    font-size:10px;
    width: 190px;
    line-height: 1.1;
    margin: 0;
    font-weight:normal;
}
#submain header{border-bottom-style: none;}
#sitelogo{
    margin: 0px;
    padding: 45px 0 0 0;
    width:200px;
    float: left;font-size: 14px;
}
#sitelogo img{width: 100%;height: auto;}
#headtel{position: absolute;top:13px;right:0;line-height: 1;}
#headtel img{width: 380px;height: auto;}
nav{
    margin: 0;padding: 0;
    width: 950px;
    float: right;position: relative;
}
#menu,#headnavitel{display: none;}
ul#mainnavi{
    list-style-type: none;
    margin: 0;
    padding: 40px 0 10px 0;
}
ul#mainnavi li{
    border-left: 1px solid #CCC;
    float: left;
}
ul#mainnavi li a{
    color:#333;
    text-decoration: none;
    display: block;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    padding:0 35px;
}
ul#mainnavi li a:hover{
    color:#F54B8C;
}
ul#subnavi{
    position: absolute;left: 0px;top: 15px;z-index: 1;
    width: 800px;
    margin: 0;padding: 0;
}
ul#subnavi li{
    line-height: 100%;list-style-type: none;font-size: 12px;
    background-image: url(../images/pt_a.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size:5px auto;
    float: left;
    margin: 0px;padding: 0 20px 0 10px;
}
ul#subnavi li.mmbn {
    display:none;
}
#headlogin{
    width: 90px;
    text-align: center;
    margin: 0;padding: 0;
    position: absolute;top: 45px;right: 0px;
}
#headlogin a{
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background-color: #F54B8C;
    line-height: 100%;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
}
#headlogin a:hover{background-color: #FC2E7B;}

/****ログイン情報****/
#loginInfo {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #FEE9F0;
    line-height: 40px;
    text-align: right;
    /*font-size:87.5%;*/
    font-size:14px;
}
#loginInfo .inner {
    width: 1170px;
    margin: 0 auto;
    text-align: right;
}
#loginInfo dl {
    display: inline-block;
    color: #f44b8c;
    margin: 0 10px;
    vertical-align: bottom;
}
#loginInfo dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
* html #loginInfo dl {
    height: 1%;
}
#loginInfo dl dt {
    float: left;
}
#loginInfo dl dt:after {
    content: "：";
}
#loginInfo dl dd {
    margin: 0;
    float: left;
}
#loginInfo dl.name {
    font-weight: bold;
}
#loginInfo dl.name dt {
    margin: 0 15px 0 0;
}
#loginInfo dl.name dt:after {
    content: "";
}
#loginInfo .btn {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0;
    border: none;
    vertical-align: bottom
}
#loginInfo .btn a {
    display: inline-block;
    background: #f44b8c;
    padding: 0 15px;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
}
#loginInfo .btn a.logout {
    background: #830736;
}
#loginInfo .btn a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

@media only screen and (max-width: 750px) {
    #loginInfo {
        line-height: 1.5;
        text-align: center;
        padding: 10px 0;
        font-size:12px;
    }
    #loginInfo .inner {
        width: auto;
        text-align: center;
    }
    #loginInfo dl {
        display: inline-block;
        margin: 0 5px 5px;
        text-align: center;
    }
    #loginInfo dl dt {
        float: none;
        display: inline-block;
    }
    #loginInfo dl dd {
        float: none;
        display: inline-block;
    }
    #loginInfo dl.name {
        display: block;
    }
    #loginInfo dl.name dt {
        margin: 0 10px 0 0;
    }
    #loginInfo dl.name dt:after {
        content: "";
    }
    #loginInfo .btn {
        display: block;
        margin: 0;
        text-align: center;
    }
    #loginInfo .btn a {
        display: inline-block;
        padding: 0 25px;
        line-height: 30px;
        margin: 0 10px;
        font-size:12px;
    }
}

/****サイドバー****/
#sidebar{
    float: right;
    padding-bottom: 40px;
    width: 215px;
}
#sidebar > p img {
    width:100%;
    height:auto;
}
#loginbana{margin: 0;padding-bottom: 15px;}
#loginbana img{height: auto;width: 100%;}
#sidebanaarea{padding-bottom: 5px;}
#sidebanaarea p,#side_s_banaarea p{
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 8px;
}
#sidebanaarea img{
    height: auto;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
}
#wrap #contents #sidebanaarea .sidebanaarea_login {
    position: relative;
    margin-bottom: 8px;
}
#wrap #contents #sidebanaarea .sidebanaarea_forgot {
    position: absolute;
    margin: 0 5.8651026%;
    bottom: 6.68896321%;
    left: 0;
}
#wrap #contents #sidebanaarea .sidebanaarea_forgot img {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}


#side_s_banaarea{
    background-color: #F4F1E7;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 6px;
}
#subsidemenu{
    margin-bottom: 10px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #FFBF42;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #FFBF42;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #FFBF42;
}
#subsidemenu h2{
    color: #FFBF42;font-size: 14px;margin: 0;padding: 8px;line-height: 100%;
    border-bottom:solid 2px #FFBF42;background:#FEFDDC;
}
#subsidemenu p{padding: 5px;margin: 0;border-bottom:solid 2px #FFBF42;}
#subsidemenu p img{width: 100%;height: auto;}
#subsidemenu ul{padding: 0px;margin: 0px;list-style: none;font-size: 12px;}
#subsidemenu ul li{border-bottom:solid 2px #FFBF42;line-height: 140%;}
#subsidemenu ul li:nth-child(even){background:#FEFDDC;}
#subsidemenu ul li a{padding: 8px;display: block;}
#subnavi nav{
    margin: 0 0 15px 0;padding: 0;
    width: 215px;
    float: none;position: relative;
    border: 1px solid #F54B8C;
    border-bottom-style: none;
}
#subnavi nav ul{padding: 0px;margin: 0px;list-style: none;font-size: 14px;}
#subnavi nav ul li a{
    color: #fff;background-color: #F54B8C;display: block;text-decoration: none;font-weight: bold;
    padding: 12px 0 12px 20px;background-image: url(../images/btn_ico_a.png);
    background-repeat: no-repeat;background-position: 10px center;background-size: 6px auto;
}
#subnavi nav ul li a:hover{background-color: #CA2967;}
#subnavi nav ul li ul li a{color: #000;background-color: #F4F1E7;border-bottom: 1px solid #F54B8C;background-image: url(../images/btn_ico_c.png);font-weight: normal;}
#subnavi nav ul li ul li a:hover,#subnavi nav ul li ul li.active a{background-color: #E6E1D0;}
#subnavi nav ul li ul li ul li a,#subnavi nav ul li ul li.active ul li a{background-image: url(../images/pt_a.png);background-position: 20px center;padding: 7px 0 7px 30px;background-color: #fff;}
#subnavi nav ul li ul li ul li a:hover,#subnavi nav ul li ul li ul li.active a{background-color: #ededed;}
/*****フッター********/
footer{border-top: 2px solid #ECECEC;padding: 15px 0; width: 100%;}
#footlogo{width: 290px;float: left;}
#footlogo img{width: 100%;height: auto;}
#footsitemap{width: 770px;float: right}
#footsitemap .fsmbox{width: 33.333%;float: left;}
.fsmbox h1{font-size: 14px;margin: 0;padding: 0;}
.fsmbox ul{margin: 0;padding: 5px 0 20px 0;list-style: none;font-size: 12px;}
.fsmbox ul li{padding: 2px 0;}
#pagebottom{clear: both;background-color: #ededed;text-align: center;padding-bottom: 20px;overflow: hidden;width: 100%;}
#bottomlogo{padding: 20px;}
#pagebottom ul{width: 1180px; margin: 0 auto;padding: 0;list-style: none;}
#pagebottom li{float: left;width: 20%;padding-bottom: 10px;}
#pagebottom li:nth-child(5n+1) {
    clear:both;
}
#pagebottom li img{width: 95%;height: auto;}
#copyright{font-family:"Helvetica",sans-serif;font-size: 10px;padding: 10px;overflow: hidden; text-align:center;}

.policybtm {
    clear:both; text-align:center; border-top:1px solid #ccc;
}
.policybtm li {
    list-style-type:none;
    display:inline-block;
    padding:0 10px;
    font-size:12px;
    border-left:#000 1px solid;
}
.policybtm li:first-child {
    border-left:none;
}
.policybtm li a {
    text-decoration:none;
    color:#000;
}
.policybtm li a:hover {
    text-decoration:underline;
}
/**************デバイススイッチ****************/
#dev_swich{background-color: #fbfbfb;padding: 20px;}
#dev_swich ul{list-style: none;margin: 0;padding: 0;}
#dev_swich ul li{float: left;font-size: 26px;font-weight: bold;width: 42.5%;text-align: center;}
#dev_swich ul li.titli{width: 15%;padding: 13px 0;}
#dev_swich ul li button{
    color: #000;display: block;padding: 12px 0;border: 1px solid #ccc;text-decoration: none;width: 100%;font-weight: bold;
}
#dev_swich ul li.act button{
    background-image: -moz-linear-gradient(top, #c8c8c8, #ededed);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#c8c8c8), to(#ededed));
    background-image: -webkit-linear-gradient(top, #c8c8c8, #ededed);
    background-image: linear-gradient(top, #c8c8c8, #ededed);
}
#dev_swich ul li.pcbtn button{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:0px;
    background-image: -moz-linear-gradient(top, #c8c8c8, #ededed);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#c8c8c8), to(#ededed));
    background-image: -webkit-linear-gradient(top, #c8c8c8, #ededed);
    background-image: linear-gradient(top, #c8c8c8, #ededed);
}
#dev_swich ul li.spbtn button{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-bottomleft:0px;
    background-image: -moz-linear-gradient(top, #ffffff, #ededed);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ededed));
    background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
    background-image: linear-gradient(top, #ffffff, #ededed);
}
/*****パーツstyle********/
.imgsp{padding: 20px!important;}
.r_img{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
.r_imgwaku{width: 99.7%;}
.rrr{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.rrrrr{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.dps{
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
.newico{
    font-family:"Helvetica",sans-serif;
    color: #fff;
    background-color: #F54B8C;
    font-size: 9px;
    vertical-align:middle;
    line-height: 100%;
    padding: 3px 4px 1px 4px;
    margin: 0 0 0 3px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.ico_a,.ico_b,.ico_c,.ico_d{
    color: #fff;
    font-size: 9px;
    vertical-align:middle;
    line-height: 100%;
    padding: 2px 4px;
    margin: 0 0 0 3px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.ico_a{background-color: #6DB72F;}
.ico_b{background-color: #37B3CC;}
.ico_c{background-color: #F08619;}
.ico_d{background-color: #E2363E;}
/*****テキストリンクstyle*****/
ul#subnavi li a,#txtcam a,.fsmbox ul li a,#subsidemenu ul li a{color: #000;text-decoration: none;}
ul#subnavi li a:hover,#txtcam a:hover,.fsmbox ul li a:hover,#subsidemenu ul li a:hover{text-decoration: underline;}
.newsliststyle dl dd a{color: #5F4C3F;text-decoration:none;}
.newsliststyle dl dd a:hover{text-decoration: underline;}
.listbottomlink a,.fsmbox ul li amj7,.pan a{color: #F54B8C;text-decoration: none;}
.listbottomlink a:hover,.fsmbox ul li a:hover,.pan a:hover{text-decoration: underline;}
.shopbottomlink a,ul#newshop li a{color: #F08619;text-decoration: none;}
.shopbottomlink a:hover,ul#newshop li a:hover{text-decoration: underline;}
#newshop li img{margin-right: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}
#submain a{color: #000;text-decoration: underline;}
#submain a:hover{color: #F54B8C;text-decoration: none;}
/*****SUBベース*****/
.pan{background-color: #F4F1E7;padding: 8px;margin: 20px 0;font-size:    12px;line-height: 100%;}
#submain #pagetit h1{background-color: #F54B8C;font-size: 22px;color: #fff;padding: 10px 0 10px 15px;margin: 0 0 20px 0;}
#submain section h1{font-size: 24px;color: #F54B8C;padding: 0;margin: 20px 0 10px 0;}
#submain section h1 img{vertical-align:middle;padding-right: 5px;}
#submain h2{font-size: 20px;color: #000;border-bottom:solid 2px #F54B8C;margin: 0 0 15px 0;padding: 0; }
#submain h2.bluetit{color: #004EA1;border-bottom:solid 2px #004EA1;}
#submain h2.purpletit{color: #941E58;border-bottom:solid 2px #941E58;}
#submain h2.redtit{color: #EA464D;border-bottom:solid 2px #EA464D;}
#submain h2.greentit{color: #6EB92B;border-bottom:solid 2px #6EB92B;}
#submain h2.orangetit{color: #F18101;border-bottom:solid 2px #F18101;}
#submain h2.lbluetit{color: #3ABCDC;border-bottom:solid 2px #3ABCDC;}
#submain h2.yellowtit{color: #FCCF00;border-bottom:solid 2px #FCCF00;}
#submain h2.bluegreentit{color: #00BC9D;border-bottom:solid 2px #00BC9D; clear:both;}
#submain h2.donationtit{color: #97CC38;border-bottom:solid 2px #97CC38; clear:both;}
#submain h3{font-size: 18px;color: #000;margin: 0 0 5px 0;padding: 0; }
#submain h4{font-size: 16px;color: #000;margin: 0 0 5px 0;padding: 0; }
#submain p{font-size: 14px;line-height: 160%;margin: 0;padding: 0 0 15px 0;}
#submain p.catch_s{font-weight: bold;font-size: 16px;margin: 0;padding: 0;}
#submain p.catch_m{font-weight: bold;font-size: 22px;line-height: 140%;margin: 0;}
#submain p.catch_l{font-weight: bold;font-size: 34px;line-height: 120%;margin: 0;}
#submain ul,#submain ol{margin: 0 0 15px 0;padding: 0 0 0 25px;}
#submain ul li,#submain ol li{font-size: 14px;line-height: 150%;margin: 0;padding: 4px 0;}
.waku_magenta{border: solid 2px #F54B8C;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff;}
.waku_magenta2{border: solid 2px #F54B8C;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff; width:660px; margin:0 auto;}
.waku_blue{border: solid 2px #004EA1;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff;}
.waku_lblue{border: solid 2px #3ABCDC;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff;}
.waku_green{border: solid 2px #6EB92B;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff;}
.waku_orange{border: solid 2px #F18101;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff;}
.waku_yellow{border: solid 2px #FCCF00;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff;}
.waku_purple{border: solid 2px #941E58;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff;}
.waku_bluegreen{border: solid 2px #00BC9D;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;background-color: #fff;}
#submain .waku_blue h2{color: #000;border-bottom:solid 2px #004EA0;}
#submain .waku_lblue h2{color: #000;border-bottom:solid 2px #3ABCDC;}
#submain .waku_green h2{color: #000;border-bottom:solid 2px #6EB92B;}
#submain .waku_orange h2{color: #000;border-bottom:solid 2px #F18101;}
#submain .waku_yellow h2{color: #000;border-bottom:solid 2px #FCCF00;}
#submain .waku_purple h2{color: #000;border-bottom:solid 2px #941E58;}
#submain .waku_bluegreen h2{color: #000;border-bottom:solid 2px #00BC9D;}
.waku_a{background-color: #F4F1E7;padding: 20px 20px 5px 20px;margin-bottom: 20px;clear: both;}
.waku_point{color: #fff;padding:20px 20px 5px 20px;margin-bottom: 15px; clear: both;position: relative;}

#submain .campaign_txt {
    background:#FFFFE1;
    padding:15px;
    margin:0 0 20px;
    border:1px solid #F54B8C;
}
#submain .campaign_txt p {
    color:#F54B8C;
    font-size:18px;
    font-weight:bold;
    padding:0 0 10px;
}
#submain .campaign_txt .limit_txt {
    padding:0;
    color:#666;
    font-size:14px;
    font-weight:normal;
}
#submain .campaign_txt span {
    background:#F54B8C;
    color:#FFF;
    font-size:12px;
    padding:3px 5px;
    margin-left:10px;
    border-radius:3px;
}

.back_yellow{background-color:#E9ED54;}
.back_blue{background-color:#004EA1;}
.back_lblue{background-color:#3ABCDC;}
.back_red{background-color:#EA464D;}
.back_green{background-color:#6EB92B;}
.back_orange{background-color:#F18101;}
.sp_box{padding-bottom: 20px;}
.sp_bottom{margin-bottom: 15px!important;}
#submain table{
    font-size: 14px;margin-bottom: 20px;width: 100%;
    border-top:1px solid #ccc;border-right:1px solid #ccc;
    background-color: #fff;
}
#submain table th{
    border-bottom:1px solid #ccc;border-left:1px solid #ccc;
    padding: 8px;margin: 0;
    background-color: #ededed;
    text-align: left;
}
#submain table th.bg_blue{background-color: #E9EEF8;}
#submain table th.bg_purple,#submain table th.bg_magenta{background-color: #F6F0F4;}
#submain table td{
    border-bottom:1px solid #ccc;border-left:1px solid #ccc;
    padding: 8px;margin: 0;
}
#submain table.design_magenta{border-top:1px solid #F54B8C;border-right:1px solid #F54B8C;}
#submain table.design_magenta th{
    border-bottom:1px solid #F54B8C;border-left:1px solid #F54B8C;
    padding: 10px;margin: 0;
    background-color: #F6F0F4;
}
#submain table.design_magenta td{
    border-bottom:1px solid #F54B8C;border-left:1px solid #F54B8C;
    padding: 10px;margin: 0;
}
#submain .bigbtn ,#submain .link_btn ,#submain .form_bigbtn{width: 64%;margin: 0 auto;padding: 20px 0;text-align: center;}
#submain .bigbtn a,#submain .bigbtn input ,#submain .form_bigbtn input{
    font-size: 28px;line-height: 100%;font-weight: bold;text-decoration: none;color: #fff;
    display: block;width: 100%;padding: 20px 0;
    background-color: #F54B8C;background-image: url(../images/btn_ico_a.png);
    background-repeat: no-repeat;background-position: 15px center;background-size: 9px auto;
    border-top: none;border-left: none;
    border-bottom: 2px solid #CA2967 !important;border-right: 2px solid #CA2967 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain .bigbtn a.gray_btn ,#submain .bigbtn input.gray_btn ,#submain .link_btn .btn_g ,#submain .btn_box .btn_g{
    background-color: #666;
    background-image: url("../images/btn_ico_a.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 9px auto;
    border-bottom: 2px solid #000 !important;
    border-right: 2px solid #000 !important;
    border-radius: 5px;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
}
#submain .link_btn .btn_g ,#submain .btn_box .btn_g{
    font-size: 175%;
    padding: 13.5px 0;
    text-align: center;
}
.ticket #submain .link_btn,.ticket #submain .form_bigbtn{
    width: 65%!important;
}
#submain .link_btn .btn_g a,#submain .btn_box .btn_g a{
    font-size: 28px;line-height: 100%;font-weight: bold;text-decoration: none;color: #fff;
}
#submain .btn_box{
    margin:10px 0 0;
}
@media screen and (max-width:750px){
    #submain .link_btn .btn_g ,#submain .btn_box .btn_g{
        font-size: 125%;
        line-height: 1.5rem;
        padding: 10px 0;
        text-align: center;
    }
    .ticket #submain .link_btn,.ticket #submain .form_bigbtn{
        width: 100%!important;
    }
    #submain .link_btn .btn_g a,#submain .btn_box .btn_g a{
        font-size: 100%;line-height: 1.5rem;font-weight: bold;text-decoration: none;color: #fff;
    }
    #submain .link_btn .btn_g a{
        padding: 0 0 0 20px;
    }
}
#submain .bigbtn a:hover,#submain .bigbtn input:hover ,#submain .form_bigbtn input:hover{background-color: #CA2967;}
#submain .bigbtn a:hover,#submain .bigbtn input.gray_btn:hover ,#submain .link_btn .btn_g:hover ,#submain .btn_box .btn_g:hover{background-color: #555;}

#submain .bigbtn.bluebtn a{background-color: #004EA1;border-bottom: 1px solid #003369 !important;border-right: 1px solid #003369 !important;}
#submain .bigbtn.purplebtn a{background-color: #941E58;border-bottom: 1px solid #601439 !important;border-right: 1px solid #601439 !important;}
#submain .bigbtn.pinkbtn.harfbtn {
    width: auto;
    text-align: center;
}
#submain .bigbtn.pinkbtn.harfbtn a{
    width: 350px;
    display: inline-block;
    font-size: 20px;
    margin:0 10px;
}
@media screen and (max-width:750px){
    #submain .bigbtn.pinkbtn.harfbtn {
        padding-top:0;
    }
    #submain .bigbtn.pinkbtn.harfbtn a{
        width: 90%;
        display: block;
        margin:10px auto;
        font-size: 18px;
    }
}
@media screen and (max-width:480px){
    #submain .bigbtn.pinkbtn.harfbtn a{
        font-size: 16px;
    }
}
#submain .bigbtn.pinkbtn a:hover{background-color: #CA2967;}
#submain .bigbtn.bluebtn a:hover{background-color: #003369;}
#submain .bigbtn.purplebtn a:hover{background-color: #601439;}
#submain .loginbtn{width: 70%;margin: 0 auto;padding: 20px 0;text-align: center;}
#submain .loginbtn img{vertical-align:middle; padding: 0 5px;}
#submain .loginbtn .txt_l {font-size:22px !important;}
#submain .loginbtn a,#submain .loginbtn input{
    font-size: 28px;line-height: 100%;font-weight: bold;text-decoration: none;color: #fff;
    display: block;width: 100%;padding: 23px 0 17px;
    background-color: #F65694;background-image: url(../images/loginbtn_bg.png);
    background-repeat: no-repeat;background-position: right bottom;
    border-top: none;border-left: none;
    border-bottom: 1px solid #CA2967;border-right: 1px solid #CA2967;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
/*#submain .loginbtn.twin {
    width:100%;
}
#submain .loginbtn.twin a {
    display:inline-block;
    width:auto;
    padding:0 40px;
    line-height:65px;
    font-size:24px;
    margin:0 10px;
}*/
#submain .loginbtn .login .txt_l {
    font-size:18px !important;
}
#submain .loginbtn .login img {
    width:30px;
    height:auto;
}
#submain .loginbtn .ticket_buy {
    background:#004EA1 url(../images/loginbtn_bg2.png) no-repeat bottom right;
    border-bottom: 1px solid #003369;
    border-right: 1px solid #003369;
    margin-top:25px;
}
#submain .loginbtn .ticket_buy:hover {
    background-color:#003369;
}
#submain .loginbtn a:hover,#submain .loginbtn input:hover{background-color: #CA2967;}
#submain .sbtn{width: 25%;margin: 0 auto;padding: 10px 0 25px 0;text-align: center;}
#submain .sbtn a{
    font-size: 16px;line-height: 100%; text-decoration: none;color: #000;
    display: block;width: 100%;padding: 10px 0;
    background-color: #ccc;background-image: url(../images/btn_ico_a.png);
    background-repeat: no-repeat;background-position: 15px center;background-size: 9px auto;
    border-bottom: 1px solid #999;border-right: 1px solid #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#submain .backicon a{background-image: url(../images/btn_ico_d.png);}
#submain .sbtn a:hover{background-color: #999;}
#submain .freebtn{width: auto;margin: 0;padding: 10px 0 10px 0;text-align: center;}
#submain .freebtn a{
    font-size: 16px;line-height: 100%; text-decoration: none;color: #000;
    display: block;width: 100%;padding: 10px 0;
    background-color: #ccc;background-image: url(../images/btn_ico_a.png);
    background-repeat: no-repeat;background-position: 15px center;background-size: 9px auto;
    border-bottom: 1px solid #999;border-right: 1px solid #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#submain .freebtn a:hover{background-color: #999;}
#submain .newsliststyle{padding: 0 0 30px 0;margin: 0;}
.entry{padding-bottom: 30px;}
.submain_pagetop{text-align: right;clear: both;font-size: 12px;padding-bottom: 20px; margin-right: 10px;}
.submain_pagetop a{cursor:pointer;}
#submain .bottomline{border-bottom:1px solid #ccc;margin-bottom: 15px;}
.oldpagelayout{width: 700px;margin: 0 auto;}
/* 詳細はこちらボタン */
#submain .go_dt_btn{width: 110px;padding-top: 5px;}
#submain .go_dt_btn a{
    color: #fff;font-size: 12px;text-decoration: none;line-height: 100%;
    padding: 9px 0 9px 20px;display: block;
    background-color: #F54B8C;background-image: url(../images/btn_ico_a.png);
    background-repeat: no-repeat;background-position: 10px center;background-size: 6px auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#submain .go_dt_btn a:hover{background-color: #CA2967;}
#submain .go_dt_btn.greebtn a{background-color: #5FAFB4;}
#submain .go_dt_btn.greebtn a:hover{background-color: #138F93;}
#submain .go_dt_btn.whitebtn a{background-image: url(../images/btn_ico_c.png);background-color: #fff;color: #000;}
#submain .go_dt_btn.whitebtn a:hover{background-color: #ccc;color: #000;}
.btn_width_l{width: 170px!important;}
/* Webで申し込み・電話で申し込みボタン */
#webbtn,#telbtn{width: 100%;margin: 0 auto;padding: 20px 0;}
#submain #webbtn a{background-image: url(../images/ico_web.png);}
#submain #telbtn a{background-image: url(../images/ico_tel.png);}
#submain #webbtn a,#submain #telbtn a{
    font-size: 26px;line-height: 100%; text-decoration: none;color: #fff;text-align: center;font-weight: bold;
    display: block;width: 100%;padding: 20px 0;
    background-color: #F54B8C;
    background-repeat: no-repeat;background-position: 15px center;background-size: 30px auto;
    border-bottom: 1px solid #CA2967;border-right: 1px solid #CA2967;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain #telbtn a{
    background-color: #004EA1;
    border-bottom: 1px solid #002855;
    border-right: 1px solid #002855;
}
#submain #webbtn a:hover,#submain #telbtn a:hover{background-color: #CA2967;}
#submain #telbtn a:hover {
    background-color: #002855;
}
#submain .arrowtext:before {
    content: "\f101";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 0.3em 0 0;
}
.layout_herf{width: 46%;padding: 0 2%;}
/* ページネーション　タイプ：[1/5][1][2][3][4][5][>] */
.wp-pagenavi{margin: 0;padding: 20px 0 50px 0;font-size: 16px;font-weight: bold;text-align: center;line-height: 100%;}
.wp-pagenavi .pages{
    margin-right: 4px;padding: 10px 10px;
    background: #ccc;color: #F54B8C;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#submain .wp-pagenavi a,
#submain .wp-pagenavi span{
    padding:10px 10px;margin-right: 4px;color: #F54B8C;background: #fff;text-decoration: none;
    border: 1px solid #F54B8C;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#submain .wp-pagenavi a:hover{background: #ccc;border: 1px solid #F54B8C;}
#submain .wp-pagenavi span.current{background: #F54B8C;color: #fff;border: 1px solid #F54B8C!important;}
/* 前へ　次へ　一覧へ */
#submain #detailbottomnavi{border-top: 2px solid #ccc;padding: 15px 0 30px 0;position: relative;}
#submain #backbtnarea{float: left;width: 120px;text-align: center;}
#submain #backbtnarea img{padding-right: 5px;}
#submain #golistbtn{width: 120px;text-align: center;position: absolute;top:15px;left:50%;margin-left: -60px;}
#submain #nextbtnarea{float: right;width: 120px;text-align: center;}
#submain #nextbtnarea img{padding-left: 5px;}
#submain #detailbottomnavi a{
    display: block;padding: 15px 0;line-height: 100%;font-size: 14px;text-decoration: none;background-color: #F54B8C;color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#detailbottomnavi a:hover{background-color: #CA2967;color: #fff;}
/**********************************************TOP*********************************************/
/*****メインイメージheight: 470px*****/
#maimimgarea{
    background-image: url(../images/top/mainimg_bg01.jpg);background-repeat: no-repeat;background-position: center top;
    clear: both;
    height: 0px;
    position: relative;
    overflow:hidden;
}
#container{
    position:absolute;top:0;left:0;overflow:hidden;
    width:100%;
    height:470px;
    width:3580px;
}

.mainbg,.leftbg,.rightbg,.topbg{
    background-repeat: no-repeat;background-position: 0px 0px;
    height:470px;float: left;
    width:1170px;
    position: relative;
}
.mainbg{background-image: url(../images/top/main_bg.png);}
.leftbg{background-image: url(../images/top/left_bg.png);}
.rightbg{background-image: url(../images/top/right_bg.png);}
.topbg{background-image: url(../images/top/sora_bg.jpg);}


#mainstage{
    position:absolute;
    top:227px;
    left:430px;
    width: 315px;
}
ul.bxslider,ul.bxslider li{margin: 0;padding: 0;list-style-type: none;}
#main_b_bana{background-color: #F54B8C;height: 90px;padding-top: 13px;width: 100%;position: relative;}
#slidlogo{padding: 15px 25px;}
#main_b_bana_in{width: 800px;height: 76px; float: left;position: absolute;margin: 0 0 0 -400px;padding: 6px 0 0 0; top:7px;left:50%;
    background-image: url(../images/top/slid_bg.png);background-repeat: no-repeat;background-position: center center;}
#sl_nextbtn{position: absolute;top:25px;right:0px;z-index: 50;}
#sl_prevbtn{position: absolute;top:25px;left: 0px;z-index: 50;}
#main_b_bana ul{margin: 0;padding: 0;list-style-type: none;width: 770px; float: left;height: 71px;}
#main_b_bana ul li{margin: 0px;padding: 0;list-style-type: none;}
ul#bxslider_c li{
    border: 3px solid #E280A3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#main_b_bana ul li img{
    height: 65px;width:230px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

#main-img {
    padding-bottom: 26px;
    overflow: hidden;
    text-align: center;
}
#main-img .main-img__inner {
    border-top:2px solid #545454;
    border-bottom:2px solid #545454;
}
#main-img .main-img__inner img {
    width: 100%;
    height: auto;
    max-width: 1170px;
}
#main-img .slide-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
#main-img .slide-list__item img {
    width: 100%;
    height: auto;
}
#main-img .bx-wrapper {
    margin-bottom: 0;
    width: 1170px !important;
}
#main-img .bx-wrapper .bx-viewport {
    overflow: visible !important;
    margin: 0 auto;
}
#main-img .bx-wrapper .bx-viewport:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.85);
    z-index: 999;
}
#main-img .bx-wrapper .bx-viewport:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.85);
    z-index: 999;
}
#main-img .bx-wrapper .bx-controls-direction a {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    transition: .3s;
    opacity: 0;
}
#main-img .bx-wrapper .bx-controls-direction .bx-prev {
    background-size: 50px auto;
    left: 0;
}
#main-img .bx-wrapper .bx-controls-direction .bx-next {
    background-size: 50px auto;
    right: 0;
}
#main-img .bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}
#main-img .bx-wrapper:hover .bx-controls-direction .bx-prev {
    left: -10px;
}
#main-img .bx-wrapper:hover .bx-controls-direction .bx-next {
    right: -10px;
}
#main-img .bx-wrapper:hover .bx-controls-direction .bx-prev:hover {
    left: -15px;
}
#main-img .bx-wrapper:hover .bx-controls-direction .bx-next:hover {
    right: -15px;
}
#main-img .bx-wrapper .bx-pager {
    bottom: auto;
    top: 100%;
    padding-top: 14px;
}
/*#golistbtn{width: 158px;padding: 0;margin: 0;position: absolute;top:16px; left:990px;}
#golistbtn img{
    width:auto;height: 65px;
}*/
#main .entry-flow {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px;
}
#main .entry-flow__list {
    float: left;
    margin-left:12px;
}
#main .entry-flow__list:first-child {
    margin-left:0;
}
#mainimgbottom{
    width: 100%;
    padding-bottom: 20px;
}
#bana_a {padding-top: 66px;padding-left: 35px;float: left;}
#bana_a ul {list-style-type: none;margin: 17px 0 12px;overflow: hidden;padding: 0 18px;}
#bana_a ul li {margin: 0px;float: left;padding: 12px 8px;}
#bana_a ul img {height: auto;width: 230px;}

#tlcmall_logo{
    float: left;padding-top: 63px;padding-left: 25px;
}
#tlcmall_logo img{height: auto;width: 120px;}
#leftnav{
    position:absolute;
    bottom:50px;
    right:10px;
    width: 201px;
    height: 201px;
    padding: 30px 0 0 0;
    background-image: url(../images/top/go_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#rightnav{
    position:absolute;
    bottom:50px;
    left:10px;
    width: 201px;
    height: 201px;
    padding: 30px 0 0 0;
    background-image: url(../images/top/go_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#leftnav p,#rightnav p{margin: 0;padding: 0;text-align: center;}
#leftbanaarea{
    width: 740px;
    position:absolute;top:150px;left:210px;
}
#rightbanaarea{
    width: 894px;
    position:absolute;top:150px;left:220px;
}
ul.camp_bana{
    margin: 0;padding: 0;list-style-type: none;
    background-image: url(../images/top/tameru_bana_bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;}
ul.camp_bana li{
    float: left;
    width: 140px;
    margin: 0 8px 8px 0;padding: 0px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
ul.camp_bana li img{
    width: 140px;height: 130px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
}
#txtcam{
    position:absolute;
    top:72px;
    left:520px;
    font-size: 12px;
    width: 220px;
}
#go_sora{position:absolute;top:120px;left:710px;}
#camlist ul li img{width: 315px; height: 176px;}
#camlist ul{margin: 0 auto;padding: 10px 0;list-style: none;width: 1005px;}
#camlist ul li{float: left;padding: 10px;}
#backmain{
    position:absolute;bottom:0px;left:50%;
    margin: 0 0 0 -97px;
}
/**IE8の時**/
#div1_ie8,#div2_ie8,#div3_ie8,#div4_ie8{position: absolute;top: 0;left: 0;}
/*****TOP*******/
/****コンテンツ****/
.indexcontents_topsp{
    padding-top: 20px;
}
.indexcontents_box{
    background-color: #fff;padding: 15px 15px 10px 15px;margin-bottom: 20px;
}




.indexcontents_box h1{
    font-size: 18px;color: #fff;font-weight:normal;
    background-color: #F54B8C;
    padding: 4px 0 4px 8px;margin: 0px;
}
.indexcontents_box .banaarea p{float: left; padding: 10px 0 10px    28px; margin: 0;}
.indexcontents_box .banaarea p:first-child{
    padding-left:0;
}
.indexcontents_box .banaarea{overflow: hidden;}

.indexcontents_box .eventbnr_area {
    margin:0;
    padding:0 0 5px;
    list-style-type:none;
}
.indexcontents_box .eventbnr_area li {
    margin:15px 0 0;
}
.indexcontents_box .eventbnr_area li:first-child {
    margin-top:0;
}
.indexcontents_box .eventbnr_area li img {
    border-radius:5px;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
}

@media screen and (max-width:750px){
.indexcontents_box .eventbnr_area {
    padding:20px 2.5% 0;
}
.indexcontents_box .eventbnr_area li {
    margin:10px 0 0;
}
.indexcontents_box .eventbnr_area li img {
    border-radius:2px;
    width:100%;
    height:auto;
}
}

.banain{
    padding:10px 0 0 0;
}
.newsliststyle{padding: 20px 0 0;margin: 0; overflow: hidden;}
.newsliststyle dl{
    padding: 0;margin: 0;
    border-bottom: 1px solid #ECECEC;
}
.newsliststyle dl dt{
    color: #333;font-size: 12px;
    width: 112px;
    float: left;padding: 9px 0 8px 0;margin: 0;clear: right;
}
.newsliststyle dl dd{
    font-size: 15px;line-height: 140%;
    width: 720px;
    float: right;padding: 8px 0;margin: 0;
}
.listbottomlink{
    text-align: right;font-size: 12px;padding-right: 16px;
    background-image: url(../images/ico_list.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-size:12px auto;
}
#shoparea{
    background-color: #F4DE25;padding: 20px;position: relative;margin-bottom: 20px;
}
#shoparea .layout_a{
    width: 650px;float: left;background-color: #fff;
}
#shoparea .layout_b{
    width: 200px;padding: 10px;float: right;background-color: #fff;
}
#shoparea h1{
    position: absolute;padding: 0;margin: 0;top: 17px;left:40px;
}
#slidarea{padding: 70px 20px 10px 20px;}
#slidarea li img{
    width: 186px;height: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
ul.bxslider_b,ul.bxslider_b li{
    margin: 0;padding: 0;list-style-type: none;
}
.shopbottomlink{
    text-align: right;
    font-size: 12px;
    padding-right: 16px;
    margin: 0 20px 10px 0;
    background-image: url(../images/pt_b.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size:12px auto;
}
#shoparea .layout_b h2{
    color: #F08619;font-size: 16px;margin: 0;padding: 0 0 5px 0;clear: both;
}
.shopnumarea{
    color: #5F4C3F;width: 50%;float: left;padding-bottom: 8px;
}
.shopnumarea h3{
    font-size: 14px;font-weight: normal;margin: 0;padding: 0;
}
.shopnum{
    font-size: 18px;
    font-family:"Helvetica",sans-serif;
    font-weight: bold;
    letter-spacing: 4px;
    text-align: right;
    line-height: 18px;
    background-color: #F3DD24;
    background-size: 53px auto;
    width: 63px;
    padding: 3px 2px 0 0;
    float: left;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.ten{float: left;font-size: 11px;font-weight: bold;padding: 4px 0 0 2px;}
ul#newshop{
    margin: 0;padding: 0 0 10px 0;list-style-type: none;
    border-top: 1px solid #ECECEC;
}
ul#newshop li{
    font-size: 12px;line-height: 140%;padding: 5px 0;margin: 0px;
    border-bottom: 1px solid #ECECEC;
}
#shopbottomarea{clear: both;text-align: center;padding: 15px 0 0 0;}
#shopbana_a{float: left;}
#shopbana_b{float: right;}

/**********************************************SUBページ*********************************************/
/*****提携店*****/
#chde{display: none;padding: 35px;}
#chdebtn{border-bottom: 2px solid #fff;}
#chdebtn a{
    color:#004EA1; font-size: 16px; font-weight: bold;text-decoration: none;
    display: block;padding: 12px 0 12px 30px;margin: 0;
    background-color: #F4F1E7;background-image: url(../images/btn_ico_b.png);
    background-repeat: no-repeat;background-position: 15px center;background-size: 10px auto;
}
#chdebtn a:hover{background-color: #E6E1D0;color:#004EA1;text-decoration: none;}
.waku_wbox{background-color: #fff;padding: 28px 30px 20px 30px;}
.waku_wbox h3 {
    background-color: #004ea1;
    color: #fff !important;
    font-size: 125% !important;
    margin-bottom: 15px !important;
    padding: 10px 15px !important;
    text-align: left;
}
/*****TLCチケットに交換する*****/

a.ticket-exchange-buybtn {
    background-color: #0054B0 !important;
    background-image: url("../images/loginbtn_bg2.png") !important;
    background-position: right bottom;
    background-repeat: no-repeat;
    border-color: #003F84 !important;
    border-radius: 5px;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    display: block;
    font-size: 28px;
    font-weight: bold;
    line-height: 100%;
    padding: 23px 0 17px;
    text-decoration: none;
    width: 100%;
}
a.ticket-exchange-buybtn:hover {
    background-color: #003D80 !important;
}

.ticket-exchange-btn{
    text-align:center;
}
.ticket-exchange-btn p {
    font-size: 130% !important;
    font-weight: bold;
    padding: 0 0 10px;
    position: relative;
    display:inline-block;
}
.ticket-exchange-btn p::before {
    background: rgba(0, 0, 0, 0) url("../images/ticbuy/alse_left.gif") repeat scroll 0 0;
    content: "";
    height: 26px;
    margin-left: -28px;
    position: absolute;
    width: 21px;
    top: 10%;
}
.ticket-exchange-btn p::after {
    background: rgba(0, 0, 0, 0) url("../images/ticbuy/alse_right.gif") repeat scroll 0 0;
    content: "";
    height: 26px;
    margin-left: 5px;
    position: absolute;
    width: 21px;
    top: 10%;
}
@media screen and (max-width:750px){
    .waku_wbox h3 {
        font-size: 100% !important;
        padding: 5px 10px !important;
    }
    .ticket-exchange-btn p {
    font-size: 100% !important;
        font-weight: bold;
        padding: 0 0 10px;
        position: relative;
    }
}

#shoptab{}
#submain #shoptab ul.horizontal{margin: 0;padding: 0; list-style: none;}
#submain #shoptab ul.horizontal li{float: left;padding: 0;margin-right:5px;line-height: 100%;width: 29%;}
#submain #shoptab ul.horizontal li a{
    color: #004EA1;font-weight: bold;text-align: center;text-decoration: none;
    display: block;padding: 20px 0;background-color: #DDDACF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
#submain #shoptab ul.horizontal li a img{padding-right: 4px;}
#submain #shoptab ul.horizontal li a:hover{text-decoration:underline;}
#submain #shoptab ul.horizontal li.active a {background-color: #F4F1E7 !important;}
.tabarea{background-color: #F4F1E7;padding: 35px;}
#map_shizuoka{
    background-image: url(../images/shop/map_shizuoka.png);background-repeat: no-repeat;
    width: 100%;height: 502px;position: relative;
}
#btnseibu{position: absolute;top:171px;left: 101px;}
#btnchubu{position: absolute;top:19px;left: 290px;}
#btntobu{position: absolute;top:85px;left: 450px;}
#btnizu{position: absolute;top:247px;left: 533px;}
#map_kanto{
    background-image: url(../images/shop/map_kanto.png);background-repeat: no-repeat;
    width: 100%;height: 502px;position: relative;
}
#btntokyo{position: absolute;top:279px;left: 267px;z-index: 3;}
#btnkana{position: absolute;top:340px;left: 226px;z-index: 1;}
#btnchiba{position: absolute;top:275px;left: 399px;z-index: 1;}
#btnibara{position: absolute;top:102px;left: 385px;z-index: 1;}
#btntochi{position: absolute;top:42px;left: 342px;z-index: 2;}
#btngunma{position: absolute;top:42px;left: 195px;z-index: 2;}
#btnsaita{position: absolute;top:197px;left: 226px;z-index: 2;}
#btnfuku{position: absolute;top:1px;left: 307px;z-index: 1;}
#btnother{position: absolute;top:180px;left: 50px;z-index: 1;}
#janarea{background-color: #fff;padding: 30px;}
.janbox{float: left;margin-left:25px;width: 220px;padding: 0;}
.janbox:first-child {margin-left:0;}
#submain #janarea h3{font-size: 14px;}
#submain #janarea h3 a{
    color: #fff;text-decoration: none;line-height: 100%;
    padding: 9px 0 9px 20px;display: block;
    background-color: #004EA1;background-image: url(../images/btn_ico_a.png);
    background-repeat: no-repeat;background-position: 10px center;background-size: 6px auto;
}
#submain #janarea h3 a:hover{background-color: #003369;}
#submain #janarea ul{list-style: none;margin: 0;padding: 0;}
#submain #janarea li{
    padding:3px 0 3px 10px; margin: 0;
    background-image: url(../images/btn_ico_c_b.png);
    background-repeat: no-repeat;background-position: 2px center;background-size: 6px auto;
}

#map_east{
    background-image: url(../images/shop/map_east.png);background-repeat: no-repeat;
    width: 100%;height: 502px;position: relative;
}
#map_east #btntokyo_east{bottom: 14px; left: 452px; position: absolute; z-index: 3;}
#map_east #btnkana_east{ bottom: 14px; left: 372px; position: absolute; z-index: 1;}
#map_east #btnchiba_east{bottom: 14px; left: 532px; position: absolute; z-index: 1;}
#map_east #btnibara_east{bottom: 73px; left: 532px; position: absolute; z-index: 1;}
#map_east #btnsaita_east{bottom: 73px; left: 452px; position: absolute; z-index: 2;}

#map_east #btnnigata_east{left: 371px; position: absolute; top: 256px; z-index: 2;}
#map_east #btnnagano_east{left: 293px; position: absolute; top: 316px; z-index: 2;}
#map_east #btnshizuoka_east{bottom: 14px; left: 293px; position: absolute; z-index: 2;}
#map_east #btnyamanasi_east{bottom: 73px; left: 372px; position: absolute; z-index: 2;}
#map_east #btnaichi_east{bottom: 73px; left: 213px; position: absolute; z-index: 2;}
#map_east a:hover{
    opacity:1;
}

/*****提携店list*****/
#listlayout{border-top:1px dotted #F54B8C;padding: 20px 0;}
#listlayout .listbox{border-bottom:1px dotted #F54B8C;padding-bottom:20px;margin-bottom:20px;}
#listlayout .listimg{width: 200px;float: left;}
#listlayout .listtxtarea{width: 625px;float: right;}
#submain #listlayout .cat{padding-bottom: 0;}
#submain #listlayout .copy,#submain #shoptit .copy{font-size: 12px;color:#000;padding-bottom: 0;}
#submain #listlayout h3{border-style: none;padding: 0;margin: 0;}
#submain #listlayout h3 a{color:#F54B8C;text-decoration: none;}
#submain #listlayout h3 a:hover{color:#CA2967;text-decoration: underline;}
#submain #listlayout .listcomment{padding-bottom: 0;font-size: 14px;}
#submain #listlayout .listcomment p{padding: 0;margin: 0;}
/*****提携店イベントlist*****/
#listlayout.eventlist .listimg{width: 150px;}
#listlayout.eventlist .listimg img{width: 150px;height: auto;}
#listlayout.eventlist .listtxtarea{width: 675px;}
#submain #listlayout.eventlist .listtxtarea h3 a{color:#5FAFB4;}
#submain #listlayout.eventlist .listtxtarea h3 a:hover{color:#138F93;}
#submain #listlayout.eventlist .listtxtarea .go_dt_btn a{background-color:#5FAFB4 ;}
#submain #listlayout.eventlist .listtxtarea .go_dt_btn a:hover{background-color:#138F93;}
/*****キャンペーンlist*****/
#listlayout.campaignlist .listimg{width: 235px;}
#listlayout.campaignlist .listimg img{width: 235px;height: auto;}
#listlayout.campaignlist .listtxtarea{width: 590px;}
/* 提携店list */
#shopeventlist{clear: both;}
#submain #shopeventlist h2{
    font-size: 16px;color: #fff; border-bottom-style: none;
    background-color: #5FAFB4;padding: 10px;
}
#shopeventlist #listlayout{border-top-style:none;padding:0;}
#shopeventlist #listlayout .listbox{border-bottom:1px dotted #5FAFB4;padding-bottom:10px;margin-bottom:10px;}
#shopeventlist #listlayout .listimg{width: 120px;}
#shopeventlist #listlayout .listimg img{width: 100%;height: auto;}
#shopeventlist #listlayout .listtxtarea{width: 705px;}
#submain #shopeventlist #listlayout h3 a{color:#5FAFB4;}
#submain #shopeventlist #listlayout h3 a:hover{color:#138F93;}
#sarchtable th{width: 150px;}
#areabox,#genrebox{background-color: #F4F1E7;padding: 15px;margin-top: 10px;display: none;}
#submain #areabox h2,#submain #genrebox h2{font-size: 14px;color: #000;border-bottom-style: none;margin: 0;padding: 3px 0;}
#sarchtable input{margin-right: 4px;}
#submain #areabox ul,#submain #genrebox ul{list-style: none;padding:5px 0 10px 0;margin: 0 0 10px 0;border-bottom:1px dotted #999;}
#submain #areabox ul li{width: 25%;float: left;font-size: 12px;}
#submain #genrebox ul li{width: 33.3333%;float: left;font-size: 12px;}
#searchbtn{width: 30%;text-align: center;padding-bottom: 20px;margin: 0 auto;}
#searchbtn input{
    font-size: 18px;line-height: 100%; text-decoration: none;color: #fff;
    display: block;width: 100%;padding: 16px 0;
    background-color: #F54B8C;background-image: url(../images/shop/ico_search3.png);
    background-repeat: no-repeat;background-position: 15px center;background-size: 18px auto;
    border-bottom: 1px solid #CA2967;border-right: 1px solid #CA2967;border-top-style: none;border-left-style: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#searchbtn input:hover{background-color: #CA2967;}
/* 提携店detail */
#shoptit{padding: 15px 0;float: left;}
#submain #shoptit .cat{padding: 0;text-decoration: none;}
#submain #shoptit .copy{padding: 0;}
#submain #shoptit h2{font-size: 26px;border-bottom-style: none;color:#F54B8C;}
#shoplogoarea{float: right;padding-top: 15px;}
#shoplogoarea img{height: auto;width: auto;max-width: 300px;}
#shopdataarea{clear: both;padding-top: 20px;}
#shopphotoarea{width: 405px;float: left;margin: 0 25px 25px 0;}
#shopphotoarea ul{list-style: none;padding: 3px 0;margin: 0;}
#shopphotoarea ul li{float: left;width: 25%;}
#shopphotoarea ul li img{width: 95%;height: auto;}
#shopdata table {
width:410px !important;
table-layout: auto !important;
}
/*****初めての方*****/
.imglist{float: left;padding-bottom: 15px;}
.imglist p{float: left;padding: 0 11px!important;}



.steptit{font-family:"Helvetica",sans-serif;text-align: center;line-height: 100%;width: 110px;padding: 20px 0;float: left;}
.steptit .steptxt{display: block;font-size: 14px;}
.steptit .stepnum{display: block;font-size: 38px;line-height: 100%;}
.stepmain{float: right;width: 660px;padding-bottom: 20px;}
.step_a{
    background-image: url(../images/about/flow_a.png);background-repeat: no-repeat;background-position: left bottom;
    margin-bottom: 10px;
}
.step_a .steptit,.step_c .steptit ,.step_tlcbuy .steptit{color: #fff;}
.step_b{
    background-image: url(../images/about/flow_b.png);background-repeat: no-repeat;background-position: left bottom;
    margin-bottom: 10px;
}
.step_b .steptit{color: #CA2967;}
.step_c{
    background-image: url(../images/about/flow_c.png);background-repeat: no-repeat;background-position: left bottom;
    margin-bottom: 10px;
}
.layout_sp{padding-bottom: 40px!important;}
/*****交換する・使う*****/
.eximg{float: left;width: 174px;padding-bottom: 10px;}
.extxt{float: right;width: 600px;padding-top: 16px;}
#submain .extxt p.catch_m,#submain .extxt p.catch_l{margin: 0;padding: 0 0 5px 0;line-height: 120%!important;}
.extxt .go_dt_btn{position: absolute;bottom: 15px;right: 15px;}
/*****TLCセレクションに交換する*****/
#selectionnav{padding-bottom: 30px;}
#submain #selectionnav ul{list-style: none;padding: 0;margin: 0;width: 850px;}
#submain #selectionnav ul li{width: 273px;float: left;margin: 0 10px 10px 0;padding: 0; text-align: center;}
#submain #selectionnav ul li a{
    text-decoration: none;color: #fff;display: block;padding: 20px 0 25px 0;
    background-color:#EA464D;background-image: url(../images/btn_ico_b_w.png);
    background-repeat: no-repeat;background-position: center 70px;background-size: 14px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain #selectionnav ul li a .navtit{font-size: 20px;font-weight: bold;}
#submain #selectionnav ul li a:hover{background-color: #d13e44;}
#submain #selectionnav ul li.prem{background-image: url(../images/exchange/selection/btn_bg.jpg);background-repeat: no-repeat;background-position: center center;}
#submain #selectionnav ul li.prem a{background-color:transparent;color: #d13e44;}
#submain #selectionnav ul li.prem a:hover{background-color:rgba(255,255,255,0.5)}
#submain .seretit{font-size:20px; background:#DCF0F5; border:none; border-left:10px solid #67B2E8; color:#000; line-height:60px; padding:0 15px; margin:0 0 20px;}
#submain .seretit-4th{
    background:#FEF181;
    border:2px solid #FFE203;
    line-height:56px;
    color:#CD1F0C;
    padding:0 20px 0 25px;
    margin:0 0 20px;
    font-size:0;
    position:relative;
}
#submain .seretit-4th:before {
    content:"";
    position:absolute;
    top:-2px;
    bottom:-2px;
    left:-2px;
    width:10px;
    background:#CD1F0C;
}
#submain .seretit-4th img {
    vertical-align:middle;
}
#submain .seretit-4th__ttl {
    display:inline-block;
}
#submain .seretit-4th__limit {
    display:inline-block;
    float:right;
}

#submain .seretit.selespecial{background:#F1CC76;}
#submain .serectionlistbox{width: 870px;}
#submain .serectionlistbox .submain_pagetop{margin-right:40px;}
#submain .serebox{width: 165px;float: left;margin: 0 20px 20px 0; padding: 34px 14px 69px;border: 1px solid #ddd;position: relative;}
#submain .serebox.selespecial{border: 1px solid #F1CC76;}
#submain .serebox .sereimg{margin:0 0 20px; padding:0 0 15px; border-bottom:1px dotted #ccc;}
#submain .serebox h3{font-size:14px; line-height:1.4; margin:0;}
#submain .serebox p{font-size:11px; color:#333; padding:15px 0 0;}
#submain .serebox .red{color:#EA464C; text-align: right; padding-bottom: 0; padding-top: 10px;}
#submain .serebox .red .txt_l{font-size:20px !important;}
#submain .serebox .code{padding-top:0;}
#submain .serebtn{position: absolute; bottom:20px; left:50%; width:100%; text-align:center; padding: 0 0 0; width: 160px; margin-left: -80px;}
#submain .serebtn a img{width: 100%;}
#submain .sereimg img {width:100%;}
#submain .sereclink{line-height: 1 !important;}
#submain .serecac{padding: 8px 0 0 0!important;}
#submain .procode{font-size: 11px;}
#submain .cattag{background-color:#EA464D;color: #fff;font-size: 12px;padding: 5px;display: inline;position: absolute;top:-1px; left: -1px;z-index: 999; }
#selection_a .serebox{min-height: 550px;}
#selection_b .serebox{min-height: 420px;}
#selection_c .serebox{min-height: 440px;}
#selection_d .serebox{min-height: 440px;}
#selection_e .serebox{min-height: 440px;}
#selection_f .serebox{min-height: 450px;}
#selection_g .serebox{min-height: 480px;}
#selection_h .serebox{min-height: 470px;}
#selection_i .serebox{min-height: 400px;}
#selection_j .serebox{min-height: 670px;}
#selection_k .serebox{min-height: 430px;}
/*.serebox{min-height: 700px;}*/
/*WAONポイントに交換する*/
#waonbg{
    margin:0 0 30px;
}
#waonbg p{
    text-align:center;
    padding:0;
}
#waonbg p.catch_m {
    margin:0 0 20px;
}
#submain .flowbtn {
    padding:20px 0;
    list-style-type: none;
}
#submain .flowbtn li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0;
}
#submain .flowbtn li img {
    width: 90%;
    -webkit-backface-visibility: hidden;
}
#submain .flowbtn li small {
    margin: 10px 0 0 1em;
    padding: 0 5%;
    text-align: left;
    text-indent: -1em;
    line-height: 1.4;
}
#submain .flowclm .flowttl {
    font-size: 20px;
    border-radius: 5px;
    padding:14px 18px;
    margin-bottom: 20px;
}
#submain .flowclm .flowttl#flowttl-sta {
    background: #DFF0F8;
}
#submain .flowclm .flowttl#flowttl-atm {
    background: #D9EEDF;
}
#submain .flowclm .flowread {
    padding-bottom: 20px;
    font-size: 16px;
}
#submain .flowclm .flowbox{float: left;width: 33.3333%;}
#submain .flowclm .flowbox .flowimg{text-align: center;}
#submain .flowclm .flowbox .flowimg img{width: 90%; height: auto;}
#submain .flowclm .flowbox p{width: 80%;margin: 10px auto;padding-left:10%; }
#submain .flowclm .flowbox small{
    line-height: 1.4;
    margin:5px 0 0 1em;
    text-indent: -1em;
}
#submain ul.nolist{margin-left: 0px;padding-left: 0px;border-top: 1px solid #ccc;}
#submain ul.nolist li{
    list-style: none;padding: 8px 0 8px 40px;border-bottom: 1px solid #ccc;
    background-repeat: no-repeat;background-position: left 15px;background-size: 28px 28px;}
#submain ul.nolist li#pt1{background-image: url(../images/exchange/waon/pt_1.png);}
#submain ul.nolist li#pt2{background-image: url(../images/exchange/waon/pt_2.png);}
#submain ul.nolist li#pt3{background-image: url(../images/exchange/waon/pt_3.png);}
#submain ul.nolist li#pt4{background-image: url(../images/exchange/waon/pt_4.png);}
/*Suicaポイントに交換する*/
#suicabg{
    margin:0 0 30px;
}
#suicabg p{
    text-align:center;
    padding:0;
}
#suicabg p.catch_m {
    margin:0 0 20px;
}
/*LuLuCaポイントに交換する*/
#lulucabg{
    margin:0 0 30px;
}
#lulucabg p{
    text-align:center;
    padding:0;
}
#lulucabg p.catch_m {
    margin:0 0 20px;
}
/*エムアイポイントに交換する*/
#mibg {
    margin:0 0 30px;
}
#mibg p{
    text-align:center;
    padding:0;
}
#mibg p.catch_m {
    margin:0 0 20px;
}
#submain .mi_btn a {
    text-align:center;
    float:right;
    border:3px solid #003893;
    width:240px;
    display:block;
    line-height:40px;
    color:#003893;
    font-weight:bold;
    text-decoration:none;
    border-radius:28px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin:-15px 40px 0 0;
}
#submain .mi_btn a:after {
    font-family: 'FontAwesome';
    content: "\f13a";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left:1em;
}
#submain .mi_btn a:hover {
    background:#003893;
    color:#FFF;
}
#submain .mipoint_shoplist{
    list-style-type:none;
    margin:0 -25px 0 0;
}
#submain .mipoint_shoplist li{
    float:left;
    padding:10px 25px 30px 0;
}
/*ドットマネーに交換する*/
#moneybg{
    margin:0 0 30px;
}
#moneybg p{
    text-align:center;
    padding:0;
}
#moneybg p.catch_m {
    margin:0 0 20px;
}
/*#moneybg .moneybg_img {
    float:left;
}
#moneybg .moneybg_btn {
    float:right;
    margin:20px 0 0;
    text-align:center;
}
#moneybg .moneybg_btn a {
    border:3px solid #00BC9D;
    width:340px;
    display:block;
    line-height:50px;
    color:#00BC9D;
    font-weight:bold;
    text-decoration:none;
    border-radius:28px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#moneybg .moneybg_btn small {
    margin:5px 0 0;
}
#moneybg .moneybg_btn a:after {
    font-family: 'FontAwesome';
    content: "\f138";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left:1em;
}
#moneybg .moneybg_btn a:hover {
    background:#00BC9D;
    color:#FFF;
}*/


/*TLCポイント交換ガイド*/
.guidelayout_a{width: 430px;float: left;}
.guidelayout_a .stepmain{width: 300px;padding-bottom: 50px;}
#tlcmenu{padding-bottom: 20px;}
#tlcmenu p{float: left;width: 20%;text-align: center;}
#tlcmenu p img{width: 95%;height: auto;}
/*Q&A*/
.faqbox{border: solid 2px #F54B8C;padding: 0 0 5px 0;margin-bottom: 20px;clear: both;background-color: #fff;}
#submain .faqbox h2{
    font-size: 16px;line-height: 140%;padding: 10px 0 10px 48px;margin-bottom: 0;
    background-image: url(../images/faq/ico_q.png);background-color: #F4F1E7;
    background-repeat: no-repeat;background-position: 10px center;background-size: 30px auto;
}
#submain .faqbox p{
    padding: 15px 15px 10px 50px;
    background-image: url(../images/faq/ico_a.png);
    background-repeat: no-repeat;background-position: 10px 10px;background-size: 30px auto;
}
/*規約・約款*/
.kiyakubox{
    background-color: #F4F1E7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 20px 50px;
    overflow-y: auto;
    height: 350px;
    margin-bottom: 15px;
}
.kiyakubox.min{
    height: 240px;
}
#submain .kiyakubox.min + h3 {
    margin-top: 30px;
}
/*お引越しされる場合の手続き*/
.contactlayout{padding-bottom: 5px;}
#submain .contactlayout h3{width: 290px;float: left;line-height: 100%;padding: 5px 0 10px 0;}
.contactlayout_b{width: 500px;float: right;}
/*フォームCSS*/
#submain ul.inputlist{margin: 0;padding: 0;list-style: none;}
#submain ul.inputlist li{margin: 0;padding:0 50px 4px 0;float: left; overflow:hidden; width:100%;}
#submain ul.inputlist li.w360{
    width:360px;
}
.sinput{margin-bottom: 4px;padding: 4px 0}
.longinput{width: 99%;margin-bottom: 4px;padding: 4px 0}
.short{width: 50%;}
#openArea{display: none;}
.carddesignimg img{width: 258px;height: auto;padding-top: 6px;}
table.checktable td{font-size: 18px;}
/* 松坂屋コラボ */
.overflowHidden{}
.imageFloatLeft{width: 48%;float: left;margin-bottom: 20px;}
.imageFloatRight{width: 48%;float: right;margin-bottom: 20px;}
.imageFloatLeft img,.imageFloatRight img{width: 100%;height: auto;padding-bottom: 4px;}
/* ミニサッカー */
.minissentry{width:705px;margin: 0 auto;}
.minisoccoerWaku{
    margin: 0 0 20px 0;
    padding: 10px 15px 20px 15px;
    background    :url(../images/minisoccer/waku.jpg) center bottom no-repeat;
    background-size: 100% auto;
    background-position: top center;
    width: 675px;
    margin: 0 auto;
}
    #contents table.minisoccoerTBL{
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}
#submain p,#submain h1,#submain h2,#submain h3,#submain h4,#submain ul li,#submain ol li,#submain table,
#submain table td,.listcomment{
    background-image: url(../images/sma/sp.gif);
}
/* 太田克樹コンサートチケットプレゼントキャンペーン 20151218 */
#submain #katsukiticket{

}
#submain #katsukiticket h3{
    font-family: "Hiragino Mincho ProN",serif;
    background-color:#F98B1E;
    color:#FFF;
    text-align:left;
    padding:10px;
    font-size:130%;
    margin-bottom:30px;
}
#submain #katsukiticket .overbox{
    font-family: "Hiragino Mincho ProN",serif;
    overflow:hidden;
}
#submain #katsukiticket .overbox .left{
    float: left;
    width: 63%;
}
#submain #katsukiticket .overbox .right{
    float: right;
    width: 36%;
}
#submain #katsukiticket .overbox2{
    font-family: "Hiragino Mincho ProN",serif;
    overflow:hidden;
}
#submain #katsukiticket .overbox2 .right{
    float: right;
    width: auto;
}
#submain #katsukiticket .overbox2 h4{
    font-size: 210%;
    font-weight: normal;
}
#submain #katsukiticket .overbox2 h4 span{
    font-size: 70%;
}
#submain #katsukiticket .overbox2 p{
    font-size: 97%;
    line-height: 190%;
    margin: 0;
    padding: 0 0 15px;
}
#submain #katsukiticket .overbox a{
    color: #f84a00;
    float: left;
    font-size: 105%;
    margin: 0 0 0 10px;
    text-decoration: underline;
}
#submain #katsukiticket .overbox a:hover{
    text-decoration: none;
}
#submain #katsukiticket ul{
    list-style-image:none;
    margin:20px 0 40px;
    padding:0;
}
#submain #katsukiticket ul li{
    display:inline;
    margin:0 10px;
}

@media screen and (max-width:750px){
#submain #katsukiticket h3{
    font-size:110%;
    margin-bottom:15px;
}
#submain #katsukiticket .overbox{
    font-family: "Hiragino Mincho ProN",serif;
    overflow:hidden;
}
#submain #katsukiticket .overbox .left{
    float: left;
    width: 100%;
}
#submain #katsukiticket .overbox .right{
    float: right;
    width: 100%;
}
#submain #katsukiticket .overbox a{
    color: #f84a00;
    float:left;
    font-size: 100%;
    text-decoration: underline;
}
#submain #katsukiticket .overbox a:hover{
    text-decoration: none;
}
#submain #katsukiticket .overbox2 .right{
    width: 100%;
}
#submain #katsukiticket .overbox2 p{
    font-size: 80%;
    line-height: 190%;
    margin: 0;
    padding: 0 0 15px;
}
#submain #katsukiticket .overbox2 h4{
    font-size: 170%;
    font-weight: normal;
}
#submain #katsukiticket .overbox2 h4 span{
    font-size: 70%;
}
#submain #katsukiticket ul{
    list-style-image:none;
    margin-top:10px;
}
#submain #katsukiticket ul li{
    display:block;
    margin:5px 0;
}

}

/* アンケート・クイズ終了ページ */

#submain table {
    table-layout: fixed;
    width: 100%;
}
#submain .line_p {
    border: 3px solid #f54b8c;
    margin: 10px 0 30px;
    padding: 10px 0 0;
}
#submain .pink{
    color:#F34B8C;
}


#submain .margin_b0 {
    display: block;
    margin-bottom: 0px;
}
#submain .margin_b20 {
    display: block;
    margin-bottom: 20px;
}
#submain .margin_t25 {
    display: block;
    margin-top: 25px;
}
#submain .bold_text {
    font-weight: bold;
}
#submain .point_end {
    border: 2px solid #f54b8c;
}
#submain .point_end h3 {
    background: #f54b8c none repeat scroll 0 0;
    color: #fff;
    padding: 3px 10px 5px;
}
#submain .point_end ul {
    margin: 20px 10px;
    overflow: hidden;
    padding: 0;
}
#submain .point_end ul li {
    display: inline;
    float: left;
    margin: 0 0 0 5px;
}
#submain .point_end ul li:first-child {
    margin-left: 0;
}



#submain ul.inputlist li.w180{
    margin: 0;
    padding: 0 10px 4px 0;
    width: 170px;
}
#submain ul.inputlist li.w360{
    margin: 0;
    padding: 0 10px 4px 0;
    width: 350px;
}
#submain ul.inputlist li.w100per{
    width:100%;
}



#submain .textarea_w{
    display: inline;
    float: left;
    width: 78%;
}
#submain .label_w{
    display: inline;
    float: left;
    width: 125px;
}
#submain .error{
    clear: both;
}

/*新規ご入会アンケートキャンペーン*/
#submain .size_p{
    display: block;
}
#submain .size_s{
    display: none;
}

#submain .nomargin{
    margin:0;
}
#submain .blue_box{
    border-bottom:#004CA2 4px solid;
    border-left:#004CA2 4px solid;
    border-right:#004CA2 4px solid;
    margin-bottom:50px;
    text-align:left;
}
#submain .padding_10{
    padding:15px 15px    10px;
}

#submain .blue_box .overflowH{
    overflow:hidden;
    width:100%;
    height: auto;
}

#submain .blue_box td>div{
    min-height:100px;
    padding:30px 25px 30px 140px;
    width:623px;
}
#submain .blue_box table{
    border-collapse:collapse;
    width:100%;
    margin-bottom:0;
}
#submain .blue_box table th.midashi1{
    background-color:#EB7BAF;
    border-top:#FFF 2px solid;
    border-left:#FFF 2px solid;
    width: 26px;
}
#submain .blue_box table th.midashi2{
    background-color:#7DC5C9;
    border-top:#FFF 2px solid;
    border-left:#FFF 2px solid;
    width: 26px;
}
#submain .blue_box table th.midashi3{
    background-color:#7DC189;
    border-bottom:#FFF100 2px solid;
    border-left:#FFF100 2px solid;
    width: 26px;
}
#submain .blue_box table th.midashi4{
    background-color:#e489b8;
    border-bottom:#FFF 2px solid;
    border-left:#FFF 2px solid;
}
#submain .blue_box table td{
    border:none;
    padding:0;
    margin:0;
}
#submain .blue_box td .text_box{
    text-align:left;
}
#submain .blue_box td .kiji01{
    background-image: url(/images/newentry_camp/num1.gif);
    background-position: 15px center;
    background-repeat:no-repeat;
    position:relative;
}
#submain .blue_box td .kiji01:before{
    background-image: url("/images/newentry_camp/allow1.png") ;
    background-position: center bottom;
    background-repeat:no-repeat;
    bottom: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
#submain .blue_box td .kiji02{
    background:url(/images/newentry_camp/num2.gif) ;
    background-color:#EEEEEE;
    background-position: 15px center;
    background-repeat:no-repeat;
    position:relative;
}
#submain .blue_box td .kiji02:before{
    background-image: url("/images/newentry_camp/allow1.png") ;
    background-position: center bottom;
    background-repeat:no-repeat;
    bottom: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
#submain .blue_box td .kiji02:after{
    background-image: url("/images/newentry_camp/allow2.png") ;
    background-position: center top;
    background-repeat:no-repeat;
    top: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
#submain .blue_box td .kiji03{
    background:url(../images/newentry_camp/num3.gif) ;
    background-position: 15px center;
    background-repeat:no-repeat;
    position:relative;
}
#submain .blue_box td .kiji03:before{
    background-image: url("/images/newentry_camp/allow1.png") ;
    background-position: center bottom;
    background-repeat:no-repeat;
    bottom: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
#submain .blue_box td .kiji03:after{
    background-image: url("/images/newentry_camp/allow2.png") ;
    background-position: center top;
    background-repeat:no-repeat;
    top: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}

#submain .blue_box td .kiji04{
    background:url(../images/newentry_camp/num4.gif);
    background-color:#EEEEEE;
    background-position: 15px center;
    background-repeat:no-repeat;
    position:relative;
}
#submain .blue_box td .kiji04:before{
    background-image: url("/images/newentry_camp/allow1.png") ;
    background-position: center bottom;
    background-repeat:no-repeat;
    bottom: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
#submain .blue_box td .kiji04:after{
    background-image: url("/images/newentry_camp/allow2.png") ;
    background-position: center top;
    background-repeat:no-repeat;
    top: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
#submain .blue_box td .kiji05{
    background:url(../images/newentry_camp/num5.gif);
    background-position: 15px 20px;
    background-repeat:no-repeat;
    position:relative;
}
#submain .blue_box td .kiji05:before{
    background-image: url("/images/newentry_camp/allow1.png") ;
    background-position: center bottom;
    background-repeat:no-repeat;
    bottom: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
#submain .blue_box td .kiji05:after{
    background-image: url("/images/newentry_camp/allow2.png") ;
    background-position: center top;
    background-repeat:no-repeat;
    top: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
#submain .blue_box td .kiji05 .text_box>div{
    background-color:#F4F1E7;
    padding:15px;

}
#submain .blue_box td .kiji06{
    background:url(../images/newentry_camp/num6.gif);
    background-color:#FFF100;
    background-position: 15px center;
    background-repeat:no-repeat;
    position:relative;
}
#submain .blue_box td .kiji06:before{
    background-image: url("../images/newentry_camp/kiji6_img.jpg") ;
    background-position: right bottom;
    background-repeat:no-repeat;
    bottom: 0;
    content: "";
    height: 157px;
    right: 0;
    position: absolute;
    width: 240px;
}
#submain .blue_box td .kiji06:after{
    background-image: url("/images/newentry_camp/allow2.png") ;
    background-position: center top;
    background-repeat:no-repeat;
    top: 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}

#submain .blue_box td .kiji06 .text_box{
    z-index:5;
    width:410px;
}
#submain .blue_box td .overflowH .text_box{
    float:left;
    width:300px;
}
#submain .blue_box td .overflowH>img{
    float:right;
}
#submain .blue_box td .overflowH .margin_t15{
    margin-top:15px;
}


#submain h1.rrrrr{
    background-color: #f54b8c;
    color: #fff;
    font-size: 22px;
    margin: 0 0 20px;
    padding: 10px 0 10px 15px;
}
#submain .midashi_h1{
    color: #f54b8c;
    font-size: 150%;
    margin: 20px 0 10px;
    padding: 0;
}
#submain .midashi_h2{
    border-bottom: 2px solid #f54b8c;
    color: #000;
    font-size: 125%;
    margin: 0 0 15px;
    padding: 0;
}
#submain .strong_strong_text{
    font-size:22px;
    color: #f54b8c;
    font-weight:bold;
}
#submain .strong_textG{
    font-size:20px;
    color: #333;
    font-weight:bold;
}
#submain .margin_t20{
    display:block;
    margin-top:20px;
}
#submain .margin_t25{
    display:block;
    margin-top:25px;
}
#submain .margin_b20{
    display:block;
    margin-bottom:20px;
}
#submain .margin_b10{
    display:block;
    margin:0 0 10px 0;
}

#submain .link_btn .btn_sp{
    margin: 10px auto 30px!important;
    position: relative;
    text-align: center;
    width: 75%;
}
#submain .link_btn .btn_sp a{
    background: #f54b8c url("../images/btn_ico_a.png") no-repeat scroll 15px center;
    background-size: 9px auto;
    border-bottom: 2px solid #ca2967;
    border-radius: 5px;
    border-right: 2px solid #ca2967;
    color: #ffffff !important;
    display: block;
    font-size: 220%;
    font-weight: bold;
    padding: 40px 20px 40px 45px;
    text-decoration: none !important;
}
#submain .link_btn .btn_sp a:hover{
    background-color: #CA2967;
}
#submain .txt_t{
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px;
}
#submain .point_end ul {
    margin:20px 0;
    padding:0;
    overflow:hidden;
}
#submain .point_end ul li{
    display:inline;
    float:left;
    margin: 0;
}
#submain .point_end ul li:first-child{
    margin-left:0px;
}
#submain .line_p{
    border:#f54b8c 3px solid;
    margin:10px 0 30px 0;
    padding:10px 0 0;
}
#submain .underline{
    text-decoration:underline;
}

#submain .link_btn {
    clear: both;
    width: 100%;
}
#submain .link_btn .btn_p {
    margin: 10px auto 30px !important;
    position: relative;
    text-align: center;
    width: 60%;
}
#submain .link_btn .btn_p a {
    background: url("../images/btn_ico_a.png") no-repeat scroll 15px center / 9px auto;
    border-bottom: 2px solid #ca2967;
    border-radius: 5px;
    border-right: 2px solid #ca2967;
    color: #ffffff !important;
    display: block;
    font-size: 200%;
    font-weight: bold;
    padding: 20px 20px 20px 45px;
    text-decoration: none !important;
    background-color:#f54b8c;
}
#submain .link_btn .btn_p a:hover {
    background: #ca2967 url("../images/btn_ico_a.png") no-repeat scroll 15px center / 9px auto;
}
#submain a {
    color: #000;
    text-decoration: underline;
}

.ticket header{
    border:none;
    width:840px;
    margin: 0 auto 30px;
}
.ticket #contents{
    width:840px;
    margin: 0 auto;
}
.ticket #submain {
    width:840px;
    padding:0 0 30px;
}
.ticket #copyright{
    padding:0;
    width:840px;
    text-align:center;
    margin: 0 auto;
}

.ticket #submain .form_bigbtn{
    width:100%;
}
.ticket #submain .form_bigbtn .submit input{
    padding: 23.5px 0;
    font-size: 175%;
    text-align:center;
}

#submain .tyuuilist {
    display: block;
    margin: 0 3px;
    padding: 0 0 1em 15px;
}

#submain .tyuuilist li {
    list-style-type: none;
    text-align: left;
    text-decoration: none;
    text-indent: -1em;
}

/*アローマメロン*/
.col1 #submain{
    margin: 0 auto;
    overflow: hidden;
    width: 1170px;
}
#aroma_pagetit h1 {
    background-color: #f54b8c;
    color: #fff;
    font-size: 22px;
    margin: 0 0 20px;
    padding: 10px 0 10px 15px;
}


#aroma_box h2{
    background:#00005A;
    font-size: 20px;
    color: #FFFFFF;
    border:none;
    margin: 20px 0 15px 0;
    padding: 10px;
    font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#aroma_box h3 {
    color: #000;
    font-size: 18px;
    margin: 0 0 5px;
    padding: 0;
}
#aroma_box{
    width:1000px;
    margin:0 auto;
}
#aroma_box section{
    margin-bottom:25px;
    overflow:hidden;
}
#aroma_box .aroma_imgR{
    float:right;
    margin:0 0 0 20px;
}
#aroma_box a{
    display:block;
}
#aroma_box p {
    font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size:15px;
    letter-spacing: 0.05em;
    line-height: 30px;
    color:#4B4B4B;
}
#aroma_box p.margin_b0 {
    margin-bottom:0px;
    padding:0;
}
#aroma_box p span{
    color:#FF3366;
    font-size:15px;
}
#aroma_box p.strong_p{
    color:#FF3366;
    font-size:24px;
}
#aroma_box p.strong_b{
    font-size:20px;
}

#aroma_box .aroma-eat{
    margin-top:20px;
    width:90%;
    padding:15px 5%;
    background: url(../images/201508/aroma_meron/eat_top.gif) no-repeat left top, url(../images/201508/aroma_meron/eat_bottom.gif) no-repeat    left bottom, url(../images/201508/aroma_meron/eat_center.gif) repeat-y ;
    overflow:hidden;
    background-size:100%;
    position:relative;
    height:180px;
}
#aroma_box .aroma-eat .aroma_imgR{
    position:absolute;
    top:20px;
    right:20px;
}
#aroma_box .aroma-eat p{
    color:#330000;
    width:700px;
}
#aroma_box .aroma-eat--title{
    width:auto;
    margin:10px 0;
}
#aroma_box #aroma_buy {

}
#aroma_box .margin0 {
    display: block;
    margin: 0;
    padding:0;
}

#aroma_box .margin_t15 {
    display: block;
    margin: 15px 0 0 0;
    padding:0;
}
#aroma_box .margin_t20 {
    display: block;
    margin: 20px 0 0 0;
    padding:0;
}
#aroma_box .margin_b15 {
    display: block;
    margin: 0 0 15px 0;
    padding:0;
}

/*ペットアンケート結果*/
#pet_questionnaire .txt1{
    width:95%;
    margin:0 auto;
    text-align:left;
    color:#333333;
    display:none;
}
#pet_questionnaire .txt2{
    width:95%;
    margin:0 auto;
    text-align:left;
    color:#0099CC;
    font-size:130%;
    display:none;
}
#pet_questionnaire p.pickup{
    margin-bottom:40px;
}
#pet_questionnaire .hidden_img{
    display:block;
}


#submain .kekka_box{
    border:#3DA3D2 2px solid;
    border-radius: 6px;
}
#submain #pagetit .s_h1 {
    background-color: #3DA3D2;
    border-radius: 3px 3px 0 0;
}
#submain #pagetit .h1_no {
    background-color: none;
    padding:0;
    margin-top:15px;
}
#submain .s_txt_blue{
    width:100%;
    margin:0 auto;
    font-size:16px;
    text-align:center;
    color:#3DA3D2;
    font-weight:bold;
    letter-spacing: 1.2px;
}
#listlayout2 {
    padding:    0 20px 5px;
}
#listlayout2 .listbox {
    border-top: 1px dotted #3DA3D2;
    padding: 20px 0;
}
#listlayout2 .listimg {
    float: left;
    width: 235px;
}
#listlayout2 .listimg img {
    height: auto;
    width: 235px;
}
#listlayout2 .listtxtarea {
    width: 545px;
    float: right;
}

#submain #listlayout2 h3 {
    border-style: none;
    margin: 0;
    padding: 0;
}
#submain #listlayout2 .listcomment {
    font-size: 14px;
    padding-bottom: 0;
}
#submain2 .go_dt_btn {
    padding-top: 5px;
    width: 110px;
}
#submain h3.pink {
    color:#f54b8c;
    margin-bottom:5px;
}
#listlayout_blue {
    padding:    20px 0;
    border-top: 1px dotted #3DA3D2;
}
#submain #listlayout_blue h3 a {
    color: #f54b8c;
    text-decoration:none;
}
#submain #listlayout_blue h3 a:hover {
    color: #ca2967;
    text-decoration:underline;
}
#listlayout_blue .listbox {
    border-bottom: 1px dotted #3DA3D2;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#listlayout_blue .listimg {
    float: left;
    width: 235px;
}
#listlayout_blue .listimg img {
    height: auto;
    width: 235px;
}
#listlayout_blue .listtxtarea {
    width: 590px;
    float: right;
}

#submain #listlayout_blue h3 {
    border-style: none;
    margin: 0;
    padding: 0;
}
#submain #listlayout_blue .listcomment {
    font-size: 14px;
}

/*秋のうまいもの博*/
#submain p.txt_700{
    width:700px;
    margin: 0 auto;
}
#submain p .txt_left{
    display: block;
    text-align: left;
    width: 700px;
}
#submain ul.pickup{
    width:680px;
    list-style:none;
    overflow:hidden;
    margin:0 auto;
    padding:10px;
    margin-bottom:15px;
}
#submain ul.pickup li{
    list-style:none;
    width:100%;
    margin: 0 0 20px;
}
#submain ul.pickup .pickup_box{
    list-style:none;
    width:100%;

}
#submain ul.pickup li .pickup_box .pickup_copy{
    z-index:10;
    margin:0 0 -10px 0;
    width:680px;
    height:80px;
    position:relative;
    display:block;
}
#submain ul.pickup li .pickup_box .pickup_copy img{
    width:680px;
    height:80px;
}
#submain ul.pickup li .overbox{
    overflow:hidden;
}
#submain ul.pickup li .overbox .left{
    float:left;
    width:150px;
    margin-right:15px;
}
#submain ul.pickup li .overbox .right{
    float:right;
    width:515px;
}
#submain ul.pickup li .overbox .right .pickup_title{
    font-weight:bold;
    font-size:150%;
}
#submain ul.pickup li .overbox .right .pickup_title span{
    background-color: #ea5f00;
    border-radius: 3px;
    color: #ffffff;
    font-size: 70%;
    font-weight: normal;
    margin-right: 10px;
    padding: 3px 5px;
}

#submain ul.pickup li .overbox .right .pickup_btnbox{
    width:100%;
    text-align:right;
    overflow:hidden;
}
#submain ul.pickup li .overbox .right .pickup_btn{
    background-color: #FFFFFF;
    border-radius: 3px;
    font-weight: normal;
    margin-right: 10px;
    padding: 6px 5px 6px 30px;
    background-image: url(../images/201509/aki_umai/pickup_icon.gif);
    background-repeat: no-repeat;
    background-position: 12px center;
    border:#B1B1B1 1px solid;
    width:145px;
    text-decoration:none;
    display:block;
    text-align:left;
    float:right;
}
#submain ul.pickup li .overbox .right .pickup_btn:hover{
    background-color: #ea5f00;
    border-radius: 3px;
    font-weight: normal;
    margin-right: 10px;
    padding: 6px 5px 6px 30px;
    background-image: url(../images/201509/aki_umai/pickup_icon.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    border:#ea5f00 1px solid;
    width:145px;
    text-decoration:none;
    display:block;
    text-align:left;
    float:right;
    color:#FFF;
}

#submain .btn_orange_box{
    margin: 0 auto;
    width: 160px;
}

#submain .overbox_top .tyousei_img{
    width:530px;
    height:98px;
}
#submain .btn_orange{
    background-color: #ffffff;
    background-image: url(../images/201509/aki_umai/top_icon.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    display: block;
    float: right;
    font-weight: normal;
    padding: 6px 0 6px 20px;
    text-align: center;
    text-decoration: none;
    width: 140px;
    margin-top: 25px;
}
#submain .btn_orange:hover{
    background-color: #ea5f00;
    font-weight: normal;
    background-image: url(../images/201509/aki_umai/top_icon2.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    border:#ea5f00 1px solid;
    color:#FFF;
}
#submain    .overbox_top{
    overflow:hidden;
    width:700px;
    margin:0 auto;
}
#submain .w700_box{
    width:700px;
    margin:0 auto;
}
 #submain .bigbtn .green_btn {
    background-color: #8ABC36;
    border-color: -moz-use-text-color #5B7C23 #5B7C23 -moz-use-text-color;
 }
#submain .bigbtn .green_btn:hover {
    background-color: #5B7C23;
 }

/*-------------------大感謝祭-----------------------*/
#submain #kansyasai p.nomargin{
    margin: 0;
    padding:0;
}
#submain #kansyasai .overbox_top{
    margin: 0 auto;
    overflow: hidden;
    width: 840px;
}
#submain #kansyasai .overbox_top .left{
    width:600px;
}
#submain #kansyasai .overbox_top .left .pink{
    color:#F34B8C;
}
#submain #kansyasai .overbox_top .left .pink{
    color:#F34B8C;
}
#submain #kansyasai .overbox_top .left .hide{
    display:none;
}
#submain #kansyasai .overbox_top .left a:hover{
    text-decoration:none;
}
#submain #kansyasai .overbox_top .right{
    width:220px;
    float:left;
}
#submain #kansyasai .overbox_top .right .bigbtn {
    margin: 0 auto;
    padding:    0;
    text-align: center;
    width:220px;
}
#submain #kansyasai .overbox_top .right .bigbtn .hidden_span{
    display:block;
}
#submain #kansyasai .overbox_top .right .bigbtn a {
    background-color: #FFB300;
    background-image: url("../images/btn_ico_a.png");
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 9px auto;
    border-color: -moz-use-text-color #D59500 #D59500 -moz-use-text-color;
    border-radius: 5px;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    display: block;
    font-size: 28px;
    font-weight: bold;
    line-height: 100%;
    padding: 20px 0 20px 15px;
    text-decoration: none;
    width: 205px;
    font-size: 138%;
    line-height: 26px;
}
#submain #kansyasai .overbox_top .right .bigbtn a:hover {
    background-color: #D59500;
    border-color: -moz-use-text-color #D59500 #D59500 -moz-use-text-color;
}
#submain #kansyasai .position_re{
    position:relative;
}
#submain #kansyasai .position_re .bigbtn{
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    width: 100px;
}

#submain #kansyasai .ver2_position{
    width:100%;
    position:relative;
}
#submain #kansyasai .ver2_position a{
    position:absolute;
    display:block;
    top:0;
    left:25%;
}


#submain #kansyasai .tab_main{
    width:840px;
    overflow:hidden;
    margin-bottom:0;
    padding:0;
}
#submain #kansyasai .tab_main li{
    float:left;
    cursor:pointer;
    list-style:none;
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}
#submain #kansyasai .tab_main li.tab_blue{
    background-color:#ABABAB;
}
#submain #kansyasai .tab_main li.tab_blue:hover{
    background-color:#0077D9;
}
#submain #kansyasai .tab_main li.tab_blue.select{
    background-color:#0077D9;
}
#submain #kansyasai .tab_main li.tab_pink{
    background-color:#ABABAB;
}
#submain #kansyasai .tab_main li.tab_pink:hover{
    background-color:#EB3D75;
}
#submain #kansyasai .tab_main li.tab_pink.select{
    background-color:#EB3D75;
}
#submain #kansyasai .tab_main li.tab_green{
    background-color:#ABABAB;
}
#submain #kansyasai .tab_main li.tab_green:hover{
    background-color:#4F9D00;
}
#submain #kansyasai .tab_main li.tab_green.select{
    background-color:#4F9D00;
}

#submain #kansyasai .content_main{
    margin:0;
    padding:0;
    width:auto;
}
#submain #kansyasai .content_main .content_main_list:nth-child(1) {
    border-top: 6px solid #00569d;
    list-style:none;
    padding:30px 0 0;
}
#submain #kansyasai .content_main .content_main_list:nth-child(2) {
    border-top: 6px solid #D32C5E;
    padding:30px 0 0;
    list-style:none;
}

#submain #kansyasai .content_main.ver_kanto .content_main_list:nth-child(1) {
    border-top: 6px solid #008206;
}
#submain #kansyasai .content_main .content_main_list_green{
    border-top: 6px solid #008206;
}
#submain #kansyasai .content_main .hide_main {display:none;}


/*-------------------イオン×TLC会員サービス 大抽選会　20160418追加（htdogs）----------------------*/
#submain #aeontlc .how h2{
    background-color:#F74A7A;
    color:#FFFFFF;
    border:none;
    padding:6px;
    font-size:150%;
}
#submain #aeontlc .how h2{
    background-color:#F74A7A;
    color:#FFFFFF;
    border:none;
    padding:6px;
    font-size:150%;
    font-weight:bold;
}
#submain #aeontlc .how section{
    margin-bottom:30px;
}
#submain #aeontlc .how h3{
    border-bottom:#F74A7A 2px solid;
    padding:6px;
    font-weight:bold;
    font-size:140%;
    margin-bottom: 20px;
}
#submain #aeontlc .how h3 span{
    font-size:75%;
    font-weight:normal;
}
#submain #aeontlc .how > section p{
    font-size:110%;
}
#submain #aeontlc .how .over{
    overflow:hidden;
}
#submain #aeontlc .how section section h4{
    font-size: 120%;
    margin-bottom: 10px;
}
#submain #aeontlc .how section section ul{
    overflow:hidden;
    padding: 0;
}
#submain #aeontlc .how section section.how_a ul li{
    list-style:none;
    float:left;
    margin-right:12px;
}
#submain #aeontlc .how section section.how_b ul li{
    list-style:none;
    float:left;
    margin-right:30px;
}
#submain #aeontlc .how section section ul li:last-child{
    margin-right:0;
}
#submain #aeontlc .how section section.how_c .over .left{
    width:650px;
}
#submain #aeontlc .how section section.how_c .over .left p{
    padding-left:25px;
}
#submain #aeontlc .place{
    background-color:#F2EDDD;
    padding-bottom:30px;
    margin-bottom: 40px;
}
#submain #aeontlc .place h2{
    border:none;
    margin-bottom:0;
}
#submain #aeontlc .place .place_box{
    background-color:#FFFFFF;
    margin:30px 30px 0;
    padding:20px;
}
#submain #aeontlc .place .place_box .place_box_shop{
    padding:0;
    margin-bottom:30px;
}
#submain #aeontlc .place .place_box .place_box_shop li{
    list-style:none;
    border-bottom:#004B97 2px dotted;
    padding:20px 6px;
    font-size:130%;
    font-weight:bold;
    overflow:hidden;
}
#submain #aeontlc .place .place_box .place_box_shop li span{
    font-size:75%;
    font-weight:normal;
    margin-left:10px;
}
#submain #aeontlc .place .place_box .place_box_shop li img{
    float:right;
}
#submain #aeontlc .place .place_box h3{
    border-bottom:#F74A7A 2px solid;
    padding:6px;
    font-weight:bold;
    font-size:140%;
    margin-bottom: 20px;
}
#submain #aeontlc .place .place_box h3 span{
    font-size:75%;
    font-weight:normal;
}
#submain #aeontlc .place .place_box .place_box_text{
    overflow:hidden;
    padding: 0 10px 10px;
    margin:0;
}
#submain #aeontlc .place .place_box .place_box_text li{
    float: left;
    font-size: 120%;
    font-weight: bold;
    list-style: outside none none;
    width: 280px;
}
#submain #aeontlc .place .place_box .place_box_text span{
    font-size:75%;
    font-weight:normal;
    margin-left: 10px;
}
#submain #aeontlc .place .place_box .place_box_date {
    overflow:hidden;
    padding:0;
    margin: 0 0 20px;
    border-bottom: 2px dotted #004B97;
}
#submain #aeontlc .place .place_box .place_box_date li {
    float:left;
    margin-bottom:20px;
    list-style:none;
}
#submain #aeontlc .place .place_box .place_box_date li:nth-child(2n) {
    margin-left:20px;
}
#submain #aeontlc .place .place_box section section h4 {
    font-size: 120%;
    margin-bottom: 5px;
}
#submain #aeontlc .place .place_box section section h4 span {
    font-size: 75%;
    font-weight: normal;
}
#submain #aeontlc .place .place_box section section ul {
    overflow:hidden;
    padding:0;
}
#submain #aeontlc .place .place_box section section ul    li{
    list-style:none;
    float:left;
    margin: 0 15px 0 0;
    font-size: 100%;
}
#submain #aeontlc .place .place_box section section ul    li img{
    margin:0 10px 0 0;
}


@media screen and (max-width:750px){
    #submain #aeontlc .how h2{
        font-size:120%;
    }
    #submain #aeontlc .how section{
        margin-bottom:20px;
    }
    #submain #aeontlc .how h3{
        font-size:105%;
    }
    #submain #aeontlc .how h3 span{
        display: block;
    }
    #submain #aeontlc .how > section p{
        font-size: 90%;
        text-align: center;
    }
    #submain #aeontlc .how .over{
        overflow:hidden;
    }
    #submain #aeontlc .how section section h4{
        font-size: 100%;
        margin-bottom: 5px;
    }
    #submain #aeontlc .how section section ul li{
        margin-right:0;
        width:100%;
    }
    #submain #aeontlc .how section section ul li img{
        width:100%;
    }
    #submain #aeontlc .how section section.how_c .over .left{
        width:100%;
    }
    #submain #aeontlc .how section section.how_c .over .left span{
        display:none;
    }
    #submain #aeontlc .how section section.how_c .over .left p{
        padding-left: 0;
        text-align: left;
    }
    #submain #aeontlc .how section section.how_c .over .right{
        width:40%;
        padding:0 10px 0 0;
    }

    #submain #aeontlc .place{
        padding-bottom:10px;
    }
    #submain #aeontlc .place .place_box{
        margin: 10px 10px 0;
        padding: 10px;
    }
    #submain #aeontlc .place .place_box .place_box_shop li{
        font-size: 100%;
        padding: 10px 5px;
    }
    #submain #aeontlc .place .place_box .place_box_shop li span{
        display: block;
        font-size: 80%;
    }
    #submain #aeontlc .place .place_box .place_box_shop li a{
        display:block;
        text-align:center;
    }
    #submain #aeontlc .place .place_box .place_box_shop li img{
        float:none;
        max-width:160px;
    }
    #submain #aeontlc .place .place_box h3{
        font-size:125%;
        margin-bottom:10px;
    }
    #submain #aeontlc .place .place_box span{
        display: block;
    }
    #submain #aeontlc .place .place_box .place_box_text{
        overflow:hidden;
        padding: 0 10px 10px;
        margin:0;
    }
    #submain #aeontlc .place .place_box .place_box_text li{
        font-size: 100%;
        width: 100%;
    }
    #submain #aeontlc .place .place_box .place_box_text span{
        display: inline;
    }
    #submain #aeontlc .place .place_box .place_box_date li:nth-child(2n) {
        margin-left:0;
    }

    #submain #aeontlc .place .place_box .place_box_date li {
        width:100%;
        margin-bottom:10px;
    }
    #submain #aeontlc .place .place_box section section ul    li{
        width:100%;
    }
    #submain #aeontlc .place .place_box section section img{
        max-width:80px;
    }

}






/*    エリアタブ　会員    */
#submain #kansyasai .area_block{
    width:780px;
    background-color:#F2EDDD;
    padding:30px;
    margin-top:-15px;
}
#submain #kansyasai .area_block .tab{
    overflow:hidden;
    width: 780px;
    border-bottom:#00569D 6px solid;
    padding:0;
    margin:0;
}
#submain #kansyasai .area_block .tab li{
    float:left;
    margin-right:8px;
    list-style:none;
    width: 160px;
    padding:0;
}
#submain #kansyasai .area_block .tab li a{
    display: block;
    cursor: pointer;
    padding: 20px 0;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    width:160px;
    font-weight:bold;
    font-size:160%;
    text-decoration:none;
    background-color:#0079F2;
}
#submain #kansyasai .area_block .tab li a:hover{
    background-color:#00569D;
}
#submain #kansyasai .area_block .tab li.select a{
    background:#00569D;
}
#submain #kansyasai .area_block .content{
    padding:0;
    margin:0;
    width:780px;
}
#submain #kansyasai .area_block .content li{
    background:#FFF;
    padding: 20px 10px;
    list-style:none;
}
#submain #kansyasai .area_block .hide {
    display:none;
}

#submain #kansyasai .area_block .area_inbox{
    padding: 30px 20px;
    width: 720px;
    overflow:hidden;
    border-bottom:#00569D 2px dotted;
}
#submain #kansyasai .area_block .area_inbox:last-child{
    border-bottom:none;
    padding-bottom: 10px;
}
#submain #kansyasai .area_block .area_inbox .left{
    width:430px;
    padding:10px 0 0;
}
#submain #kansyasai .area_block .area_inbox .left dl {
    width:430px;
}
#submain #kansyasai .area_block .area_inbox .left dt {
    float:left;
    clear:left;
    width:80px;
    font-size: 130%;
    font-weight: bold;
}
#submain #kansyasai .area_block .area_inbox .left dd {
    float:left;
    width:300px;
    font-size: 130%;
    margin: 0 0 20px 20px;
}

#submain #kansyasai .area_block .area_inbox .right{
    width:280px;
}


/*    エリアタブ　非会員     */
#submain #kansyasai .area_block2{
    width:780px;
    background-color:#F2EDDD;
    padding:30px;
    margin-top:-15px;
}
#submain #kansyasai .area_block2 .tab{
    overflow:hidden;
    width: 780px;
    border-bottom:#D32C5E 6px solid;
    padding:0;
    margin:0;
}
#submain #kansyasai .area_block2 .tab li{
    float:left;
    margin-right:8px;
    list-style:none;
    width: 160px;
    padding:0;
}
#submain #kansyasai .area_block2 .tab li a{
    display: block;
    cursor: pointer;
    padding: 20px 0;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    width:160px;
    font-weight:bold;
    font-size:160%;
    text-decoration:none;
    background-color:#E17193;
}
#submain #kansyasai .area_block2 .tab li a:hover{
    background-color:#D32C5E;
}
#submain #kansyasai .area_block2 .tab li.select a{
    background:#D32C5E;
}
#submain #kansyasai .area_block2 .content{
    padding:0;
    margin:0;
    width:780px;
}
#submain #kansyasai .area_block2 .content li{
    background:#FFF;
    padding: 20px 10px;
    list-style:none;
}
#submain #kansyasai .area_block2 .hide {
    display:none;
}

#submain #kansyasai .area_block2 .area_inbox{
    padding: 30px 20px;
    width: 720px;
    overflow:hidden;
    border-bottom:#D32C5E 2px dotted;
}
#submain #kansyasai .area_block2 .area_inbox:last-child{
    border-bottom:none;
    padding-bottom: 10px;
}
#submain #kansyasai .area_block2 .area_inbox .left{
    width:430px;
    padding:10px 0 0;
}
#submain #kansyasai .area_block2 .area_inbox .left dl {
    width:430px;
}
#submain #kansyasai .area_block2 .area_inbox .left dt {
    float:left;
    clear:left;
    width:80px;
    font-size: 130%;
    font-weight: bold;
}
#submain #kansyasai .area_block2 .area_inbox .left dd {
    float:left;
    width:300px;
    font-size: 130%;
    margin: 0 0 20px 20px;
}

#submain #kansyasai .area_block2 .area_inbox .right{
    width:280px;
}

/*    エリアタブ　緑    */
#submain #kansyasai .ver_kanto .area_block .tab{
    border-bottom:#008206 6px solid;
}
#submain #kansyasai .ver_kanto .area_block .tab li a{
    background-color:#4F9D00;
}
#submain #kansyasai .ver_kanto .area_block .tab li a:hover{
    background-color:#008206;
}
#submain #kansyasai .ver_kanto .area_block .tab li.select a{
    background:#008206;
}
#submain #kansyasai .ver_kanto .area_block .area_inbox{
    border-bottom:#008206 2px dotted;
}
#submain #kansyasai .ver_kanto .area_block .area_inbox:last-child{
    border-bottom:none;
    padding-bottom: 10px;
}
#submain #kansyasai .ver_kanto .area_block .tab li {
    float: left;
    list-style: outside none none;
    margin-right: 8px;
    padding: 0;
    width: 140px;
}
#submain #kansyasai .ver_kanto .area_block .tab li a {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 121%;
    font-weight: bold;
    line-height: 20px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    width: 140px;
}
#submain #kansyasai .ver_kanto .area_block2 .tab li {
    float: left;
    list-style: outside none none;
    margin-right: 8px;
    padding: 0;
    width: 140px;
}
#submain #kansyasai .ver_kanto .area_block2 .tab li a {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 121%;
    font-weight: bold;
    line-height: 20px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    width: 140px;
}


#submain #kansyasai .ver_kanto .kanto_toiawase h3{
    font-size: 160%;
    margin: 0 0 15px;
    padding: 0;
    font-weight:bold;
}
#submain #kansyasai .ver_kanto .kanto_toiawase h3.green_title{
    color: #008206;
}
#submain #kansyasai .ver_kanto .kanto_toiawase h3.pink_title{
    color: #D32C5E;
}
#submain #kansyasai .ver_kanto .kanto_toiawase p{
    font-size: 130%;
}
#submain #kansyasai .ver_kanto .kanto_toiawase p strong{
    width:200px;
    display:inline;
}

/*太田克樹さん*/
#submain #kansyasai .katuki{
    clear:both;
}
#submain #kansyasai .area_block .katuki h3{
     background: #004b97 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 130%;
    padding: 5px;
    width: 390px;
}
#submain #kansyasai .area_block2 .katuki h3{
     background: #d32c5e none repeat scroll 0 0;
    color: #ffffff;
    font-size: 130%;
    padding: 5px;
    width: 390px;
    margin-bottom:10px;
}
#submain #kansyasai .area_block .area_inbox .left .katuki dl ,#submain #kansyasai .area_block2 .area_inbox .left .katuki dl{
    overflow:hidden;
    padding:0 0 0 5px;
    margin-top:10px;

}
#submain #kansyasai .area_block .area_inbox .left .katuki dl dd ,#submain #kansyasai .area_block2    .area_inbox .left .katuki dl dd{
     float: left;
    font-size: 93%;
    clear: both;
    margin: 0 ;
    padding: 0;
    width: auto;
}
#submain #kansyasai .katuki p{
    font-size:110%;
    padding:0 0 10px;
}
#submain #kansyasai .katuki p strong{
    font-weight:bold;
}
#submain .pink_txt{
    background-color: #db2d83;
    border-radius: 3px;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    margin-left: 5px;
    padding: 2px 5px;
    white-space: nowrap;
}

#submain .katuki_btn{
    width:100%;
    position:relative;
    display:block;
}
#submain .katuki_btn a{
    position:absolute;
    display:block;
    top:40%;
    right:1.8%;
}
#contents #sidebar .katsukibnr{
    display: block;
    margin-top: 0;
}

/*新規ご入会*/

.one_cor #submain {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 35px;
    padding-top: 30px;
    padding-left:0;
    width: 840px;
    float:none;
}

#submain #thanksgiving_new .blue_box td .kiji01{
    background: url(../images/201509/kansyasai_newentry/num1.gif) no-repeat 15px center, url(../images/201509/kansyasai_newentry/allow1.png) no-repeat center bottom;
    background-color:#EEEEEE;
}
#submain #thanksgiving_new .blue_box td .kiji02{
    background:url(../images/201509/kansyasai_newentry/num2.gif) no-repeat 15px center, url(../images/201509/kansyasai_newentry/allow1.png) no-repeat center bottom, url(../images/201509/kansyasai_newentry/allow2.png) no-repeat center top;
    background-color:#FFF;
}
#submain #thanksgiving_new .blue_box td .kiji03{
    background:url(../images/201509/kansyasai_newentry/num3.gif) no-repeat 15px center, url(../images/201509/kansyasai_newentry/allow1.png) no-repeat center bottom, url(../images/201509/kansyasai_newentry/allow2.png) no-repeat center top;
    background-color:#EEEEEE;
}
#submain #thanksgiving_new .blue_box td .kiji03 .right_box{
    float:right;
    width:235px;
}
#submain #thanksgiving_new .blue_box td .kiji03 .right_box p{
    margin-top:-13px;
}
#submain #thanksgiving_new .blue_box td .kiji04{
    background:url(../images/201509/kansyasai_newentry/num4.gif) no-repeat 15px center, url(../images/201509/kansyasai_newentry/allow1.png) no-repeat center bottom, url(../images/201509/kansyasai_newentry/allow2.png) no-repeat center top;
    background-color:#FFF;
}
#submain #thanksgiving_new .blue_box td .kiji04 .text_box div{
    background-color:#F4F1E7;
    padding:15px;
}
#submain #thanksgiving_new .blue_box td .kiji05{
    background:url(../images/201509/kansyasai_newentry/num5.gif) no-repeat 15px 20px, url(../images/201509/kansyasai_newentry/allow1.png) no-repeat center bottom, url(../images/201509/kansyasai_newentry/allow2.png) no-repeat center top, url(../images/201509/kansyasai_newentry/kiji5_img.jpg) no-repeat right bottom;
    background-color:#FFF53C;
}

#submain #thanksgiving_new .blue_box td .kiji06{
    background: url(../images/201509/kansyasai_newentry/num6.gif) no-repeat 15px center, url(../images/201509/kansyasai_newentry/allow2.png) no-repeat center top, url(../images/201509/kansyasai_newentry/kiji6_img.jpg) no-repeat right bottom;
    background-color:#91FFFF;
    min-height:140px;
}
#submain #thanksgiving_new .blue_box td .kiji06 .text_box{
    z-index:5;
    width:410px;
}
#submain .s_txt{
    font-size:85%;
}


#submain .go_dt_btn a{
    background:#f54b8c url("../images/btn_ico_a.png") no-repeat scroll 9px center / 6px auto;
}

#submain .blue_box td .kiji01,
#submain .blue_box td .kiji02,
#submain .blue_box td .kiji03,
#submain .blue_box td .kiji04,
#submain .blue_box td .kiji05,
#submain .blue_box td .kiji06 {
    min-height: 100px;
    padding: 30px 25px 30px 140px;
    width: 623px;
}

#submain .blue_box {
    border-bottom: 4px solid #004ca2;
    border-left: 4px solid #004ca2;
    border-right: 4px solid #004ca2;
    margin-bottom: 50px;
    text-align: left;
    z-index: 100;
}
#submain .blue_box td .text_box {
    text-align: left;
    width: 100%;
}

/*-------------------大感謝祭end-----------------------*/


/*調節機能*/
#submain .noline {
    border: medium none;
}
#submain .margin_t50 {
    margin-top: 50px;
}



/*------    貯めるには151029    ------*/

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
#submain .service {
    background: #F3F3EB;
    border-top: 5px solid #F54B8C;
    padding: 20px 30px 30px;
    margin: 0 0 30px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

#submain .service h4 {
    font-size: 20px;
    margin: 0 0 20px;
}
#submain .service ul {
    list-style-type: none;
    margin: 0 0 0 -22px;
    padding: 0;
}
#submain .service ul li {
    float: left;
    margin: 0 0 0 22px;
    padding: 0;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#submain .tv {
    margin: 0 0 20px;
}
#submain .tv p {
    margin: 0 0 10px;
    padding: 0;
    font-weight: bold;
}
#submain .tv p sup {
    color: #F00;
}
#submain .tv ul {
    list-style-type: none;
    background: #F7F7F7;
    margin: 0;
    padding: 15px 45px 15px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
#submain .tv ul li {
    float: left;
    margin: 0 0 0 -3px;
    padding: 0;
}
#submain .tv ul li span {
    display:block;
    border: 3px solid #CCC;
}
#submain .tv ul li small {
    font-size:10px;
    margin:5px 0 0;
    width:100px;
    padding:0 5px;
    line-height: 1.4;
    color: #333;
}
#submain .tv ul li small:before {
    content: "";
}
#submain small {
    font-size: 12px;
    margin: 0 0 20px;
    display: block;
}
#submain small:before {
    content: "※";
}
#submain .save a,
#submain .save a img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#submain .save a:hover img {
    opacity: 0.8;
}
#submain .save h2 {
    padding: 0 0 10px;
}
#submain .save ul.pageLink {
    margin: 0 0 50px;
    padding: 0;
}
#submain .save ul.pageLink li {
    float: left;
    margin: 0 0 0 13px;
    display: table;
}
#submain .save ul.pageLink li:first-child {
    margin: 0;
}
#submain .save ul.pageLink li a {
    width: 168px;
    border: 1px solid #CCC;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}
#submain .save ul.pageLink li a:after {
    content: "\f078";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 19px;
}
#submain .save ul.pageLink li a.point {
    color: #0067B7;
}
#submain .save ul.pageLink li a.point:hover {
    color: #FFF;
    background: #0067B7;
    border-color: #0067B7;
}
#submain .save ul.pageLink li a.bonus {
    color: #931E58;
}
#submain .save ul.pageLink li a.bonus:hover {
    color: #FFF;
    background: #931E58;
    border-color: #931E58;
}
#submain .save ul.pageLink li a.example {
    color: #573384;
}
#submain .save ul.pageLink li a.example:hover {
    color: #FFF;
    background: #573384;
    border-color: #573384;
}
#submain .save ul.pageLink li a.other {
    color: #278B52;
}
#submain .save ul.pageLink li a.other:hover {
    color: #FFF;
    background: #278B52;
    border-color: #278B52;
}
#submain .save section {
    margin: 0 0 60px;
}
#submain .save section p span {
    color: #F54B8C;
}
#submain .save section h3 {
    line-height: 60px;
    padding: 0 10px 0 70px;
    margin: 0 0 20px;
    font-size: 24px;
    color: #FFF;
    font-weight: bold;
}
#submain .save section ul li {
    margin-bottom: 5px;
    padding: 0;
}
#submain .save section#point h3 {
    background: url(../images/save/point_tit.gif) no-repeat 0 0 #0067b7;
}
#submain .save section#point .service {
    border-color: #0067B7;
}
#submain .save section#bonus h3 {
    background: url(../images/save/bonus_tit.gif) no-repeat 0 0 #931e58;

}
#submain .save section#bonus .service {
    border-color: #931E58;
    margin-top: 20px;
}
#submain .save section#example h3 {
    background: url(../images/save/example_tit.gif) no-repeat 0 0 #573384;
}
#submain .save section#other h3 {
    background: url(../images/save/other_tit.gif) no-repeat 0 0 #278b52;
}
#submain .save section#other div {
    background: url(../images/save/other_bg.gif) repeat -30px -5px;
    padding: 20px 15px 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin:0 0 30px;
}
#submain .save section#other div p {
    text-align: center;
}
#submain .save section#other div ul {
    margin: 0;
    padding: 0;
}
#submain .save section#other div ul li {
    float: left;
    margin: 0 0 0 15px;
}
#submain .save section#other div ul li:first-child {
    margin: 0;
}
#submain .save section#other p.aligncenter {
    max-width:400px;
    margin:0 auto;
    padding:0;
}
#submain .save section#other p.aligncenter small {
    margin:5px 0 0;
    text-align:left;
}


/*------    使う・交換する151029    ------*/
#submain .exchange a,
#submain .exchange a img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#submain .exchange a:hover img {
    opacity: 0.8;
}
#submain .exchange a.guide_btn {
    background: #409E38;
    padding: 10px 30px;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 0 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    border-bottom: 4px solid #276123;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
#submain .exchange a.guide_btn img {
    opacity: 1;
    filter: alpha(opacity=100);
}
#submain .exchange a.guide_btn:after {
    content: "\f054";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 30px;
    top: 50px;
    font-size: 20px;
    text-decoration: none;
}
#submain .exchange a.guide_btn:hover {
    color: #FFF;
    top: 3px;
    border-bottom: 1px solid #276123;
    margin: 0 0 33px;
}
#submain .exchange a.guide_btn h2 {
    float: left;
    margin: 0 30px 0 0;
    padding: 20px 0;
    border: none;
}
#submain .exchange a.guide_btn p {
    padding: 0;
}
#submain .exchange ul {
    border-top: 1px dotted #444;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#submain .exchange ul li {
    border-bottom: 1px dotted #444;
    padding: 0;
    position:relative;
}
#submain .exchange ul li a {
    padding: 50px 0;
    display: block;
    text-decoration: none;
}
#submain .exchange ul li a:hover {
    background: #FCFCFC;
    color: #000;
}
#submain .exchange ul li a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}
#submain .exchange ul li a:hover div:first-child {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
#submain .exchange ul li a:hover section h2:after {
    right: 10px;
}
#submain .exchange ul li a div {
    float: left;
    padding: 0 20px;
}
#submain .exchange ul li a section {
    float: left;
    width: 400px;
}
#submain .exchange ul li a section h2 {
    margin: 0 0 20px;
    border: none;
    position: relative;
}
#submain .exchange ul li a section h2:after {
    content: "\f054";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#submain .exchange ul li a section p {
    padding: 0;
}
#submain .exchange ul li a .new_icon {
    position:absolute;
    top:15px;
    left:30px;
    color:#FFF;
    font-weight:bold;
    font-size:12px;
    width:120px;
    line-height:23px;
    background:#F00;
    text-align:center;
}


/*------    初めての方へ151029    ------*/

#submain .about a,
#submain .about a img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#submain .about a:hover img {
    opacity: 0.8;
}
#submain .about .main {
    margin: 0 0 36px;
}
#submain .about .feature {
    list-style-type: none;
    margin: 0 0 60px;
    padding: 0;
}
#submain .about .feature li {
    padding: 50px 0;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
}
#submain .about .feature li .img {
    float: right;
    width: auto;
}
#submain .about .feature li div {
    float: left;
    width: 380px;
}
#submain .about .feature li div h2 {
    border: none;
    margin-bottom: 20px;
    padding: 0;
}
#submain .about .feature li div span {
    font-size: 18px;
    color: #F54B8C;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
#submain .about .feature li div a {
    background: #F54B8C;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 40px;
    width: 180px;
    margin: 0 auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    text-decoration: none;
}
#submain .about .feature li div a:hover {
    background:#CA2967;
}
#submain .about .feature li div a:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0.5em 0 0;
}
#submain .about .feature li.save {
    padding: 0 0 40px;
}
#submain .about .feature li.save .img {
    margin-top: 36px;
}
#submain .about .feature li.exchange .img {
    float: left;
    margin: 0;
}
#submain .about .feature li.exchange div {
    float: right;
}
#submain .about .able {
    margin: 0 0 60px;
}
#submain .about .able h2 {
    background: #FEEFF4;
    border-bottom: 1px solid #F54B8C;
    border-left: 5px solid #F54B8C;
    line-height: 44px;
    padding: 0 0 0 15px;
    color: #F54B8C;
    margin: 0 0 20px;
}
#submain .about .able p.size_l {
    font-size: 16px;
    padding: 0 0 30px;
}
#submain .about .able .taget h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px;
}
#submain .about .able .taget h3:before {
    content: "\f1db";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #F54B8C;
    margin: 0 0.2em 0 0;
}
#submain .about .able .taget .serviceList {
    margin: 0 0 30px -15px;
    list-style-type: none;
    padding: 0;
}
#submain .about .able .taget .serviceList li {
    width: 250px;
    float: left;
    background: #F3F3EB;
    border-top: 4px solid #F54B8C;
    padding: 10px;
    margin: 0 0 15px 15px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#submain .about .able .taget .serviceList li h4 {
    text-align: center;
    padding: 5px 0;
    font-size: 17px;
}
#submain .about .able .taget .serviceList li h4 sup {
    color: #F00;
    margin: 0 0 0 0.2em;
}
#submain .about .able .taget .serviceList li div {
    margin: 0 0 0 -4px;
}
#submain .about .able .taget .serviceList li div span {
    float: left;
    margin: 0 0 0 4px;
}
#submain .about .able .taget .serviceList li p {
    margin: 10px 0 0;
    padding: 0;
}
#submain .about .flow h2 {
    background: #FEEFF4;
    border-bottom: 1px solid #F54B8C;
    border-left: 5px solid #F54B8C;
    line-height: 44px;
    padding: 0 0 0 15px;
    color: #F54B8C;
    margin: 0 0 20px;
}
#submain .about .flow ul {
    list-style-type: none;
    margin: 0 0 20px -20px;
    padding: 0;
}
#submain .about .flow ul li {
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
}
#submain .about .flow ul li a {
    display: block;
    width: 368px;
    line-height: 68px;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #F54B8C;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px;
    text-decoration: none;
}
#submain .about .flow ul li a:after {
    content: "\f078";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
}
#submain .about .flow ul li a:hover {
    border: 1px solid #F54B8C;
}
#submain .about .flow section h3 {
    font-size: 24px;
    color: #F54B8C;
    padding: 0px;
    margin: 10px 0px 30px;
}
#submain .about .flow section .steptit {
    width: 118px;
}
#submain .about .flow section .step_a,#submain .e_login .acordion__body {
    display: none;
}
#submain .about .flow section .step_a,#submain .e_login .acordion__body .step_a {
    background-image: url("../images/about/flow_bg01.png");
    font-size: 16px;
}
#submain .about .flow section .step_a .steptit ,#submain .e_login .acordion__body .step_a .steptit{
    color: #A86F22;
}
#submain .about .flow section .step_b ,#submain .e_login .acordion__body .step_b {
    background-image: url("../images/about/flow_bg02.png");
    font-size: 16px;
}
#submain .about .flow section .step_b .steptit ,#submain .e_login .acordion__body .step_b .steptit{
    color: #666;
}
#submain .about .flow section .stepmain span {
    color: #F54B8C;
}
#submain .about .flow section .stepmain .go_dt_btn a {
    width: 150px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    padding: 0;
}
#submain .about .flow section h4 {
    font-size: 20px;
    color: #000;
    border-bottom: 2px solid #F54B8C;
    margin: 0px 0px 15px;
    padding: 0px;
    line-height: normal;
}




/*------    簡単ログイン151125    ------*/
#submain .e_login p{
    font-size: 16px;
}
#submain .e_login a,
#submain .e_login a img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#submain .e_login a:hover img {
    opacity:0.8;
}
#submain .e_login section {
    margin-bottom:60px;
}
#submain .e_login section h2 {
    margin:0 0 25px;
}
#submain .e_login .how {
    margin-bottom:20px;
}
#submain .e_login .how .txt_mm span {
    color:#3F9E38;
    font-weight:bold;
}
#submain .e_login .how ul {
    overflow:hidden;
    margin:0 0 20px -40px;
    padding:0;
}
#submain .e_login .how ul li {
    float:left;
    margin:0 0 15px 40px;
    padding:0;
    width:400px;
    list-style-type:none;
}
#submain .e_login .how ul li > img {
    float:right;
    margin:0 0 0 10px;
}
#submain .e_login .how ul li h3 {
    font-size:22px;
    margin:0 0 10px;
    line-height:1.6;
}
#submain .e_login .how ul li p {
    padding:0;
}
#submain .e_login .how ul li.wide {
    width:840px;
    height:auto;
}
#submain .e_login .how p.entrybtn {
    text-align:center;
}
#submain .e_login .flow ol {
    margin:0 0 30px;
    padding:0;
}
#submain .e_login .flow ol li {
    display:table;
    border:1px solid #CCC;
    position:relative;
    margin:55px 0 0;
    padding:20px 20px 20px 25px;

}
#submain .e_login .flow ol li:after {
    content:"";
    position:absolute;
    top:-35px;
    left:50%;
    margin:0 0 0 -15px;
    width:30px;
    height:15px;
    background:url(../images/e_login/how_flow_arrow.png) no-repeat;
}
#submain .e_login .flow ol li.step01 {
    margin:30px 0 0;
}
#submain .e_login .flow ol li.step02 {
    padding:40px 20px 40px 25px;
}
#submain .e_login .flow ol li.step03 {
    padding:25px 20px 25px 25px;
}
#submain .e_login .flow ol li.step05 {
    padding:60px 20px 60px 25px;
}
#submain .e_login .flow ol li.step01:after {
    background:none;
}
#submain .e_login .flow ol li p {
    width:auto;
    display:table-cell;
    vertical-align:middle;
    padding:0 10px 0 0;
    font-size: 14px;
}
#submain .e_login .flow ol li p a {
    color:#F54B8C;
}
#submain .e_login .flow ol li p small {
    margin:10px 0 0 1em;
    line-height:1.6;
    color:#777;
    text-indent:-1em;
}
#submain .e_login .flow ol li img {
    float:right;
}
#submain .e_login .flow ol li img.list_num {
    position:absolute;
    top:-10px;
    left:25px;
}

/*  入会の流れ 追加分*/
#submain .e_login .e_login__main .main-list:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .e_login .e_login__main .main-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
#submain .e_login .e_login__main .main-list .main-list__item{
    float: left;
    margin-left: 12px;
}
#submain .e_login .e_login__main .main-list .main-list__item:first-child{
    margin-left: 0;
    width: 33%;
}
#submain .e_login .e_login__main .main-list .main-list__item:first-child img{
    width: 100%;
}
#submain .e_login .step{
    padding: 30px 0 70px;
    position: relative;
    display: block;
}
#submain .e_login .step--03 {
    padding-bottom: 0px;
}
#submain .e_login .step:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 42px 54.5px 0 54.5px;
    border-color: #ccc transparent transparent transparent;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -42px;
    bottom: 0;
}
#submain .e_login .step:last-child:after{
    content: none;
}
#submain .e_login .step .step__ttl{
    background: #9FEAC0;
    padding: 10px 10px 7px;
    border-bottom: none;
    margin: 0;
}
#submain .e_login .step .step__inner{
    border: #9FEAC0 3px solid;
    padding: 30px 20px 20px;
}
#submain .e_login .service{
    background: #E7FAEF;
    border-radius: 17px;
    border-top: none;
    box-shadow: none;
    position: relative;
    text-align: center;
    padding-bottom: 60px;
    margin-top: 15px;
}
#submain .e_login .service .service__ttl{
    margin: -35px auto 0;
    text-align: center;
}
#submain .e_login .service .service__list{
    display: inline-block;
}
#submain .e_login .service .btn{
    position: absolute;
    bottom: -2em;
    left: 50%;
    transform: translateX(-50%)
}
#submain .e_login .waon{
    margin: 60px auto 20px;
}
#submain .e_login .waon .waon__ttl{
    margin: 15px auto;
}
#submain .e_login .waon .waon-img-area{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#submain .e_login .waon .waon-img__item{
}
#submain .e_login .waon .waon-img__item .btn{
    margin-right: 20px;
}
#submain .e_login .step--02-count .waon-img-area{
    text-align: center;
}
#submain .e_login .step--02-count .img,
#submain .e_login .step--02-count .step--02-count-box{
    display: inline-block;
}
#submain .e_login .step--02-count .step--02-count-box .btn {
    margin: 0 0 10px 25px;
}
#submain .e_login .step--02-count .step--02-list{
    list-style: none;
}
#submain .e_login .step--02-count .step--02-list .step--02-list__item {
    background: url(../images/e_login/step02_img02.jpg) no-repeat left center;
    padding-left: 25px;
}
#submain .e_login .step--03-count {
    text-align: center;
}
#submain .e_login .step--03-count .img,#submain .e_login .step--03-count .txt{
    display: inline-block;
    text-align: left;
}
#submain .e_login .step--03-count .txt{
    padding-left: 30px;
}

#submain .e_login .btn{
    padding-bottom: 0;
    margin-top: 20px;
}
#submain .e_login .btn a{
    color: #fff;
    background: #FF7C8F;
    border-radius: 8px;
    padding: 0.7em 2.3em 0.8em;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}
#submain .e_login .btn a:hover{
    background: #B25664;
}

#submain .e_login .btn a:after{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -.8em;
}
#submain .e_login .acordion .acordion__head{
    background: #FFE795;
    font-size: 20px;
    font-weight: bold;
    padding: .5em;
    position: relative;
    margin-bottom: 13px;
}
#submain .e_login .acordion .acordion__head:after{
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: .5em;
}
#submain .e_login .acordion .acordion__head.active:after{
    content: "\f106";
    font-family: 'FontAwesome';
}
#submain .e_login .acordion .acordion__head:hover{
    cursor: pointer;
}
#submain .e_login .acordion .acordion__body{
    margin-left: 0;
}
#submain .e_login .acordion .acordion__body h3 {
    color: #f54b8c;
    font-size: 24px;
    margin: 10px 0 30px;
    padding: 0;
}
#submain .e_login .acordion .acordion__body h4 {
    border-bottom: 2px solid #f54b8c;
    color: #000;
    font-size: 20px;
    line-height: normal;
    margin: 0 0 15px;
    padding: 0;
}

#submain .e_login .stepmain span {
    color: #f54b8c;
}
#submain .e_login .stepmain{
    width: 600px;
}
#submain .e_login .go_dt_btn a{
    font-size: 14px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 150px;
}
#submain .e_login .sp{
    display: none;
}

@media only screen and (max-width: 750px) {
    #submain .e_login .sp{
        display: block;
    }
    #submain .e_login .pc{
        display: none;
    }
    #submain .e_login .e_login__main .main-list .main-list__item{
        float: left;
        margin-left: 2%;
        width: 30%;
    }

    #submain .e_login .step{
        padding: 15px 0 30px;
    }
    #submain .e_login .step:after{
        border-width: 20px 30px 0 30px;
        margin-left: -20px;
    }
    #submain .e_login .step .step__ttl img{
        width: auto;
    }
    #submain .e_login .step .step__inner{
        padding: 10px;
    }
    #submain .e_login .service{
        border-radius: 8px;
        padding-bottom: 15px;
        margin-top: 15px;
    }
    #submain .e_login .service .service__ttl img{
        width: auto;
    }
    #submain .e_login .service .btn{
        position: static;
        transform: translateX(0%);
        width: auto;
    }
    #submain .e_login .waon{
        margin: 30px auto 10px;
    }
    #submain .e_login .waon .waon-img-area{
        display: block;
        text-align: center;
    }
    #submain .e_login .waon .waon-img__item{
        text-align: left;
    }
    #submain .e_login .waon .waon-img__item .btn{
        margin-right: 0;
    }
    #submain .e_login .waon .waon-img__item .btn a{
        padding-left: 1.2em;
        padding-right: 1.8em;
        font-size: 13.5px;
    }
    #submain .e_login .step--02-count{
        text-align: center;
    }
    #submain .e_login .step--02-count .step--02-count-box .btn {
        display: block;
        margin: 10px 0 0;
    }
    #submain .e_login .step--02-count .step--02-list {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    #submain .e_login .step--02-count .step--02-list .step--02-list__item {
        background: url(../images/e_login/step02_img02.jpg) no-repeat left 8px;
        padding-left: 25px;
    }
    #submain .e_login .step--03-count {
        text-align: center;
    }
    #submain .e_login .step--03-count .img,#submain .e_login .step--03-count .txt{
        margin-top: 15px;
    }
    #submain .e_login .step--03-count .txt{
        padding-left: 0px;
        text-align: center;
    }
    #submain .e_login .btn{
        margin-top: 1em;
    }
    #submain .e_login .btn a{
        font-size: 15px;
        padding: 0.7em 2.3em 0.8em;
    }
    #submain .e_login .btn a:after{
        margin-top: -.9em;
    }
    #submain .e_login .acordion .acordion__head{
        font-size: 18px;
    }
    #submain .e_login .acordion .acordion__body h3 {
        color: #f54b8c;
        font-size: 20px;
        margin: 10px 0 .5em;
    }
    #submain .e_login .acordion .acordion__body h4 {
        font-size: 18px;
        margin: 0 0 .5em;
    }

    #submain .e_login .stepmain{
        width: calc(100% - 85px);
    }



}
@media only screen and (max-width: 460px) {
    #submain .e_login .e_login__main .main-list .main-list__item{width: 48%;}
    #submain .e_login .e_login__main .main-list .main-list__item:last-child{
        margin-left: 2%;
    }
    #submain .e_login .e_login__main .main-list .main-list__item:first-child{
        display: block;
        width: 80%;
        text-align: center;
        margin: 0 auto;
        float: none;
    }
}





/*------    交換ガイド151125    ------*/

#submain dl.guideDl {
    margin: 0 20px 50px;
}
#submain dl.guideDl > dt {
    font-size: 16px;
    border: 3px solid #DDD;
    padding: 15px 20px;
    background: #FAFAFA;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: -3px 0 0;
}
#submain dl.guideDl > dt:after {
    content: "\f103";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    color: #f44b8c;
}
#submain dl.guideDl > dt:hover {
    color: #F44B8C;
    background: #FFFFFF;
}
#submain dl.guideDl > dt.active {
    color: #F44B8C;
    background: #FFFFEE;
}
#submain dl.guideDl > dt.active:after {
    content: "\f102";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#submain dl.guideDl > dd {
    border-left: 3px solid #DDD;
    border-right: 3px solid #DDD;
    border-bottom: 3px solid #DDD;
    display: none;
    margin:0;
}
#submain dl.guideDl > dd p a {
    color:#F54B8C;
}
#submain dl.guideDl > dd p.note,
#submain .exchange_money_ameba .exchange_money_ameba_touroku p.note {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 0;
    margin: 0;
}
#submain dl.guideDl > dd ol,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol {
    padding: 20px;
}
#submain dl.guideDl > dd ol > li,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li.ameba_touroku_list01{
    display: table;
    width: 100%;
    margin: 0 0 30px;
    padding:0;
    background: url(../images/point/guide_flow01.gif) no-repeat 0 center;
}
#submain dl.guideDl > dd ol > li + li,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li.ameba_touroku_list02{
    background: url(../images/point/guide_flow02.gif) no-repeat 0 center;
}
#submain dl.guideDl > dd ol > li + li + li ,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li.ameba_touroku_list03{
    background: url(../images/point/guide_flow03.gif) no-repeat 0 center;
}
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li.ameba_touroku_list03:after {
    background:none;
}
#submain dl.guideDl > dd ol > li + li + li + li {
    background: url(../images/point/guide_flow04.gif) no-repeat 0 center;
}
#submain dl.guideDl > dd ol > li + li + li + li + li {
    background: url(../images/point/guide_flow05.gif) no-repeat 0 center;
}
#submain dl.guideDl > dd ol > li + li + li + li + li + li {
    background: url(../images/point/guide_flow06.gif) no-repeat 0 center;
}
#submain dl.guideDl > dd ol > li + li + li + li + li + li + li {
    background: url(../images/point/guide_flow07.gif) no-repeat 0 center;
}
#submain dl.guideDl > dd ol > li:after,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li:after {
    content: "";
    background: url(../images/point/guide_arrow.gif) no-repeat;
    width: 20px;
    height: 10px;
    position: absolute;
    left: 130px;
    bottom: -20px;
}
#submain dl.guideDl > dd ol > li > p ,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li p,
#submain dl.guideDl > dd ol > li.credit06 > div {
    width: 52.5%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 55px;
}
#submain dl.guideDl > dd ol > li.credit06 > div p {
    margin-bottom: 10px;
    padding: 0;
}
#submain dl.guideDl > dd ol > li.credit06 > div .credit_card {
    background: #f2f2f2;
    padding: 5%;
}
#submain dl.guideDl > dd ol > li.credit06 > div .credit_card .credit_logo {
    background: #FFF;
    text-align: center;
    padding: 5px;
}
#submain dl.guideDl > dd ol > li.credit06 > div .credit_card ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#submain dl.guideDl > dd ol > li.credit06 > div .credit_card ul li {
    list-style-type: none;
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
}
#submain dl.guideDl > dd ol > li.credit06 > div .credit_card ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: #333;
    position: relative;
    left: 0;
    top: -3px;
    margin-right:8px;
}
#submain dl.guideDl > dd .guide_selection {
    margin:0;
}
#submain dl.guideDl > dd .guide_selection dt {
    font-size: 14px;
    border-top: 3px solid #DDD;
    border-left: 20px solid #DDD;
    padding: 12px 20px;
    background: #FFF;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: -3px 0 0;
}
#submain dl.guideDl > dd .guide_selection dt::after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    color: #F44B8C;
}
#submain dl.guideDl > dd .guide_selection dt:hover,
#submain dl.guideDl > dd .guide_selection dt.active {
    color: #F44B8C;
    background: #FFFFEE;
}
#submain dl.guideDl > dd .guide_selection dt.active::after {
    content: "\f106";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#submain dl.guideDl > dd .guide_selection dd {
    border-top: 3px solid #DDD;
    display: none;
    margin: 0;
}
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li p span {
    padding: 10px;
    background: #F2F2F2;
    line-height: 1.6;
    margin: 10px 0 0;
    display:block;
    font-size:12px;
}
#submain dl.guideDl > dd ol > li > img ,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li img{
    float: right;
    width:78.94736%;
}



#submain .exchange_money_ameba .exchange_money_ameba_touroku{

}


/*------    メルマガバックナンバー151127    ------*/
#submain dl.mmbn_area {
    margin: 0px 0px 30px;
    border: 3px solid #CCC;
    padding: 20px;
}
#submain dl.mmbn_area dt {
    font-weight: bold;
    font-size: 16px;
    float: left;
    line-height: 16px;
    margin: 0 20px 0 0;
}
#submain dl.mmbn_area dd {
    font-size: 14px;
    margin: 0px;
    line-height: 16px;
}
#submain dl.mmbn_list {
    overflow:hidden;
    font-size:14px;
    margin:0;
    padding:20px;
}
#submain dl.mmbn_list dt {
    float: left;
    width: 20%;
}
#submain dl.mmbn_list dt span {
    margin:0 0 0 10px;
    background:#4277AD;
    color:#FFF;
    font-size:70%;
    padding:3px 5px;
    border-radius:3px;
}
#submain dl.mmbn_list dd {
    float: left;
    width: 80%;
    margin: 0px 0px 10px;
}


/*------    バースデーキャンペーン160329    ------*/

#submain #birthday_cam p{
    margin:0 0 15px;
    padding:0;
}

#submain #birthday_cam .txt18{
    font-size:18px;
}
#submain #birthday_cam h3{
    color: #fff !important;
    font-size: 150%;
    margin: 0 0 5px;
    padding: 10px;
}
#submain #birthday_cam h3{
    color: #fff;
    font-size: 150%;
    margin: 30px 0 20px;
    padding: 10px;
}
#submain #birthday_cam h2{
    margin: 20px 0 15px;
}
#submain #birthday_cam h3.pink{
    background-color:#F54B8C;
}
#submain #birthday_cam h3.blue{
    background-color:#14BBDE;
}
#submain #birthday_cam .bigbtn a{
    background-color: #FF9900;
    background-image: url("../images/btn_ico_a.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 9px auto;
    border-bottom: 2px solid #BD7200 !important;
    border-left: medium none;
    border-radius: 5px;
    border-right: 2px solid #BD7200 !important;
    border-top: medium none;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    display: block;
    font-size: 28px;
    font-weight: bold;
    line-height: 100%;
    padding: 20px 0;
    text-decoration: none;
    width: 100%;
}
#submain #birthday_cam .bigbtn a:hover{
    background-color: #BD7200;
}
@media screen and (max-width:750px){
    #submain #birthday_cam .txt18{
        font-size:14px;
    }
    #submain #birthday_cam h3{
        color: #fff;
        font-size: 120%;
        margin: 30px 0 15px;
        padding: 5px;
    }
    #submain #birthday_cam h2{
        margin: 20px 0 15px;
    }
    #submain #birthday_cam .bigbtn a{
        font-size: 20px;
        padding: 15px 0;
    }
}

/*------    倍返しキャンペーン160329    ------*/
#submain #baigaeshi h2.noline{
    margin: 20px 0 15px;
}
#submain #baigaeshi p.bigtext {
    font-size: 120%;
    font-weight: bold;
    list-style: outside none none;
}
#submain #baigaeshi p.bigtext::before {
    content: none;
}
#submain #baigaeshi ul.exchange1{
    list-style:none;
    margin: 0 0 40px;
    overflow: hidden;
    padding: 0;
}
#submain #baigaeshi ul.exchange1 li{
    list-style:none;
    float:left;
    margin: 0 8px;
}
#submain #baigaeshi ul.exchange2{
    list-style:none;
    margin: 0 auto 40px;
    overflow: hidden;
    padding: 0;
    width: 820px;
}
#submain #baigaeshi ul.exchange2 li{
    list-style:none;
    float:left;
    margin: 0 10px 10px;
}
#submain #baigaeshi ul.exchange2 li:nth-child(4){
    list-style:none;
    float:left;
    margin: 0 10px 0 145px;
}
@media screen and (max-width:750px){
    #submain #baigaeshi h2.noline{
        margin: 20px 0 15px;
    }
    #submain #baigaeshi p.bigtext {
        font-size: 90%;
        font-weight: bold;
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    #submain #baigaeshi p.bigtext::before {
        content: none;
    }
    #submain #baigaeshi ul.exchange1{
        margin: 0 0 20px;
        padding: 0;
    }
    #submain #baigaeshi ul.exchange1 li{
        margin: 0 1%;
        width: 31%;
    }
    #submain #baigaeshi ul.exchange1 li:nth-child(4){
        margin: 0 1% 0 18%;
    }
    #submain #baigaeshi ul.exchange2{
        width: 100%;
        margin: 0 0 20px;
    }
    #submain #baigaeshi ul.exchange2 li{
        margin: 0 1%;
        width: 48%;
    }
    #submain #baigaeshi ul.exchange2 li:nth-child(4){
        margin: 0 1%;
    }
}


/*------    フォーム    ------*/


/**************スマホ******************/
@media screen and (max-width:750px){
body {
    overflow-x: hidden;
}
#wrap {width: 100%;}
.smaon{display: block;}
.smaoff{display: none;}
.txt_s{font-size: 10px!important;}
.txt_m{font-size: 16px!important;}
.txt_l{font-size: 20px!important;}
.txt_ll{font-size: 30px!important;}
/*******************************************ベース*************************************************/
#wrap{
    width:100%;
}
#nomenu{padding-top: 20px;}
#nomenu #submain{
    width: 100%;
    float: none;padding-bottom: 20px;
}
#main{
    width: 100%;
    float: none;
    padding-left: 0px;
}
#submain{
    width: 100%;
    float: none;
    padding-left: 0px;padding-bottom: 0px;
    margin-bottom: 10px;
}
/****ヘッダー　ナビ****/
header{border-bottom: 1px solid #F54B8C;}
header .inner {
    width: auto;
}
header .snipet {
    top:2px;
    left:2px;
    width:auto;
    margin:0;
}
#submain header{border-bottom-style: none;}
#sitelogo{
    margin: 0px;
    padding: 17px 0 7px 2.5%;
    width: 180px;
    float: none;
}
#sitelogo a{display: block;}
#sitelogo img{width: 100%;height: auto;}
#headtel{display: none;}
nav{
    width: 100%;
    float: none;
}
#menu{
    display: block;
    background-color: #F54B8C;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    clear: both;
}
#menu a{
    color: #fff;
    display: block;
    text-decoration: none;
    line-height: 47px;
}
#menu img{
    padding-right: 8px;
    vertical-align:middle;
}
#smamenubox{
    background-color: #fff;
    z-index: 100;
    display: none;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.6);
}
ul#mainnavi{
    list-style-type: none;
    margin: 0;padding: 0;
}
ul#mainnavi li{
    border-left: none;
    float: none;
    border-bottom: 1px solid #ccc;
}
ul#mainnavi li br{
    display: none;
}
ul#mainnavi li a{
    text-decoration: none;
    display: block;
    background-image: url(../images/btn_ico_c.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 7px auto;
    font-size: 16x;
    line-height: 100%;
    text-align: left;
}
ul#mainnavi li a:hover{
    text-decoration: underline;
}
ul#mainnavi li a span{
    font-size: 12px;
    display: inline-block;
    margin: 0 3px 0 0;
    }
ul#mainnavi li#home a{
    padding:15px;
    width: auto;
    height: auto;
}
ul#mainnavi li#tame a{
    padding:15px;
    width: auto;
    height: auto;
}
ul#mainnavi li#tuka a{
    padding:15px;
    width: auto;
    height: auto;
}
ul#mainnavi li#camp a{
    padding:15px;
    width: auto;
    height: auto;
}
ul#mainnavi li#sear a{
    padding:15px;
    width: auto;
    height: auto;
}
ul#subnavi{
    position: static;
    width: 100%;
    margin: 0;padding: 0;
}
ul#subnavi li{
    line-height: 100%;list-style-type: none;font-size: 14px;
    background-position: 20px center;
    float: none;
    margin: 0px;padding: 0;
    background-color: #ECECEC;
    border-bottom: 1px solid #ccc;
}
ul#subnavi li.mmbn {
    display:block;
}
ul#subnavi a{display: block;padding: 10px 0 10px 30px; }
#headlogin{
    width: 30%;
    position: absolute;top: -44px;right: 2.5%;z-index: 99;
}
#headnavitel{display: block;font-size: 12px;padding: 2.5%; line-height: normal;}
#headnavitel a,#foottel a{display: block;border: 1px solid #ccc;padding: 10px;text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,    rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom,    rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
#headnavitel a img,#foottel a img{width: 80%;height: auto;}
/******メインステージ*******/
#mainstagearea{margin:0;}
#sma_mainstage{padding:2.5% 2.5% 0 2.5%;background-color: #fff;}
#mainstagearea h1{background-color: #F54B8C;color: #fff;font-size: 16px;padding: 7px;margin: 0;font-weight: normal;}
#sma_mainstage img,sma_tsukaustage img{width: 100%; height: auto;}
#sma_tamestage,#sma_tsukaustage{background-color: #E9CDA2;padding: 10px 6%;}
#tameruarea h1{background-color: #6EB92B;color: #fff;font-size: 16px;padding: 7px;margin: 0;font-weight: normal;}
ul.bxslider_m,ul.bxslider_m li{margin: 0;padding: 0;list-style-type: none;}
.bxslider_d,.bxslider_e{padding: 0;margin: 0;background-color: #E9CDA2;}
.bxslider_d img,.bxslider_e img{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: auto;
}
.bx-wrapper .bx-prev {
    left: -15px;
    background: url(../images/btn_back.png) no-repeat 0 0;
    background-size: 40px auto;
}
.bx-wrapper .bx-next {
    right: -15px;
    background: url(../images/btn_next.png) no-repeat 0 0;
    background-size: 40px auto;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    outline: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    z-index: 9999;
    opacity: 0.7;
}
#sma_tamestage .bx-wrapper {
    margin-bottom:30px;
}
#sma_tamestage .bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF;
}
#sma_tamestage .bx-wrapper .bx-pager.bx-default-pager a:hover,
#sma_tamestage .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #6EB92B;
}

#sma_tamebana,#sma_tsukaubana{background-color: #F4E6D0;}
#sma_tamebana ul{list-style: none;padding:0;margin: 0;}
#sma_tamebana ul li{float: left;margin: 0;padding: 2% 1% 2% 2%;width: 47%;}
#sma_tamebana ul li:nth-child(even){float: left;margin: 0;padding: 2% 2% 2% 1%;width: 47%;}
#sma_tamebana ul li img{width: 100%;height: auto;}
#tsukauarea h1{background-color: #3ABCDC;color: #fff;font-size: 16px;padding: 7px;margin: 0;font-weight: normal;}
#sma_tsukaubana h1 {
    background:#FBA300;
    color:#FFF;
    font-size:20px;
    padding:7px;
    margin: 0 0 10px;
}
#sma_tsukaubana h1 span {
    font-size:14px;
    margin-right:5px;
}
#sma_tsukaubana p {
    margin:0;
    padding:0 8px;
    font-size:14px;
    color:#50350D;
}
#sma_tsukaubana ul{list-style: none;padding:2% 0 0 0;margin: 0;}
#sma_tsukaubana ul li{text-align: center;margin: 0;}
#sma_tsukaubana ul li img{padding: 0 1% 2% 1%; vertical-align: bottom;}
/*****TOP*******/
.loginbnr_area {
    text-align:center;
    padding:0 2.5%;
}
.loginbnr_area img {
    max-width:100%;
    height:auto;
}
.loginbnr_area ul {
    margin:-10px 0 15px;
    padding:0 0 15px;
    border-bottom:1px dotted #CCC;
}
.loginbnr_area ul:last-child {
    border:none;
}
.loginbnr_area ul li {
    float:left;
    width:49%;
    margin:10px 0 0;
    list-style-type:none;
    padding:0;
}
.loginbnr_area ul li:nth-of-type(even) {
    float:right;
}


/****コンテンツ****/
.indexcontents_box{
    background-color: #fff;padding:0px;margin-bottom: 20px;
}
.indexcontents_box h1{font-size: 16px;padding: 7px;}
.indexcontents_box .banaarea p{float: left;padding: 2% 0 0 2%;margin: 0;width: 47%;}
    .indexcontents_box .banaarea p img{width: 100%;height: auto;}
.indexcontents_box .banaarea{overflow: hidden;}
.banain{
    width: 100%;
}
.newsliststyle{padding: 8px 0;margin: 0;}
.newsliststyle dl{
    padding: 0;margin: 0;
    border-bottom: 1px solid #ECECEC;
}
.newsliststyle dl dt{
    width: auto;
    float: none;padding: 9px 0 0 2.5%;margin: 0;
}
.newsliststyle dl dd{
    width: 95%;
    float: none;padding: 5px 0 5px 2.5%;margin: 0;
}
.listbottomlink{
    text-align: left;padding-right: 0px;padding-left:27px;
    background-image: url(../images/ico_list.gif);
    background-repeat: no-repeat;
    background-position: 2.5% center;
    background-size:12px auto;
}
#shoparea{
    background-color: #F4DE25;padding: 2.5%;position: relative;margin-bottom: 0px;
}
#shoparea h1{color: #f60;font-size: 16px;padding: 0 0 7px 0;position: static;margin: 0;font-weight: normal; background-color:transparent;}
#shoparea .layout_a{
    width: 100%;float: none;background-color: #fff;clear: both;margin-bottom: 2px;
}
#shoparea .layout_b,#shoparea .layout_c{
    width: 95%;padding: 2.5%;float: none;background-color: #fff;margin-bottom: 2px;
}
#slidarea{padding: 10px 6%;}
#slidarea li img{
    width: auto;height: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
ul.bxslider_b,ul.bxslider_b li{
    margin: 0;padding: 0;list-style-type: none;
}
#shoparea .layout_b h2,#shoparea .layout_c h2{
    color: #F08619;font-size: 14px;margin: 0;padding: 0 0 5px 0;clear: both;
}
.shopnumarea{width: 25%;padding-bottom: 0px;}
.shopnumarea h3{font-size: 12px;}
ul#newshop{
    margin: 0;padding: 0 0 10px 0;list-style-type: none;
    border-top: 1px solid #ECECEC;
}
ul#newshop li{padding:10px 0;}
#shopbottomarea{clear: both;text-align: center;padding: 5px 0 0 0;}
#shopbottomarea p{margin: 0;padding: 0 0 5px 0;}
#shopbottomarea p:last-child{margin: 0;padding: 0;}
#shopbottomarea p img{width: 100%;height: auto;}
/**********************サイドバー************************/
#sidebar{width: 100%;float: none;padding-right:0px;padding-bottom: 0px;}
#loginbana,
#subsidemenu{display: none;}
#wrap #contents #sidebanaarea .sidebanaarea_login {
    margin:0 4% 4%;
}
#sidebanaarea > p {
    padding:0 4% 4%;
}

#subnavi nav{
    margin: 0;
    padding: 0 0 4%;
    width: 100%;
    border: none;
}
#sidebar > p {
    padding:0 2.5%;
}
/***********************フッター************************/
footer{border-bottom: 1px solid #ccc;padding: 0;margin: 0;background-color: #ECECEC;}
#footlogo{width: 95%;float: none;padding: 2.5%;}
#footlogo img{width: 100%;height: auto;}
#foottel{padding: 1.5% 0;}
#sitemapbtn{padding: 2.5%;border-top: 1px solid #ccc;}
#sitemapbtn a{
    display: block;background-color: #ccc;padding: 10px;
    text-align: center;color: #000;font-weight: bold;text-decoration: none;
    background-image: url(../images/sma/ico_sitemap.png);background-repeat: no-repeat;
    background-position: 4% center;background-size:20px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#footsitemap{width: 95%;float: none;margin: 0 2.5% 2.5% 2.5%;padding-top: 10px; border-top: 1px solid #ccc;display: none;}
#footsitemap .fsmbox{width: 100%;float: none;}
.fsmbox h1{font-size: 14px;margin: 0;padding: 5px 5px;background-color: #ccc;}
.fsmbox ul{margin: 0;padding: 0;border-top: 1px solid #ccc;}
.fsmbox ul li{border-bottom: 1px solid #ccc;}
.fsmbox ul li a{
    padding: 7px 15px;display: block;
    background-image: url(../images/btn_ico_c.png);background-repeat: no-repeat;
    background-position: 97% center;background-size:7px auto;
}
#pagebottom{clear: both;background-color: #fff;text-align: center;padding-bottom: 10px;overflow: hidden;width: 100%;}
#bottomlogo{padding: 15px;}
#pagebottom ul{width: 95%;}
#pagebottom li{width: 50%;}
#pagebottom li:nth-child(5n+1) {
    clear:none;
}
#pagebottom li:nth-child(2n+1) {
    clear:both;
}
#copyright{font-family:"Helvetica",sans-serif;font-size: 8px;padding: 10px;overflow: hidden;}

.policybtm ul {
    padding:0;
    border-top:1px solid #ccc;
}
.policybtm li {
    display:block;
    border-left:none;
    margin-bottom:0;
    padding:0;
    border-bottom:1px solid #ccc;
}
.policybtm li a {
    display:block;
    padding:10px 0;
}

#btngotop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    z-index: 9999;
}
#btngotop img{width: 100%;height: auto;}
/**************デバイススイッチ****************/
#dev_swich{background-color: #fbfbfb;padding: 2.5%;}
#dev_swich ul{list-style: none;margin: 0;padding: 0;}
#dev_swich ul li{float: left;font-size: 14px;font-weight: bold;width: 42.5%;text-align: center;}
#dev_swich ul li.titli{width: 15%;padding: 13px 0;}
#dev_swich ul li button{
    color: #000;display: block;padding: 12px 0;border: 1px solid #ccc;text-decoration: none;width: 100%;font-weight: bold;
}
#dev_swich ul li.act button{
    background-image: -moz-linear-gradient(top, #c8c8c8, #ededed);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#c8c8c8), to(#ededed));
    background-image: -webkit-linear-gradient(top, #c8c8c8, #ededed);
    background-image: linear-gradient(top, #c8c8c8, #ededed);
}
#dev_swich ul li.pcbtn button{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:0px;
    background-image: -moz-linear-gradient(top, #ffffff, #ededed);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ededed));
    background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
    background-image: linear-gradient(top, #ffffff, #ededed);
}
#dev_swich ul li.spbtn button{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-bottomleft:0px;
    background-image: -moz-linear-gradient(top, #c8c8c8, #ededed);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#c8c8c8), to(#ededed));
    background-image: -webkit-linear-gradient(top, #c8c8c8, #ededed);
    background-image: linear-gradient(top, #c8c8c8, #ededed);
}
/*****パーツstyle********/
.imgsp{padding: 2%!important;}
.r_img{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}



#submain .r_imgwaku{width: 100%;margin-bottom: 20px;}
#submain .r_imgwaku img{width: 96%;height: auto;}
/*********SUB************/
#contents{padding: 0;margin: 0;}

#submain{width: 95%;padding: 0 2.5%;}

#contents .no-side {
    padding: 0 2.5%;
    width: 95%;
}

#submain h1 img{height: 26px;width: auto;}
#submain img {width: 100%; height: auto;}

.imglist{float: left;padding-bottom: 15px; width: 100%;}
.imglist p{float: left; width: 31%; display: block;padding:1%!important;}
.imglist p img{width: 100%; height: auto;}
#submain .imglist br{display: none;}


.imgright{width:100%;height: auto;padding-bottom:10px;padding-left:0;}
.imgleft{width:100%;height: auto;padding-bottom:10px;padding-right:0;}

/* ページネーション　タイプ：[1/5][1][2][3][4][5][>] */
.wp-pagenavi{margin: 0;padding: 20px 0 20px 0;font-size: 14px;}
.pages,.last,.first{display: none;}

#submain .wp-pagenavi a,
#submain .wp-pagenavi span{
    padding:10px 8px;margin-right: 1px;
}
#submain .wp-pagenavi span.extend{padding:10px 0px;border: none;}
/* 前へ　次へ　一覧へ */
#detailbottomnavi{padding: 15px 0 15px 0;}
#submain #backbtnarea{float: left;width: 30%;text-align: center;}
#submain #backbtnarea img{width: 9px;height: auto;}
#submain #golistbtn{width: 100px;text-align: center;position: absolute;top:15px;left:50%;margin-left: -50px;}
#submain #nextbtnarea{width: 30%;}
#nextbtnarea img{width: 9px;height: auto;}
/* フリーボイスアイコン */
#submain img.wp-image-1851{width: auto;}
/*****SUBベース*****/
.pan{padding: 8px;margin: 0 0 10px 0;line-height: 150%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;}
#submain #pagetit h1{background-color: #FFF;color: #000;padding: 10px 0 5px 0;margin: 0 0 10px 0; border:none; border-bottom: solid 5px #F54B8C;border-radius: 0;font-size: 20px;}
#submain section h1{font-size: 20px;}
#submain section h1 img{vertical-align:middle;padding-right: 5px;}
#submain h2{font-size: 18px;margin: 0 0 10px 0;}
#submain h3{font-size: 16px;}
#submain h4{font-size: 14px;}
#submain p.catch_s{font-size: 14px;}
#submain p.catch_m{font-size: 18px;}
#submain p.catch_l{font-size: 22px;}
.waku_magenta{padding: 2.5% 2.5% 0 2.5%;}
.waku_magenta2{padding: 2.5% 2.5% 0 2.5%; width:auto;}
.waku_blue{padding: 2.5% 2.5% 0 2.5%;}
.waku_lblue{padding: 2.5% 2.5% 0 2.5%;}
.waku_green{padding: 2.5% 2.5% 0 2.5%;}
.waku_orange{padding: 2.5% 2.5% 0 2.5%;}
.waku_purple{padding: 2.5% 2.5% 0 2.5%;}
.waku_a{padding: 2.5% 2.5% 0 2.5%;}
.waku_point{padding: 2.5% 2.5% 0 2.5%;}
#submain .bigbtn{width: 100%;}
#submain .bigbtn a,#submain .bigbtn input{font-size: 20px;}
#submain .loginbtn{width: 90%;}
#submain .loginbtn a,#submain .loginbtn input{width: 100%; padding:20px 0;}
.loginbtn .txt_l{display: block;margin-bottom: 3px;}
#submain .loginbtn img{width: 35px; height: 34px;}

/*#submain .loginbtn.twin {
    width:100%;
}
#submain .loginbtn.twin a {
    width:90%;
    padding:15px 0px;
    line-height:1;
    font-size:28px;
    margin:10px 0;
}*/
#submain .loginbtn .login .txt_l {
    margin-bottom: 8px;
}
#submain .loginbtn .login img {
    width: 35px;
}
#submain .loginbtn .ticket_buy {
    padding:20px 0px;
}

#submain .freebtn{width: auto;margin: 0;padding: 10px 0 10px 0;text-align: center;}
#submain .freebtn a{
    font-size: 14px;
    text-align: left;padding-left: 10%;
    width: 90%;
}
#submain .bottomline{margin-bottom: 10px;}
#submain .sbtn{width: 50%;padding: 10px 0 15px 0;}
#submain .sbtn a{font-size: 14px;}
#submain .newsliststyle{padding: 0 0 20px 0;margin: 0;}
.entry{padding-bottom: 20px;}
.entry h1 img{width: 100%!important;height: auto!important;}
.oldpagelayout{width: 100%;margin: 0 auto;}
#submain table.twstyle td,#submain table.twstyle th{display:block;}
#submain table.twstyle th{width: 100%!important;box-sizing:border-box;}
.tablescll{width: 100%;overflow-x: scroll;}
#submain table.atmtable{width: 770px;}
#submain table.atmtable th.tabhead{padding-right: 5px;padding-left: 5px;}

.newsliststyle{width: 100%;}
#submain .newsliststyle dt{display: block;padding: 8px 0 0 0;}
#submain .newsliststyle dd{width: 100%;padding: 0;padding-bottom: 13px;}


/*******使う交換する********/
.eximg{float: none;width: 70px;margin: 0;position: absolute;top:8px;right: 8px;}
.extxt{width: 100%;padding-top: 40px;}
#submain .extxt p.catch_m{padding: 0 0 3px 0;}
#submain .extxt p.catch_l{padding: 0 0 3px 0;}
#submain .extxt .go_dt_btn{position: static;width: 100%;display: block;text-align: center;margin-bottom: 10px;}
#submain .exchange ul li a .new_icon {
    top: 5px;
    left: 0;
    width: auto;
    padding: 0 6px;
}

/*****TLCセレクションに交換する*****/
#submain #selectionnav ul{list-style: none;padding: 0;margin: 0;width: 100%;}
#submain #selectionnav ul li{width: 100%;}
#submain #selectionnav ul li a{padding: 10px 0 20px 0;background-position: center 90%;
}
#submain #selectionnav ul li a .navtit{font-size: 15px;}
.serectionlistbox{width: 100%}
.serebox{width: 100%;float: left;margin: 0 0 5px 0;padding: 10.5% 2.5% 2.5%;box-sizing:border-box;}
.serebtn{position:static;}
#submain .serebtn img {width:auto;}
.sereimg{width: 30%;margin: 0 0 5px 2%;float: right;padding: 0;}
.serecac{padding: 8px 0 0 0!important;}
.procode{font-size: 11px;}



.cattag{background-color:#EA464D;color: #fff;font-size: 12px;padding: 5px;display:inline-block;position: static;margin-bottom:8px;}
.cattagg{background-color:#EA464D;color: #fff;font-size: 12px;padding: 5px;display:inline-block;position: static;margin-bottom:8px;}




#selection_a .serebox, #selection_b .serebox, #selection_c .serebox, #selection_d .serebox, #selection_e .serebox, #selection_f .serebox, #selection_g .serebox, #selection_h .serebox, #selection_i .serebox, #selection_j .serebox, #selection_k .serebox{min-height: 0;}
#submain .serebox h3{font-size: 16px; line-height: 130%;}
#submain .serebox p{padding-bottom: 7px; line-height: 130%;}
/*****初めての方*****/
.steptit{width: 80px;padding: 10px 0; float: left;}
.steptit .steptxt{display: block;font-size: 14px;}
.steptit .stepnum{display: block;font-size: 38px;line-height: 100%;}
.stepmain{padding-bottom: 20px;width: 70%;}
.step_a{background-size:80px auto;}
.step_b{background-size:80px auto;}
.step_c{background-size:80px auto;}
.step_tlcbuy{background-size:80px auto;}
.layout_sp{padding-bottom: 40px!important;}

/* Webで申し込み・電話で申し込みボタン */
#webbtn,#telbtn{padding: 0 2.5% 20px 2.5%;width: 95%;}
#submain #webbtn a,#submain #telbtn a{
    font-size: 16px;
}
.layout_herf{width: 100%;padding: 0;}
/*TLCポイント交換ガイド*/
.guidelayout_a{width: 100%;}
.guidelayout_a .stepmain{padding-bottom: 20px;width: 70%;}
#tlcmenu{padding-top: 20px;}
#submain .pt_other a img{
    width: 28%;
    padding-right: 2%;
    margin-bottom: 15px;
}
.imgsizereset_arrow img{width: 20%!important;}
.smaright_a{width: 35%!important;padding-left: 10px;}
/* WAONポイントに交換するSuicaに、Lulucaに */
#lulucabg{
    background-size: auto 80px;
    background-position: center top;
    padding-top:0;
}
#mibg {
    padding-top: 5px;
}
/*エムアイポイントの利用可能店舗*/
#submain .mipoint_shoplist{
    padding:0;
    margin:0;
}
#submain .mipoint_shoplist li{
    padding:10px 1.5%;
    width:30%;
}
#submain .mipoint_shoplist li.shoplist-txt {
    width:100%;
    padding:10px 0;
}
#submain .mi_btn a {
    float:none;
    margin:0 auto;
}
#suicabg{
    background-size: auto 25%;
    background-repeat: no-repeat;
    background-position: right top;
    padding-top:0px;
}
#waonbg{
    background-size: auto 25%;
    background-position: right top;
    padding-top:0px;
}
#moneybg{
    background-size:90% auto;
    background-position: center top;
    padding-top:0px;
}
#moneybg .moneybg_img {
    float:none;
    width:90%;
    margin:0 auto;
}
#moneybg .moneybg_btn {
    float:none;
}
#moneybg .moneybg_btn a {
    min-width:260px;
    width:60%;
    line-height:50px;
    margin:0 auto 0;
}
#moneybg .moneybg_btn a:after {
    margin-left:0.5em;
}
#submain .flowbtn {
    padding:0;
}
#submain .flowbtn li {
    float: none;
    width: auto;
    margin:15px 0;
}
#submain .flowclm .flowbox{float: left;width: 100%;}
#submain .flowclm .flowbox p{width: 90%;}
#submain .flowclm .flowbox .flowimg img {width: 100%;}
#submain ul.nolist{margin-left: 0px;padding-left: 0px;border-top: 1px solid #ccc;}
#submain ul.nolist li{list-style: none;padding: 8px 0 8px 40px;}
#submain .waku_magenta .txt_m img{width: 30px;height: 30px;}
iframe{width: 100%;height: 200px;}
/*規約・約款*/
.kiyakubox{
    padding: 20px 10px;
    height: 150px;
    margin-bottom: 10px;
}
.kiyakubox.min{
    height: 150px;
}
/*お引越しされる場合の手続き*/
.contactlayout{padding-bottom: 10px;}
#submain .contactlayout h3{width: 100%;float: none;padding-top:5px;padding-bottom: 5px;}
.contactlayout_b{width: 100%;padding-bottom: 5px;}
#submain .waon_mov p br{display: none;}
#submain .waon_mov p img{height: 25px; width: auto;}
.waon_mov iframe{width: 100%; height: auto;}
/*****提携店*****/
.waku_wbox{padding: 2.5%}
#shoptab{}
#submain #shoptab ul.horizontal li{margin-right:1%;line-height: 130%;width: 32.3333%;text-align: center;}
#submain #shoptab ul.horizontal li a{padding: 10px 0;font-size: 11px;height: 34px;width: 100%;}
#submain #shoptab ul.horizontal li a img{padding: 0 2px 0 3px;width: 14px;height: 14px;}
.tabarea{background-color: #F4F1E7;padding: 2.5%;}
#map_shizuoka{width: 100%;height: auto;position: relative;background-size: 100% auto;}
#btnseibu{position: absolute;top:34.063745%;left: 13.116883%;width:24.545455%;height: auto;}
#btnchubu{position: absolute;top:3.784861%;left: 37.662338%;width:20.779221%;height: auto;}
#btntobu{position: absolute;top:16.932271%;left: 58.4415584%;width:28.701299%;height: auto;}
#btnizu{position: absolute;top:49.203187%;left: 69.220779%;width:23.376623%;height: auto;}
#map_kanto{width: 100%;height: auto;position: relative;background-size: 100% auto;}
#btntokyo{position: absolute;top:55.167197%;left: 34.675325%;z-index: 3;width:23.766234%;height: auto;}
#btnkana{position: absolute; top:67.594433%; left: 29.350649%; z-index: 1; width:22.467532%; height: auto;}
#btnchiba{position: absolute;top:54.671968%;left: 51.818182%;z-index: 1;width:25.065%;height: auto;}
#btnibara{position: absolute;top:20.27833%;left: 50%;z-index: 1;width:26.883%;height: auto;}
#btntochi{position: absolute;top:8.35%;left: 44.415584%;z-index: 2;width:17.532468%;height: auto;}
#btngunma{position: absolute;top:8.35%;left: 25.324675%;z-index: 2;width:19.091%;height: auto;}
#btnsaita{position: absolute;top:39.165%;left: 29.350649%;z-index: 2;width:25.8442%;height: auto;}
#btnfuku{position: absolute;top:0;left: 39.87013%;z-index: 1;width:44.545455%;height: auto;}
#btnother{position: absolute;top:35.785288%;left: 6.493506%;z-index: 1;width:18.7%;height: auto;}
#janarea{background-color: #fff;padding: 2.5%}
.janbox{float: left;margin-left:0px;width: 49%;padding: 0 0 20px 0;}
.janbox:nth-child(even) {float: right;width: 49%;padding: 0 0 20px 0;}
.janbox:nth-child(odd) {clear: right;}
.janimg{width: 100%;}
/*****提携店list*****/
#sarchtable th,#sarchtable td{display: block;width: 100%;box-sizing:border-box;}
#listlayout .listbox{padding-bottom:15px;margin-bottom:15px;}
#listlayout .listimg{width: 35%;float: right;padding: 0 0 10px 10px;}
#listlayout .listtxtarea{width: 100%;float: none;}
#submain #listlayout h3{border-style: none;padding: 0;margin: 0;}
#submain #listlayout h3 a{color:#F54B8C;text-decoration: none;}
#submain #listlayout h3 a:hover{color:#CA2967;text-decoration: underline;}
#submain #listlayout .listcomment{padding-bottom: 0;margin: 0;}
#submain #listlayout .listcomment p{padding: 0;margin: 0;}
#areabox,#genrebox{padding: 2.5%;}
#submain #areabox ul li{width: 50%;}
#submain #genrebox ul li{width: 50%;}
#searchbtn{width: 100%;}
/* 提携店detail */
#shopmainimg img{width: 100%;height: auto;}
#shoptit{padding: 15px 0 0 0;float: left;width: 69%;}
#submain #shoptit h2{font-size: 20px;border-bottom-style: none;color:#F54B8C;margin: 0;}
#shoplogoarea{float: right;padding-top: 15px;width: 30%;}
#shoplogoarea img{height: auto;width: 100%;max-width: 300px;}
#shopdataarea{clear: both;padding-top: 10px;}
#shopphotoarea{width: 100%;float: none;margin: 0 0 10px 0;overflow: hidden;}
#shopphotoarea ul{list-style: none;padding: 3px 0;margin: 0;width: 102%;}
#shopphotoarea ul li{float: left;width: 25%;}
#shopphotoarea ul li img{width: 95%;height: auto;}
#shopdata table{width:100% !important;}
#shopdata table td,#shopdata table th{display: block;}
#shopeventlist{padding-top: 20px;}
/*****提携店イベントlist*****/
#listlayout.eventlist .listimg{width: 40%;}
#listlayout.eventlist .listimg img{width: 100%;height: auto;}
#listlayout.eventlist .listtxtarea{width: 100%;}
/*****キャンペーンlist*****/
#listlayout.campaignlist .listimg{width: 40%;}
#listlayout.campaignlist .listimg img{width: 100%;height: auto;}
#listlayout.campaignlist .listtxtarea{width: 100%;}
/* 松坂屋コラボ */
.imageFloatLeft{float: left;margin-bottom: 10px;clear: left;}
.imageFloatRight{float: right;margin-bottom: 10px;}
/* ミニサッカー */
.minissentry{width:100%;margin: 0 auto;}
.minisoccoerWaku{
    margin: 0;
    padding: 2.5%;
    background    :url(../images/minisoccer/sma_waku.gif) center bottom no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    width: 95%;
    margin: 0 auto;
}
#contents table.minisoccoerTBL{
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}


/*アンケート・クイズ*/
#submain ul.inputlist li{
    padding:0;
}
#submain ul.inputlist li.w180{
    width:100%;
}
#submain ul.inputlist li.w360{
    width:100%;
}
#submain ul.inputlist li.w100per{
    width:100%;
}
#submain .textarea_w{
    width: 48%;
}


/* アローマメロン現金購入ページ */
#armpage{padding: 0 2.5%;}
#armpage img{width: 100%;height: auto;}
/*フォームCSS*/
.sinput{width: 38%;}

/*フォームCSS*/
#submain ul.inputlist li.w360{
    width:100%;
}


/*新規ご入会アンケートキャンペーン*/
#submain .size_p{
    display:none;
}
#submain .size_s{
    display: block;
}
#submain .nomargin{
    margin:0;
}
#submain .blue_box{
    border-bottom:#004CA2 4px solid;
    border-left:#004CA2 4px solid;
    border-right:#004CA2 4px solid;
    margin-bottom:30px;
}
#submain .padding_10{
    padding:15px 15px    10px;
}

#submain .blue_box .overflowH{
    overflow:hidden;
    width:100%;
}

#submain .blue_box p.midashi1{
    background-color:#EB7BAF;
    border:#FFF 2px solid;
    margin:0;
    padding:5px 0;
    text-align:center;
}
#submain .blue_box p.midashi1 img{
    max-width: 170px;
    width: 50%;
    height:auto;
}
#submain .blue_box p.midashi2{
    background-color:#7DC5C9;
    border:#FFF 2px solid;
    margin:0;
    padding:5px 0;
    text-align:center;
}
#submain .blue_box p.midashi2 img{
    max-width: 170px;
    width: 50%;
    height:auto;
}
#submain .blue_box>div .text_box h3{
    margin:50px 0 0;
    text-align:center;
}
#submain .blue_box>div .text_box p{
    text-align:center;
    padding:0;
}
#submain .blue_box>div .img_box{
    width:100%;
    text-align:center;
}
#submain .blue_box>div .img_box img{
    max-width:190px;
}

#submain .blue_box .kiji01{
    background:url(../images/newentry_camp/num1.gif) no-repeat center 10px, url(../images/newentry_camp/allow1.png) no-repeat center bottom;
    background-size:30px auto;
    padding:5px 5px 15px;

}
#submain .blue_box .kiji02{
    background:url(../images/newentry_camp/num2.gif) no-repeat center 15px, url(../images/newentry_camp/allow1.png) no-repeat center bottom, url(../images/newentry_camp/allow2.png) no-repeat center top;
    background-color:#EEEEEE;
    background-size:30px auto;
    padding:10px 5px 15px;
}
#submain .blue_box .kiji03{
    background:url(../images/newentry_camp/num3.gif) no-repeat center 15px, url(../images/newentry_camp/allow1.png) no-repeat center bottom, url(../images/newentry_camp/allow2.png) no-repeat center top;
    background-size:30px auto;
    padding:10px 5px 15px;
}
#submain .blue_box .kiji04{
    background:url(../images/newentry_camp/num4.gif) no-repeat center 15px, url(../images/newentry_camp/allow2.png) no-repeat center top;
    background-size:30px auto;
    background-color:#EEEEEE;
    padding:10px 5px 15px;
}
#submain .blue_box .kiji05{
    background:url(../images/newentry_camp/num5.gif) no-repeat center 15px, url(../images/newentry_camp/allow1.png) no-repeat center bottom;
    background-size:30px auto;
    padding:10px 5px 15px;
}
#submain .blue_box .kiji05 .text_box>div{
    background-color:#F4F1E7;
    padding:15px;
    margin:5px;
    text-align:left;
}
#submain .blue_box .kiji05 .text_box>div p{
    text-align:left;
}
#submain .blue_box .kiji06{
    background:url(../images/newentry_camp/num6.gif) no-repeat center 15px, url(../images/newentry_camp/allow2.png) no-repeat center top;
    background-color:#FFF100;
    background-size:30px auto;
    padding:10px 5px 15px;
}
#submain .blue_box .kiji06 .text_box{
    z-index:5;
    width:100%;
}
#submain .blue_box .kiji06 h3{
    color:#FF3F00;
}
#submain .blue_box .kiji06 h3 strong{
    font-weight:bold;
    font-size:120%;
}
#submain h1.rrrrr{
    background-color: #f54b8c;
    color: #fff;
    font-size: 22px;
    margin: 0 0 20px;
    padding: 10px 0 10px 15px;
}
#submain .midashi_h1{
    color: #f54b8c;
    font-size: 135%;
    margin: 20px 0 10px;
    padding: 0;
}
#submain .midashi_h2{
    border-bottom: 2px solid #f54b8c;
    color: #000;
    font-size: 115%;
    margin: 0 0 15px;
    padding: 0;
}

#submain .point_end ul {
    margin:20px 10px;
    padding:0;
}
#submain .point_end ul li{
    display:block;
    float:none;
    width:100%;
    margin:0 0 10px;
}

#submain .line_p{
    border:#f54b8c 2px solid;
    margin:30px 0;
    padding:10px 0 0;
}

#submain .link_btn {
    clear: both;
    width: 100%;
}
#submain .link_btn .btn_p {
    margin: 10px auto 30px !important;
    position: relative;
    text-align: center;
    width: 100%;
}

#submain .link_btn .btn_p a {
    background: #f54b8c url("../images/btn_ico_a.png") no-repeat scroll 15px center / 9px auto;
    border-bottom: 2px solid #ca2967;
    border-radius: 5px;
    border-right: 2px solid #ca2967;
    color: #ffffff !important;
    display: block;
    font-size: 140%;
    font-weight: bold;
    padding: 20px 30px 20px 35px;
    text-decoration: none !important;
}
#submain .link_btn .btn_p a:hover {
    background: #ca2967 url("../images/btn_ico_a.png") no-repeat scroll 15px center / 9px auto;
}





.ticket header{
    border-bottom: 1px solid #f54b8c;
    width:100%;
    margin: 0 auto 10px;
}
.ticket #contents{
    width:100%;
    margin-bottom:20px;
}
.ticket #submain {
    padding: 0 2.5%;
    width: 95%;
}
.ticket #copyright{
    padding:0;
    width:100%;
    text-align:center;
    margin: 0 auto;
}
.ticket #submain .form_bigbtn{
    padding: 0 0 20px;
}

.ticket #submain .form_bigbtn .submit input{
    padding: 20px 0;
    font-size: 135%;
}


#submain .link_btn {
    clear: both;
    width: 100%;
}
#submain .link_btn .btn_sp {
    margin: 10px auto 30px !important;
    position: relative;
    text-align: center;
    width: 100%;
}

#submain .link_btn .btn_sp a {
    background: #f54b8c url("../images/btn_ico_a.png") no-repeat scroll 15px center / 9px auto;
    border-bottom: 2px solid #ca2967;
    border-radius: 5px;
    border-right: 2px solid #ca2967;
    color: #ffffff !important;
    display: block;
    font-size: 150%;
    font-weight: bold;
    padding: 20px 30px 20px 35px;
    text-decoration: none !important;
}


/*-------------------イオン×TLC会員サービスコラボ　大抽選会-----------------------*/


.how_title {
    color:#F00;
}




/*---------    貯めるには151029    ----------*/

#submain .service {
    padding: 15px 10px 10px;
}
#submain .service ul {
    margin: 0;
}
#submain .service ul li {
    margin: 0 !important;
    width: 93px;
}
#submain .tv ul {
    padding: 15px;
}
#submain .tv ul li {
    margin-bottom: -3px !important;
    width: 88px;
}
#submain .tv ul li small {
    width:78px;
    min-height:50px;
}
#submain .save h2 {
    margin: 0 0 20px;
}
#submain .save ul.pageLink {
    margin: 0 0 40px;
    padding: 0;
}
#submain .save ul.pageLink li {
    float: none;
    margin: 0 0 10px;
    display: block;
    padding: 0;
    height: auto;
}
#submain .save ul.pageLink li:first-child {
    margin: 0 0 10px;
}
#submain .save ul.pageLink li a {
    width: auto;
    display: block;
    line-height: 58px;
}
#submain .save ul.pageLink li a br {
    display: none;
}
#submain .save ul.pageLink li a:after {
    position: absolute;
    right: 15px;
    top: 0;
}
#submain .save section {
    margin: 0 0 40px;
}
#submain .save section h3 {
    line-height: 1.2;
    padding: 0 10px 0 70px;
    font-size: 20px;
    display: table;
    width: 100%;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#submain .save section h3 span {
    display: table-cell;
    vertical-align: middle;
}
#submain .save section ul {
}
#submain .save section ul li {
    padding: 0;
}
#submain .save section#other div {
    padding: 20px 15px 10px;
}
#submain .save section#other div ul li {
    float: none;
    margin: 0;
    text-align: center;
}
#submain .save section#other div ul li:first-child {
    margin: 0;
}
#submain .save section#other div ul li img {
    width:auto;
}


/*---------    使う・交換する151029    ----------*/

#submain .exchange a.guide_btn {
    padding: 10px;
}
#submain .exchange a.guide_btn:after {
    position: absolute;
    right: 15px;
    top: 35px;
    font-size: 18px;
}
#submain .exchange a.guide_btn h2 {
    float: left;
    margin: 0;
    padding: 10px 50px 10px 5px;
}
#submain .exchange ul li a {
    padding: 20px 0;
}
#submain .exchange ul li a img {
    width: auto;
    max-width: 100%;
}
#submain .exchange ul li a div {
    text-align: center;
    float: none;
}
#submain .exchange ul li a section {
    width: 100%;
    float: none;
    margin: 20px 0;
}
#submain .exchange ul li a section h2 {
    padding: 0 50px 0 0;
}


/*---------    初めての方へ151029    ----------*/

#submain .about .main {
    margin: 0 0 36px;
}
#submain .about .feature {
    margin: 0 0 30px;
}
#submain .about .feature li {
    padding: 30px 0;
}
#submain .about .feature li img {
    width: auto;
    max-width: 100%;
}
#submain .about .feature li .img {
    float: none;
    text-align: center;
    margin: 0 0 20px;
}
#submain .about .feature li div {
    float: none;
    width: auto;
}
#submain .about .feature li.save {
    padding: 0 0 30px;
}
#submain .about .feature li.save .img {
    margin-top: 0;
}
#submain .about .feature li.exchange .img {
    float: none;
    margin: 0 0 20px;
}
#submain .about .feature li.exchange div {
    float: none;
}
#submain .about .able {
    margin: 0 0 30px;
}
#submain .about .able .taget .serviceList {
    margin: 0;
}
#submain .about .able .taget .serviceList li {
    float: none;
    margin: 0 auto 30px;
    min-height:0;
}
#submain .about .flow ul {
    margin: 0 0 20px;
}
#submain .about .flow ul li {
    float: none;
    margin: 0 0 10px;
}
#submain .about .flow ul li a {
    width: auto;
    font-size: 20px;
    padding: 0 20px;
}
#submain .about .flow section .steptit {
    width: 82px;
}


/*---------    簡単ログイン151125    ----------*/
#submain .e_login .how {
    margin-bottom: 40px;
}
#submain .e_login .how img {
    width:auto;
}
#submain .e_login .how ul {
    margin-left:0;
}
#submain .e_login .how ul li {
    width:100%;
    margin:0 0 20px;
    height:auto;
    display:block;
    min-height:0;
}
#submain .e_login .how ul li.wide {
    width:auto;
}
#submain .e_login .how ul li.wide img {
    width:120px;
}
#submain .e_login .how ul li.wide h3 img {
    width:auto;
}
#submain .e_login .how p.entrybtn {
    padding:0 20px;
}
#submain .e_login .how p.entrybtn img {
    width: 100%;
}
#submain .e_login .flow ol li {
    width:auto;
    padding:15px;
    box-sizing:border-box;
}
#submain .e_login .flow ol li.step02 {
    padding:15px;
}
#submain .e_login .flow ol li.step03 {
    padding:15px;
}
#submain .e_login .flow ol li.step05 {
    padding:15px;
}
#submain .e_login .flow ol li p {
    width:auto;
    display:block;
    padding: 0 0 10px 70px;
}
#submain .e_login .flow ol li img {
    width: 100%;
}
#submain .e_login .flow ol li img.list_num {
    position:static;
    float:left;
    margin:0 0 10px;
    width:auto;
}

#submain .e_login .flow a.how_btn {
    width:80%;
    line-height:1.4;
    padding:10px 10px 10px 60px;
    text-align:left;
    box-sizing:border-box;
    font-size:18px;
    background:url(../images/e_login/how_flow_icon.png) no-repeat 15px center #34812E;
}
#submain .e_login .flow a.how_btn:hover {
    background:url(../images/e_login/how_flow_icon.png) no-repeat 15px center #2B6A26;
}


/*---------    交換ガイド151125    ----------*/
#submain dl.guideDl {
    margin:0 0 50px;
}
#submain dl.guideDl > dd ol {
    padding:15px;
}
#submain dl.guideDl > dd ol > li,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li.ameba_touroku_list01{
    display: block;
    background: url("../images/point/guide_flow01.gif") no-repeat 0 2px;
}
#submain dl.guideDl > dd ol > li + li ,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li.ameba_touroku_list02{
    background: url(../images/point/guide_flow02.gif) no-repeat 0 2px;
}
#submain dl.guideDl > dd ol > li + li + li,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li.ameba_touroku_list03 {
    background: url(../images/point/guide_flow03.gif) no-repeat 0 2px;
}
#submain dl.guideDl > dd ol > li + li + li + li {
    background: url(../images/point/guide_flow04.gif) no-repeat 0 2px;
}
#submain dl.guideDl > dd ol > li + li + li + li + li {
    background: url(../images/point/guide_flow05.gif) no-repeat 0 2px;
}
#submain dl.guideDl > dd ol > li + li + li + li + li + li {
    background: url(../images/point/guide_flow06.gif) no-repeat 0 2px;
}
#submain dl.guideDl > dd ol > li + li + li + li + li + li + li {
    background: url(../images/point/guide_flow07.gif) no-repeat 0 2px;
}
#submain dl.guideDl > dd ol > li p,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li p {
    width: auto;
    margin: 0 0 10px;
    display: block;
    min-height: 45px;
    padding: 0px 0px 0px 45px;
}
#submain dl.guideDl > dd ol > li > img,
#submain .exchange_money_ameba .exchange_money_ameba_touroku ol li img {
    float: none;
    width: auto;
    max-width:100%;
}
#submain dl.guideDl > dd ol > li.credit06 > div {
    width: auto;
    margin: 0 0 10px;
    display: block;
    min-height: 45px;
    padding: 0px 0px 0px 45px;
}
#submain dl.guideDl > dd ol > li.credit06 > div p {
    min-height: 0;
}

    /*------    メルマガバックナンバー151127    ------*/
#submain dl.mmbn_list {
    padding:10px;
}
#submain dl.mmbn_list dt {
    float: none;
    width: auto;
    margin:0 0 5px;
}
#submain dl.mmbn_list dd {
    float: none;
    width: auto;
    margin: 0px 0px 15px;
    padding: 0 0 15px;
    border-bottom: 1px dotted #CCC;
}


}





/* ミニサッカー 20150528 */

#minisc15 .FL{
    margin-bottom:20px;
    margin-top:10px;
    clear:both;
    padding:0;
    overflow:hidden;
}

#minisc15 .FL li{
    float:left;
    list-style:none;
}

#minisc15 .FL li:last-child{
    margin-left:40px;
}

.minissentry15{
    clear:both;
}

.minissentry15 .btn1{
    position:relative;
    text-align:center;
    width:75%;
    margin:30px auto 30px !important;
}
.minissentry15 .btn1 a{
    background:#f54b8c url(../images/201505/soccer/arrow.gif) no-repeat 10% center;
    border-radius:15px;
    border-right:2px solid #CA2967;
    border-bottom:2px solid #CA2967;
    display:block;
    color:#FFFFFF !important;
    text-decoration:none !important;
    font-weight:bold;
    font-size:145%;
    padding:20px 13px 20px 13%;
}
.minissentry15 .btn2{
    position:relative;
    width:75%;
    margin:0 auto !important;
}
.minissentry15 .btn2 a{
    background:#f54b8c url(../images/201505/soccer/arrow.gif) no-repeat 10% center;
    border-radius:15px;
    border-right:2px solid #CA2967;
    border-bottom:2px solid #CA2967;
    display:block;
    color:#FFFFFF !important;
    text-decoration:none !important;
    font-weight:bold;
    font-size:145%;
    padding:20px 13px 20px 13%;
}
.minissentry15 .btn2 a:hover{
    background-color:#ca2967;
}
.minissentry15 .btn2 a:hover img{
    opacity:0.8;
}
.minissentry15 .btn1 a:hover{
    background-color:#ca2967;
}
.minissentry15 .btn1 a:hover img{
    opacity:0.8;
}
#minisc15 table.minisoccoer15TBL{
    margin:25px 0 10% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}
#minisc15    table.minisoccoer15TBL tr{
    width:100%;
}

#minisc15    table.minisoccoer15TBL tr th{
    width:220px;
    padding:10px 20px;
}
#minisc15    table.minisoccoer15TBL .sky{
    width:220px;
    padding:10px 20px;
    background-color:#EEF7FF;
}
#minisc15    table.minisoccoer15TBL tr td{
    width:60%;
}
.center .gentei>table.minisoccoer15TBL2{
    margin: 0 auto 30px !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin-bottom:60px;
    width:95% !important;
    border:1px solid;
}
.center .gentei table.minisoccoer15TBL2 tr{
    width:100%;
}
.center .gentei table.minisoccoer15TBL2 tr th{
    width:220px;
    padding:12px 20px !important;
    background:#EEF7FF !important;
}
.center .gentei table.minisoccoer15TBL2 tr td{
    width:70%;
    text-align:left;
    border-left:none !important;
    padding-left:15px !important;
}
.center .gentei{
    border:4px solid #004CA1;
    text-align:center;
    padding-bottom:30px;
}
/**************スマホ ミニサッカー 20150528******************/
@media screen and (max-width:750px){
.minissentry15 .btn2{
    width:95%;
}
.minissentry15 .btn1{
    width:100%;
}
.center .gentei{
    border:4px solid #004CA1;
    text-align:center;
    padding-bottom:30px;
    width:99%;
}
/*アローマメロン*/
.col1 #submain{width: 100%;padding: 0;}
.col1 #submain #pagetit h1{background-color: #FFF;color: #000;padding: 0 2.5%;margin: 0 0 10px 0; border:none; border-bottom: solid 5px #F54B8C;border-radius: 0;font-size: 20px; width:95%;}


#aroma_pagetit {
    width: 95%;
    padding: 0 2.5%;
}
#aroma_pagetit h1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: -moz-use-text-color -moz-use-text-color #f54b8c;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 5px;
    color: #000;
    font-size: 20px;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}

#aroma_box {
    padding: 0 2.5%;
    width: 95%;
}
#aroma_box img {
    height: auto;
    width: 100%;
}
#aroma_box section{
    margin-bottom:5px;
}
#aroma_box h2{
    font-size: 13px;
}
#aroma_box .aroma_imgR{
    width:35%;
    height:auto;
}
#aroma_box p {
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 22px;
}
#aroma_box p.strong_p{
    clear:both;
    font-size:14px;
}
#aroma_box p.strong_b{
    clear:both;
    font-size:14px;
}

#aroma_box .aroma-eat{
    position:static;
    height: auto;
}
#aroma_box .aroma-eat .aroma_imgR{
    position:static;
    top: auto;
    right: auto;
}
#aroma_box .aroma-eat p{
    width:auto;
}
#aroma_box .aroma-eat--title{
    width:100%;
    height:auto;
    margin:5px 0;
}

/*---ペットアンケート結果-*/
#pet_questionnaire .txt1{
    width:95%;
    margin:0 auto;
    text-align:left;
    color:#555;
    font-size:70%;
    display:block;
}
#pet_questionnaire .txt2{
    width:95%;
    margin:0 auto;
    text-align:left;
    color:#0099CC;
    font-size:80%;
    display:block;
}
#pet_questionnaire p.pickup{
    margin-bottom:0;
}
#pet_questionnaire .hidden_img{
    display:none;
}



#submain #pagetit .h1_no {
    background-color: none;
    border:none;
    padding:0;
}
#submain #pagetit .h1_no img{
    width:100%;
    height:auto;
}

#listlayout_blue {
    padding: 20px 0;
    border-top: 1px dotted #3DA3D2;
}
#submain #listlayout_blue h3 a {
    color: #f54b8c;
    text-decoration:none;
}
#submain #listlayout_blue h3 a:hover {
    color: #ca2967;
    text-decoration:underline;
}
#listlayout_blue .listbox {
    border-bottom: 1px dotted #3DA3D2;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#listlayout_blue .listimg {
    float: right;
    padding: 0 0 10px 10px;
    width: 40%;
}
#listlayout_blue .listimg img {
    height: auto;
    width: 100%;
}
#listlayout_blue .listtxtarea {
    width: 100%;
    float:none;
}

#submain #listlayout_blue h3 {
    border-style: none;
    margin: 0;
    padding: 0;
}
#submain #listlayout_blue .listcomment {
    margin: 0;
    padding-bottom: 0;
}

/*秋のうまいもの博*/
#submain p .txt_left{
    display: block;
    text-align: left;
    width: 100%;
}
#submain p.txt_700{
    width:100%;
    font-size: 90%;
}
#submain ul.pickup{
    width:100%;
    list-style:none;
    overflow:hidden;
    margin:0 auto;
    padding:0;
}
#submain ul.pickup .pickup_box{
    list-style:none;
    width:100%;
}
#submain ul.pickup li .pickup_box .pickup_copy{
    position:relative;
    z-index:10;
    margin:0 0 -5px 0;
    width:100%;
    height:auto;
}
#submain ul.pickup li .pickup_box .pickup_copy img{
    width:100%;
    height:auto;
}
#submain ul.pickup li .overbox .left{
    float:left;
    width:30%;
    margin-right:5%;
}
#submain ul.pickup li .overbox .right{
    float:right;
    width:65%;
}
#submain ul.pickup li .overbox .right .pickup_title{
    font-size:120%;
}
#submain ul.pickup li .overbox .right .pickup_title span{
    font-size: 70%;
    margin-right: 5px;
    padding: 3px 5px;
}
#submain ul.pickup li .overbox .right .pickup_btn{
    padding: 6px 5px 6px 30px;
    width:140px;
    font-size:90%;
}
#submain ul.pickup li .overbox .right .pickup_btn:hover{
    background-color: #ea5f00;
    background-image: url(../images/201509/aki_umai/pickup_icon.png);
    border:#ea5f00 1px solid;
    color:#FFF;
    width:140px;
    font-size:90%;
}
#submain .btn_orange_box{
    width: 100%;
}
#submain .btn_orange{
    width: 100%;
    border-radius: 3px;
    font-size:100%;
    padding:10px 0 ;
}
#submain .btn_orange_box{
    margin: 0 auto;
    width: 160px;
}
#submain .btn_orange{
    background-color: #ffffff;
    background-image: url(../images/201509/aki_umai/top_icon.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    display: block;
    float: right;
    font-weight: normal;
    padding: 6px 0 6px 20px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    margin-top: 0px;
    margin-bottom:10px;
    font-size:80%;
}
#submain .btn_orange:hover{
    background-color: #ea5f00;
    font-weight: normal;
    background-image: url(../images/201509/aki_umai/top_icon2.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    border:#ea5f00 1px solid;
    color:#FFF;
}
#submain    .overbox_top{
    overflow:hidden;
    width:100%;
    margin:0 auto;
}
#submain .overbox_top .tyousei_img{
    width:100%;
    height:auto;
}
#submain .w700_box{
    width:100%;
    margin:0 auto;
}


/*-------------------大感謝祭-----------------------*/
#submain #kansyasai .overbox_top{
    margin: 0 auto 20px;
    overflow: hidden;
    width: 100%;
}
#submain #kansyasai .overbox_top .left{
    width:100%;
}
#submain #kansyasai .overbox_top .right{
    width:100%;
    float:left;
}
#submain #kansyasai .overbox_top .right .bigbtn {
    margin: 0 auto;
    padding:    0;
    text-align: center;
    width:100%;
}
#submain #kansyasai .overbox_top .right .bigbtn .hidden_span{
    display:none;
}
#submain #kansyasai .overbox_top .right .bigbtn a {
    padding: 15px 0 15px 1%;
    width: 97%;
    font-size: 115%;
}
#submain #kansyasai .overbox_top .right .bigbtn a:hover {
    background-color: #D59500;
    border-color: -moz-use-text-color #D59500 #D59500 -moz-use-text-color;
}
#submain #kansyasai .ver2_position{
    width:100%;
    position:relative;
}
#submain #kansyasai .ver2_position a{
    width:55%;
    position:absolute;
    display:block;
    top:0;
    left:23%;
}
#submain #kansyasai .ver2_position a img{
    width:100%;
    height:auto;
}
#submain #kansyasai .tab_main{
    width:100%;
    margin-bottom:0;
    padding:0;
}
#submain #kansyasai .tab_main li{
    color: #fff;
    font-size: 90%;
    width:48%;
    margin:0 1%;
    padding:10px 0;
}
#submain #kansyasai .content_main .content_main_list:nth-child(1) {
    border-top: 5px solid #00569d;
    list-style:none;
    padding:10px 0 0;
}
#submain #kansyasai .content_main .content_main_list:nth-child(2) {
    border-top: 5px solid #D32C5E;
    padding:10px 0 0;
}



/* エリアタブ　会員    */
#submain #kansyasai .area_block{
    width:96%;
    padding: 10px 2%;
}
#submain #kansyasai .area_block .tab{
    width: 100%;
    padding: 0;
}
#submain #kansyasai .area_block .tab li{
    margin-right:1%;
    width: 24%;
}
#submain #kansyasai .area_block .tab li a{
    padding: 10px 0;
    width:100%;
    font-weight:bold;
    font-size:110%;
}
#submain #kansyasai .area_block .content{
    width:100%;
}
#submain #kansyasai .area_block .content li{
    background:#FFF;
    padding: 10px 2%;
    list-style:none;
    width:96%;
}
#submain #kansyasai .area_block .area_inbox{
    padding: 20px 2% 10px;
    width: 96%;
}
#submain #kansyasai .area_block .area_inbox:last-child{
    border-bottom:none;
    padding-bottom: 10px;
}
#submain #kansyasai .area_block .area_inbox .left{
    width:100%;
    float:none;
    margin: 0 0 15px;
}
#submain #kansyasai .area_block .area_inbox .left dl {
    width:100%;
}
#submain #kansyasai .area_block .area_inbox .left dt {
    width:25%;
    font-size: 100%;
    font-weight: bold;
}
#submain #kansyasai .area_block .area_inbox .left dd {
    font-size: 100%;
    margin: 0 0 15px 2%;
    width: 73%;
}

#submain #kansyasai .area_block .area_inbox .right{
    width:100%;
    margin-bottom: 15px;
}
/* エリアタブ　非会員    */
#submain #kansyasai .area_block2{
    width:96%;
    padding: 10px 2%;
}
#submain #kansyasai .area_block2 .tab{
    width: 100%;
    padding: 0;
}
#submain #kansyasai .area_block2 .tab li{
    margin-right:1%;
    width: 24%;
}
#submain #kansyasai .area_block2 .tab li a{
    padding: 10px 0;
    width:100%;
    font-weight:bold;
    font-size:110%;
}
#submain #kansyasai .area_block2 .content{
    width:100%;
}
#submain #kansyasai .area_block2 .content li{
    background:#FFF;
    padding: 10px 2%;
    list-style:none;
    width:96%;
}
#submain #kansyasai .area_block2 .area_inbox{
    padding: 20px 2% 10px;
    width: 96%;
}
#submain #kansyasai .area_block2 .area_inbox:last-child{
    border-bottom:none;
    padding-bottom: 10px;
}

#submain #kansyasai .area_block2 .area_inbox .left{
    width:100%;
    float:none;
    margin: 0 0 15px;
}
#submain #kansyasai .area_block2 .area_inbox .left dl {
    width:100%;
}
#submain #kansyasai .area_block2 .area_inbox .left dt {
    width:25%;
    font-size: 100%;
    font-weight: bold;
}
#submain #kansyasai .area_block2 .area_inbox .left dd {
    font-size: 100%;
    margin: 0 0 15px 2%;
    width: 73%;
}

#submain #kansyasai .area_block2 .area_inbox .right{
    width:100%;
    margin-bottom: 15px;
}

/*新規ご入会キャンペーン*/
.one_cor #submain {
    padding: 0 2.5%;
    width: 95%;
}

#submain #thanksgiving_new .blue_box .kiji01{
    background: url(../images/201509/kansyasai_newentry/num1.gif) no-repeat center 10px, url(../images/201509/kansyasai_newentry/allow1.png) no-repeat center bottom;
    background-size:30px auto;
    background-color:#EEEEEE;
    padding:5px 5px 15px;

}
#submain #thanksgiving_new .blue_box .kiji02{
    background:url(../images/201509/kansyasai_newentry/num2.gif) no-repeat center 15px, url(../images/201509/kansyasai_newentry/allow1.png) no-repeat center bottom, url(../images/201509/kansyasai_newentry/allow2.png) no-repeat center top;
    background-color:#FFF;
    background-size:30px auto;
    padding:10px 5px 15px;
}
#submain #thanksgiving_new .blue_box .kiji03{
    background:url(../images/201509/kansyasai_newentry/num3.gif) no-repeat center 15px, url(../images/201509/kansyasai_newentry/allow2.png) no-repeat center top;
    background-size:30px auto;
    padding:10px 5px 15px;
    background-color:#EEEEEE;
}
#submain #thanksgiving_new .blue_box .kiji04{
    background:url(../images/201509/kansyasai_newentry/num4.gif) no-repeat center 15px, url(../images/201509/kansyasai_newentry/allow1.png) no-repeat center bottom;
    background-size:30px auto;
    background-color:#FFF;
    padding:10px 5px 15px;
}
#submain #thanksgiving_new .blue_box .kiji04 .text_box>div{
    background-color:#F4F1E7;
    padding:15px;
    margin:5px;
    text-align:left;
}
#submain #thanksgiving_new .blue_box .kiji05{
    background:url(../images/201509/kansyasai_newentry/num5.gif) no-repeat center 15px,    url(../images/201509/kansyasai_newentry/allow2.png) no-repeat center top;
    background-size:30px auto;
    padding:10px 5px 15px;
    background-color:#FFF100;
}

#submain #thanksgiving_new .blue_box .kiji05 .text_box>div p{
    text-align:left;
}
#submain #thanksgiving_new .blue_box .kiji06{
    background:url(../images/201509/kansyasai_newentry/num6.gif) no-repeat center 15px;
    background-color:#91FFFF;
    background-size:30px auto;
    padding:10px 5px 15px;
}
#submain #thanksgiving_new .blue_box .kiji05 .text_box{
    z-index:5;
    width:100%;
}
#submain #thanksgiving_new .blue_box .kiji05 h3{
    color:#FF3F00;
}
#submain #thanksgiving_new .blue_box .kiji05 h3 strong{
    font-weight:bold;
    font-size:120%;
}
#submain #thanksgiving_new .blue_box .kiji06 h3{
    color:#333;
}

#submain #kansyasai .area_block .area_inbox .left .katuki dl dd ,#submain #kansyasai .area_block2    .area_inbox .left .katuki dl dd{
    font-size:100%;

}
#submain #kansyasai .katuki p{
    font-size:100%;
    padding:0 0 10px;
}


#submain .katuki_btn a {
    display: block;
    position: absolute;
    right: 1.7%;
    top: 38%;
    width: 63%;
}


#submain #kansyasai .ver_kanto .kanto_toiawase h3{
    font-size: 117%;
    margin: 0 0 10px;
    padding: 0;
    font-weight:bold;
}
#submain #kansyasai .ver_kanto .kanto_toiawase p{
    font-size: 107%;
}
#submain #kansyasai .ver_kanto .kanto_toiawase p strong{
    width:200px;
    display:block;
}

#contents #sidebar .katsukibnr{
    display: none;
    margin-top: 0;
}

#submain #kansyasai .ver_kanto .area_block .tab li , #submain #kansyasai .ver_kanto .area_block2 .tab li {
    display: inline;
    float: left;
    list-style: outside none none;
    margin-right: 1%;
    padding: 0;
    width: 19%;
}

#submain #kansyasai .ver_kanto .area_block .tab li a , #submain #kansyasai .ver_kanto .area_block2 .tab li a {
    font-size: 89%;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
#submain #kansyasai .ver_kanto .area_block .tab li a .hide , #submain #kansyasai .ver_kanto .area_block2 .tab li a .hide {
    display:inline;
}
/*-------------------大感謝祭end-----------------------*/

}

/*----------- 20151111 追加 ------------------------------*/


/*--- 5つのメニューから選べます。 ---*/
#bana_b{
    background:#F3F3F3;
    position:relative;
    border-radius: 4px;
}
#bana_b h3.fivemenu{
    background:#FBA300;
    margin:0;
    padding:0 10px;
    vertical-align: middle;
    color:#FFFFFF;
    font-weight:bold;
    overflow:hidden;
    background: url(../images/top/how_use_title_bg.jpg);
    text-align: center;
}
#bana_b h3.fivemenu p{
    text-align:center;
    line-height:30px;
    float: none;
    margin: 8px 0;
    font-size: 20px;
    font-weight: bold;
}
#bana_b h3.fivemenu p span{
}

#bana_b ul.exlist {
    list-style-type: none;
    margin:0;
    padding:14px 0;
    text-align: center;
    background: #F4ECD9;
}
#bana_b ul.exlist .exlist-list{
    border-width: 2px;
    border-radius: 4px;
    border-style: solid;
    background: #fff;
    padding: 10px 12px 8px;
    margin: 0 5px;
    display: inline-block;
}
#bana_b ul.exlist .exlist-list.exlist-list--save{
    border-color: #E64735;
}
#bana_b ul.exlist .exlist-list.exlist-list--use{
    border-color: #F39E10;
}
#bana_b ul.exlist .exlist-list.exlist-list--buy{
    border-color: #2DC86F;
}
#bana_b ul.exlist .exlist-list.exlist-list--shop{
    border-color: #2994DA;
}
#bana_b ul.exlist .exlist-list:first-child{
    margin-left: 0;
}
#bana_b ul.exlist .exlist-list:last-child{
    margin-right: 0;
}
#bana_b ul.exlist li a {
    /*display:table-cell;
    vertical-align:middle;*/
    vertical-align:bottom;
}
#bana_b .intromv_bnr {
    position:absolute;
    top:-40px;
    right:8px;
}
#bana_b .intromv_bnr ul {
    overflow:hidden;
    position:absolute;
    top:15px;
    right:65px;
    z-index:100;
    padding:0;
    margin:0;
    list-style-type:none;
}
#bana_b .intromv_bnr ul li {
    float:left;
    margin:0 5px 0 0;
}

@media screen and (max-width:750px){
    #mainimgbottom {
        padding-bottom: 0;
    }
    #bana_b ul.exlist {
        overflow: hidden;
        padding: 10px;
    }
    #bana_b ul.exlist .exlist-list{
        width: 49%;
        margin-right: 2%;
        margin-left: 0;
        float: left;
        margin-bottom: 2%;
        box-sizing: border-box;
    }
    #bana_b ul.exlist .exlist-list a img{
        max-width: 100%;
    }
    #bana_b ul.exlist .exlist-list:nth-child(2n){
        margin-right: 0;
        margin-left: 0;
    }
}


/*--- キャンペーン詳細情報 ---*/
.indexcontents_box .newsliststyle ul{
    list-style:none;
    padding:0;
    margin:0 0 0 -15px;
}

.indexcontents_box .newsliststyle ul li{
    border-bottom:1px dashed #000;
    margin:0 0 10px 15px;
    width: 290px;
    overflow: hidden;
    float:left;
}

.indexcontents_box .newsliststyle ul li .overview{
    overflow:hidden;
    margin-bottom:11px;
}

.indexcontents_box .newsliststyle ul li .overview img{
    float:left;
}

.indexcontents_box .newsliststyle ul li .overview .txt{
    line-height: 1em;
    float:right;
    width:190px;
}
.indexcontents_box .newsliststyle ul li .overview .txt .ico_a,
.indexcontents_box .newsliststyle ul li .overview .txt .ico_b,
.indexcontents_box .newsliststyle ul li .overview .txt .ico_c,
.indexcontents_box .newsliststyle ul li .overview .txt .ico_d {
    display:block;
    float:left;
    padding:4px;
    margin:0 0 5px;
}
.indexcontents_box .newsliststyle ul li .overview .txt .newico {
    display:block;
    float:left;
    padding:4px;
}
.indexcontents_box .newsliststyle ul li .overview .txt a {
    color: #333333;
    font-size: 12px;
    margin-left: 0;
    margin-top: 3px;
    text-decoration:none;
    display:block;
    clear:both;
    word-break: break-all;
}
.indexcontents_box .newsliststyle ul li .overview .txt a:hover{
    text-decoration:underline;
}

.indexcontents_box .newsliststyle ul li .period{
    border:1px solid #16B68E;
    color:#16B68E;
    text-align:center;
    margin-bottom:10px;
    display:none;
}
.indexcontents_box .newsliststyle ul li .period p{
    font-size:11px;
    margin: 0;
}


/*--- ログイン中 ---*/

#sidebanaarea .login_sp{
    background-image:url(../images/top/login_bg.gif);
    background-repeat:repeat;
    padding:10px;
    color:#fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    height: auto;
    margin-bottom: 8px;
}

#sidebanaarea .login_sp .login_now {
    margin:8px 0;

}
#sidebanaarea .login_sp .login_now img{
    box-shadow: none;
    display: block;
    margin: 0 auto;
    width: auto;
}
#sidebanaarea .login_sp p.login_name{
    border-bottom:1px dashed #fff;
    margin-bottom: 10px;
    padding-bottom: 7px;
    font-size:16px;
}

#sidebanaarea .login_sp p.available{
    padding-bottom: 0;
    font-size:14px;
}
#sidebanaarea .login_sp p.exchange{
    padding-bottom: 12px;
    font-size:14px;
}

#sidebanaarea .login_sp p.available span.available_point{
}

#sidebanaarea .login_sp p.exchange span.exchange_point{
}

#sidebanaarea .login_sp .login_menu{
}

#sidebanaarea .login_sp .login_menu .membermenu_btn{
    float:left;
    margin-right:10px;
    width: 98px;
}
#sidebanaarea .login_sp .login_menu .logout_btn{
    width: 83px;
}

#sidebanaarea .login_sp .login_menu .membermenu_btn,
#sidebanaarea .login_sp .login_menu .logout_btn{
    border:1px solid #F54B8C;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    background-color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    display:inline-block;

}

#sidebanaarea .login_sp .login_menu .membermenu_btn a,
#sidebanaarea .login_sp .login_menu .logout_btn a{
    color:#F54B8C;
    text-decoration:none;
    display:block;
    padding: 5px 0;
}

#sidebanaarea .login_sp .login_menu .membermenu_btn a:hover,
#sidebanaarea .login_sp .login_menu .logout_btn a:hover{
    opacity:0.8;
}


/*--- 上のメニュー3つ --*/
#goleft{
    position:absolute;
    top:180px;
    left:30px;
    width: 233px;
    height:252px;
    background-image: url(../images/top/go_bg.jpg);
}
#goright{
    position:absolute;
    top:180px;
    right:30px;
    width: 233px;
    height:252px;
    background-image: url(../images/top/go_bg.jpg)
}
.sliderbnr {
    margin:9px 0;
    display: block;
    text-align: center;
}
.godivbtn{
    display: block;
    text-align: center;
    position:absolute;
    bottom:3px;
    left:0;
    width:100%;
}
.godivbtn1{
    display: block;
    text-align: center;
    position:absolute;
    top:35px;
    left:0;
    width:100%;
}
.godivbtn0, .godivbtn2{
    display: block;
    text-align: center;
    position:absolute;
    bottom:35px;
    left:0;
    width:100%;
}
.slider0 , .slider2{
    display: block;
    text-align: center;
    position:absolute;
    bottom:3px;
    left:0;
    width:100%;
}
.slider0.side,
.slider2.side {
    bottom:35px;
}

/*     フッター会員ページに簡単ログイン     */

.foot_btn_easylogin{
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    margin-right: -50%;
    overflow: hidden;
    position: fixed;
    right: 100%;
    width: 100%;
    z-index: 5;
    background-color: rgba(0,0,0,0.4);
    text-align:center;
}

.foot_btn_easylogin > a{
    display: inline-block;
    margin: 8px 0 -4px;
    overflow: hidden;
}
.foot_btn_easylogin a img{
}






 /*    メールマガジン開封キャンペーン     */

.mailmagazinekikaku{
    background:url(../images/mailmagazine/bg_2.jpg);
    /*    background:url("../images/mailmagazine/bg.jpg");*/
    background-repeat:repeat !important;
    background-size:contain;

    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;     /* Firefox用 */

    box-shadow: 0 0 2px #666;
    -moz-box-shadow: 0 0 2px #666;
    -o-box-shadow: 0 0 2px #666;
    -ms-box-shadow: 0 0 2px #666;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);


    margin: 0 auto;
    padding: 50px 0 40px;
    background-repeat:no-repeat;
    width: 99%;
}

.mailmagazinekikaku ul.3kikaku{
    margin: 0 0 15px -20px;
    padding:0 !important;
    text-align: center !important;
}
.mailmagazinekikaku ul.3kikaku li.gka{
    margin:20px 0 !important ;
    padding:0;
    list-style:none !important;
}


.access{
    display:none;
}

@media screen and (max-width:750px){
    .mailmagazinekikaku{
    background:url("../images/mailmagazine/bg_2.jpg");
    margin: 0 auto;
    background-repeat:no-repeat;
    height:auto;
    padding: 4% 3% 0;
    width:auto;
    overflow:hidden;
}

.mailmagazinekikaku ul.3kikaku{
    margin: 0 0 15px -20px;
    padding:0 !important;
}
.mailmagazinekikaku ul.3kikaku li{
    margin:20px 0 !important ;
    padding:0 !important;
    list-style:none !important;
}
.mailmagazinekikaku ul.3kikaku li a > img{
    width:90% !important;
}
.access{
    display:none;
}
}

 /*    ウェブサイトのご利用について     */


.about_use_main a{
    text-decoration:none !important;
}

.about_use_main a:hover{
    text-decoration:underline !important;
}

.about_use_main .about_use ul.pagelink{
    clear: both;
    overflow: hidden;
}
.about_use_main .about_use ul.pagelink > li{
    list-style:none;
    display: inline;
    float: left;
    width: 50%;
}
/*.about_use_main .about_use ul.pagelink li:nth-child(odd) {
    float:left;
}*/
.about_use_main .about_use ul.pagelink li:before{
    content:"";
    width: 0;
    height: 0;
    border-top: 4.5px solid transparent;
    border-bottom: 4.5px solid transparent;
    border-left: 5px solid #f54b8c;
    display: inline-block;
    margin-right: 4px;
}
.about_use_main .about_reading{
    margin:20px 0;
}

.about_use_main .about_reading h2 a{
    text-decoration:none !important;
}
.about_use_main .about_reading h2 a[name]:hover {
    color: #000 !important;
    text-decoration:none;
}

.about_use_main .about_reading h3.reading{
    border-bottom: 1px dotted #dcdcdc;
    color: #000;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    margin-bottom:10px !important;
}

.about_use_main .about_reading h3.reading span{
    border-left: 7px solid #f54b8c;
    margin-bottom: 5px;
    padding-left: 10px;
}

.about_use_main .about_reading ul.link li{
    list-style:none;
}
.about_use_main .about_reading ul.link li:before{
    content:"";
    width: 0;
    height: 0;
    border-top: 4.5px solid transparent;
    border-bottom: 4.5px solid transparent;
    border-left: 5px solid #f54b8c;
    display: inline-block;
    margin-right: 4px;
}

.about_use_main .about_reading .innerCont{
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.about_use_main .about_reading table{
    border:none !important;

}
.about_use_main .about_reading table tr th{
    background-color:#FFF !important;
}
.about_use_main .about_reading table tr th,
.about_use_main .about_reading table tr td{
    border:none !important;
}
.about_use_main .about_reading table tr th{
    width: 230px;

}

 /*    39キャンペーン※セレクションではない     */

.sqcam-main{
    position:relative;

}
.sqcam-btn-01{
    bottom: 130px;
    left: 70px;
    position: absolute;
}
.sqcam-btn-02{
    bottom: 130px;
    right: 70px;
    position: absolute;
}



 /* TLCセレクションに交換する 20160125 追加     */

/*.cattag{background-color:#EA464D;color: #fff;font-size: 12px;padding: 5px;display: inline;position: absolute;top:-1px; left: -1px;z-index: 999; }
.cattag-nav{display:inline-block;position: absolute;margin-bottom:8px;top:-1px; left:-1px;z-index: 999;}*/
.cattag-2topi-nav{display:inline-block;position: absolute;margin-bottom:8px;top:-1px; left:80px;}
h2.sqoff-h2{margin: 15px 0 !important;}

h3.sqoff-h3,h3.selectionnav{ margin: 37px 0 30px !important;}

#submain #selectionnav.select-navred ul li a{
    text-decoration: none;color: #fff;display: block;padding: 20px 0 25px 0;
    background-color:#EA464D;background-image: url(../images/btn_ico_b_w.png);
    background-repeat: no-repeat;background-position: center 70px;background-size: 14px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    cursor:pointer;
}

#submain #selectionnav.select-navred ul li a:hover{background-color: #d13e44;}


#submain #selectionnav.select-navblue ul li a{
    text-decoration: none;color: #fff;display: block;padding: 20px 0 25px 0;
    background-color:#15509E;background-image: url(../images/btn_ico_b_w.png);
    background-repeat: no-repeat;background-position: center 70px;background-size: 14px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    cursor:pointer;
}

#submain #selectionnav.select-navblue ul li a:hover{
    background-color:#021962;
}

#submain #selectionnav.select-navblue ul li.prem a{
    text-decoration: none;color: #fff;display: block;padding: 20px 0 25px 0;
    background-color:#15509E;
        background-image: url(../images/exchange/selection/btn_bg.jpg);
        background-repeat: no-repeat;background-position: center center;
}

#submain #selectionnav.select-navblue ul li.prem a{background-color:transparent;color: #d13e44;}
#submain #selectionnav.select-navblue ul li.prem a:hover{background-color:rgba(255,255,255,0.5)}

#submain #sqoff-listbox{
    width: 100%;
}
.sqoffbox{width: 238px;float: left;margin: 0 10px 10px 0;padding: 15px 15px 20px;border: 1px solid #ccc;position: relative;/* min-height: 650px;*/}
.sqoffbox > h3{
    text-align:center;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-align: left;
}
.sqoffbox > p > span{
    font-size:16px;
}
.sqoffbox > p{
    font-size:14px;
    text-align:left;
}
.sqoff-comtent{
    background:#FD0033;
    color:#fff;
    position:relative;
    text-align:center;
    font-size:17px;
    font-weight:bold;
}
.sqoff-comtent > p{
    font-size: 17px !important;
    font-weight: normal;
    padding: 5px 0 !important;
}

.sqoff-comtent:before{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fd0033;
    content: "";
    height: 0;
    width: 0;
    position:absolute;
    bottom:-10px;
    left: 50%;
}
.sqoff-place{
}
.sqoff-place p {
    font-size:25px !important;
    color:#FF0033;
    font-weight:bold;
    text-align:center;
}
.sqoff-place p > span{
    font-size:16px;
    font-weight:normal;
}
.sqoff-detail p{
    font-size:11px !important;
    text-align:left;
    line-height: 1.3 !important;
}
.sqoff-detail{
    padding:10px 0;
}



@media screen and (max-width:750px){
.sqoffbox{padding: 40px 15px 20px;    width: 100%;    box-sizing: border-box;}
.cattag {
    background-color: #ea464d;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 8px;
    padding: 5px;
    position: absolute;
}

.cattagg{
        background-color: #ea464d;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 8px;
    padding: 5px;
}
.serebox {min-height: auto;}
}
#submain .camp_bana_area2{
    text-align:center ;
    margin: 50px 0 ;
}
h3.camp_bana_h3{
    background: #f54b8c ;
    color: #fff !important;
    padding: 8px 10px !important;
    font-size: 18px !important;
    margin: 0 0 5px !important;
    text-align:center !important;
    font-weight:bold !important;
}
ul.camp_bana_list {
    margin: 0 10px 20px !important;
    overflow: hidden;
    padding: 10px !important;
}
ul.camp_bana_list li{
    list-style:none;
    padding: 10px 0 !important;
}
ul.camp_bana_list li a:hover{
    opacity:0.8;
}
.camp_bana_list-border {
    border: 3px solid #f54b8c !important;
    margin-top: -5px !important;
    padding: 25px !important;
}

.camp_bana_list-border > li {
    margin-right: 15px !important;
}

.camp_bana_list-border > li:last-child{
    margin-right: 0 !important;
}
.camp_bana_area2 {
    margin: 0 0 40px !important;
}

.sqoffselection , .nomalselection{display: inline;}

.selection-btn-box {
    margin: 40px 0;
    text-align:center;
}

.sqoffselection{
    margin-right: 45px !important;
}

p.pink_title_cam_end{
    color:#F34B8C;
    font-size:24px !important;
    padding:10px 0 0 !important;
}


@media screen and (max-width:750px){
    .sqcam-btn-02 {
    bottom: 20%;
    position: absolute;
    right: 6%;
    width: 39%;
}
.sqcam-btn-01 {
    bottom: 20%;
    left: 6%;
    position: absolute;
    width: 39%;
}
}

@media screen and (max-width:440px){
    .sqcam-btn-02 {
    bottom: 24%;
    position: absolute;
    right: 6%;
    width: 39%;
}
.sqcam-btn-01 {
    bottom: 24%;
    left: 6%;
    position: absolute;
    width: 39%;
}
}





/*/////////////////////////////////////

 家族はつらいよ

/////////////////////////////////////*/


#submain    p.bigtext{
    font-weight:bold;
    font-size:120%;
    margin-top:10px;
    list-style: outside none none;
    margin: 1rem 0 0 1rem;
}
#submain    p.bigtext:before {
    content: "※";
    margin-left: -0.6rem;
    color:red;
}
#submain .layout_sp > label{
    margin-left:10px;
    font-size: 102%;
    letter-spacing: 0.08rem;
}
#submain .accordion{
}
#submain .accordion dt{
    border-radius:5px;
    background-color:#F5A40C;
    color:#FFFFFF;
    font-weight:bold;
    font-size:120%;
    background-image:url(../images/campaign/kazoku/point-ya-down.png);
    background-repeat:no-repeat;
    background-position:98% center;
    padding:10px;
    margin: 10px 0 20px;
    cursor:pointer;
}
#submain .accordion dt:hover{
    background-color:#F8C20A;
}
#submain .accordion dt.open{
    border-radius:5px;
    background-color:#F8C20A;
    color:#FFFFFF;
    font-weight:bold;
    font-size:120%;
    background-image:url(../images/campaign/kazoku/point-ya-up.png);
    background-repeat:no-repeat;
    background-position:98% center;
    padding:10px;
    margin: 10px 0 0;
}
#submain .accordion dd{
    padding: 20px 20px 30px;
    margin:0;
}
#submain .accordion dt.open > dd{
    display:block;
}
#submain .accordion dd > .bigtext{
    font-size:120%;
    font-weight:bold;
    color:#EB4C17;
    margin:0;
}
#submain .accordion dd > .bigtext:before{
    content:normal;
}
#submain .accordion dd .text_box{
    overflow:hidden;
}
#submain .accordion dd .text_box > p{
    line-height:2rem;
}
#submain .accordion dd .text_box > img{
    float:right;
    margin: -20px 0 10px 10px;
}

#submain #kazoku h2.margin0{
    margin: 30px 0 0 !important;
}
#submain #kazoku .box{
    padding:20px 30px;
    background:#FBF9F4;
    margin: 0 0 20px;
}
#submain #kazoku .box .white-box{
    padding:10px;
    background:#FFF;
    border-radius:5px;
    margin-bottom: 15px;
}
#submain #kazoku .box .white-box .dotted-box{
    border:#FFCC33 1px dotted;
    padding:10px 10px 0;
    border-radius:5px;
    overflow:hidden;
}
#submain #kazoku .box .white-box .dotted-box dl{
    float: left;
    padding: 5px 20px;
    width: 390px;
}
#submain #kazoku .box .white-box .dotted-box dt{
    float:left;
    width:60px;
    padding: 0 7px;
    clear:both;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#EF9E0A;
    text-align:center;
    font-size:120%;
    border-radius:5px;
}
#submain #kazoku .box .white-box .dotted-box dd{
    margin: 0 0 15px 80px;
    padding:0 5px 5px 10px;
    font-size:120%;
}
#submain #kazoku .box .white-box .dotted-box dd a{
    color:#EF9E0A;
}
#submain #kazoku .box .map{
    float: right;
    padding: 20px 0 0;
    width: 300px;
}
#submain #kazoku > .text_box{
    overflow:hidden;
    margin-bottom:20px;
}
#submain #kazoku > .text_box img{
    float:right;
}
#kazoku .big-btn{
    background-color: #f54b8c;
    border-bottom: 2px solid #ca2967 !important;
    border-left: medium none;
    border-radius: 5px;
    border-right: 2px solid #ca2967 !important;
    border-top: medium none;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    font-size: 28px;
    font-weight: bold;
    line-height: 100%;
    width: 52%;
    margin: 21px 23px;
    display:inline-block;
}
#kazoku .big-btn.big-btn-s{
    font-size: 21px!important;
}
#kazoku .small-btn{
    background-color: #2D68F4;

    border-bottom: 2px solid #1032C2 !important;
    border-left: medium none;
    border-radius: 5px;
    border-right: 2px solid #1032C2 !important;
    border-top: medium none;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    font-size: 21px;
    font-weight: bold;
    line-height: 100%;
    width: 39%;
    display:inline-block;
}
#kazoku .small-btn >a{
    font-size: 90%;
}
#kazoku .big-btn > a,
#kazoku .big-btn2 > a,
#kazoku .small-btn > a{
    color:#fff;
    text-decoration:none;
    text-align:center;
    display:block;
    padding: 20px 0;
    background-image: url("../images/btn_ico_a.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 9px auto;
}

#kazoku .big-btn > a:hover,
#kazoku .big-btn2 > a:hover{
    background-color: #A30E33;
    border-radius: 5px;
}
#kazoku .small-btn > a:hover{
    background-color:#1032C2;
    border-radius: 5px;
}


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

    #kazoku .box .white-box .dotted-box dl{
        float: left;
    font-size: 90%;
    margin: 0;
    padding: 0 20px;

}

    #submain    p.bigtext{
    font-size:100%;
    padding: 5px 5px 10px;
    list-style: outside none none;
    margin: 1rem 0 0 1rem;
}
#submain    p.bigtext:before {
    content: "※";
    margin-left: -1.3rem;
    color:red;
}
#submain .layout_sp > label{
    display: block;
    margin-bottom: 7px;
}

#submain .accordion dt{
    font-size:120%;
    background-position:97% center;
    padding:10px;
    margin: 10px 0 10px;
}
#submain .accordion dt.open{
    margin: 10px 0 0;
}
#submain .accordion dd{
    padding: 10px 0 15px;
    margin:0;
    display:none;
}
#submain #kazoku .box{
    padding:10px 10px;
    background:#FBF9F4;
}
#submain #kazoku .box .white-box{
    padding:5px;
}
#submain #kazoku .box .white-box .dotted-box{
    padding:10px;
}
#submain #kazoku .box .white-box .dotted-box dl{
    padding:0 5px;
    width:100%;
}
#submain #kazoku .box .white-box .dotted-box dt{
    font-size:100%;
}
#submain #kazoku .box .white-box .dotted-box dd{
    font-size:100%;
}
#submain #kazoku .box .map{
    float: right;
    padding: 0;
    width: 100%;
    text-align:center;
}

#kazoku .big-btn,
#kazoku .small-btn{
    width:100%;
    display:block;
    margin: 4% 0 3%;
}

#kazoku .big-btn.big-btn-s a{
    line-height: 1.5rem;
    padding: 15px 10px 15px 30px;
    text-align: left;
}

}


/*/////////////////////////////////////

 大抽選会

/////////////////////////////////////*/
.date_seibu-box,
.date_chubu01-box,
.date_chubu02-box,
.date_tobu01-box,
.date_tobu02-box{
    position:relative;
}
.date_seibu-box p.date_seibu_btn,
.date_chubu01-box .date_chubu01_btn ,
.date_chubu02-box .date_chubu02_btn ,
.date_tobu01-box .date_tobu01_btn,
.date_tobu02-box .date_tobu02_btn{
    position:absolute;
    right: 70px;
    top: 30px;
}

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

.date_seibu-box p.date_seibu_btn,
.date_chubu01-box .date_chubu01_btn ,
.date_chubu02-box .date_chubu02_btn ,
.date_tobu01-box .date_tobu01_btn,
.date_tobu02-box .date_tobu02_btn{
    right: -1%;
    top: 33%;
}

.date_seibu-box p.date_seibu_btn a img,
.date_chubu01-box .date_chubu01_btn a img ,
.date_chubu02-box .date_chubu02_btn a img ,
.date_tobu01-box .date_tobu01_btn a img,
.date_tobu02-box .date_tobu02_btn a img{
    width:65% !important;
}

}

@media screen and (max-width:412px){
.date_seibu-box p.date_seibu_btn,
.date_chubu01-box .date_chubu01_btn ,
.date_chubu02-box .date_chubu02_btn ,
.date_tobu01-box .date_tobu01_btn,
.date_tobu02-box .date_tobu02_btn{
    right: -80px;
    top: 32%;
}
.date_seibu-box p.date_seibu_btn a img,
.date_chubu01-box .date_chubu01_btn a img ,
.date_chubu02-box .date_chubu02_btn a img ,
.date_tobu01-box .date_tobu01_btn a img,
.date_tobu02-box .date_tobu02_btn a img{
    width:50% !important;
}

}

/*    20160204    問い合わせ先一覧    */
.contact_list { width: 100%; margin: 0 auto; }
.contact_list table th{ background-color:#ededed;}
.contact_list table .name{ width:40%;}
.contact_list table .tel{ width:18%;}
.contact_list table .time{ width:42%;}
#submain .s_txt90{ font-size:90%;}

.contact_list .ico_campaign { padding-left: 5px;}


/*    20160311 TOKAIグループで開催中のキャンペーン情報    */
#groups-bnr-area{
    background-color: #fff;
    margin-bottom: 20px;
    padding: 15px 15px 10px;
}
#groups-bnr-area h1{
    background-color: #f54b8c;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 4px 0 4px 8px;
}

#groups-bnr-area ul.bxslider_g{
    padding:0;
    list-style:none;
    margin:0;
}
#groups-bnr-area ul.bxslider_g li{
    float:left;
    margin-right:20px;
}
#groups-bnr-area ul.bxslider_g li p{
    margin:0;
    padding:0;
    text-align:center;
}
#groups-bnr-area ul.bxslider_g li.groups-bnr-water{
    display:inline;
    background:#99D9EA;
    color:#333;
    border: 2px #99D9EA solid;
}
#groups-bnr-area ul.bxslider_g li.groups-bnr-electricity{
    display:inline;
    background:#22B14C;
    color:#fff;
    border: 2px #22B14C solid;
}
#groups-bnr-area ul.bxslider_g li.groups-bnr-tnc{
    display:inline;
    background:#C8BFE7;
    color:#333;
    border: 2px #C8BFE7 solid;
}

/*    20160311 ついてくるログインボタン    */

#follow-login-btn{
    position:fixed;
    top:0;
    right:0;
    z-index:99999999999999999;
    opacity:0.9;
}
#follow-login-btn:hover{
    opacity:0.7;
}

@media screen and (min-width:750px) and (max-width:1080px) {
    #follow-login-btn{
        position:fixed;
        top:0;
        right:0;
        z-index:99999999999999999;
        opacity:0.9;
        display:block !important;
    }
}

@media screen and (min-width:1080px) {
    #follow-login-btn{
        display:none;
    }
}
@media screen and (max-width:750px) {
    #follow-login-btn{
        display:none;
    }
}



/*    20160317 ヘッダー緊急のお知らせ    */
.emergency-contact-area{
    clear:both;
}
.emergency-contact-area dl.emergency-contact{
    border: 3px solid #fc0302;
    border-radius: 5px;
    display: table;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.emergency-contact-area dl.emergency-contact dt{
    background: #fc0302;
    color: #fff;
    display: table-cell;
    margin-right: 10px;
    padding: 10px;
    vertical-align: middle;
    white-space: nowrap;
    text-align:center;
}
.emergency-contact-area dl.emergency-contact dd {
    display: table-cell;
    float: left;
    margin: 0;
    padding: 10px;
    vertical-align: middle;
}
.emergency-contact-area dl.emergency-contact dd a{
    color:#FC0302;
    overflow: auto;
}

@media screen and (max-width:750px) {
    .emergency-contact-area dl.emergency-contact dt{
        display:block;
        width:100%;
        box-sizing: border-box;
    }
    .emergency-contact-area dl.emergency-contact dd{
        box-sizing: border-box;
        text-align: center;
        width: 100%;
    }
}



/*    20160325 CMギャラリー    */
#submain .cmgallery-section {
    margin:0 0 50px;
}
#submain .cmgallery-section h2 {
    margin:0 0 20px;
}
#submain .cmgallery-section h2 span {
    font-size:70%;
    margin:0 0 0 5px;
}
#submain .cmgallery-list {
    overflow:hidden;
    margin:-30px 0 0 -40px;
    list-style-type:none;
    padding:0;
}
#submain .cmgallery-list li {
    float:left;
    margin:30px 0 0 40px;
    padding:0;
    width:400px;
}
#submain .cmgallery-list li span {
    display:block;
}
#submain .cmgallery-list li .cmgallery-title {
    background:#55B8BF;
    color:#FFF;
    font-size:114%;
    font-weight:bold;
    padding:10px 10px 10px 2em;
    margin:0 0 3px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
}
#submain .cmgallery-list li .cmgallery-title__inner {
    position: relative;
}
#submain .cmgallery-list li .cmgallery-title__inner:before {
    content: "\f144";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -1em;
    top: 0;
}
#submain .cmgallery-list li .cmgallery-movie {
    line-height: 1;
    font-size: 0px;
}
#submain .cmgallery-list li .cmgallery-txt {
    font-size:85%;
    margin:5px 0 0;
    line-height:1.4;
}
@media screen and (max-width:750px) {
#submain .cmgallery-list {
    margin-left:0;
}
#submain .cmgallery-list li {
    float:none;
    margin-left:0;
    width:100%;
}
#submain .cmgallery-list li .cmgallery-movie {
    padding-top: 56.25%;
    position: relative;
}
#submain .cmgallery-list li iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
}


/*    20160524 友の会    */
#submain .tomonokai h2 {
    border:none;
    margin-top:40px;
}
#submain .tomonokai h3 {
    background-color: #39BEF7;
    color: #fff;
    font-size: 22px;
    margin: 60px 0 20px;
    padding: 10px 0 10px 15px;
    border-radius: 5px;
}
#submain .tomonokai h4 {
    margin:0 0 15px;
}
#submain .tomonokai .tomonokai_img {
    width:380px;
    float:left;
}
#submain .tomonokai .tomonokai_txt {
    width:460px;
    float:left;
}
#submain .tomonokai ol,
#submain .tomonokai ul {
    margin:0;
    padding:0;
}
#submain .tomonokai ol li {
    list-style:none;
    padding-left: 70px;
    font-size:17px;
    margin-bottom: 5px;
}
#submain .tomonokai ol li.tomonokai01 {
    background:url(../images/tomonokai/tomonokai_icon01.gif) no-repeat;
    min-height:50px;
    padding-top:10px;
}
#submain .tomonokai ol li.tomonokai02 {
    background:url(../images/tomonokai/tomonokai_icon02.gif) no-repeat;
    min-height:50px;
    padding-top:10px;
}
#submain .tomonokai ol li.tomonokai03 {
    background:url(../images/tomonokai/tomonokai_icon03.gif) no-repeat;
    min-height:50px;
    padding-top:0;
}
#submain .tomonokai ul li {
    list-style:none;
    width:200px;
    float:left;
    margin-right:13px;
    font-size:19px;
    font-weight:bold;
    text-align:center;
}
#submain .tomonokai ul li:last-child {
    margin-right:0;
}
#submain .tomonokai ul li img {
    margin-top:20px;
}
#submain .tomonokai .tomonokai_st {
    font-size:26px;
    font-weight:bold;
    margin-top:20px;
    text-align:center;
}
#submain .tomonokai .tomonokai_box {
    border:1px solid #B4B4B4;
    padding:30px;
}





/* 20160527 ドットマネーに交換する */

#submain .exchange_money_area {
    background:#F4F1E7;
    margin:0 0 40px;
    padding:0;
    border-radius:10px;
}
#submain .exchange_money_area h3 {
    text-align:center;
    margin:0;
    padding:20px 0;
    font-size:22px;
}
#submain .exchange_money_area ul {
    margin:0;
    padding:0 20px 15px;
    list-style-type:none;
}
#submain .exchange_money_area ul li {
    float:left;
    padding:1px;
}
#submain .exchange_money_area .money_note {
    font-size:12px;
    padding:0 20px 20px;
}
#submain .exchange_money_area .money_note small {
    margin:3px 0 0;
}
#submain .exchange_money_ameba {
    margin:0 0 40px;
    overflow:hidden;
}
#submain .exchange_money_ameba h4 {
    color:#FFF;
    text-align:center;
    margin:0;
    padding:10px;
    font-size:20px;
    border-radius:4px 4px 0 0;
}
#submain .exchange_money_ameba h5 {
    margin:0 0 5px;
    font-size:16px;
}
#submain .exchange_money_ameba ol {
    list-style-type:none;
    background:#FFF;
    margin:0;
    padding:0;
}
#submain .exchange_money_ameba p {
    margin:0;
    padding:0;
}
#submain .exchange_money_ameba a {
    color:#F65694;
}
#submain .exchange_money_ameba ol {
    padding:0 8px;
}
#submain .exchange_money_ameba ol li {
    padding:5px;
    background:#F4F1E7;
    display:table;
    margin:8px 0 0;
    position:relative;
    width:100%;
}
#submain .exchange_money_ameba ol li img {
    display:table-cell;
    width:auto !important;
}
#submain .exchange_money_ameba ol li .steptit {
    background:#FFF;
    border:1px solid #EEEAD9;
    float:none;
    width:88px;
    height:88px;
    padding:0;
    display:table-cell;
    vertical-align:middle;
}
#submain .exchange_money_ameba ol li .stepflow {
    display:table-cell;
    padding:10px;
}
#submain .exchange_money_ameba .money_ameba_btn a {
    display:block;
    width:300px;
    line-height:48px;
    color:#FFF;
    font-size:18px;
    text-decoration:none;
    text-align:center;
    position:relative;
    margin:20px auto;
    border-radius:3px;
}
#submain .exchange_money_ameba .money_ameba_btn a:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background:#FFF;
    font-size:28px;
    width:48px;
    float:left;
    border-radius:2px 0 0 2px;
}
#submain .exchange_money_ameba .ameba_get {
    float:left;
    width:396px;
    border:2px solid #00BC9D;
    border-radius:10px;
}
#submain .exchange_money_ameba .ameba_get h4 {
    background:#00BC9D;
}
#submain .exchange_money_ameba .money_ameba_btn.get a {
    background:#00BC9D;
    border:1px solid #00BC9D;
}
#submain .exchange_money_ameba .money_ameba_btn.get a:before {
    content: "\f234";
    color:#00BC9D;
}
#submain .exchange_money_ameba .money_ameba_btn.get a:hover {
    background:#00967E;
    border:1px solid #00967E;
}
#submain .exchange_money_ameba .ameba_have {
    float:right;
    width:396px;
    border:2px solid #F65694;
    border-radius:10px;
}
#submain .exchange_money_ameba .ameba_have h4 {
    background:#F65694;
}
#submain .exchange_money_ameba .money_ameba_btn.have a {
    background:#F65694;
    border:1px solid #F65694;
}
#submain .exchange_money_ameba .money_ameba_btn.have a:before {
    content: "\f021";
    color:#F65694;
}
#submain .exchange_money_ameba .money_ameba_btn.have a:hover {
    background:#C54576;
    border:1px solid #C54576;
}
#submain .exchange_money_btns {
    text-align:center;
}
#submain .exchange_money_btns .loginbtn {
    padding-bottom:10px;
}
#submain .exchange_money_btns a {
    display:inline-block;
    margin:0 10px;
    line-height:30px;
    text-decoration:none;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    border-radius:5px;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
}
#submain .exchange_money_btns a:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:0.5em;
    font-size:28px;
    vertical-align:middle;
}

#submain .exchange_money_ameba .exchange_money_ameba_atention{
    background:#00BC9D;
    border-radius:9px;
}

#submain .exchange_money_ameba .exchange_money_ameba_atention p{
    font-size:98%;
    text-align:center;
    padding: 15px;
}
#submain .exchange_money_ameba .exchange_money_ameba_atention p span{
    color:#fff;
    font-weight:bold;
    font-size:130%;
}

#submain .exchange_money_btns ul.dot_koukan,
#submain section .waku_bluegreen ul.flow_money{
    list-style:none;
    text-align:left;
}
#submain .exchange_money_btns ul.dot_koukan{
    width:67%;
    margin:0 auto;
}

#submain .exchange_money_btns ul.dot_koukan li:before,
#submain section .waku_bluegreen ul.flow_money li:before{
    content:"※";
    margin-left:-1em;
}

#submain .exchange_money_btns a.get {
    background:#00BC9D;
    border-right:1px solid #00967E;
    border-bottom:1px solid #00967E;
}


#submain .exchange_money_btns .dot_money_btn a{
    font-size:170%;
}
#submain .exchange_money_btns .dot_money_btn a span.txt_l{
    font-size:80%;
}

#submain .exchange_money_btns a.get:before {
    content: "\f234";
}
#submain .exchange_money_btns a.get:hover {
    background:#00967E;
}
#submain .exchange_money_btns a.have {
    background:#F65694;
    border-right:1px solid #C54576;
    border-bottom:1px solid #C54576;
}
#submain .exchange_money_btns a.have:before {
    content: "\f021";
}
#submain .exchange_money_btns a.have:hover {
    background:#C54576;
}

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

    #submain .exchange_money_area {
        margin:0 0 20px;
    }
    #submain .exchange_money_area h3 {
        font-size:20px;
        padding:15px 0;
    }
    #submain .exchange_money_area ul {
        padding:0 10px 10px;
    }
    #submain .exchange_money_area ul li {
        width:20%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #submain .exchange_money_ameba {
        margin:0 0 20px;
    }
    #submain .exchange_money_ameba h4 {
        padding:8px;
        font-size:18px;
    }
    #submain .exchange_money_ameba ol li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width:100%;
    }
    #submain .exchange_money_ameba ol li .steptit {
        width:88px;
        height:88px;
    }
    #submain .exchange_money_ameba ol li .stepflow {
        padding:10px 5px 10px 10px;
    }
    #submain .exchange_money_ameba .money_ameba_btn a {
        min-width:260px;
        width:60%;
        font-size:16px;
    }
    #submain .exchange_money_ameba .ameba_get {
        float:none;
        width:auto;
        border:1px solid #00BC9D;
        margin:0 0 20px;
    }
    #submain .exchange_money_ameba .ameba_have {
        float:none;
        width:auto;
        border:1px solid #F65694;
    }

    #submain .exchange_money_btns a {
        width:260px;
        margin:10px;
        line-height:60px;
        font-size:16px;
    }
    #submain .exchange_money_btns a:before {
        margin-right:0.5em;
        font-size:22px;
    }
    #submain .exchange_money_btns .dot_money_btn a{
        width:100%;
        margin:0;
        font-size:130%;
        line-height: 1.5;
        padding: 10px 0;
    }
    #submain .exchange_money_btns .dot_money_btn{
        padding-bottom:10px;

    }

    #submain .exchange_money_btns .dot_money_btn a span.txt_l{
        font-size:80% !important;
    }

    #submain .exchange_money_btns ul.dot_koukan {
        width: 90%;
    }
}
@media screen and (max-width:600px) {

    #submain .exchange_money_area ul li {
        width:25%;
    }

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

    #submain .exchange_money_area ul li {
        width:33.33333%;
    }

}



/* 20160527 グレードアップ */

#submain .gradeup_link {
    padding:0 15px;
    margin:0 0 40px;
}
#submain .gradeup_link p {
    font-weight:bold;
    font-size:20px;
}
#submain .gradeup_link ul {
    overflow:hidden;
    margin:0;
    padding:0;
    list-style-type:none;
}
#submain .gradeup_link ul li {
    float:left;
    margin:0 0 0 21px;
}
#submain .gradeup_link ul li:first-child {
    margin-left:0;
}

#submain .gradeup_box {
    border-radius:5px;
    margin:0 0 70px;
}
#submain .gradeup_box h2 {
    color:#FFF;
    font-weight:20px;
    border:none;
    margin:0;
    line-height:30px;
    padding:13px 15px 15px;
}
#submain .gradeup_box h2 img {
    margin-right:10px;
}
#submain .gradeup_box .gradeup_box_inner {
    padding:28px 28px 0;
}
#submain .gradeup_box .gradeup_detail_btn {
    display:block;
    line-height:54px;
    width:360px;
    text-align:center;
    color:#FFF;
    font-size:20px;
    font-weight:bold;
    border-radius:5px;
    text-decoration:none;
    margin:0 auto -31px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#submain .gradeup_box .gradeup_detail_btn:after {
    font-family: 'FontAwesome';
    content: "\f138";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left:0.5em;
}
#submain #gradeup01 {
    border:2px solid #00BC9D;
}
#submain #gradeup01 h2 {
    background:#00BC9D;
}
#submain #gradeup01 .gradeup_box_money {
    margin:0 0 20px;
    display:table;
    width:100%;
}
#submain #gradeup01 .gradeup_box_money dt,
#submain #gradeup01 .gradeup_box_money dd {
    display:table-cell;
    vertical-align:middle;
}
#submain #gradeup01 .gradeup_box_money dt {
    text-align:center;
}
#submain #gradeup01 .gradeup_box_money dd {
    font-size:14px;
    width:470px;
}
#submain #gradeup01 .exchange_money_area {
    margin:0 0 30px;
}
#submain #gradeup01 .exchange_money_area ul li {
    width:146px;
}
#submain #gradeup01 .gradeup_detail_btn {
    background:#00BC9D;
    border:3px solid #00BC9D;
}
#submain #gradeup01 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#00BC9D;
}

#submain #gradeup02 {
    border:2px solid #004EA1;
}
#submain #gradeup02 h2 {
    background:#004EA1;
}
#submain #gradeup02 .gradeup02_img {
    text-align:center;
    padding:10px 0 20px;
}
#submain #gradeup02 .gradeup02_outline h3.special_tit {
    background:#F30;
    color:#FFF;
    font-size:20px;
    font-weight:bold;
    padding:8px;
    margin:0 0 20px;
    position:relative;
    line-height:1;
}
#submain #gradeup02 .gradeup02_outline h3.special_tit .special_icon {
    position:absolute;
    left:4px;
    top:50%;
    margin-top:-6.025641%;
}
#submain #gradeup02 .gradeup02_outline h3.special_tit .special_txt {
    float:left;
    padding:0 0 0 95px;
    line-height:29px;
}
#submain #gradeup02 .gradeup02_outline h3.special_tit .special_limit {
    float:right;
    background:#FFF;
    color:#F30;
    font-size:16px;
    line-height:29px;
    padding:0 10px;
    border-radius:5px;
}
#submain #gradeup02 .gradeup02_outline ul {
    margin:0 0 30px;
    list-style-type:none;
    padding:0;
}
#submain #gradeup02 .gradeup02_outline ul li {
    float:left;
    margin-left:20px;
    padding:0;
}
#submain #gradeup02 .gradeup02_outline ul li:first-child {
    margin-left:0;
}
#submain #gradeup02 .gradeup02_txt {
    padding:0 0 30px;
}
#submain #gradeup02 .gradeup_detail_btn {
    background:#004EA1;
    border:3px solid #004EA1;
}
#submain #gradeup02 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#004EA1;
}

#submain #gradeup03 {
    border:2px solid #F54B8C;
}
#submain #gradeup03 h2 {
    background:#F54B8C;
}
#submain #gradeup03 .gradeup03_img {
    float:right;
    padding:0 0 30px 20px;
}
#submain #gradeup03 .gradeup03_txt {
    float:left;
    width:410px;
    line-height:1.8;
    padding:0 0 30px;
}
#submain #gradeup03 .gradeup_detail_btn {
    background:#F54B8C;
    border:3px solid #F54B8C;
    clear:both;
}
#submain #gradeup03 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#F54B8C;
}

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

    #submain .gradeup_link {
        padding:0;
        margin:0 0 20px;
    }
    #submain .gradeup_link p {
        font-size:16px;
        padding:0 0 10px;
    }
    #submain .gradeup_link ul {
    }
    #submain .gradeup_link ul li {
        margin:0 0 0 2%;
        width:32%;
    }

    #submain .gradeup_box {
        margin:0 0 70px;
    }
    #submain .gradeup_box h2 {
        color:#FFF;
        font-weight:20px;
        border:none;
        margin:0;
        line-height:1.2;
        padding:10px;
    }
    #submain .gradeup_box h2 img {
        width:auto;
        display:block;
        margin:0 0 5px;
    }
    #submain .gradeup_box .gradeup_box_inner {
        padding:15px 10px 0;
    }
    #submain .gradeup_box .gradeup_detail_btn {
        line-height:40px;
        width:80%;
        text-align:center;
        color:#FFF;
        font-size:16px;
        margin:0 auto -23px;
    }

    #submain #gradeup01 {
        border:2px solid #00BC9D;
    }
    #submain #gradeup01 .gradeup_box_money {
        margin:0 0 20px;
        display:block;
    }
    #submain #gradeup01 .gradeup_box_money dt,
    #submain #gradeup01 .gradeup_box_money dd {
        display:block;
    }
    #submain #gradeup01 .gradeup_box_money dt {
        margin:10px 0 15px;
    }
    #submain #gradeup01 .gradeup_box_money dt img {
        width:auto;
    }
    #submain #gradeup01 .gradeup_box_money dd {
        width:auto;
        margin:0;
    }
    #submain #gradeup01 .exchange_money_area {
        margin:0 0 30px;
    }
    #submain #gradeup01 .exchange_money_area p {
        padding:15px;
    }
    #submain #gradeup01 .exchange_money_area ul li {
        width:20%;
    }
    #submain #gradeup01 .gradeup_detail_btn {
        background:#00BC9D;
        border:3px solid #00BC9D;
    }
    #submain #gradeup01 .gradeup_detail_btn:hover {
        background:#FFF;
        color:#00BC9D;
    }
    #submain #gradeup02 .gradeup02_outline h3.special_tit {
        padding:8px;
        font-size:16px;
        margin:0 0 15px;
    }
    #submain #gradeup02 .gradeup02_outline h3.special_tit .special_icon {
        margin:0 5px 0 0;
        top:0;
        position:static;
        float:left;
    }
    #submain #gradeup02 .gradeup02_outline h3.special_tit .special_icon img {
        width:60px;
    }
    #submain #gradeup02 .gradeup02_outline h3.special_tit .special_txt {
        float:none;
        padding:0;
        line-height:29px;
        margin:0 0 3px;
    }
    #submain #gradeup02 .gradeup02_outline h3.special_tit .special_limit {
        float:none;
        display:inline-block;
        font-size:12px;
        line-height:22px;
        padding:0 10px;
        border-radius:3px;
    }
    #submain #gradeup02 .gradeup02_outline ul {
    }
    #submain #gradeup02 .gradeup02_outline ul li {
        float:none;
        margin:10px 0 0;
    }
    #submain #gradeup02 .gradeup02_outline ul li:first-child {
        margin-top:0;
    }
    #submain #gradeup03 .gradeup03_img {
        width:140px;
        padding:0 0 10px 10px;
    }
    #submain #gradeup03 .gradeup03_txt {
        float:none;
        width:auto;
    }

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

    #submain #gradeup01 .exchange_money_area ul li {
        width:25%;
    }

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

    #submain #gradeup01 .exchange_money_area ul li {
        width:33.33333%;
    }

}

/* 2017016 パワーアップ */

#submain .main {
    margin:0 0 30px;
}
#submain .gradeup_box{
    background: url(../images/201703/powerup/bg.jpg);
    color: #333;
}
#submain .gradeup_box p{
    padding-bottom: 0;
}
#submain .text-ttl{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 6px;
}
#submain .text-center{
    text-align: center;
    margin:20px auto;
}
#submain .text-center p{
    font-size: 18px;
    font-weight: bold;
}
#submain .bg-white{
    background: #FFF;
    padding: 15px 20px;
    text-align: center;
    border-radius: 5px;
    margin: 20px auto;
}
#submain  .gradeup_cont{
    overflow: hidden;
    margin: 15px 0;
    text-align: center;
}

#submain #gradeup01 {
    border:2px solid #FB7186;
}
#submain #gradeup01 h2 {
    background:#FB7186;
}
#submain #gradeup01 .gradeup_cont div:first-child{
    padding-top: 20px;
    float: left;
    width: 36%;
}
#submain #gradeup01 .gradeup_cont div:last-child{
    float: right;
    width: 64%;
}
#submain #gradeup01 .gradeup_cont div img{
    max-width: 100%;
    width: auto;
    height: auto;
}
#submain #gradeup01 .gradeup_detail_btn {
    background:#FB7186;
    border:3px solid #FB7186;
}
#submain #gradeup01 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#FB7186;
}

#submain #gradeup02 {
    border:2px solid #52A5E9;
}
#submain #gradeup02 h2 {
    background:#52A5E9;
}
#submain #gradeup02 .gradeup_detail_btn {
    background:#52A5E9;
    border:3px solid #52A5E9;
}
#submain #gradeup02 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#52A5E9;
}

#submain #gradeup03 {
    border:2px solid #00BC9D;
}
#submain #gradeup03 h2 {
    background:#00BC9D;
}
#submain #gradeup03 .gradeup_detail_btn {
    background:#00BC9D;
    border:3px solid #00BC9D;
}
#submain #gradeup03 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#00BC9D;
}
#submain #gradeup03 .bg-white{
    overflow: hidden;
    padding: 15px 35px;
}
#submain #gradeup03 .bg-white div:first-child{
    padding-top: 0;
    float: left;
    width: 56%;
}
#submain #gradeup03 .bg-white div:last-child{
    float: left;
    width: 44%;
}
#submain #gradeup03 .bg-white div img{
    max-width: 100%;
    width: auto;
    height: auto;
}
#submain #gradeup01 h2 img, #submain #gradeup02 h2 img, #submain #gradeup03 h2 img{
    -webkit-backface-visibility: hidden
}
@media screen and (max-width:750px) {

    #submain .main {
        margin:0 0 20px;
    }
    #submain .gradeup_box{
        margin-bottom: 50px;
    }
    #submain .gradeup_box p{
        padding-bottom: 0;
    }
    #submain #gradeup01 h2 img ,#submain #gradeup02 h2 img ,#submain #gradeup03 h2 img  {
        width: 80px;
        height: auto;
    }
    #submain .text-ttl{
        font-size: 16px;
        margin-bottom: 5px;
    }
    #submain .text-center{
        text-align: left;
        margin:15px auto;
    }
    #submain .text-center p{
        font-size: 14px;
    }
    #submain .bg-white{
        background: #FFF;
        padding: 10px 10px;
        text-align: center;
        border-radius: 5px;
        margin: 10px auto;
    }
    #submain  .gradeup_cont{
        overflow: hidden;
        margin: 15px 0;
        text-align: center;
    }
    #submain #gradeup03 .bg-white{
        overflow: hidden;
        padding: 10px 10px;
    }
    #submain #gradeup03 .bg-white div:first-child{
        padding-top: 0;
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    #submain #gradeup03 .bg-white div:first-child img{
        max-width: 300px;
        width: 100%;
        height: auto;
    }
    #submain #gradeup03 .bg-white div:last-child{
        float: none;
        width: 100%;
        text-align: center;
    }
    #submain #gradeup03 .bg-white div:last-child img{
        max-width: 200px;
        width: 100%;
        height: auto;
    }

}




/*******/

.step_tlcbuy{
    background-image: url(../images/ticbuy/flow_bg_blue.png);background-repeat: no-repeat;background-position: left bottom;
    margin-bottom: 10px;
}

#submain .ticbuy_shop {
    margin:20px 0 40px;
}

#submain .ticbuy_shop_tit {
    text-align:center;
    padding:0;
}
#submain .ticbuy_shop_tit img {
    max-width:100%;
}

#submain .ticbuy_shop_img span {
    text-align:right;
    display:block;
    margin:0 0 5px;
}

#submain .ticbuy_shop_txt {
    text-align:center;
    font-weight:bold;
    font-size:16px;
}
#submain .ticbuy_shop_txt span {
    background:#333;
    padding:3px 10px;
    margin:0 10px 0 0;
    color:#FFF;
    border-radius:3px;
    letter-spacing:0.05em;
}

#submain .ticbuy_box{
    margin:40px auto;
}

#submain .ticbuy_box h2{
    color:#004DA0 ;
    border-bottom:#004DA0 2px solid ;
    margin: 0 0 20px;
}
#submain .ticbuy_box p sup {
}
#submain .ticbuy_box .tlcbuy_detail{
    overflow:hidden;
}
#submain .ticbuy_box .tlcbuy_detail_table{
    float: left;
    width: 520px;
}
#submain .ticbuy_box .tlcbuy_detail_table table tr,
#submain .ticbuy_box .tlcbuy_detail_table table tr td{
    border:#004DA0 1px solid;
}

#submain .ticbuy_box .tlcbuy_detail_table tr th{
    background:#004DA0 ;
    color:#fff;
    border-bottom: 1px solid #fff;
    width: 40%;
    text-align: center;
    padding: 8px;
}
#submain .ticbuy_box .tlcbuy_detail_table table tr td.red {
    font-weight:bold;
}
#submain .ticbuy_box .tlcbuy_detail_table table tr td ul {
    margin:0;
    padding:0 0 0 15px;
}
#submain .ticbuy_box .tlcbuy_detail_table table tr td span{
    font-size:90%;
}
#submain .ticbuy_box .tlcbuy_detail_img {
    float:right;
}
#submain .ticbuy_box .tlcbuy_detail .waku_blue {
}
#submain .ticbuy_box .tlcbuy_detail .waku_blue h2 {
    color:#000;
}
#submain .ticbuy_box p strong{
    font-size:110%;
}

#submain .ticbuy_box h3{
    background:#004DA0 ;
    background-image: url("../images/ticbuy/point-ya-up.png");
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    color:#fff;
    border-radius:4px;
    font-size:130%;
    padding: 10px 10px 10px 20px;
    margin: 0 0 35px;
    cursor:pointer;
}
#submain .ticbuy_box h3:hover{
    opacity:0.8;
}


#submain .ticbuy_box h3.open{

    background-image: url("../images/ticbuy/point-ya-down.png");
}
#submain .ticbuy_box .tlcbuy_flowbox {
    margin:0 0 50px;
}
#submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain{
    width: 700px;
}

#submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain > p {
    width:60%;
    float:left;
    margin-right: 20px;
}

#submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain .go_dt_btn{
    width:auto;
}
#submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain .step_tlcbuy_credit{
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    padding: 15px;
    width: 60%;
}

#submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain .step_tlcbuy_credit .credit_logo {
    float:right;
}
#submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain .step_tlcbuy_credit > p {
    padding:0;
}

#submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain .step_tlcbuy_credit ul{
    margin: 5px 0 0;
    padding: 0 0 0 1em;
    overflow: hidden;
}

#submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain .step_tlcbuy_credit ul li{
    float:left;
    margin-right: 30px;
    padding:0;
}

#submain .ticbuy_box .tlcbuy_buybox{
    border:#CCC 2px solid;
    background-color:#F2F2F2;
    border-radius:4px;
    width:740px;
    margin:0 auto;
    text-align:center;
}
#submain .ticbuy_box .tlcbuy_buybox p {
    font-weight:bold;
}
#submain .ticbuy_box .tlcbuy_buybox .creditbuy{
    color:#004DA0 ;
    font-size:120%;
    font-weight:bold;
    text-align:center;
    padding: 15px 0;
}
#submain .ticbuy_box .tlcbuy_buybox ul {
    margin: 0 auto 25px;
    padding:0;
    text-align:center;
}
#submain .ticbuy_box .tlcbuy_buybox ul li{
    box-sizing: border-box;
    list-style: outside none none;
    width: 330px;
    display:inline-block;
    padding:0;
    margin:0 8px;
}
#submain .ticbuy_box .tlcbuy_buybox ul li .bluebtn{
}

#submain .ticbuy_box .tlcbuy_buybox ul li .bluebtn.harfbtn{
}
#submain .ticbuy_box .tlcbuy_buybox ul li .bluebtn.harfbtn a,
#submain .ticbuy_box .tlcbuy_buybox ul li .aquabtn.harfbtn a,
#submain .ticbuy_box .tlcbuy_buybox ul li .leafbtn.harfbtn a{
    background-image: url("../images/btn_ico_a.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 9px auto;    color:#fff;
    text-decoration:none;
    padding: 20px 10px;
    display:block;
    font-size: 140%;
    text-align:center;
    font-weight:bold;
    border-radius:4px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain .ticbuy_box .tlcbuy_buybox ul li .bluebtn.harfbtn a {
    background-color:#004DA0 ;
}
#submain .ticbuy_box .tlcbuy_buybox ul li .bluebtn a:hover{
    background-color:#003369;
    ackground-image: url("../images/btn_ico_a.png");
}
#submain .ticbuy_box .tlcbuy_buybox ul li .aquabtn.harfbtn a {
    background-color:#0097D0 ;
}
#submain .ticbuy_box .tlcbuy_buybox ul li .aquabtn a:hover{
    background-color:#007399;
}
#submain .ticbuy_box .tlcbuy_buybox ul li .leafbtn.harfbtn a {
    background-color:#009F78 ;
}
#submain .ticbuy_box .tlcbuy_buybox ul li .leafbtn a:hover{
    background-color:#006A50;
}
#submain .ticbuy_box .tlcbuy_buybox + p{
    margin-top: 1em;
}

#submain .ticbuy_box .alse_tlcbuy{
    text-align:center;
}

#submain .ticbuy_box .alse_tlcbuy ul{
    margin: 40px 0;
    padding:0;
}

#submain .ticbuy_box .alse_tlcbuy ul li {
    list-style:none;
    display:inline-block;
    vertical-align:middle;
    padding:0;
    margin:0 15px;
}
#submain .ticbuy_box .alse_tlcbuy ul li:nth-child(2){
    padding-right:0;
}
#submain .ticbuy_box .alse_tlcbuy ul li p {
    font-weight:bold;
    font-size:18px;
    padding:0;
    margin:0 0 10px;
    position:relative;
    display:inline-block;
}
#submain .ticbuy_box .alse_tlcbuy ul li p:before {
    content:"";
    background: url("../images/ticbuy/alse_left.gif");
    width:21px;
    height:26px;
    position:absolute;
    margin-top: -13px;
    top: 50%;
    right: 105%;
}
#submain .ticbuy_box .alse_tlcbuy ul li p:after {
    content:"";
    background: url("../images/ticbuy/alse_right.gif");
    width:21px;
    height:26px;
    position:absolute;
    margin-top: -13px;
    top: 50%;
    left: 105%;
}
#submain .ticbuy_box .alse_tlcbuy ul li p br {
    display: none;
}
#submain .ticbuy_box .alse_tlcbuy ul li .redbtn {
    display:table;
    height:65px;
    box-sizing:border-box;
}
#submain .ticbuy_box .alse_tlcbuy ul li .redbtn a {
    background-image: url("../images/btn_ico_a.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 9px auto;    color:#fff;
    text-decoration:none;
    padding: 10px 40px;
    display:table-cell;
    vertical-align:middle;
    font-size: 120%;
    text-align:center;
    font-weight:bold;
    background-color:#DC3487 ;
    border-radius:4px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain .ticbuy_box .alse_tlcbuy ul li a img{
    width:100%;
}
#submain .ticbuy_box .alse_tlcbuy ul li a img:hover{
    opacity:0.8;
}
#submain .ticbuy .tlcbuy_flowbox .step_tlcbuy:last-child p{
    padding-bottom: 10% !important;
}
#submain .ticbuy .ticbuy_intro{
    background: url(../images/ticbuy/bg_sky_strype.gif);
    position: relative;
    padding: 25px;
    box-shadow:2px 4px 5px -5px rgba(0,78,161,.2);
    margin-top: 30px;
}
#submain .ticbuy .ticbuy_intro:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
#submain .ticbuy .ticbuy_intro:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
}
#submain .ticbuy .ticbuy_intro .ticbuy_intro_tit{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
}
#submain .ticbuy .ticbuy_intro .ticbuy_intro_tit .sub_tit{
    color: #004C9F;
    background: #fff;
    border: 3px solid #004C9F;
    border-radius: 1.5em;
    display: inline-block;
    padding: .25em 2em .2em;
    margin-bottom: .5em;
}
#submain .ticbuy .ticbuy_intro .intro_box{
    display: flex;
}
#submain .ticbuy .ticbuy_intro .intro_box:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0.1em;
}
#submain .ticbuy .ticbuy_intro .intro_box .intro_box--half{
    width: 49%;
    float: left;
    background: #fff;
    margin-right: 2%;
    box-shadow:2px 4px 5px -5px rgba(0,78,161,.2);
    padding: 20px 20px 15px;
}
#submain .ticbuy .ticbuy_intro .intro_box .intro_box--half:nth-child(2n){
    margin-right: 0;

}
#submain .ticbuy .ticbuy_intro .intro_box .intro_box--half .tit{
    color: #004DA0;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    border-bottom: dotted 2px #ddd;
    padding-bottom: .5em;
    margin-bottom: 1em;
}
#submain .ticbuy .ticbuy_intro .intro_box .intro_box--half .txt{

}
#submain .ticbuy .ticbuy_intro .intro_box .intro_box--half .txt span{
    font-size: 16px;
    color: #F24B8C;
    font-weight: bold;
}
#submain .ticbuy .ticbuy_intro .intro_box .intro_box--half .tlc-only{
    background: url(../images/ticbuy/bg_green_square.gif);
    text-align: center;
    margin-top: 20px;
    padding-bottom: 5px;
}
#submain .ticbuy .ticbuy_intro .intro_box .intro_box--half .tlc-only p{
    display: inline-block;
    margin: -22px auto 0;
    padding: 0;
}
#submain .ticbuy ul , #submain .ticbuy ul li{
    list-style: none;
    margin: 0;
    padding: 0;
}
#submain .ticbuy  .harfbtn{
    margin-bottom: 15px;
}
#submain .ticbuy  .harfbtn a{
    text-decoration: none;
    display: block;
    box-shadow:2px 4px 5px -5px rgba(0,0,0,.3);
    color: #fff;
    position: relative;
    background: #000;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    padding: 1em .5em .9em;
    border-radius: .25em;
}
#submain .ticbuy  .harfbtn a:before{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    left: 1em;
    top: 50%;
    margin-top: -.5em;
    transition: .5s;

}
#submain .ticbuy  .harfbtn a:hover:before{
    left: 1.5em;
}
#submain .ticbuy  .harfbtn.bluebtn a{
    background: #004EA1;
}
#submain .ticbuy  .harfbtn.aquabtn a{
    background: #0097D0;
}
#submain .ticbuy  .harfbtn.pinkbtn a{
    background: #F54B8C;
}
#submain .ticbuy  .harfbtn.blownbtn a{
    background: #4C3E39;
}
#submain .ticbuy  .harfbtn.bluebtn a:hover{
    background: #003369;
}
#submain .ticbuy  .harfbtn.aquabtn a:hover{
    background: #007399;
}
#submain .ticbuy  .harfbtn.pinkbtn a:hover{
    background: #CA2967;
}
#submain .ticbuy  .harfbtn.blownbtn a:hover{
    background: #362B28;
}
#submain .ticbuy .notes{ font-size: 12px;}

#submain .ticbuy .ticbuy_intro .intro_box .intro_box--half  .harfbtn a{
    padding: 1.3em .5em 1.2em;
}

#submain .ticbuy .ticbuy-btn ul {
    text-align: center;
    margin: 40px auto;
}
#submain .ticbuy .ticbuy-btn ul li{
    width: 45%;
    display: inline-block;
    margin-right: 2.5%;
}
#submain .ticbuy .ticbuy-btn ul li:nth-child(2n){
    margin-right: 0;
}
#submain .ticbuy .ticbuy-btn ul li a{
    font-size: 20px;
}

#submain .ticbuy .tlcbuy_buybox .harfbtn a{
    background-image: none !important;
}
#submain .ticbuy table th{
    font-size: 16px;
}
#submain .ticbuy .tlcbuy_flowbox h4{
    font-size: 18px;
}
#submain .ticbuy .tlcbuy_flowbox a{
    color: #F65292;
}
#submain .ticbuy .tlcbuy_flowbox .red{
    font-weight: bold;
}


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

    #submain .ticbuy_shop {
        margin:20px 0;
    }

    #submain .ticbuy_shop_tit img {
        max-width:100%;
        width:auto;
    }

    #submain .ticbuy_shop_txt {
        text-align:left;
        font-weight:normal;
        font-size:14px;
    }
    #submain .ticbuy_shop_txt span {
        background:#333;
        padding:3px 10px;
        margin:0 10px 0 0;
        color:#FFF;
        border-radius:3px;
        letter-spacing:0.05em;
    }

    #submain .ticbuy_box .tlcbuy_detail_table {
        width:70%;
    }
    #submain .ticbuy_box .tlcbuy_detail_img{
        width:28%;
        float:left;
    }
    #submain .ticbuy_box .alse_tlcbuy ul{
        padding:0;
    }
    #submain .ticbuy_box .alse_tlcbuy ul li {
        box-sizing: border-box;
        margin: 0;
        padding-right: 10px;
        width: 48%;
    }
    #submain .ticbuy_box .alse_tlcbuy ul li .redbtn {
        width:100%;
    }
    #submain .ticbuy_box .alse_tlcbuy ul li p br {
        display: inline;
    }
    #submain .ticbuy_box .tlcbuy_buybox {
        width:100%;
    }
    #submain .ticbuy_box .tlcbuy_buybox > p {
        font-size:100%;
        padding:0 15px 15px;
    }
    #submain .ticbuy_box .tlcbuy_buybox ul{
        width:auto;
        padding:0 15px;
        margin-bottom:10px;
    }
    #submain .ticbuy_box .tlcbuy_buybox ul li {
        width:100%;
        margin:0 0 10px;
    }
    #submain .ticbuy_box .tlcbuy_buybox ul li .bluebtn.harfbtn a,
    #submain .ticbuy_box .tlcbuy_buybox ul li .aquabtn.harfbtn a,
    #submain .ticbuy_box .tlcbuy_buybox ul li .leafbtn.harfbtn a{
        font-size:120%;
    }
    #submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain > p {
        width:100%;
    }
    #submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain .step_tlcbuy_credit {
        width:100%;
        text-align:center;
        margin:0 0 10px;
    }
    #submain .ticbuy_box .tlcbuy_flowbox .step_tlcbuy .stepmain{
        width: 70%;
    }
    #submain .ticbuy  .harfbtn a{
        font-size: 17px;
    }
    #submain .ticbuy  .harfbtn a:before{
        left: .7em;
    }
    #submain .ticbuy  .harfbtn a:hover:before{
        left: 1em;
    }
    #submain .ticbuy .ticbuy-btn ul li a{
        font-size: 16px;
    }
    #submain .ticbuy .ticbuy_intro:before{
        border-width: 40px 40px 0 0;
    }
    #submain .ticbuy .ticbuy_intro:after{
        border-width: 0 40px 40px 0;
    }
    #submain .ticbuy .ticbuy_intro .ticbuy_intro_tit{
        font-size: 18px;
        text-align: left;
    }
    #submain .ticbuy .ticbuy_intro .ticbuy_intro_tit .sub_tit{
        line-height: 1.4;
        font-size: 14px;
        display: block;
        text-align: center;
        padding: .25em .5em .2em;
    }
}

@media screen and (max-width:600px) {
    #submain .ticbuy_box {
        margin:20px auto;
    }
    #submain .ticbuy_box .bluebtn a{
        font-size:100%;
    }
    #submain .ticbuy_box .tlcbuy_detail_table {
        width:100%;
        float:none;
    }
    #submain .ticbuy_box .tlcbuy_detail_img{
        width: 100%;
        float:none;
        text-align:center;
        margin:0 0 20px;
    }
    #submain .ticbuy_box .tlcbuy_detail_img >img{
        width:80%;
    }
    #submain .ticbuy_box .alse_tlcbuy ul li {
        float:none;
        width:100%;
        padding: 0;
        margin:0 0 15px;
    }
    #submain .ticbuy_box h3 {
        background-size:10px auto;
        font-size: 100%;
        padding:10px 20px 10px 10px;
    }

    #submain .ticbuy .ticbuy_intro{
        padding: 10px;
        margin-top: 15px;
    }
    #submain .ticbuy .ticbuy_intro:before{
        border-width: 20px 20px 0 0;
    }
    #submain .ticbuy .ticbuy_intro:after{
        border-width: 0 20px 20px 0;
    }
    #submain .ticbuy .ticbuy_intro .ticbuy_intro_tit{
        font-size: 16px;
        margin-bottom: .8em;
        padding-bottom: 0;
    }
    #submain .ticbuy .ticbuy_intro .ticbuy_intro_tit .sub_tit{
        font-size: 12px;
    }
    #submain .ticbuy .ticbuy_intro .intro_box{
        flex-direction: column;
    }
    #submain .ticbuy .ticbuy_intro .intro_box .intro_box--half{
        width: auto;
        float: none;
        margin-right: 0%;
        padding: 10px 10px 10px;
    }
    #submain .ticbuy .ticbuy_intro .intro_box .intro_box--half:nth-child(2n){
        margin-top: 15px;
    }
    #submain .ticbuy .ticbuy_intro .intro_box .intro_box--half .tit{
        font-size: 18px;
    }

    #submain .ticbuy .ticbuy_intro .intro_box .intro_box--half .txt span{
        font-size: 14px;
    }
    #submain .ticbuy  .harfbtn a{
        font-size: 18px;
    }

    #submain .ticbuy .ticbuy-btn ul {
        margin: 20px auto;
    }
    #submain .ticbuy .ticbuy-btn ul li{
        width: auto;
        display: block;
        margin-right: 0;
    }
    #submain .ticbuy .ticbuy-btn ul li a{
        font-size: 18px;
    }
}


/*    20160531 特定商取引法に基づく表記    */

.about_law table tr th {
    width:25%;
}


/* 20160621　請求明細詳細 */

#billing {
    line-height: 1.6;
}
#billing dl.billDl {
    margin: 0 ;
}
#billing dl.billDl .billDl-title {
    font-size: 16px;
    border: 2px #c3c3c3 solid;
    overflow: hidden;
    margin-top: -2px;
    padding: 0 18px 0 70px;
    line-height: 55px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#billing dl.billDl .billDl-title__date {
    float: left;
}
#billing dl.billDl .billDl-title__conf {
    float: left;
    margin-left: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #FFF;
    line-height: 1;
    padding: 3px 5px;
    margin: 18px 0 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#billing dl.billDl .billDl-title__conf.pink {
    background: #F44B8C;
}
#billing dl.billDl .billDl-title__conf.gray {
    background: #AAA;
}
#billing dl.billDl .billDl-title__price {
    float: right;
}
#billing dl.billDl .billDl-title:before {
    content: "";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #F44B8C;
    font-size: 22px;
    font-size: 1.3rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    text-align: center;
    background: #f2f2f2;
    border-right: 2px solid #c3c3c3;
}
#billing dl.billDl .billDl-title:hover {
    background: #f2f2f2;
}
#billing dl.billDl .billDl-title.active {
    background: #f2f2f2;
}
#billing dl.billDl .billDl-title.active:before {
    content: "";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
    background: #F44B8C;
}
#billing dl.billDl .billDl-detail {
    margin-left: 58px;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    display: none;
    overflow: hidden;
}
#billing dl.billDl .billDl-detail__itemized {
    padding-left: 40px;
    position: relative;
    border-top: 1px solid #c3c3c3;
    cursor: pointer;
    background: #f2f2f2;
    margin: -1px 0 0;
}
#billing dl.billDl .billDl-detail__itemized:before {
    content: "";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #F44B8C;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 39px;
    text-align: center;
    margin-top: -0.5em;
    line-height: 1;
}
#billing dl.billDl .billDl-detail__itemized.noplus {
    background: #FFF;
    cursor: auto;
}
#billing dl.billDl .billDl-detail__itemized.noplus:before {
    content: "";
    background: #FFF;
    height: 100%;
    top: 0;
    margin: 0;
}
#billing dl.billDl .billDl-detail__itemized.noplus:hover .itemized-title {
    background: #FFF;
}
#billing dl.billDl .billDl-detail__itemized.noplus .itemized-detail {
    display:block;
}
#billing dl.billDl .billDl-detail__itemized.noplus:hover .itemized-title:first-child {
    background: #FFF;
}
#billing dl.billDl .billDl-detail__itemized:hover .itemized-title,
#billing dl.billDl .billDl-detail__itemized.active .itemized-title {
    background: #FFFFEE;
}
#billing dl.billDl .billDl-detail__itemized.active .itemized-title .detail-total {
    color:#F44B8C;
}
#billing dl.billDl .billDl-detail__itemized.active:before {
    content: "";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#billing dl.billDl .billDl-detail__itemized .itemized-title {
    background: #FFF;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    width: 100%;
    text-align: right;
    display: table;
}
#billing dl.billDl .billDl-detail__itemized .itemized-title:first-child {
    border-top: none;
}
#billing dl.billDl .billDl-detail__itemized .itemized-title__name {
    display: table-cell;
    vertical-align: middle;
    padding: 14px;
    width: 20%;
    border-right: 1px dashed #c3c3c3;
    text-align: left;
}
#billing dl.billDl .billDl-detail__itemized .itemized-title__detail {
    display: table-cell;
    vertical-align: middle;
    padding: 14px 19px;
    width: 100%;
    text-align: left;
}
#billing dl.billDl .billDl-detail__itemized .itemized-title__detail p {
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 0;
    padding:0;
}
#billing dl.billDl .billDl-detail__itemized .itemized-title__detail p:last-child {
}
#billing dl.billDl .billDl-detail__itemized .itemized-title__date {
    display: table-cell;
    vertical-align: middle;
    width: 75%;
}
#billing dl.billDl .billDl-detail__itemized .itemized-title__price {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    text-align: right;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail {
    background: #FFF;
    display: none;
    margin:0;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__inner {
    border-top: 1px dashed #c3c3c3;
    padding: 15px 20px;
    overflow: hidden;
    border-left: 1px solid #c3c3c3;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__contract {
    margin: 0 -5px 15px;
    background: #f2f2f2;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__contract:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
* html #billing dl.billDl .billDl-detail__itemized .itemized-detail__contract {
    height: 1%;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__contract .contract {
    float: left;
    width: 50%;
    margin: 0;
    padding: 5px;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__contract .contract span {
    display: inline-block;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__contract .contract-title {
    font-weight: bold;
    margin-right: 10px;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__left {
    width: 55%;
    float: left;
    overflow: hidden;
    font-size:90%;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__left dt {
    font-weight: bold;
    float: left;
    width: 120px;
    min-width: 7em;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__left dd {
    margin-left: 140px;
    padding: 0 10px 10px 0;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__left dd:last-child {
    padding-bottom: 0;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__right {
    width: 45%;
    float: right;
    overflow: hidden;
    font-size:90%;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__right dt {
    font-weight: bold;
    float: left;
    clear: both;
}
#billing dl.billDl .billDl-detail__itemized .itemized-detail__right dd {
    margin-left: 50px;
    padding: 0 10px 10px 0;
}
#billing dl.billDl .billDl-detail__option {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding: 10px 19px;
    color: #0059B2;
    overflow: hidden;
}
#billing dl.billDl .billDl-detail__option .option-title {
    float: left;
    padding: 0 0 0 1.5em;
    background: url(../images/point/option_icon.gif) no-repeat 2px top;
}
#billing dl.billDl .billDl-detail__option .option-price {
    float: right;
}

#submain table th.bg_pink{background-color: #FFF0F9;}

/*width35pxにするクラス*/
#submain table tr td img.w35{width:35px;}

#billing .faqbox p.billing_q{
    background-color: #f4f1e7;
    background-image: url("../images/faq/ico_q.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 0;
    padding: 10px 0 10px 48px;
    font-weight:bold;
    border-bottom: solid 2px #F54B8C;
}

#billing .tablescll tr td{
    position:relative;
}
#billing .tablescll tr td span{
    position:absolute;
    top:10px;
    right:20px;
    color:#F54B8C;
    font-size:80%;
}
#billing .tablescll tr td img {
    width: auto;
}

#billing .billing_contents dl{
    border-left:#F54B8C 4px solid;
    padding: 3px 0 3px 16px;
    margin:20px 0;
}
#billing .billing_contents dl dt{
    font-weight:bold;
    font-size:17px;
    margin-bottom: 5px;
}
#billing .billing_contents dl dd{
    margin:0;
    font-size:14px;
}
#billing .billing_contents dl dd a{
    color:#F54B8C;
    text-decoration:underline;
}
#billing .billing_contents .dl_wrap{
    border-top:#ccc dotted 1px;
}

#billing .billing_contents .dl_wrap:last-child{
    border-bottom:#ccc dotted 1px;
}
#billing .attention_billing{
    padding:0;
}
#billing .attention_billing li{
    list-style:none;
    font-size:80%;
}
#billing .attention_billing li span{
    color:#F54B8C;
}



#billing .billing_contents{
    margin:20px 0;
}
#billing .tablescll,
#billing .window_billing_box,
#billing .qa_billing_box{
    margin:50px 0;
}




@media only screen and (max-width: 750px) {
    #billing dl.billDl .billDl-title {
        font-size: 14px;
        padding:0 5px 0 50px;
        line-height:50px;
    }
    #billing dl.billDl .billDl-title__conf {
        margin: 0 0 0 10px;
        float: right;
    }
    #billing dl.billDl .billDl-title__price {
        display: block;
        text-align: right;
        clear: both;
        margin-top: 5px;
    }
    #billing dl.billDl .billDl-title:before {
        font-size: 18px;
        width: 36px;
        height: 100%;
        line-height: 50px;
    }
    #billing dl.billDl .billDl-title:hover {
        background: #f2f2f2;
    }
    #billing dl.billDl .billDl-title.active {
        background: #f2f2f2;
    }
    #billing dl.billDl .billDl-title.active:before {
        content: "";
        font-family: 'FontAwesome';
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #FFF;
        background: #F44B8C;
    }
    #billing dl.billDl .billDl-detail {
        margin-left: 40px;
    }
    #billing dl.billDl .billDl-detail__itemized {
        padding-left: 30px;
        position: relative;
        border-top: 1px solid #c3c3c3;
        cursor: pointer;
        background: #f2f2f2;
        margin-top: -1px;
    }
    #billing dl.billDl .billDl-detail__itemized:before {
        font-size: 16px;
        left: 0;
        width: 29px;
        text-align: center;
        margin-top: -0.5em;
    }
    #billing dl.billDl .billDl-detail__itemized.noplus {
        background: #FFF;
        cursor: auto;
    }
    #billing dl.billDl .billDl-detail__itemized.noplus:before {
        content: "";
        background: #FFF;
        height: 100%;
        top: 0;
        margin: 0;
    }
    #billing dl.billDl .billDl-detail__itemized.noplus:hover .itemized-title {
        background: #FFF;
    }
    #billing dl.billDl .billDl-detail__itemized:hover .itemized-title {
        background: #FFFFF0;
    }
    #billing dl.billDl .billDl-detail__itemized.active .itemized-title {
        background: #FFFFF0;
    }
    #billing dl.billDl .billDl-detail__itemized.active:before {
        content: "";
        font-family: 'FontAwesome';
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-title {
        background: #FFF;
        border-top: 1px solid #c3c3c3;
        border-left: 1px solid #c3c3c3;
        overflow: hidden;
        display: table;
        width: 100%;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-title:first-child {
        border-top: none;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-title__name {
        display: block;
        padding: 9px 14px 0;
        width: 100%;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-title__detail {
        padding: 12px 9px;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-title__date {
        display: block;
        vertical-align: middle;
        width: 100%;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-title__price {
        display: block;
        vertical-align: middle;
        width: 100%;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__inner {
        padding: 9px 14px;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__contract .contract {
        float: none;
        width: 100%;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__left {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__left dt {
        float: none;
        width: 100%;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__left dd {
        margin: 0 ;
        float: none;
        width: 100%;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__left dd:last-child {
        margin-bottom: 10px !important;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__right {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__right dt {
        float: none;
        width: 100%;
        height: 1.6em;
    }
    #billing dl.billDl .billDl-detail__itemized .itemized-detail__right dd {
        float: none;
        height: auto;
        margin: 0;
    }
    #billing dl.billDl .billDl-detail__option {
        border-top: 1px solid #c3c3c3;
        border-bottom: 1px solid #c3c3c3;
        padding: 10px 19px;
        color: #0059B2;
        overflow: hidden;
    }
    #billing dl.billDl .billDl-detail__option .option-title {
        float: left;
        padding: 0 0 0 1.5em;
        background: url(../images/point/option_icon.gif) no-repeat 2px top;
    }
    #billing dl.billDl .billDl-detail__option .option-price {
        float: right;
    }
    #billing .tablescll tr td span {
        color: #f54b8c;
        font-size: 80%;
        position: absolute;
        right: 3px;
        top: 2px;
    }
}



/*================================================================================
    新WAONポイント
================================================================================*/
#submain .nwaon {
}
#submain .nwaon .birth_area {
    text-align:center;
    padding:40px 0;
    border:1px solid #ED3F22;
    margin:0 5px 30px 0;
    position:relative;
}
#submain .nwaon .birth_area:before {
    content:"";
    position:absolute;
    top:4px;
    left:4px;
    width:100%;
    height:100%;
    border:1px solid #ED3F22;
}
#submain .nwaon .birth_area h2 {
    color:#ED3F22;
    font-size:26px;
    border:none;
}
#submain .nwaon .birth_area p {
    line-height:2;
    font-size:16px;
    padding:0;
}

#submain .nwaon .feature_area {
    margin:0 0 40px;
}
#submain .nwaon .feature_area h3 {
    font-size:20px;
    margin:0 0 15px;
}
#submain .nwaon .feature_area h3:before {
    content: "\f04e";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 0.3em 0 0;
    color:#ED3F22;
}
#submain .nwaon .feature_area .feature_card {
    float:left;
}
#submain .nwaon .feature_area .feature_detail {
    float:right;
}
#submain .nwaon .feature_area .feature_detail img {
    margin:0 0 10px;
    display:block;
}
#submain .nwaon .blackbtn {
    width:560px;
    margin:0 auto;
    text-align:center;
}
#submain .nwaon .blackbtn a {
    background-color:#221E1F;
    background-image: url("../images/btn_ico_a.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 9px auto;    color:#fff;
    text-decoration:none;
    padding: 15px 10px;
    display:block;
    font-size: 140%;
    font-weight:bold;
    border-radius:4px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain .nwaon .blackbtn a:hover {
    background-color:#000;
}
#submain .nwaon .blackbtn a span {
    display:block;
    font-size: 65%;
}
#submain .nwaon .blackbtn p {
    margin:10px 0 0;
}
#submain .nwaon .contact_area {
    width:560px;
    margin:40px auto 0;
    text-align:center;
}
#submain .nwaon .contact_area h4 {
    background:#ED3F22;
    color:#FFF;
    font-size:115%;
    line-height:44px;
    margin:0;
    position:relative
}
#submain .nwaon .contact_area h4:after {
    content: "";
    position:absolute;
    bottom:-20px;
    left:50%;
    margin-left:-5px;
    border:10px #FFF solid;
    border-top-color:#ED3F22;
}
#submain .nwaon .contact_area .contact_detail {
    background:#f2f2f2 url(../images/slant_bg.gif);
    padding:0 10px 10px;
}
#submain .nwaon .contact_area .contact_detail_inner {
    background:#FFF;
    padding:20px 0;
}
#submain .nwaon .contact_area p {
    padding:0;
}
#submain .nwaon .contact_area .contact_name {
    font-size:115%;
}
#submain .nwaon .contact_area .contact_call {
    font-size:180%;
    font-weight:bold;
}
#submain .nwaon .contact_area .contact_call:before {
    content: "\f095";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 0.3em 0 0;
    color:#CCC;
}
#submain .nwaon .contact_area .contact_call span {
    font-size:50%;
    font-weight:normal;
}
#submain .nwaon .contact_area .contact_text {
}

#submain .nwaon .save_area {
    margin:40px 0 0;
}
#submain .nwaon .save_area p {
    font-weight:bold;
    font-size:115%;
    padding:0 0 5px;
}

#submain .nwaon .regist_area {
    margin:80px 0 0;
}
#submain .nwaon .regist_area h2 {
    background:#3ABCDC;
    color:#FFF;
    text-align:center;
    margin:0;
    line-height:80px;
    position:relative;
    border:none;
}
#submain .nwaon .regist_area h2:before {
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    width:828px;
    height:68px;
    border:1px solid #FFF;
}
#submain .nwaon .regist_area h3 {
    padding:9px;
    border:1px solid #999;
    display:table;
    width:820px;
    margin:0;
}
#submain .nwaon .regist_area h3 span {
    display:table-cell;
    vertical-align:middle;
    height:60px;
}
#submain .nwaon .regist_area h3 span.regist_box_ico {
    color:#FFF;
    width:120px;
    text-align:center;
    border-radius:3px;
}
#submain .nwaon .regist_area h3 span.regist_box_txt {
    padding:0 0 0 10px;
    font-size:115%;
    line-height:30px;
}
#submain .nwaon .regist_area .usual h3 span.regist_box_ico {
    background:#3ABCDC;
}
#submain .nwaon .regist_area .change h3 {
    padding:19px 9px;
    border:1px solid #ED3F22;
}
#submain .nwaon .regist_area .change h3 span.regist_box_ico {
    background:#ED3F22;
}
#submain .nwaon .regist_area .change h3 span.regist_box_txt em {
    color:#ED3F22;
    font-style:normal;
}
#submain .nwaon .regist_area h4 {
    border-bottom:1px dotted #CCC;
    line-height:40px;
    font-size:115%;
    margin:0 0 15px;
}
#submain .nwaon .regist_area h4 span {
    width:40px;
    margin:0 10px 0 0;
    color:#FFF;
    display: inline-block;
    text-align: center;
}
#submain .nwaon .regist_area .regist_box {
    margin:40px 0 0;
}
#submain .nwaon .regist_area .regist_box.usual h4 span {
    background:#3ABCDC;
}
#submain .nwaon .regist_area .regist_box.change h4 span {
    background:#ED3F22;
}

#submain .nwaon .regist_area .regist_box .change_box,
#submain .nwaon .regist_area .regist_box .usual_box {
    margin:30px 0 0;
}

#submain .nwaon .regist_area .regist_box .change_box.one {
}
#submain .nwaon .regist_area .regist_box .change_box.one h5 {
    border:3px solid #ED3F22;
    line-height:44px;
    color:#ED3F22;
    font-size:115%;
    margin:30px 0 20px;
    padding:0 12px;
    border-radius:3px;
}
#submain .nwaon .regist_area .regist_box .change_box.one h5:first-child {
    margin-top:0;
}
#submain .nwaon .regist_area .regist_box .change_box.one h5:before {
    content: "\f0a9";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 0.5em 0 0;
}
#submain .nwaon .regist_area .regist_box .change_box .change_box_pay {
    border:1px solid #CCC;
    padding:29px;
    border-radius:10px;
}

#submain .nwaon .contact_area02 {
    margin:50px 0 0;
}
#submain .nwaon .contact_area02 ul {
    margin:0 0 10px;
}
#submain .nwaon .contact_area02 ul li {
    font-size:16px;
}
#submain .nwaon .contact_area02 ul li:after {
    content: "\f08e";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 0 0 0.5em;
}

@media only screen and (max-width: 750px) {
    #submain .nwaon .birth_area {
        padding:30px 10px;
        margin:0 5px 20px 0;
    }
    #submain .nwaon .birth_area h2 {
        color:#ED3F22;
        font-size:18px;
        border:none;
    }
    #submain .nwaon .birth_area p {
        font-size:13px;
    }
    #submain .nwaon .birth_area p br {
        display:none;
    }

    #submain .nwaon .feature_area {
        margin:0 0 25px;
    }
    #submain .nwaon .feature_area h3 {
        font-size:18px;
        margin:0 0 10px;
    }
    #submain .nwaon .feature_area .feature_card {
        float:none;
        text-align:center;
        margin:0 0 10px;
    }
    #submain .nwaon .feature_area .feature_card img {
        width:auto;
    }
    #submain .nwaon .feature_area .feature_detail {
        float:none;
        text-align:center;
    }
    #submain .nwaon .feature_area .feature_detail img {
        margin:0 0 10px;
        display:block;
    }

    #submain .nwaon .blackbtn {
        width:100%;
        margin:0 auto;
        text-align:center;
    }
    #submain .nwaon .blackbtn a {
        background-position: 10px center;
        background-size: 9px auto;    color:#fff;
        padding: 15px 10px;
        font-size: 18px;
    }
    #submain .nwaon .contact_area {
        width:100%;
        margin:30px auto 0;
    }
    #submain .nwaon .contact_area h4 {
        font-size:100%;
        line-height:44px;
    }
    #submain .nwaon .contact_area h4:after {
        content: "";
        position:absolute;
        bottom:-20px;
        left:50%;
        margin-left:-5px;
        border:10px #FFF solid;
        border-top-color:#ED3F22;
    }
    #submain .nwaon .contact_area .contact_detail {
        background:#f2f2f2;
        padding:0 10px 10px;
    }
    #submain .nwaon .contact_area .contact_detail_inner {
        background:#FFF;
        padding:20px 0;
    }
    #submain .nwaon .contact_area p {
        padding:0;
    }
    #submain .nwaon .contact_area .contact_name {
        font-size:100%;
    }
    #submain .nwaon .contact_area .contact_call {
        font-size:160%;
        margin:0 0 10px;
    }
    #submain .nwaon .contact_area .contact_call:before {
        content: "\f095";
        font-family: 'FontAwesome';
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin:0 0.3em 0 0;
        color:#CCC;
    }
    #submain .nwaon .contact_area .contact_call span {
        display:block;
        line-height:1;
    }
    #submain .nwaon .contact_area .contact_text {
        padding:0 30px;
    }

    #submain .nwaon .save_area {
        margin:30px 0 0;
    }
    #submain .nwaon .save_area p {
        font-size:11px;
        padding:0 0 5px;
    }

    #submain .nwaon .regist_area {
        margin:40px 0 0;
    }
    #submain .nwaon .regist_area h2 {
        line-height:1.4;
        padding:15px 10px;
    }
    #submain .nwaon .regist_area h2:before {
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        border:1px solid #FFF;
        box-sizing:border-box;
    }
    #submain .nwaon .regist_area h3 {
        display:block;
        width:auto;
    }
    #submain .nwaon .regist_area h3 span {
        display:block;
        height:auto;
    }
    #submain .nwaon .regist_area h3 span.regist_box_ico {
        color:#FFF;
        width:120px;
        text-align:center;
        border-radius:3px;
        margin:0 0 5px;
    }
    #submain .nwaon .regist_area h3 span.regist_box_txt {
        padding:0;
        font-size:100%;
        line-height:1.2;
    }
    #submain .nwaon .regist_area .change h3 {
        padding:9px;
        border:1px solid #ED3F22;
    }
    #submain .nwaon .regist_area .change h3 span.regist_box_ico {
        background:#ED3F22;
    }
    #submain .nwaon .regist_area .change h3 span.regist_box_txt em {
        color:#ED3F22;
        font-style:normal;
    }
    #submain .nwaon .regist_area h4 {
        border-bottom:1px dotted #CCC;
        line-height:1.4;
        font-size:100%;
        margin:0 0 15px;
    }
    #submain .nwaon .regist_area h4 span {
        width:25px;
        margin:0 5px 0 0;
    }
    #submain .nwaon .regist_area .regist_box {
        margin:20px 0 0;
    }
    #submain .nwaon .regist_area .regist_box .change_box,
    #submain .nwaon .regist_area .regist_box .usual_box {
        margin:20px 0 0;
    }

    #submain .nwaon .regist_area .regist_box .change_box.one {
    }
    #submain .nwaon .regist_area .regist_box .change_box.one h5 {
        border:3px solid #ED3F22;
        line-height:1.4;
        color:#ED3F22;
        font-size:100%;
        margin:20px 0 10px;
        padding:8px 12px;
        border-radius:3px;
    }
    #submain .nwaon .regist_area .regist_box .change_box.one h5:first-child {
        margin-top:0;
    }
    #submain .nwaon .regist_area .regist_box .change_box.one h5:before {
        content: "\f0a9";
        font-family: 'FontAwesome';
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin:0 0.5em 0 0;
    }
    #submain .nwaon .regist_area .regist_box .change_box .change_box_pay {
        border:1px solid #CCC;
        padding:14px;
        border-radius:10px;
    }
}


/*================================================================================
    3Dセキュア
================================================================================*/

#submain .secure {
    color:#333;
}
#submain .secure h2 {
    border:none;
    border-left:3px solid #F54B8C;
    background:#f2f2f2 url(../images/secure/secure_bg.gif);
    line-height:50px;
    margin:0 0 20px;
    padding:0 0 0 12px;
    font-size:18px;
}
#submain .secure p {
    line-height:1.8;
    padding:0;
    margin:0 0 20px;
}
#submain .secure section {
    margin:0 0 50px;
}
#submain .secure section *:last-child {
    margin-bottom:0 !important;
}
#submain .secure .secure-merit .secure-merit__list {
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    padding:20px 0;
    list-style-type:none;
}
#submain .secure .secure-merit .secure-merit__list li {
    font-size:16px;
    margin:0 0 8px 1em;
    padding:0;
    text-indent:-1em;
}
#submain .secure .secure-merit .secure-merit__list li:before {
    content: "\f1db";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#F54B8C;
    margin-right:0.2em;
}
#submain .secure .secure-merit .secure-merit__read {
    margin:0 0 40px;
}
#submain .secure .secure-how .secure-how__check {
    margin:0 0 30px;
    padding:0;
    overflow:hidden;
}
#submain .secure .secure-how .secure-how__check li {
    float:left;
    background:url(../images/secure/secure_icon.gif) no-repeat 0 2px;
    list-style-type:none;
    margin:0 0 0 30px;
    padding:0 0 0 25px;
    width:235px;
    font-weight:bold;
    font-size:16px;
}
#submain .secure .secure-how .secure-how__check li:first-child {
    margin-left:0;
}
#submain .secure .secure-how .secure-how__step {
    list-style-type:none;
    margin:0;
    padding:0;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
}
#submain .secure .secure-how .secure-how__step .how-step {
    padding:29px 29px 29px 99px;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
#submain .secure .secure-how .secure-how__step .how-step small {
    margin:0;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__tit {
    margin:0 0 15px -70px;
    font-size:18px;
    line-height:25px;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__tit span {
    background:#F54B8C;
    color:#FFF;
    font-size:12px;
    width:60px;
    margin:0 10px 0 0;
    padding:0;
    text-align:center;
    float:left;
    border-radius:2px;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__card {
    text-align:center;
    padding:0;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__card li {
    display:inline-block;
    margin:0 20px;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__contact {
    margin:0;
    padding:0;
    border-top: 3px solid #CCC;
    border-left: 3px solid #CCC;
    overflow:hidden;
    width:646px;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__contact li {
    width: 320px;
    float: left;
    border-right: 3px solid #CCC;
    border-bottom: 3px solid #CCC;
    display: table;
    padding:0;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__contact li a {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    height: 94px;
    padding: 0 15px 0 40px;
    background: url(../images/point/arrow01.png) no-repeat 20px 24px;
    font-weight: bold;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__contact li a h4 {
    font-size: 18px;
    line-height:1;
    margin:0 0 16px;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__contact li a p {
    font-size: 18px;
    line-height:1;
    font-weight: normal;
    margin:0;
}
#submain .secure .secure-how .secure-how__step .how-step .how-step__contact li a:hover {
    background-position:23px 24px;
    background-color:#fafafa;
}


@media only screen and (max-width: 750px) {
    #submain .secure p {
        line-height:1.6;
    }
    #submain .secure section {
        margin:0 0 40px;
    }
    #submain .secure .secure-merit .secure-merit__read {
        margin:0 0 20px;
    }
    #submain .secure .secure-how .secure-how__check {
        margin:0 0 20px;
    }
    #submain .secure .secure-how .secure-how__check li {
        float:mpme;
        background:url(../images/secure/secure_icon.gif) no-repeat 0 2px;
        list-style-type:none;
        margin:0 0 15px;
        padding:0 0 0 25px;
        width:auto;
        font-weight:bold;
        font-size:16px;
    }
    #submain .secure .secure-how .secure-how__step .how-step {
        padding:14px;
        border-right:1px solid #CCC;
        border-bottom:1px solid #CCC;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__tit {
        margin:0 0 15px;
        font-size:18px;
        line-height:25px;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__card {
        text-align:center;
        overflow:hidden;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__card li {
        float:left;
        padding:0;
        margin:0 0 0 4%;
        width:28%;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__card li img {
        max-width:100%;
        width:auto;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__contact {
        width:100%;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__contact li {
        width: 50%;
        box-sizing:border-box;
    }

}

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

    #submain .secure .secure-how .secure-how__step .how-step .how-step__contact li {
        width: 100%;
        float:none;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__contact li a {
        height: 72px;
        padding: 0 15px 0 40px;
        background: url(../images/point/arrow01.png) no-repeat 20px 16px;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__contact li a:hover {
        background-position:20px 16px;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__contact li a h4 {
        font-size: 16px;
        line-height:1;
        margin:0 0 12px;
    }
    #submain .secure .secure-how .secure-how__step .how-step .how-step__contact li a p {
        font-size: 16px;
        line-height:1;
        font-weight: normal;
    }

}



/*================================================================================
    紹介動画
================================================================================*/

#submain .intromv .intromv-about {
    margin:0 0 30px;
}
#submain .intromv .intromv-about__area {
    padding:0 20px;
}
#submain .intromv .intromv-about__area .area-board {
    float:right;
    width:368px;
    height:200px;
    border:8px solid #EBAB59;
    background:#374B36 url(../images/intromv/eraser.png) no-repeat;
    background-position:90% bottom;
    display:table;
    position:relative;
}
#submain .intromv .intromv-about__area .area-board:before {
    content:"";
    background:url(../images/intromv/hand_left.png) no-repeat center center;
    width:56px;
    height:76px;
    position:absolute;
    left:-13px;
    bottom:-10px;
}
#submain .intromv .intromv-about__area .area-board__inner {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    font-size:108%;
}
#submain .intromv .intromv-about__area .area-movie {
    float:left;
    width:384px;
}
#submain .intromv .intromv-about__area .area-movie__mv {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#submain .intromv .intromv-about__area .area-movie__mv iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#submain .intromv .intromv-how {
    border:3px solid #55B8BF;
    border-radius:5px;
    margin:50px 0 0;
}
#submain .intromv .intromv-how__tit {
    background:#55B8BF;
    color:#FFF;
    font-size:137%;
    border:none;
    padding:9px 10px 12px 2em;
    margin:0;
    position: relative;
}
#submain .intromv .intromv-how__tit:before {
    content: "\f144";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 14px;
    top: 15px;
}
#submain .intromv .intromv-how__area {
    padding:50px 27px 40px;
}
#submain .intromv .intromv-how__area .area-movie {
    margin:0 0 30px;
}
#submain .intromv .intromv-how__area .area-movie__tit {
    margin:0 0 5px;
    color:#55B8BF;
    border:1px solid #55B8BF;
    font-size:100%;
    padding:5px 10px;
}
#submain .intromv .intromv-how__area .area-movie__mv__tit {
    margin:0 0 8px;
    padding:4px 0 4px 8px;
    border-left:5px solid #55B8BF;
}
#submain .intromv .intromv-how__area .area-movie__mv__content {
    text-align:center;
}
#submain .intromv .intromv-how__area .area-flow__tit {
    border-bottom: solid 2px #55B8BF;
    margin: 0 0 20px;
    padding: 0;
    font-size:125%;
}
#submain .intromv .intromv-how__area .area-flow__img {
    padding:0 0 40px;
}
#submain .intromv .intromv-how__area .area-board {
    float:right;
    width:346px;
    height:200px;
    border:8px solid #EBAB59;
    background:#374B36 url(../images/intromv/eraser.png) no-repeat;
    background-position:92% bottom;
    display:table;
    position:relative;
}
#submain .intromv .intromv-how__area .area-board:before {
    content:"";
    background:url(../images/intromv/hand_left.png) no-repeat center center;
    width:56px;
    height:76px;
    position:absolute;
    bottom:-10px;
    left:-13px;
}
#submain .intromv .intromv-how__area .area-board__txt {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    font-size:108%;
    padding:0;
}
#submain .intromv .intromv-how__area .area-about {
    border:1px solid #CCC;
    padding:19px 39px 19px 29px;
    border-radius:5px;
    margin:0 0 30px;
    overflow:hidden;
}
#submain .intromv .intromv-how__area .area-about__section {
    width:400px;
    float:left;
}
#submain .intromv .intromv-how__area .area-about__tit {
    font-size:125%;
    margin:0 0 15px;
    color:#55B8BF;
}
#submain .intromv .intromv-how__area .area-about__txt {
    line-height:1.8;
    padding:0;
}
#submain .intromv .intromv-how__area .area-about__img {
    float:right;
}

#submain .intromv .intromv-how__area .loginbtn {
    padding:0;
    width:630px;
}
#submain .intromv .intromv-how__area .loginbtn.minbtn {
    width:400px;
}
#submain .intromv .intromv-how__area .loginbtn.minbtn a {
    padding:22px 0;
    font-size:138%;
}
#submain .intromv .intromv-how__area .loginbtn.minbtn a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left:0.5em;
}


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

    #submain .intromv .intromv-about__area {
        padding:0;
    }
    #submain .intromv .intromv-about__area .area-movie {
        float:none;
        width:auto;
    }
    #submain .intromv .intromv-about__area .area-board {
        float:none;
        width:auto;
        height:auto;
        border:6px solid #EBAB59;
        background-position:90% bottom;
        background-size:35px auto;
        display:block;
        margin:0 0 10px;
        padding:30px 0 35px;
    }
    #submain .intromv .intromv-about__area .area-board:before {
        content:"";
        background:url(../images/intromv/hand_right.png) no-repeat center center;
        background-size:100% auto;
        width:30px;
        height:42px;
        position:absolute;
        left:-9px;
        bottom:-17px;
    }
    #submain .intromv .intromv-about__area .area-board__inner {
        display:block;
        text-align:center;
        font-size:88%;
    }

    #submain .intromv .intromv-how {
        border:2px solid #55B8BF;
        margin:20px 0 0;
    }
    #submain .intromv .intromv-how__tit {
        font-size:114%;
        padding:9px 10px 12px 2em;
    }
    #submain .intromv .intromv-how__tit:before {
        content: "\f144";
        font-family: 'FontAwesome';
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 10px;
        top: 14px;
    }
    #submain .intromv .intromv-how__area {
        padding:20px 12px 30px;
    }
    #submain .intromv .intromv-how__area .area-movie {
        margin:0 0 20px;
    }
    #submain .intromv .intromv-how__area .area-movie__tit {
        margin:0 0 3px;
        color:#55B8BF;
        border:1px solid #55B8BF;
        font-size:93%;
        padding:5px;
    }
    #submain .intromv .intromv-how__area .area-movie__mv__content {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    #submain .intromv .intromv-how__area .area-movie__mv__content iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
    #submain .intromv .intromv-how__area .area-flow__tit {
        border-bottom: solid 2px #55B8BF;
        margin: 0 0 20px;
        padding: 0;
        font-size:108%;
    }
    #submain .intromv .intromv-how__area .area-flow__img {
        padding:0 0 30px;
    }
    #submain .intromv .intromv-how__area .area-board {
        float:none;
        width:auto;
        height:auto;
        border:6px solid #EBAB59;
        background-position:92% bottom;
        background-size:32px auto;
        display:block;
        margin:0 0 10px;
        padding:30px 0 35px;
    }
    #submain .intromv .intromv-how__area .area-board:before {
        background:url(../images/intromv/hand_right.png) no-repeat center center;
        background-size:100% auto;
        width:30px;
        height:42px;
        bottom:-10px;
        left:-13px;
    }
    #submain .intromv .intromv-how__area .area-board__txt {
        display:block;
        text-align:center;
        font-size:108%;
        padding:0;
    }
    #submain .intromv .intromv-how__area .area-about {
        border:none;
        padding:0;
        margin:0 0 30px;
        overflow:hidden;
    }
    #submain .intromv .intromv-how__area .area-about__section {
        width:auto;
        float:none;
    }
    #submain .intromv .intromv-how__area .area-about__tit {
        font-size:114%;
        margin:0 0 5px;
    }
    #submain .intromv .intromv-how__area .area-about__txt {
        line-height:1.6;
    }
    #submain .intromv .intromv-how__area .area-about__img {
        float:none;
        text-align:center;
    }
    #submain .intromv .intromv-how__area .area-about__img img {
        width:auto;
        max-width:100%;
    }
    #submain .intromv .intromv-how__area .loginbtn {
        padding:0;
        width:100%;
    }
    #submain .intromv .intromv-how__area .loginbtn a {
        font-size:125%;
    }
    #submain .intromv .intromv-how__area .loginbtn a .txt_l {
        font-size:88% !important;
        margin-bottom:5px;
    }
    #submain .intromv .intromv-how__area .loginbtn a img {
        width:28px;
        height:auto;
        padding-left:0;
    }
    #submain .intromv .intromv-how__area .loginbtn.minbtn {
        width:100%;
    }
    #submain .intromv .intromv-how__area .loginbtn.minbtn a {
        padding:24px 0;
        font-size:125%;
    }
    #submain .intromv .intromv-how__area .loginbtn.minbtn a:after {
        margin-left:0.5em;
    }

}


/*---------- WAONポイントに交換するには ----------*/

#submain .intromv .intromv-how .area-waon .area-movie {
    text-align:left;
    padding:0 10px;
}
#submain .intromv .intromv-how .area-waon .area-movie__tit {
    margin:0 0 15px;
}
#submain .intromv .intromv-how .area-waon .area-movie__mv {
    margin:0 auto 30px;
}
#submain .intromv .intromv-how .area-waon .area-movie__large .area-movie__mv {
    width:560px;
}
#submain .intromv .intromv-how .area-waon .area-movie__small .area-movie__mv {
    padding:0;
    overflow:hidden;
}
#submain .intromv .intromv-how .area-waon .area-movie__small .area-movie__mv li {
    float:left;
    width:240px;
    margin:0 0 0 20px;
    padding:0;
    list-style-type:none;
}
#submain .intromv .intromv-how .area-waon .area-movie__small .area-movie__mv li:first-child {
    margin-left:0;
}
#submain .intromv .intromv-how .area-waon .area-movie__small .area-movie__mv li p {
    padding:10px 0 0;
}
#submain .intromv .intromv-how .area-waon .area-movie__small .area-movie__mv li p small {
    margin:0;
}
#submain .intromv .exchange-detail {
    margin-top: 25px;
}
#submain .intromv .exchange-detail .exchange-mv__list .mv-ttl {
    font-size: 16px;
    line-height: 60px;
}
/* #submain .intromv .exchange-detail .exchange-mv__list .mv-content {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
} */
@media only screen and (max-width: 750px) {

    #submain .intromv .intromv-how .area-waon .area-movie {
        padding:0;
    }
    #submain .intromv .intromv-how .area-waon .area-movie__large .area-movie__mv {
        width:auto;
        margin:0 auto 30px;
    }
    #submain .intromv .intromv-how .area-waon .area-movie__small .area-movie__mv {
        margin:0 auto 30px;
        width:auto;
    }
    #submain .intromv .intromv-how .area-waon .area-movie__small .area-movie__mv li {
        float:none;
        width:auto;
        margin:15px 0 0;
        padding:0;
        list-style-type:none;
    }
    #submain .intromv .intromv-how .area-waon .area-movie__small .area-movie__mv li:first-child {
        margin-top:0;
    }

}


/*---------- LuLuCaポイントに交換するには ----------*/

#submain .intromv .intromv-how .area-luluca .area-movie {
    width:750px;
    margin:0 auto 30px;
    overflow:hidden;
    text-align:left;
}
#submain .intromv .intromv-how .area-luluca .area-movie__tit {
    margin:0 0 15px;
}
#submain .intromv .intromv-how .area-luluca .area-movie__large {
    margin:30px 0 0;
}
#submain .intromv .intromv-how .area-luluca .area-movie__large:first-child {
    margin-top:0;
}
#submain .intromv .intromv-how .area-luluca .area-movie__large .area-movie__mv {
    width:560px;
    margin:0 auto;
}
/*#submain .intromv .intromv-how .area-luluca .area-movie__left {
    width:368px;
    float:left;
}
#submain .intromv .intromv-how .area-luluca .area-movie__right {
    width:368px;
    float:right;
}*/

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

    #submain .intromv .intromv-how .area-luluca .area-movie {
        width:auto;
        margin:0 auto 30px;
    }
    #submain .intromv .intromv-how .area-luluca .area-movie__large .area-movie__mv {
        width:auto;
        margin:0 auto 30px;
    }
    /*#submain .intromv .intromv-how .area-luluca .area-movie__left {
        width:auto;
        float:none;
        margin:0 0 15px;
    }
    #submain .intromv .intromv-how .area-luluca .area-movie__right {
        width:auto;
        float:none;
    }*/

}



/*---------- ドットマネーに交換するには ----------*/

#submain .intromv .intromv-how .area-money .area-movie__tit {
    margin:0 0 15px;
}
#submain .intromv .intromv-how .area-money .area-movie__mv {
    width:560px;
    margin:0 auto 30px;
}

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

    #submain .intromv .intromv-how .area-money .area-movie {
        width:auto;
        margin:0 auto 30px;
    }
    #submain .intromv .intromv-how .area-money .area-movie__large .area-movie__mv {
        width:auto;
        margin:0 auto 30px;
    }

}



/*---------- 自動交換の設定方法 ----------*/

#submain .intromv .intromv-how .area-auto .area-board {
    float:none;
    width:764px;
    height:154px;
    background-position:96% bottom;
    margin:0 0 40px;
}
#submain .intromv .intromv-how .area-auto .area-board:before {
    background:url(../images/intromv/hand_right.png) no-repeat center center;
    height:78px;
    top:50px;
    left:320px;
    bottom:auto;
}
/*#submain .intromv .intromv-how .area-auto .area-board:after {
    content:"";
    background:url(../images/intromv/magnet.png) no-repeat center center;
    width:55px;
    height:86px;
    position:absolute;
    top:45px;
    right:28px;
}*/
#submain .intromv .intromv-how .area-auto .area-board__select {
    display:table-cell;
    vertical-align:middle;
    list-style-type:none;
    padding:0 0 0 50px;
}
#submain .intromv .intromv-how .area-auto .area-board__select li {
    float:left;
    margin:-5px 0 0 10px;
}
#submain .intromv .intromv-how .area-auto .area-board__select li:first-child {
    margin-left:0;
}
#submain .intromv .intromv-how .area-auto .area-board__txt {
    width:340px;
    font-size:114%;
}

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

    #submain .intromv .intromv-how .area-auto .area-board {
        float:none;
        width:auto;
        height:auto;
        background-position:92% bottom;
        margin:0 0 30px;
        padding:20px 15px 30px;
    }
    #submain .intromv .intromv-how .area-auto .area-board:before {
        background-size:100% auto;
        height:42px;
        top:auto;
        left:-10px;
        bottom:-9px;
    }
    #submain .intromv .intromv-how .area-auto .area-board:after {
        background:none;
    }
    #submain .intromv .intromv-how .area-auto .area-board__select {
        display:block;
        margin:0;
        padding:0;
        overflow:hidden;
    }
    #submain .intromv .intromv-how .area-auto .area-board__select li {
        margin:0 0 0 2%;
        width:32%;
        padding:0;
    }
    #submain .intromv .intromv-how .area-auto .area-board__txt {
        width:auto;
        font-size:108%;
        margin:0 0 12px;
    }

}


/*---------- TLCチケットについて ----------*/

#submain .intromv .intromv-how .area-ticket .area-movie__tit {
    margin-bottom:20px;
}
#submain .intromv .intromv-how .area-ticket .area-movie__large {
    margin-bottom:30px;
}
#submain .intromv .intromv-how .area-ticket .area-movie__small {
    margin-bottom:30px;
}
#submain .intromv .intromv-how .area-ticket .area-movie__small .area-movie__mv {
    padding: 0;
    margin:0;
    overflow: hidden;
}
#submain .intromv .intromv-how .area-ticket .area-movie__small .area-movie__mv li {
    float:left;
    width:384px;
    margin:0 0 0 12px;
    padding:0;
    list-style-type:none;
}
#submain .intromv .intromv-how .area-ticket .area-movie__small .area-movie__mv li:first-child {
    margin-left:0;
}
#submain .intromv .intromv-how .area-ticket .area-movie {
    margin:0 0 30px;
    border-bottom: 1px dotted #CCC;
    text-align:left;
}
#submain .intromv .intromv-how .area-ticket .area-movie .loginbtn {
    margin:15px auto 0;
    width:300px;
}
#submain .intromv .intromv-how .area-ticket .area-movie .loginbtn a {
    background:#004DA0;
    font-size:114%;
    border:none;
    padding:20px 0;
}
#submain .intromv .intromv-how .area-ticket .area-movie .loginbtn a:after {
    content: "\f0da";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left:1em;
}
#submain .intromv .intromv-how .area-ticket .area-movie .loginbtn a:hover {
    background-color: #003369;
}

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

    #submain .intromv .intromv-how .area-ticket .area-movie__small .area-movie__mv li {
        float:none;
        width:auto;
        margin:15px 0 0;
    }
    #submain .intromv .intromv-how .area-ticket .area-movie__small .area-movie__mv li:first-child {
        margin-top:0;
    }
    #submain .intromv .intromv-how .area-ticket .area-movie__mv {
        margin:0 0 20px;
    }
    #submain .intromv .intromv-how .area-ticket .area-movie {
        margin:0 0 30px;
    }
    #submain .intromv .intromv-how .area-ticket .area-movie .loginbtn {
        width:240px;
    }
    #submain .intromv .intromv-how .area-ticket .area-movie .loginbtn a {
        font-size:100%;
    }
    #submain .intromv .intromv-how .area-ticket .area-movie .loginbtn a:after {
        margin-left:0.75em;
    }

}


/*---------- TLCセレクションとは ----------*/

#submain .intromv .intromv-how .area-selection .area-board__txt {
    text-align:left;
    padding:0 20px;
    font-size:88%;
}

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

    #submain .intromv .intromv-how .area-selection .area-board {
        padding:20px 0 25px;
    }
    #submain .intromv .intromv-how .area-selection .area-board__txt {
        text-align:left;
        padding:0 20px;
        font-size:88%;
    }

}


/*================================================================================
    交換する　動画追加　160704
================================================================================*/

#submain .exchange-how {
    border:3px solid #55B8BF;
    border-radius:5px;
    margin:50px 0;
}
#submain .exchange-how__tit {
    background:#55B8BF;
    color:#FFF;
    font-size:137%;
    border:none;
    padding:9px 7px 12px 2em;
    margin:0;
    position: relative;
}
#submain .exchange-how__tit:before {
    content: "\f021";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 14px;
    top: 14px;
}
#submain .exchange-how__tit .icon {
    background:#FFF;
    color:#CCC;
    font-size:17px;
    float:right;
    line-height:34px;
    padding:0 20px;
    border-radius:17px;
    margin:0 5px;
}
#submain .exchange-how__tit .icon:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:0.3em;
}

#submain .exchange-how__tit span.icon-tel:before {
    content: "\f095";
}
#submain .exchange-how__tit span.icon-web:before {
    content: "\f108";
}
#submain .exchange-how__area {
    padding:30px 37px 40px;
}
#submain .exchange-how__area .area-how {
}
#submain .exchange-how__area .area-how__tit {
    border-bottom: 1px dotted #CCC;
    line-height: 40px;
    font-size: 118%;
    margin: 0 0 20px;
    padding:0 0 0 40px;
    position:relative;
}
#submain .exchange-how__area .area-how__tit:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-0.5em;
    line-height:1;
}

#submain .exchange-how__area .area-tel {
    margin-bottom:40px;
}
#submain .exchange-how__area .area-tel .area-how {
    text-align:left;
    padding:0 10px;
}
#submain .exchange-how__area .area-tel .area-how__tit {
    padding-left:34px;
}
#submain .exchange-how__area .area-tel .area-how__tit:before {
    content: "\f095";
    font-size:32px;
}
#submain .exchange-how__area .area-tel .area-how__contact {
    display:table;
    width:100%;
    height:180px;
    text-align:center;
    position: relative;
}
#submain .exchange-how__area .area-tel .area-how__contact__tit {
    display:table-cell;
    vertical-align:middle;
    background:#F54B8C;
    color:#FFF;
    font-size:125%;
    font-weight:bold;
    width:300px;
}
#submain .exchange-how__area .area-tel .area-how__contact__tit:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px;
    border-color: transparent transparent transparent #F54B8C;
    content: "";
    position: absolute;
    left: 300px;
    top: 50%;
    margin-top: -20px;
}
#submain .exchange-how__area .area-tel .area-how__contact__number {
    display:table-cell;
    vertical-align:middle;
    border:5px solid #E9E9E9;
    border-left:none;
}
#submain .exchange-how__area .area-tel .area-how__contact__number span {
    display:block;
}
#submain .exchange-how__area .area-tel .area-how__contact__number .contact-company {
    font-size:125%;
}
#submain .exchange-how__area .area-tel .area-how__contact__number .contact-number {
    font-weight:bold;
    font-size:237%;
    color:#F54B8C;
}
#submain .exchange-how__area .area-tel .area-how__contact__number .contact-time {

}
#submain .exchange-how__area .area-web .area-how__tit {
    padding-left:40px;
}
#submain .exchange-how__area .area-web .area-how__tit:before {
    content: "\f108";
    font-size:28px;
}
#submain .exchange-how__area .area-web .area-how__mv {
    width:560px;
    margin:0 auto 40px;
}
#submain .exchange-how__area .area-web .area-how__mv__content {
    width:100%;
    position:relative;
    padding-top: 56.25%;
}
#submain .exchange-how__area .area-web .area-how__mv__content iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


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

    #submain .exchange-how {
        margin:30px 0;
    }
    #submain .exchange-how__tit {
        font-size:125%;
        padding:9px 7px 12px 2em;
        line-height:1.4;
        overflow:hidden;
    }
    #submain .exchange-how__tit:before {
        top: 10px;
    }
    #submain .exchange-how__tit .icon {
        font-size:17px;
        text-align:center;
        width:45%;
        padding:0;
        border-radius:17px;
        margin:10px 2.5% 0;
    }
    #submain .exchange-how__tit__txt {
        display:block;
    }
    #submain .exchange-how__area {
        padding:15px 12px;
    }
    #submain .exchange-how__area .area-how__tit {
        line-height: 1.4;
        font-size: 112%;
        padding-bottom:5px;
    }
    #submain .exchange-how__area .area-how__tit:before {
        top:50%;
        left:0;
        margin-top:-0.5em;
        line-height:1;
    }

    #submain .exchange-how__area .area-tel {
        margin-bottom:30px;
    }
    #submain .exchange-how__area .area-tel .area-how__contact {
        display:block;
        height:auto;
        text-align:center;
    }
    #submain .exchange-how__area .area-tel .area-how__contact__tit {
        display:block;
        background:#F54B8C;
        color:#FFF;
        font-size:118%;
        font-weight:bold;
        position:relative;
        width:auto;
        margin:0;
        line-height:45px;
    }
    #submain .exchange-how__area .area-tel .area-how__contact__tit:after {
        border-width: 10px 20px;
        border-color: #F54B8C transparent transparent transparent;
        right: auto;
        left: 50%;
        top: auto;
        bottom: -20px;
        margin-top: 0;
        margin-left: -20px;
    }
    #submain .exchange-how__area .area-tel .area-how__contact__number {
        display:block;
        border:5px solid #E9E9E9;
        border-top:none;
        padding:15px 0 10px;
    }
    #submain .exchange-how__area .area-tel .area-how__contact__number .contact-company {
        font-size:100%;
    }
    #submain .exchange-how__area .area-tel .area-how__contact__number .contact-number {
        font-size:162%;
    }
    #submain .exchange-how__area .area-tel .area-how__contact__number .contact-time {
        font-size:85%;
    }
    #submain .exchange-how__area .area-web .area-how__mv {
        width:auto;
        margin:0 auto 30px;
    }

}



/*---------- WAONポイントに交換する ----------*/

#submain .exchange-how.how-waon {
    border:3px solid #3ABCDC;
}
#submain .how-waon .exchange-how__tit {
    background:#3ABCDC;
}
#submain .how-waon .exchange-how__tit .icon {
    color:#3ABCDC;
}
#submain .how-waon .exchange-how__area .area-how__tit:before {
    color:#3ABCDC;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__tit {
    margin:0 0 20px;
    color:#3ABCDC;
    border:1px solid #3ABCDC;
    font-size:100%;
    padding:5px 10px;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__list {
    margin:0;
    padding:0;
    overflow:hidden;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__list li {
    float:left;
    width:240px;
    margin:0 0 0 20px;
    padding:0;
    list-style-type:none;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__list li:first-child {
    margin-left:0;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__list li .area-how__mv__tit {
    margin:0 0 8px;
    padding:0 0 0 8px;
    border-left:5px solid #3ABCDC;
    font-size:114%;
    line-height:24px;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__list li .area-how__mv__content {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__list li .area-how__mv__content iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__list li p {
    padding:10px 0 0;
}
#submain .how-waon .exchange-how__area .area-web .area-how__get__list li p small {
    margin:0;
}

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

    #submain .how-waon .exchange-how__area .area-web .area-how__get__list li {
        float:none;
        width:auto;
        margin:0 0 15px;
    }
}


/*---------- LuLuCaポイントに交換する ----------*/

#submain .exchange-how.how-luluca {
    border:3px solid #F18101;
}
#submain .how-luluca .exchange-how__tit {
    background:#F18101;
}
#submain .how-luluca .exchange-how__tit .icon {
    color:#F18101;
}
#submain .how-luluca .exchange-how__area .area-how__tit:before {
    color:#F18101;
}
#submain .how-luluca .exchange-how__area .area-web .area-how__get {
    overflow:hidden;
}
#submain .how-luluca .exchange-how__area .area-web .area-how__get__tit {
    margin:0 0 15px;
    color:#F18101;
    border:1px solid #F18101;
    font-size:100%;
    padding:5px 10px;
}
#submain .how-luluca .exchange-how__area .area-web .area-how__get__mv {
    width:560px;
    margin:0 auto;
}
#submain .how-luluca .exchange-how__area .area-web .area-how__get__mv__content {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#submain .how-luluca .exchange-how__area .area-web .area-how__get__mv__content iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

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

    #submain .how-luluca .exchange-how__area .area-web .area-how__get__mv {
        width:auto;
        margin:0 auto;
    }

}


/*---------- Suicaポイントに交換する ----------*/

#submain .exchange-how.how-suica {
    border:3px solid #6EB92B;
}
#submain .how-suica .exchange-how__tit {
    background:#6EB92B;
}
#submain .how-suica .exchange-how__tit .icon {
    color:#6EB92B;
}
#submain .how-suica .exchange-how__area .area-how__tit:before {
    color:#6EB92B;
}
#submain .how-suica .exchange-how__area .area-web .area-how__mv {
    margin-bottom:0;
}


/*---------- ドットマネーに交換する ----------*/

#submain .exchange-how.how-dotmoney {
    border:3px solid #00BC9D;
}
#submain .how-dotmoney .exchange-how__tit {
    background:#00BC9D;
}
#submain .how-dotmoney .exchange-how__tit .icon {
    color:#00BC9D;
}
#submain .how-dotmoney .exchange-how__area .area-how__tit:before {
    color:#00BC9D;
}
#submain .how-dotmoney .exchange-how__area .area-web .area-how__get__tit {
    margin:0 0 15px;
    color:#00BC9D;
    border:1px solid #00BC9D;
    font-size:100%;
    padding:5px 10px;
}
#submain .how-dotmoney .exchange-how__area .area-web .area-how__get__mv {
    width:560px;
    margin:0 auto;
}
#submain .how-dotmoney .exchange-how__area .area-web .area-how__get__mv__content {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#submain .how-dotmoney .exchange-how__area .area-web .area-how__get__mv__content iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

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

    #submain .how-dotmoney .exchange-how__area .area-web .area-how__get__mv {
        width:auto;
        margin:0 auto;
    }

}


/*---------- エムアイポイントに交換する ----------*/

#submain .exchange-how.how-mi {
    border:3px solid #FCCF00;
}
#submain .how-mi .exchange-how__tit {
    background:#FCCF00;
}
#submain .how-mi .exchange-how__tit .icon {
    color:#FCCF00;
}
#submain .how-mi .exchange-how__area .area-how {
    margin-bottom:0;
}
#submain .how-mi .exchange-how__area .area-how__tit:before {
    color:#FCCF00;
}


/*---------- TLCポイント募金 ----------*/

#submain #donation {
    color: #333;
}
#donation .donation__btn {
    text-align: center;
    display: block;
    background: #F581B8;
    font-size: 18px;
    color: #FFF;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    -webkit-box-shadow: 0 4px 0 #E0547E;
    -moz-box-shadow: 0 4px 0 #E0547E;
    -ms-box-shadow: 0 4px 0 #E0547E;
    -o-box-shadow: 0 4px 0 #E0547E;
    box-shadow: 0 4px 0 #E0547E;
    position: relative;
    font-weight: bold;
    padding: 0.5em;
}
#donation .donation__btn:before {
    content: "";
    width: 41px;
    height: 40px;
    background: url(../images/donation/btn_icon.png) no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}
#donation .donation__btn:hover {
    -webkit-box-shadow: 0 2px 0 #E0547E;
    -moz-box-shadow: 0 2px 0 #E0547E;
    -ms-box-shadow: 0 2px 0 #E0547E;
    -o-box-shadow: 0 2px 0 #E0547E;
    box-shadow: 0 2px 0 #E0547E;
    top: 2px;
    color: #FFF;
}
#donation .donation__btn:active {
    -webkit-box-shadow: 0 1px 0 #E0547E;
    -moz-box-shadow: 0 1px 0 #E0547E;
    -ms-box-shadow: 0 1px 0 #E0547E;
    -o-box-shadow: 0 1px 0 #E0547E;
    box-shadow: 0 1px 0 #E0547E;
    top: 3px;
    color: #FFF;
}
#donation .donation-past {
    border: 1px solid #CCC;
    margin: 0 30px 20px;
    padding: 15px 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
#donation .donation-past__txt {
    padding: 0;
    flex: 1;
}
#donation .donation-past__btn {
    display: block;
    background: #FEEBF0;
    color: #F44B8C;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    width: 200px;
    line-height: 40px;
    margin-left: 20px;
    position: relative;
}
#donation .donation-past__btn:after {
    font-family: 'FontAwesome';
    content: "\f105";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height:1;
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
#donation .donation-past__btn:hover {
    opacity: 0.8;
}
#donation.donation-about .donation-read {
    font-size: 18px;
    text-align: center;
    padding-bottom: 3%;
}
#donation.donation-about .donation-main {
    margin:0 0 30px;
}
#donation.donation-about .donation-pagelink {
    margin: 0 0 4%;
    padding: 0;
    text-align: center;
}
#donation.donation-about .donation-pagelink__btn {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
}
#donation.donation-about .donation-pagelink__btn a {
    display: block;
    background: #97CC38;
    color: #FFF;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    padding:1em 4em;
    text-decoration: none;
    border-radius: 6px;
    position: relative;
}
#donation.donation-about .donation-pagelink__btn a:hover {
    opacity: 0.8;
}
#donation.donation-about .donation-pagelink__btn a:after {
    font-family: 'FontAwesome';
    content: "\f107";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height:1;
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-0.5em;
}
#donation.donation-about .donation-note {
    margin-left: 1em;
    text-indent: -1em;
}
#donation.donation-about .donation-note:before {
    content:"※";
}
#donation.donation-about .donation-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#donation.donation-about .donation-list__list {
    padding:0;
}
#donation.donation-about .donation-list__thum img {
    width: 100%;
}
#donation.donation-about .donation-list__name {
    margin-bottom: 10px;
}
#donation.donation-about .donation__btn {
    width: 400px;
}
#donation.donation-about .exchange-contact__outer {
    margin-top: 5%;
}

/* 交換先が一つの場合 */
#donation.donation-about .donation-list--one .donation-list__list {
}
#donation.donation-about .donation-list--one .donation-list__thum {
    float: left;
    width: 260px;
    border: 1px solid #CCC;
}
#donation.donation-about .donation-list--one .donation-list__detail {
    float: right;
    width: 550px;
}

/* 交換先が複数の場合 */
#donation.donation-about .donation-list-- .donation-list__list {
    float: left;
    width: 260px;
}

#donation.donation-about .exchange-how.how-donation {
    border:3px solid #97CC38;
}
#donation.donation-about .how-donation .exchange-how__tit {
    background:#97CC38;
}
#donation.donation-about .how-donation .exchange-how__tit .icon {
    color:#97CC38;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__tit:before {
    color:#97CC38;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__contact__tit {
    background: #F581B8;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__contact__tit:after {
    border-color: transparent transparent transparent #F581B8;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__contact__number .contact-number {
    color: #F581B8;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow {
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list {
    margin: 0;
    padding: 0;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list {
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list--01 {
    background: url(../images/point/donation_guide_flow01.gif) no-repeat 0 center;
    margin-top: 0;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list--02 {
    background: url(../images/point/donation_guide_flow02.gif) no-repeat 0 center;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list--03 {
    background: url(../images/point/donation_guide_flow03.gif) no-repeat 0 center;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list--04 {
    background: url(../images/point/donation_guide_flow04.gif) no-repeat 0 center;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list--05 {
    background: url(../images/point/donation_guide_flow05.gif) no-repeat 0 center;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list p {
    width: 60.526315789%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 55px;
}
#donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list img {
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width: 750px) {
    #donation .donation-past {
        border: 1px solid #CCC;
        margin: 0 0 10px;
        padding: 15px 20px;
        display: block;
    }
    #donation .donation-past__btn {
        font-size: 14px;
        width: auto;
        line-height: 40px;
        margin-top: 10px;
        margin-left: 0;
    }
    #donation .donation-past__btn:after {
        font-family: 'FontAwesome';
        content: "\f105";
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height:1;
        position:absolute;
        top:50%;
        right:10px;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
    #donation .donation__btn {
        font-size: 14px;
        padding: 0.5em;
    }
    #donation.donation-about .donation__btn {
        width: 90%;
    }
    #donation .donation__btn:before {
        content: "";
        width: 25px;
        height: 25px;
    }
    #donation.donation-about .donation-read {
        font-size: 14px;
        text-align: left;
    }
    #donation.donation-about .donation-list--one .donation-list__thum {
        width: 36.49122807%;
        margin: 0 3% 0 0;
    }
    #donation.donation-about .donation-list--one .donation-list__detail {
        width: 58.94736842%;
    }
    #donation.donation-about .how-donation .exchange-how__area .area-how__contact__tit:after {
        border-width: 10px 20px;
        border-color: #F581B8 transparent transparent transparent;
        right: auto;
        left: 50%;
        top: auto;
        bottom: -20px;
        margin-top: 0;
        margin-left: -20px;
    }
    #donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list {
        display: block;
        background-position: 0 2px;
    }
    #donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list p {
        width: auto;
        margin: 0 0 10px;
        display: block;
        min-height: 45px;
        padding: 0px 0px 0px 45px;
    }
    #donation.donation-about .how-donation .exchange-how__area .area-how__flow .flow-list__list img {
        display: block;
    }
}

@media only screen and (max-width: 640px) {
    #donation.donation-about .donation-pagelink__btn {
        margin: 0 5px;
    }
    #donation.donation-about .donation-pagelink__btn a {
        font-size: 1.2em;
        text-align: center;
        padding: 1em 3em;
    }
}

@media only screen and (max-width: 480px) {
    #donation.donation-about .donation-pagelink__btn {
        margin: 0 2px;
    }
    #donation.donation-about .donation-pagelink__btn a {
        font-size: 1em;
        text-align: center;
        padding: 0.8em 2.5em;
    }
    #donation.donation-about .donation-list--one .donation-list__thum {
        float: none;
        width: auto;
        margin: 0 0 3%;
    }
    #donation.donation-about .donation-list--one .donation-list__detail {
        float: none;
        width: auto;
    }
    #donation.donation-about .donation__btn {
        margin: 0 auto;
    }
}


/*---------- TLCポイント募金詳細 ----------*/
#donation.donation-detail .donation-company {
    margin-bottom: 50px;
    overflow: hidden;
}
#donation.donation-detail .donation-company img {
    width: 100%;
    height: auto;
}
#donation.donation-detail .donation-company__img {
    float: left;
    margin-right: 20px;
}
#donation.donation-detail .donation-company__img .img-thum {
    width: 480px;
    margin-bottom: 15px;
    border: 1px solid #CCC;
}
#donation.donation-detail .donation-company__img .img-tab {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#donation.donation-detail .donation-company__img .img-tab__list {
    float: left;
    list-style: none;
    width: 150px;
    overflow: hidden;
    margin-right: 15px;
    padding: 0;
}
#donation.donation-detail .donation-company__img .img-tab__list a {
    display: block;
    border: 1px solid #ccc;
    cursor: pointer;
}
#donation.donation-detail .donation-company__point {
    float: left;
    width: 40%;
}
#donation.donation-detail .donation-company__point__border {
    border: #CCCCCC 1px solid;
    padding: 10% 8%;
    margin-bottom: 10px;
}
#donation.donation-detail .donation-company__point .point-rate {
    text-align: center;
    border-bottom: #ccc dotted 1px;
    margin-bottom: 10%;
    padding: 0 0 10%;
}
#donation.donation-detail .donation-company__point .point-rate__red {
    color: #F480B8;
    font-size: 20px;
    font-weight: bold;
    border-bottom: #F480B8 2px solid;
    padding: 0;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.4;
}
#donation.donation-detail .donation-company__point .point-rate__red .red-large {
    font-size: 32px;
}
#donation.donation-detail .donation-company__point .point-rate__code {
    padding: 0;
}
#donation.donation-about .donation__btn {
}
#donation.donation-detail .donation-company__point .point-read__read {
    padding-bottom: 10%;
}
#donation.donation-detail .donation-company__about {
    font-size: 12px;
}
#donation.donation-detail .selection-back {
    margin: 30px 0 0;
}

@media only screen and (max-width: 750px) {
    #donation.donation-detail .donation-company__img {
        float: none;
        margin-right: 0;
        margin-bottom: 5%;
    }
    #donation.donation-detail .donation-company__img .img-thum {
        width: 100%;
        margin-bottom: 2%;
        box-sizing: border-box;
    }
    #donation.donation-detail .donation-company__img .img-tab__list {
        width: 32%;
        margin-right: 2%;
    }
    #donation.donation-detail .donation-company__img .img-tab__list:last-child {
        margin-right: 0;
    }
    #donation.donation-detail .donation-company__point {
        float: none;
        width: auto;
    }
    #donation.donation-detail .donation-company__point__border {
        padding: 6%;
    }
    #donation.donation-detail .donation-company__point .point-rate {
        margin-bottom: 6%;
        padding: 0 0 6%;
    }
    #donation.donation-detail .donation-company__point .point-read__read {
        padding-bottom: 6%;
    }
}


/*================================================================================
    キャンペーンフォーム　160713
================================================================================*/

#submain .campaign-form {
    padding:0 0 40px;
}
#submain .campaign-form .agreetable {
    margin:15px 0 0;
    border-top:1px solid #F54B8C;
    border-right:1px solid #F54B8C;
}
#submain .campaign-form .agreetable th {
    border-bottom: 1px solid #F54B8C;
    border-left: 1px solid #F54B8C;
    background-color:#F54B8C;
    margin:0 0 5px;
    color:#FFF;
    padding:3px 8px;
    font-weight:normal;
}
#submain .campaign-form .agreetable th .newico {
    background-color:#FFF;
    color:#F54B8C;
}
#submain .campaign-form .agreetable td {
    border-bottom: 1px solid #F54B8C;
    border-left: 1px solid #F54B8C;
    padding:5px 8px;
}

#submain .camp-main-img{
    margin:10px auto 30px;
}
#submain .campaign-form .campaign-form-list{
    padding:0;
}

#submain .campaign-form .campaign-form-list .campaign-form-list__item{
    margin-left:15px;
    list-style:none;
    padding-bottom:0;
}

#submain .campaign-form .campaign-form-list .campaign-form-list__item:before{
    content:"※";
    margin-left:-15px;
}

#submain .campaign-form__pricebox {
    border:1px solid #CCC;
    padding:25px 4%;
    max-width:560px;
    margin:0 auto;
}
#submain .campaign-form__pricebox dt {
    float:left;
    padding:0 10px;
}
#submain .campaign-form__pricebox dd {
    margin:0;
    padding:0 10px 10px;
    text-align:right;
}
#submain .campaign-form__pricebox dt.pricebox-total {
    font-weight:bold;
    padding:15px 10px 0;
    font-size:125%;
}
#submain .campaign-form__pricebox dd.pricebox-total {
    border-top:1px solid #CCC;
    font-weight:bold;
    padding:15px 10px 0;
    font-size:125%;
}

#submain .campaign-form .available-point {
    margin: 0 0 15px;
    padding: 10px;
    background: #fffad4;
    font-weight: bold;
}
#submain .campaign-form .available-point dt {
    float: left;
}
#submain .campaign-form .available-point dd {
    text-align:right;
}
#submain .campaign-form-btns {
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:center;
}
#submain .campaign-form-btns li {
    padding:0;
    display:inline-block;
    vertical-align:middle;
}
#submain .campaign-form-btns li.modify-btn {
    width:120px;
}
#submain .campaign-form-btns li.modify-btn a {
    background-color: #004EA1;
    border-bottom: 1px solid #002855;
    border-right: 1px solid #002855;
    font-size: 18px;
    line-height: 70px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain .campaign-form-btns li.modify-btn a:hover {
    background-color: #002855;
}
#submain .campaign-form-btns li.confirm-btn {
    width:400px;
    margin-left:40px;
}
#submain .campaign-form-btns li.confirm-btn input {
    background: #F54B8C url(../images/btn_ico_a.png) no-repeat 95% center;
    background-size: 9px auto;
    border-top:none;
    border-left:none;
    border-bottom: 1px solid #CA2967;
    border-right: 1px solid #CA2967;
    font-size: 22px;
    line-height: 70px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain .campaign-form-btns li.confirm-btn input:hover {
    background-color: #CA2967;
}

@media only screen and (max-width: 600px) {
#submain .campaign-form-btns li {
    float:left;
}
#submain .campaign-form-btns li.modify-btn {
    width:22%;
}
#submain .campaign-form-btns li.confirm-btn {
    width:72%;
    margin-left:6%;
}
}
@media only screen and (max-width: 480px) {
#submain .campaign-form-btns li.modify-btn a {
    font-size: 14px;
    line-height: 55px;
}
#submain .campaign-form-btns li.confirm-btn input {
    font-size: 17px;
    line-height: 55px;
}
}



/*================================================================================
    チケット購入者限定キャンペーン　160808
================================================================================*/
#submain .ticcam1608-main {
    padding:0;
}
#submain .ticcam1608-section {
    margin:90px 0 0;
    padding:60px 0 0;
    border:3px solid #00468C;
    text-align:center;
    position:relative;
}
#submain .ticcam1608-section__tit-main {
    border:none;
    margin:0;
    padding:0;
    text-align:center;
    position:absolute;
    top:-46px;
    left:50px;
}
#submain .ticcam1608-section__tit-sub {
    background:#FFFF00;
    border-top:1px solid #00468C;
    border-bottom:1px solid #00468C;
    margin:0 0 20px;
    padding:12px 0;
}
#submain .ticcam1608-section__area {
    padding:0 47px 35px;
}
#submain .ticcam1608-section__area__tit {
    text-align:left;
    padding:20px 0 0;
}
#submain .ticcam1608-section__area__tit__note {
    border:1px solid;
    padding:2px 9px;
    margin:0 3px 0 0;
}
#submain .ticcam1608-section__area__tit__note--orange {
    color:#FF8000;
    border-color:#FF8000;
}
#submain .ticcam1608-section__area__tit__note--aqua {
    color:#1497CF;
    border-color:#1497CF;
}
#submain .ticcam1608-section__area__tit__txt {
    font-weight:bold;
    font-size:112.5%;
}
#submain .ticcam1608-section__area__tit__txt--orange {
    color:#FF8000;
}
#submain .ticcam1608-section__area__tit__txt--aqua {
    color:#1497CF;
}
#submain .ticcam1608-section__area__txt {
    padding:0 0 20px;
    line-height:1.8;
}
#submain .ticcam1608-section__area__txt__red {
    color:#F00;
    font-size:114%;
    font-weight:bold;
}
#submain .ticcam1608-section__area__txt__bold {
    font-size:128%;
    font-weight:bold;
}
#submain .ticcam1608-section__area__txt__bold br {
    display:none;
}
#submain .ticcam1608-section__area__txt--limit {
    font-size:112.5%;
}
#submain .ticcam1608-section__area__txt--example {
    font-size:112.5%;
    padding:0 0 10px;
}
#submain .ticcam1608-section__area__txt--example .example-icon {
    background:#FF8000;
    color:#FFF;
    font-weight:bold;
    padding:2px 5px 3px;
    margin:0 10px 0 0;
}
#submain .ticcam1608-section__area__txt--note {
    padding:5px 0 0;
    margin:0;
    text-align:left;
    list-style-type:none;
}
#submain .ticcam1608-section__area__txt--note li {
    text-indent:-1em;
    margin:5px 0 0 1em;
    padding:0;
}
#submain .ticcam1608-section__area__txt--note li:before {
    content:"※";
}
#submain .ticcam1608-section__area__img {
    padding:0;
}
#submain .ticcam1608-section .loginbtn {
    margin: 40px auto 0;
    padding:0;
}
#submain .ticcam1608-shop-btn {
    width: 540px;
    margin:50px auto 0;
    padding:0;
}
#submain .ticcam1608-shop-btn a {
    font-size: 24px;
    line-height: 100%;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    color: #fff;
    display: block;
    padding: 22px 0;
    background: #F54B8C;
    border-bottom: 1px solid #CA2967;
    border-right: 1px solid #CA2967;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    position:relative;
}
#submain .ticcam1608-shop-btn a:before {
    font-family: 'FontAwesome';
    content: "\f041";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5em;
    font-size:141%;
}
#submain .ticcam1608-shop-btn a:after {
    font-family: 'FontAwesome';
    content: "\f002";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:250%;
    color:#F54B8C;
    line-height:1;
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-0.5em;
}
#submain .ticcam1608-shop-btn a:hover {
    background: #CA2967;
}

#submain .ticcam1608 .ticbuy_box {
    margin:50px auto;
}


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

    #submain .ticcam1608-section {
        margin:50px 0 0;
        padding:0 0 30px;
    }
    #submain .ticcam1608-section__tit-main {
        position:static;
        margin:-30px 0 0;
    }
    #submain .ticcam1608-section__tit-sub {
        margin:0 0 20px;
        padding:9px;
        font-size:0;
    }
    #submain .ticcam1608-section__tit-sub img {
        max-height:36px;
        max-width:100%;
        width:auto;
        vertical-align:bottom;
    }
    #submain .ticcam1608-section__area {
        padding:0 5.0335570469%;
    }
    #submain .ticcam1608-section__area__txt {
        padding:0 0 20px;
    }
    #submain .ticcam1608-section__area__txt__bold br {
        display:block;
    }
    #submain .ticcam1608-section__area__txt--example {
        font-size:100%;
        padding:0 0 10px;
    }
    #submain .ticcam1608-section__area__txt--example .example-icon {
        background:#FF8000;
        color:#FFF;
        font-weight:bold;
        padding:2px 5px 3px;
        margin:0 10px 0 0;
    }
    #submain .ticcam1608-section__area__txt--note {
        padding:10px 0 0;
    }
    #submain .ticcam1608-section__area__img {
        padding:0;
    }
    #submain .ticcam1608 .ticbuy_box {
        margin:30px auto;
    }

    #submain .ticcam1608-shop-btn {
        width: 80%;
        margin:30px auto 0;
    }
    #submain .ticcam1608-shop-btn a {
        font-size: 18px;
        line-height: 100%;
        padding: 22px 0;
    }
    #submain .ticcam1608-shop-btn a:before {
        font-family: 'FontAwesome';
        content: "\f041";
        font-weight: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 0.5em;
        font-size:141%;
    }
    #submain .ticcam1608-shop-btn a:after {
        content: "";
    }
    #submain .ticcam1608-shop-btn a:hover {
        background: #CA2967;
    }

}



/*================================================================================
    秋の連休企画　160808
================================================================================*/
#submain .autumncam-main {
    padding:0 0 35px;
    margin:-10px 0 0;
}
#submain .autumncam-pickup__tit {
    background:#F7B52C url(../images/autumncam/autumncam_leaves.gif) 10px center no-repeat;
    color:#FFF;
    padding:2.38095% 20px 2.38095% 60px; /* 20/840 */
    margin:0 0 10px;
    border:none;
    line-height:1.2;
}
#submain .autumncam-pickup__lists {
    padding:0;
    margin:0 0 10px -3.57142857%; /* -30/840 */
    list-style-type:none;
    overflow:hidden;
}
#submain .autumncam-pickup__lists-list {
    float:left;
    width:29.8850574%; /* 260/870 */
    margin:0 0 0 3.4482758%; /* -30/870 */
}
#submain .autumncam-pickup__lists-list a {
    text-decoration:none;
}
#submain .autumncam-pickup__lists-list__thum {
    padding:0 0 5px;
}
#submain .autumncam-pickup__lists-list__name {
    background:#FCFAE7;
    border-top:2px solid #F7B52C;
    border-bottom:2px solid #F7B52C;
    padding:3px 0;
    color:#6E3A07;
    text-align:center;
    font-weight:bold;
    font-size:114%;
    margin:0 0 5px;
}
#submain .autumncam-btn {
    width:450px;
    margin:0 auto;
    text-align:center;
    background: rgb(253,53,30); /* Old browsers */
    background: -moz-linear-gradient(top,    rgba(248,157,41,1) 0%, rgba(253,53,30,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,    rgba(248,157,41,1) 0%,rgba(253,53,30,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,    rgba(248,157,41,1) 0%,rgba(253,53,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89d29', endColorstr='#fd351e',GradientType=0 ); /* IE6-9 */
    border-radius:4px;
    border-right:2px solid #AF4700;
    border-bottom:2px solid #AF4700;
}
#submain .autumncam-btn a {
    background:url(../images/autumncam/autumncam_btn_bg.png);
    color:#FFF;
    display:block;
    font-size:150%;
    font-weight:bold;
    text-decoration:none;
    line-height:75px;
    text-shadow:1px 1px 1px #AF0019;
    -webkit-text-shadow:1px 1px 1px #AF0019;
    -moz-text-shadow:1px 1px 1px #AF0019;
    -ms-text-shadow:1px 1px 1px #AF0019;
    -o-text-shadow:1px 1px 1px #AF0019;
    border-radius:4px;
}
#submain .autumncam-btn a:before {
    font-family: 'FontAwesome';
    content: "\f105";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 1em;
}
#submain .autumncam-btn:hover {
    background: #AF4700; /* Old browsers */
    background: -moz-linear-gradient(top,    rgba(253,53,30,1) 0%, rgba(248,157,41,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,    rgba(253,53,30,1) 0%,rgba(248,157,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,    rgba(253,53,30,1) 0%,rgba(248,157,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd351e', endColorstr='#f89d29',GradientType=0 ); /* IE6-9 */
}
#submain .autumncam .tlcbuy_detail {
    margin:0 0 20px;
}
#submain .autumncam .ticbuy {
    margin:0 0 50px;
}
#submain .autumncam .ticbuy_btns {
    overflow:hidden;
    text-align:center;
    list-style-type:none;
    margin:0;
    padding:5px 0;
}
#submain .autumncam .ticbuy_btns li {
    width: 320px;
    display: inline-block;
    padding: 0;
    margin: 0 15px;
}
#submain .autumncam .ticbuy_btns li a {
    background:url("../images/btn_ico_a.png") no-repeat 15px center;
    background-size: 9px auto;
    color:#fff;
    text-decoration:none;
    padding: 20px 10px;
    display:block;
    font-size: 157%;
    text-align:center;
    font-weight:bold;
    border-radius:4px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain .autumncam .ticbuy_btns li.pinkbtn a {
    background-color:#F65694;
    border-right:1px solid #CA2967;
    border-bottom:1px solid #CA2967;
}
#submain .autumncam .ticbuy_btns li.pinkbtn a:hover {
    background-color:#CA2967;
}
#submain .autumncam .ticbuy_btns li.bluebtn a {
    background-color:#004DA0;
    border-right:1px solid #003D80;
    border-bottom:1px solid #003D80;
}
#submain .autumncam .ticbuy_btns li.bluebtn a:hover {
    background-color:#003D80;
}


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

    #submain .autumncam-btn {
        width:80%;
        max-width:420px;
    }
    #submain .autumncam-btn a {
        font-size:125%;
        line-height:1.4;
        padding:20px 10px;
    }
    #submain .autumncam .ticbuy {
        margin:0 0 30px;
    }
    #submain .autumncam .ticbuy_box {
        margin: 40px auto;
    }
    #submain .autumncam .ticbuy_btns li {
        width: 90%;
        display: block;
        padding: 0;
        margin: 0 auto 15px;
    }

}


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

    #submain .autumncam-pickup__tit {
        padding:3.289473% 10px 3.289473% 60px; /* 20/456 */
        font-size:89%;
    }
    #submain .autumncam-pickup__lists {
        margin:0 0 10px -3.0701754%; /* -14/456 */
        list-style-type:none;
        overflow:hidden;
    }
    #submain .autumncam-pickup__lists-list {
        float:left;
        width:47.0212765%; /* 221/470 */
        margin:0 0 0 2.978723%; /* 14/470 */
    }
    #submain .autumncam-pickup__lists-list__read {
        font-size:85%;
    }

}



/*================================================================================
    ログインID登録キャンペーン　160817
================================================================================*/

#submain .cam-entry-main {
    padding:0 0 30px;
}
#submain .cam-entry-btns {
    text-align:center;
    padding:0;
    margin:0 0 50px;
}
#submain .cam-entry-btns__list {
    display:inline-block;
    margin:0 10px;
    padding:0;
}
#submain .cam-entry-btns__list a {
    display:block;
    width:380px;
    font-weight:bold;
    text-decoration:none;
    color:#FFF;
    font-size:142%;
    position:relative;
    border-radius:5px;
    line-height:63px;
}
#submain .cam-entry-btns__list a:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 13px;
    top: 50%;
    margin-top:-0.5em;
    color:#FFFF00;
    line-height:1;
    font-size:80%;
}
#submain .cam-entry-btns__list--merit a {
    background:#409E38;
    border:2px solid #296424;
    border-bottom:5px solid #296424;
    text-shadow:1px 1px #296424;
    -webkit-text-shadow:1px 1px #296424;
    -moz-text-shadow:1px 1px #296424;
}
#submain .cam-entry-btns__list--merit a:hover {
    background:#296424;
}
#submain .cam-entry-btns__list--entry a {
    background:#F54B8C;
    border:2px solid #CA2967;
    border-bottom:5px solid #CA2967;
    text-shadow:1px 1px #CA2967;
    -webkit-text-shadow:1px 1px #CA2967;
    -moz-text-shadow:1px 1px #CA2967;
}
#submain .cam-entry-btns__list--entry a:hover {
    background:#CA2967;
}


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

    #submain .cam-entry-btns__list {
        display:block;
        margin:0;
        padding:0;
    }
    #submain .cam-entry-btns__list a {
        margin:0 auto;
    }
    #submain .cam-entry-btns__list--entry a {
        margin-top:15px;
    }

}
@media only screen and (max-width: 480px) {

    #submain .cam-entry-btns__list {
        width:90%;
        margin:0 auto;
    }
    #submain .cam-entry-btns__list a {
        width:auto;
        font-size:128%;
        line-height:1.2;
        padding:20px;
    }

}



/*================================================================================
    Q&A追加・修正　160822
================================================================================*/

#submain .faq-link {
    overflow:hidden;
    list-style-type:none;
    margin:0 0 30px;
    padding:0 5px;
}
#submain .faq-link__list {
    float:left;
    width:400px;
    margin:0 0 10px 10px;
    padding:0;
}
#submain .faq-link__list a {
    cursor:pointer;
    display:block;
    text-decoration:none;
    border:1px solid #CCC;
    position:relative;
    line-height:58px;
    padding:0 20px 0 40px;
}
#submain .faq-link__list a:hover {}
#submain .faq-link__list--member a:hover {border-color:#F54B8C;}
#submain .faq-link__list--login a:hover {border-color:#409E38;}
#submain .faq-link__list--waon a:hover {border-color:#3ABCDC;}
#submain .faq-link__list--point a:hover {border-color:#FF8000;}

#submain .faq-link__list a:before {
    content: "\f078";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background:#333;
    color:#FFF;
    position:absolute;
    top:0;
    left:0;
    width:26px;
    height:100%;
    text-align:center;
}
#submain .faq-link__list--member a:before {background:#F54B8C;}
#submain .faq-link__list--login a:before {background:#409E38;}
#submain .faq-link__list--waon a:before {background:#3ABCDC;}
#submain .faq-link__list--point a:before {background:#FF8000;}

#submain .faq-link__list__txt {
    font-weight:bold;
    font-size:114%;
}
#submain .faq-link__list__txt--member {color:#F54B8C;}
#submain .faq-link__list__txt--login {color:#409E38;}
#submain .faq-link__list__txt--waon {color:#3ABCDC;}
#submain .faq-link__list__txt--point {color:#FF8000;}

#submain .faq-link__list__sub {
    float:right;
    color:#999;
    font-size:85%;
}

#submain .faq-section__title {
    margin:0 0 20px;
    padding:12px 15px;
    color:#FFF;
    border:2px solid;
    border-radius:4px;
    line-height:1;
    font-size:18px;
}
#submain .faq-section__title--member {
    border-color:#DC437E;
    background:#F54B8C;
}
#submain .faq-section__title--login {
    border-color:#34812E;
    background:#409E38;
}
#submain .faq-section__title--waon {
    border-color:#22A2C1;
    background:#3ABCDC;
}
#submain .faq-section__title--point {
    border-color:#D76B00;
    background:#FF8000;
}

#submain .faq-section--member .faqbox {
    border-color:#F54B8C;
}
#submain .faq-section--login .faqbox {
    border-color:#409E38;
}
#submain .faq-section--waon .faqbox {
    border-color:#3ABCDC;
}
#submain .faq-section--point .faqbox {
    border-color:#FF8000;
}

#submain .faq-section .faqbox__question {
    font-size: 16px;
    line-height: 140%;
    padding: 10px 0 10px 48px;
    margin-bottom: 0;
    background:#F4F1E7 no-repeat 10px center;
    background-size: 30px auto;
}
#submain .faq-section--member .faqbox__question {
    background-image:url(../images/faq/ico_q.png);
    border-bottom:2px solid #DC437E;
}
#submain .faq-section--login .faqbox__question {
    background-image:url(../images/faq/ico_q_green.png);
    border-bottom:2px solid #34812E;
}
#submain .faq-section--waon .faqbox__question {
    background-image:url(../images/faq/ico_q_aqua.png);
    border-bottom:2px solid #22A2C1;
}
#submain .faq-section--point .faqbox__question {
    background-image:url(../images/faq/ico_q_orange.png);
    border-bottom:2px solid #D76B00;
}

#submain .faq-section .faqbox__answer {
    padding: 15px 15px 10px 50px;
    background: no-repeat 10px 10px;
    background-size: 30px auto;
}
#submain .faq-section--member .faqbox__answer {
    background-image: url(../images/faq/ico_a.png);
}
#submain .faq-section--login .faqbox__answer {
    background-image: url(../images/faq/ico_a_green.png);
}
#submain .faq-section--waon .faqbox__answer {
    background-image: url(../images/faq/ico_a_aqua.png);
}
#submain .faq-section--point .faqbox__answer {
    background-image: url(../images/faq/ico_a_orange.png);
}

#submain .faq-section .faqbox .loginbtn.minbtn {

}
#submain .faq-section .faqbox .loginbtn.minbtn a {
    padding:22px 0;
    font-size:138%;
}
#submain .faq-section .faqbox .loginbtn.minbtn a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.5em;
}

@media only screen and (max-width: 750px) {
    #submain .faq-link {
        margin:0 0 30px;
        padding:0;
    }
    #submain .faq-link__list {
        float:none;
        width:100%;
        margin:0 0 10px;
        padding:0;
    }
    #submain .faq-link__list a {
        line-height:50px;
        padding:0 10px 0 30px;
    }
    #submain .faq-link__list a:before {
        width:20px;
    }
    #submain .faq-link__list__txt {
        font-size:100%;
    }
    #submain .faq-link__list__sub {
        font-size:78%;
    }
    #submain .faq-section .faqbox .loginbtn.minbtn a {
        padding: 15px;
        line-height:1.4;
        font-size: 125%;
        width:auto;
    }
}



/*================================================================================
    Q&Aカテゴリ別バナー追加
================================================================================*/

#submain .link-faq-bnr {
    text-align:center;
    margin:0;
    padding:30px 0;
    clear:both;
}
#submain .link-faq-bnr__list {
    display:inline-block;
    margin:0 5px;
    padding:0;
    width:140px;
}
#submain .link-faq-bnr__list img {
    width:100%;
    height:auto;
}
#submain .link-faq-bnr__list:hover img {
    opacity:0.7;
}
@media only screen and (max-width: 750px) {
    #submain .link-faq-bnr__list {
        margin:0 0.5%;
        width:19%;
    }
}
@media only screen and (max-width: 640px) {
    #submain .link-faq-bnr {
        padding:30px 0;
    }
    #submain .link-faq-bnr__list {
        margin:1.5%;
        width:30%;
    }
}
@media only screen and (max-width: 480px) {
    #submain .link-faq-bnr {
        overflow:hidden;
    }
    #submain .link-faq-bnr__list {
        float:left;
        width:46%;
        margin:2%;
    }
}



/*================================================================================
    社会参加促進フェア　160908
================================================================================*/

#submain .shizuoka-hero {
}
#submain .shizuoka-hero__title {
    padding:34px 0 27px;
    padding:4.77528% 30px 3.79213%;
    text-align:center;
    border-top:1px solid #888;
    border-bottom:1px solid #888;
    margin:0 0 30px;
}
#submain .shizuoka-hero__poster {
    display:table;
    width:100%;
    margin:0 0 50px;
}
#submain .shizuoka-hero__poster__img {
    display:table-cell;
    width:50%;
}
#submain .shizuoka-hero__poster__read {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding:0 20px;
}
#submain .shizuoka-hero__tab {
    overflow:hidden;
    list-style-type:none;
    padding:0;
    margin:0 0 0 -1.78571%; /* -15/840 */
}
#submain .shizuoka-hero__tab__list {
    float:left;
    width:31.57494%; /* 270/855 */
    text-align:center;
    padding:0;
    margin:0 0 0 1.75438%; /* 15/855 */
}
#submain .shizuoka-hero__tab__list a {
    display:block;
    font-size:150%;
    font-weight:bold;
    padding:25px 0;
    cursor:pointer;
    background:#FFE8E8;
    color:#E50011;
    text-decoration:none;
    letter-spacing:0.1em;
    position:relative;
}
#submain .shizuoka-hero__tab__list a:before {
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-0.5em;
    color:#FFE8E8;
}
#submain .shizuoka-hero__tab__list.active a,
#submain .shizuoka-hero__tab__list:hover a {
    background:#E50011;
    color:#FFF;
}
#submain .shizuoka-hero__tab__list.active a:before,
#submain .shizuoka-hero__tab__list:hover a:before {
    color:#FFF;
}
#submain .shizuoka-hero__area {
    border:5px solid #DDD;
    padding:45px;
}
#submain .shizuoka-hero__area__name {
    float:left;
    width:48.64864%; /* 360/740 */
    margin:0 0 40px;
}
#submain .shizuoka-hero__area__map {
    float:right;
    margin:0 0 40px;
}
#submain .shizuoka-hero__area__program {
    clear:both;
    margin:0 0 50px;
    padding:0;
}
#submain .shizuoka-hero__area__contact-add {
    border:10px solid #E50011;
    border-top:none;
}
#submain .shizuoka-hero__area__contact-add__tit {
    background:#E50011;
    color:#FFF;
    font-size:187.5%;
    text-align:center;
    padding:21px 0;
    margin:0;
}
#submain .shizuoka-hero__area__contact-add__inner {
    padding:30px;
}
#submain .shizuoka-hero__area__contact-add__to {
    display:table;
    margin:0;
}
#submain .shizuoka-hero__area__contact-add__to dt {
    display:table-cell;
    width:220px;
    background:#000;
    color:#FFF;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
    position:relative;
}
#submain .shizuoka-hero__area__contact-add__to dt:after {
    content:"";
    position:absolute;
    right:-12px;
    top:50%;
    margin-top:-7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-color: transparent transparent transparent #000;
}
#submain .shizuoka-hero__area__contact-add__to dd {
    display:table-cell;
    padding:0 0 0 30px;
}
#submain .shizuoka-hero__area__contact-add__box {
    display:table;
    margin:30px 0 0;
    width:100%;
    height:100px;
}
#submain .shizuoka-hero__area__contact-add__box dt {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width:220px;
    background:#FFE8E8;
    font-weight:bold;
    font-size:112.5%;
}
#submain .shizuoka-hero__area__contact-add__box dt:before {
    content: "";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:0.5em;
}
#submain .shizuoka-hero__area__contact-add__box--tel dt:before {content: "\f095";}
#submain .shizuoka-hero__area__contact-add__box--mail dt:before {content: "\f003";}
#submain .shizuoka-hero__area__contact-add__box--fax dt:before {content: "\f1ac";}

#submain .shizuoka-hero__area__contact-add__box dd {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:125%;
    border:5px solid #FFE8E8;
    border-left:none;
}
#submain .shizuoka-hero__area__contact-add__box dd a {
    text-decoration:none;
}
#submain .shizuoka-hero__area__contact-add__box dd span {
    margin:0 8px;
    font-size:80%;
}
#submain .shizuoka-hero__area__contact-add__balloon {
    border:1px solid #CCC;
    padding:15px;
    margin:8px 0 0;
    line-height:1.8;
    position:relative;
}
#submain .shizuoka-hero__area__contact-add__balloon:before {
    content:"";
    background:url(../images/campaign/shizuoka_hero/hero_balloon.png) no-repeat;
    height:26px;
    width:20px;
    position:absolute;
    bottom:100%;
    left:95px;
}
#submain .shizuoka-hero__area__contact-add__bnr {
    margin:25px 0 0;
    text-align:center;
}

@media only screen and (max-width: 750px) {
    #submain .shizuoka-hero__title {
        padding:8.22368% 20px 7.23684%;
        margin-bottom:20px;
    }
    #submain .shizuoka-hero__area {
        padding:30px;
    }
    #submain .shizuoka-hero__area__contact-add {
        border:5px solid #E50011;
        border-top:none;
        margin:0 -10px;
    }
    #submain .shizuoka-hero__area__contact-add__tit {
        font-size:125%;
        padding:16px 0;
    }
    #submain .shizuoka-hero__area__contact-add__inner {
        padding:10px;
    }
    #submain .shizuoka-hero__area__contact-add__to {
        display:block;
        border-bottom:1px dotted #CCC;
        padding:0 0 20px;
    }
    #submain .shizuoka-hero__area__contact-add__to dt {
        display:block;
        width:auto;
        padding:10px 0;
        margin:0 0 20px;
    }
    #submain .shizuoka-hero__area__contact-add__to dt:after {
        right:50%;
        top:100%;
        margin:0 -12px 0 0;
        border-width: 10px 12px 0 12px;
        border-color: #000 transparent transparent transparent;
    }
    #submain .shizuoka-hero__area__contact-add__to dd {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
    }
    #submain .shizuoka-hero__area__contact-add__box {
        display:block;
        width:auto;
        height:auto;
        margin:20px 0 0;
    }
    #submain .shizuoka-hero__area__contact-add__box dt {
        display:block;
        width:auto;
        padding:10px;
    }
    #submain .shizuoka-hero__area__contact-add__box dd {
        display:block;
        font-size:112.5%;
        border:3px solid #FFE8E8;
        border-top:none;
        margin:0;
        padding:18px;
        word-break:break-all;
    }
    #submain .shizuoka-hero__area__contact-add__box dd a {
        text-decoration:underline;
    }
    #submain .shizuoka-hero__area__contact-add__box dd span {
        display:block;
    }
    #submain .shizuoka-hero__area__contact-add__balloon {
        margin-top:10px;
    }
    #submain .shizuoka-hero__area__contact-add__balloon:before {
        left:50%;
        margin:0 0 0 -10px;
    }
    #submain .shizuoka-hero__area__contact-add__bnr {
        margin:25px 0 0;
        text-align:center;
    }
    #submain .shizuoka-hero__area__contact-add__bnr img {
        width:auto;
        max-width:100%;
    }
}
@media only screen and (max-width: 480px) {
    #submain .shizuoka-hero__poster {
        display:block;
        width:auto;
        margin:0 0 50px;
    }
    #submain .shizuoka-hero__poster__img {
        display:block;
        width:auto;
        text-align:center;
        margin:0 0 30px;
    }
    #submain .shizuoka-hero__poster__img img {
        width:auto;
        max-width:100%;
    }
    #submain .shizuoka-hero__poster__read {
        display:block;
        width:auto;
    }
    #submain .shizuoka-hero__poster__read img {
        width:auto;
        max-width:100%;
    }
    #submain .shizuoka-hero__tab__list a {
        font-size:125%;
        padding:20px 0;
    }
    #submain .shizuoka-hero__area {
        padding:6.80272%; /* 20/294 */
        border-width:3px;
    }
    #submain .shizuoka-hero__area__name {
        float:none;
        width:auto;
        margin:0 0 20px;
    }
    #submain .shizuoka-hero__area__map {
        float:none;
        margin:0 0 30px;
    }
}


/*================================================================================
    秋の大感謝祭 2016年　追加日 9/15
================================================================================*/

#thanks_fes_20609{
}

#thanks_fes_20609 .overbox_top{
    clear:both;
    width: auto;
    margin: 0px auto 30px;
}


#thanks_fes_20609 .overbox_top .left{
    float:left;
    font-size:18px;
    width:590px;
}

@media only screen and (max-width: 590px) {
    #thanks_fes_20609 .overbox_top .left{
        width:100%;
    }

}

#thanks_fes_20609 .overbox_top .right{
    float:right;
}
#thanks_fes_20609 .overbox_top .right .bigbtn{
    padding:0;
    margin: 0;
}
#thanks_fes_20609 .overbox_top .right .bigbtn a ,
#thanks_fes_20609 .overbox_top .right .bigbtn input {
    background: none;
    border-bottom:none !important;
    box-shadow:none;
    padding:0;
    border-right: none !important;
}

#thanks_fes_20609 .thanks_fes_201609_btn{
    text-align:center;
    margin: 30px auto;
}
#thanks_fes_20609 .thanks_fes_201609_btn li{
    display: inline-block;
    margin: 0 10px;
}
#thanks_fes_20609 .thanks_fes_201609_btn li a:hover{
    opacity:0.8;
}


/*-------------------大感謝祭 運用-----------------------*/
#thanks_fes_20609 .position_re{
    position:relative;
}
#thanks_fes_20609 .position_re .bigbtn{
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    width: 100px;
}

#thanks_fes_20609 .ver2_position{
    width:100%;
    position:relative;
}
#thanks_fes_20609 .ver2_position a{
    position:absolute;
    display:block;
    top:0;
    left:25%;
}

/*会員*/
#thanks_fes_20609 .kaiin_tab{
    width:840px;
    border-bottom:#00569D 6px solid;
    margin-bottom:30px;
}
#thanks_fes_20609 .kaiin_tab a{
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;

}
#thanks_fes_20609 .kaiin_tab .right{
    width:420px;

}
#thanks_fes_20609 .kaiin_tab .left{
    width:420px;
}
#thanks_fes_20609 .kaiin_tab .left a{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#0077D9;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}
#thanks_fes_20609 .kaiin_tab .right a{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#ABABAB;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}
#thanks_fes_20609 .kaiin_tab .right a:hover{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#EB3D75;
    display:block;
}
/*非会員*/
#thanks_fes_20609 .hikaiin_tab{
    width:840px;
    border-bottom:#D32C5E 6px solid;
    margin-bottom:30px;
}
#thanks_fes_20609 .hikaiin_tab a{
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;

}
#thanks_fes_20609 .hikaiin_tab .right{
    width:420px;

}
#thanks_fes_20609 .hikaiin_tab .left{
    width:420px;
}
#thanks_fes_20609 .hikaiin_tab .left a{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#ABABAB;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}
#thanks_fes_20609 .hikaiin_tab .left a:hover{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#0077D9;
    display:block;
}
#thanks_fes_20609 .hikaiin_tab .right a{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#EB3D75;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}

/*会員*/
#thanks_fes_20609 .area{
    width:840px;
    background-color:#F2EDDD;
    padding:30px;
    margin-top:-15px;
}
#thanks_fes_20609 .area_tab{
    width:780px;
    background-color:#F2EDDD;
    border-bottom:#00569D 6px solid;
    overflow:hidden;
}
#thanks_fes_20609 .area_tab a{
    width:155px;
    display:block;
    float:left;
    padding:10px;
    margin-right:5px;
    color:#FFF;
    font-weight:bold;
    font-size:150%;
    text-align:center;
    text-decoration:none;
    background-color:#0079F2;

}
#thanks_fes_20609 .area_tab a:hover{
    background-color:#00569D;
}
#thanks_fes_20609 .area_box{
    background:#FFFFFF;
    width:760px;
    padding: 10px 10px 0;
}
#thanks_fes_20609 .area_inbox{
    width:720px;
    overflow:hidden;
    padding:30px 20px;
    border-bottom:#00569D 2px dotted;
}
#thanks_fes_20609 .area_inbox:last-child{
    border-bottom:none;
}
#thanks_fes_20609 .area_inbox .left{
    width:430px;
}
#thanks_fes_20609 .area_inbox .left dl {
    width:430px;
}
#thanks_fes_20609 .area_inbox .left dt {
    float:left;
    clear:left;
    width:80px;
    font-size: 120%;
    font-weight: bold;
}
#thanks_fes_20609 .area_inbox .left dd {
    float:left;
    width:300px;
    font-size: 120%;
    margin: 0 0 20px 20px;
}

#thanks_fes_20609 .area_inbox .right{
    width:280px;
}


#thanks_fes_20609 .area_block{
    width:840px;
    background-color:#F2EDDD;
    padding:30px;
    margin-top:-15px;
}
#thanks_fes_20609 .area_block .tab{
    overflow:hidden;
    width: 780px;
    border-bottom:#00569D 6px solid;
    padding:0;
    margin:0;
}
#thanks_fes_20609 .area_block .tab li{
    float:left;
    margin-right:8px;
    list-style:none;
    width: 160px;
    padding:0;
}
#thanks_fes_20609 .area_block .tab li a{
    display: block;
    cursor: pointer;
    padding: 20px 0;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    width:160px;
    font-weight:bold;
    font-size:160%;
    text-decoration:none;
    background-color:#6D675F;
}
#thanks_fes_20609 .area_block .tab li.select a{
    background:#00569D;
}
#thanks_fes_20609 .area_block .content{
    padding:0;
    margin:0;
    width:780px;
}
#thanks_fes_20609 .area_block .content li{
    background:#FFF;
    padding: 20px 10px;
    list-style:none;
}
#thanks_fes_20609 .area_block .hide {
    display:none;
}

#thanks_fes_20609 .area_block .area_inbox{
    padding: 20px;
    width: 720px;
    overflow:hidden;
    border-bottom:#00569D 2px dotted;
}
#thanks_fes_20609 .area_block .area_inbox:last-child{
    border-bottom:none;
}
#thanks_fes_20609 .area_block .area_inbox .left{
    width:430px;
}
#thanks_fes_20609 .area_block .area_inbox .left dl {
    width:430px;
}
#thanks_fes_20609 .area_block .area_inbox .left dt {
    float:left;
    clear:left;
    width:80px;
    font-size: 120%;
    font-weight: bold;
}
#thanks_fes_20609 .area_block .area_inbox .left dd {
    float:left;
    width:300px;
    font-size: 120%;
    margin: 0 0 20px 20px;
}

#thanks_fes_20609 .area_block .area_inbox .right{
    width:280px;
}


#thanks_fes_20609 .area_block.kanto .tab {
    border-bottom: 6px solid #008206;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 780px;
}

#thanks_fes_20609 .area_block.kanto .tab li a {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 121%;
    font-weight: bold;
    line-height: 20px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    width:140px;
}
#thanks_fes_20609 .area_block.kanto .tab li {
    width: 140px;
}


#thanks_fes_20609 .area_block.kanto .tab li.select a {
    background: #008206 none repeat scroll 0 0;
}


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

    #thanks_fes_20609 .area_block .tab li ,#thanks_fes_20609 .area_block.kanto .tab li{
        display: inline;
        float: left;
        list-style: outside none none;
        margin-right: 1%;
        padding: 0;
        width: 19%;
    }
    #thanks_fes_20609 .area_block .tab li a,
    #thanks_fes_20609 .area_block.kanto .tab li a{
        font-size: 89%;
        font-weight: bold;
        line-height: 20px;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
        width: 100%;
    }
    #thanks_fes_20609 .area_block .tab li a .hide,
    #thanks_fes_20609 .area_block.kanto .tab li a .hide {
        display:inline;
    }
    #thanks_fes_20609 .area_block{
        width:96%;
        padding: 10px 2%;
    }
    #thanks_fes_20609 .area_block .tab,
    #thanks_fes_20609 .area_block.kanto .tab{
        width: 100%;
        padding: 0;
    }
    #thanks_fes_20609 .area_block.tab li {
        margin-right:1%;
        width: 24%;
    }
    #thanks_fes_20609 .area_block .tab li a,
    #thanks_fes_20609 .area_block.kanto .tab li a{
        padding: 10px 0;
        width:100%;
        font-weight:bold;
        font-size:110%;
    }
    #thanks_fes_20609 .area_block .content{
        width:100%;
    }
    #thanks_fes_20609 .area_block.content li{
        background:#FFF;
        padding: 10px 2%;
        list-style:none;
        width:96%;
    }
    #thanks_fes_20609 .area_block .area_inbox{
        padding: 20px 2% 10px;
        width: 96%;
    }
    #thanks_fes_20609 .area_block .area_inbox:last-child{
        border-bottom:none;
        padding-bottom: 10px;
    }

    #thanks_fes_20609 .area_block .area_inbox .left{
        width:100%;
        float:none;
        margin: 0 0 15px;
    }
    #thanks_fes_20609 .area_block .area_inbox .left dl {
        width:100%;
    }
    #thanks_fes_20609 .area_block .area_inbox .left dt {
        width:25%;
        font-size: 100%;
        font-weight: bold;
    }
    #thanks_fes_20609 .area_block .area_inbox .left dd {
        font-size: 100%;
        margin: 0 0 15px 2%;
        width: 73%;
    }
    #thanks_fes_20609 .area_block .area_inbox .right{
        width:100%;
        margin-bottom: 15px;
    }
    #thanks_fes_20609 .overbox_top .right{
        float: none;
        margin: 0 auto;
        max-width: 210px;
    }

}



/*================================================================================
    TLCセレクションに交換するリニューアル 20160916 追加
================================================================================*/

#submain .selection-navgray {
    border:3px solid #EEE;
    padding:37px;
    margin:0 0 50px;
}
#submain .selection-navgray .navcat-tit {
    font-size:18px;
    font-weight:bold;
    padding:0;
    color:#444;
}
#submain .selection-navgray .navcat-tit:before {
    content: "\f101";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 0.3em 0 0;
}
#submain .selection-navgray ul {
    margin:0 0 0 -20px;
    padding:0;
    list-style-type:none;
}
#submain .selection-navgray ul li {
    float:left;
    width:175px;
    margin:10px 0 0 20px;
    padding:0;
    display:table;
}
#submain .selection-navgray ul li a {
    display:table-cell;
    vertical-align:middle;
    color:#000;
    height:72px;
    background:#DCF0F5;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    font-size: 12px;
    cursor:pointer;
    position:relative;
    padding:0 0 8px;
    border-radius:3px;
    position:relative;
    bottom:0;
    left:0;
    box-shadow: 0px 3px 0px 0px #8BB5B6;
    -webkit-box-shadow: 0px 3px 0px 0px #8BB5B6;
    -moz-box-shadow: 0px 3px 0px 0px #8BB5B6;
}
#submain .selection-navgray ul li a:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    position:absolute;
    bottom:5px;
    left:50%;
    margin-left:-0.5em;
    line-height:1;
}
#submain .selection-navgray ul li a:hover {
    bottom:-2px;
    box-shadow: 0px 1px 0px 0px #8BB5B6;
    -webkit-box-shadow: 0px 1px 0px 0px #8BB5B6;
    -moz-box-shadow: 0px 1px 0px 0px #8BB5B6;
}
#submain .selection-navgray ul li a .navtit {
    font-size: 18px;
}
#submain .selection-navgray ul li.special a {
    background:#67B2E8;
    color:#FFF;
    box-shadow: 0px 3px 0px 0px #498AB1;
    -webkit-box-shadow: 0px 3px 0px 0px #498AB1;
    -moz-box-shadow: 0px 3px 0px 0px #498AB1;
}
#submain .selection-navgray ul li.special a:hover {
    bottom:-2px;
    box-shadow: 0px 1px 0px 0px #498AB1;
    -webkit-box-shadow: 0px 1px 0px 0px #498AB1;
    -moz-box-shadow: 0px 1px 0px 0px #498AB1;
}
#submain .selection-navgray ul li.navcat-4th a {
    color:#CC1F0C;
    background: #fef184; /* Old browsers */
    background: -moz-linear-gradient(top,    #fef184 50%, #ffe203 51%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,    #fef184 50%,#ffe203 51%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,    #fef184 50%,#ffe203 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef184', endColorstr='#ffe203',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 3px 0px 0px #B6A03F;
    -webkit-box-shadow: 0px 3px 0px 0px #B6A03F;
    -moz-box-shadow: 0px 3px 0px 0px #B6A03F;
}
#submain .selection-navgray ul li.navcat-4th a:hover {
    bottom:-2px;
    box-shadow: 0px 1px 0px 0px #B6A03F;
    -webkit-box-shadow: 0px 1px 0px 0px #B6A03F;
    -moz-box-shadow: 0px 1px 0px 0px #B6A03F;
}
#submain .selection-navgray ul li.navcat-4th a .navtit span {
    display:block;
    font-size:85%;
}
#submain .selection-navgray .navcat-isetan {
    margin-bottom:25px;
    padding-bottom:35px;
    border-bottom:2px dotted #DDD;
}
#submain .sele-ichioshiarea {
    background:#FFD100;
    margin:0 0 40px;
    overflow:hidden;
}
#submain .sele-ichioshiarea_tit {
    margin:0;
    border:none;
}
#submain .sele-ichioshiarea_goods {
    float:left;
    width:50%;
}
#submain .sele-ichioshiarea_lot {
    float:right;
    width:50%;
}
#submain .sele-introcat {
    padding:0;
    margin:0 0 40px;
}
#submain .sele-bnr--add {
    border:1px solid #663300;
    overflow:hidden;
    margin:0 0 15px;
}
#submain .sele-bnr--add img {
    max-width:100%;
    height:auto;
}
#submain .sele-bnr--add__txt {
    float:left;
    width:476px;
}
#submain .sele-bnr--add__img {
    border-left:1px solid #663300;
    float:left;
    width:180px;
}

@media only screen and (max-width: 750px) {
    #submain .seretit{
        font-size:18px;
        line-height:50px;
        padding:0 15px;
        margin:0 0 20px;
    }
    #submain .serectionlistbox{
        width: 100%;
    }
    #submain .serebox{
        width: 50%;
        float: left;
        margin: 0 0 15px;
        padding: 34px 14px 14px;
    }
    #submain .serebox .sereimg{
        width:40%;
        margin-bottom:0;
        padding-bottom:0;
        border:none;
    }
    #submain .serebox h3{
        font-size:14px;
        line-height:1.4;
        margin-top: 10px;
    }
    #submain .serebox p{
        padding-top:5px;
    }
    #submain .serebox .red .txt_l{
        font-size:18px !important;
    }
    #submain .serebox .code{
        padding-top:3px;
    }
    #submain .serebtn{
        position: static;
        padding-top:10px;
    }
    #submain .selection-navgray {
        border:3px solid #EEE;
        padding:20px 15px;
        margin:0 0 30px;
    }
    #submain .selection-navgray .navcat-tit {
        font-size:18px;
    }
    #submain .selection-navgray ul {
        margin-left:0;
    }
    #submain .selection-navgray ul li {
        width:48%;
        margin:10px 1% 0;
    }
    #submain .selection-navgray ul li a {
        height:62px;
        padding:0 0 8px;
    }
    #submain .selection-navgray ul li a .navtit {
        font-size:16px;
    }
    #submain .sele-ichioshiarea {
        margin-bottom:20px;
    }
    #submain .sele-introcat {
        margin-bottom:30px;
    }
    #submain .sele-bnr--add {
    }
    #submain .sele-bnr--add__txt {
        float:none;
        display:block;
        border-bottom:1px solid #663300;
        width:auto;
    }
    #submain .sele-bnr--add__img {
        width:50%;
        border:none;
    }
}

@media only screen and (max-width: 540px) {
    #submain .seretit-4th{
        line-height:1;
        padding:10px 10px 10px 20px;
    }
    #submain .seretit-4th img {
        width: auto;
        max-width: 100%;
    }
    #submain .seretit-4th__ttl {
        display:block;
    }
    #submain .seretit-4th__limit {
        display:block;
        float:none;
        margin-top:8px;
    }
}


@media only screen and (max-width: 480px) {
    #submain .sele-ichioshiarea_tit {
        padding: 5px 0;
    }
    #submain .sele-ichioshiarea_goods {
        float:none;
        width:auto;
        margin:0 1% 0 -1%;
    }
    #submain .sele-ichioshiarea_lot {
        float:none;
        width:auto;
        margin:0 -1.6% 0 1.6%;
    }
    #submain .selection-navgray ul li.navcat-4th {
        float:none;
        width:100%;
        margin:10px 0 0;
    }
    #submain .selection-navgray ul li.navcat-4th br {
        display:none;
    }
    #submain .selection-navgray ul li.navcat-4th a {
        height:58px;
        padding-bottom:4px;
    }
    #submain .selection-navgray ul li.navcat-4th a .navtit span {
        font-size:inherit;
        display:inline;
    }
}



/*================================================================================
    セレクション大幅リニューアル 20161011 追加
================================================================================*/
#submain .selerenew-main {
    margin:0 0 5.95238095%; /* 50/840 */
    padding:0;
}
#submain .selerenew-point {
    margin:0 0 9.52380%; /* 80/840 */
}
#submain .selerenew-point__tit {
    color:#FFF;
    background:#D80A0D;
    font-weight:bold;
    font-size:162.5%;
    padding:5px 0;
    margin:0 0 4.16666% 50px; /* 35/840 */
    border:none;
    position:relative;
}
#submain .selerenew-point__tit:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 20px 35px 0;
    border-color: transparent #FFF transparent transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}
#submain .selerenew-point__tit__icon {
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top:-50px;
}
#submain .selerenew-point__tit__inner {
    border-bottom:5px solid #FFFF26;
    padding:0 20px 0 60px;
    line-height:55px;
    display:block;
}
#submain .selerenew-point__read {
    text-align:center;
    font-size:114%;
    padding:0;
    margin:0 0 3.57142857%; /* 30/840 */
}
#submain .selerenew-point__img {
    text-align:center;
    margin:0 0 2.3809523%; /* 20/840 */
    padding:0;
}
#submain .selerenew-point__btn {
    width: 53.5714285%; /* 450/840 */
    margin: 0 auto;
    padding:0;
}
#submain .selerenew-point__btn a {
    display: block;
    color: #FFF;
    font-size: 180%;
    font-weight: bold;
    line-height: 68px;
    text-decoration: none;
    text-align: center;
    background: rgb(255,153,0); /* Old browsers */
    background: -moz-linear-gradient(top,    rgba(255,204,0,1) 0%, rgba(255,153,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,    rgba(255,204,0,1) 0%,rgba(255,153,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,    rgba(255,204,0,1) 0%,rgba(255,153,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    text-shadow: 0px 2px 0px #B57424;
    -webkit-text-shadow: 0px 2px 0px #B57424;
    -moz-text-shadow: 0px 2px 0px #B57424;
    -ms-text-shadow: 0px 2px 0px #B57424;
    -o-text-shadow: 0px 2px 0px #B57424;
    border-radius: 2px;
    border: 3px solid #C87D00;
    position:relative;
}
#submain .selerenew-point__btn a:hover {
    background: rgb(255,153,0); /* Old browsers */
    background: -moz-linear-gradient(top,    rgba(255,153,0,1) 0%, rgba(255,204,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,    rgba(255,153,0,1) 0%,rgba(255,204,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,    rgba(255,153,0,1) 0%,rgba(255,204,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ffcc00',GradientType=0 ); /* IE6-9 */
}
#submain .selerenew-point__btn a:after {
    content: "\f054";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 77%;
}

@media only screen and (max-width: 750px) {
    #submain .selerenew-point__tit {
        font-size:125%;
        padding:5px 0;
        margin:0 0 4.16666% 40px; /* 35/840 */
    }
    #submain .selerenew-point__tit:after {
        border-width: 40px 20px 40px 0;
        top: 50%;
        margin-top: -40px;
    }
    #submain .selerenew-point__tit__inner {
        border-bottom:3px solid #FFFF26;
        padding:12px 20px 11px 60px;
        line-height:1.2;
    }
    #submain .selerenew-point__btn {
        min-width:300px;
    }
    #submain .selerenew-point__btn a {
        font-size: 142%;
        line-height: 60px;
        padding-right:5px;
    }
}

@media only screen and (max-width: 640px) {
    #submain .selerenew-point__tit__icon {
        width:80px;
        left: -45px;
        margin-top:-40px;
    }
    #submain .selerenew-point__tit__inner {
        padding:4px 20px 8px 45px;
    }
    #submain .selerenew-point__read {
        font-size:100%;
    }
}

@media only screen and (max-width: 480px) {
    #submain .selerenew-main {
        margin:0 0 30px;
    }
    #submain .selerenew-point {
        margin:0 0 35px;
    }
    #submain .selerenew-point__tit {
        font-size:100%;
        padding:3px 0;
        margin:0 0 20px 30px;
    }
    #submain .selerenew-point__tit__icon {
        width:60px;
        left: -35px;
        margin-top:-30px;
    }
    #submain .selerenew-point__tit__inner {
        padding:4px 20px 4px 30px;
    }
    #submain .selerenew-point__read {
        font-size:85%;
    }
    #submain .selerenew-point__btn {
        min-width:240px;
    }
    #submain .selerenew-point__btn a {
        font-size: 114%;
        line-height: 50px;
    }
}







/*================================================================================
    新忘年会　161101
================================================================================*/
#submain .wintercam .wintercam-main {
    padding:0 0 35px;
    margin:-10px 0 0;
}
#submain .wintercam-pickup__tit {
    background:#C9290E url(../images/wintercam/wintercam_ico.jpg) 10px center no-repeat;
    color:#FFF;
    padding:2.38095% 20px 2.38095% 80px; /* 20/840 */
    margin:0 0 10px;
    border:none;
    line-height:1.2;
}
#submain .wintercam-pickup__lists {
    padding:0;
    margin:0 0 10px -3.57142857%; /* -30/840 */
    list-style-type:none;
    overflow:hidden;
}
#submain .wintercam-pickup__lists-list {
    float:left;
    width:29.8850574%; /* 260/870 */
    margin:0 0 0 3.4482758%; /* -30/870 */
}
#submain .wintercam-pickup__lists-list a {
    text-decoration:none;
}
#submain .wintercam-pickup__lists-list__thum {
    padding:0 0 5px;
}
#submain .wintercam-pickup__lists-list__name--tile{
    display:table;
    width:100%;
}
#submain .wintercam-pickup__lists-list__name--tile span{
    display:table-cell;
    vertical-align:middle;
}
#submain .wintercam-pickup__lists-list__name {
    background:#FFFAF9;
    border-top:2px solid #C9290E;
    border-bottom:2px solid #C9290E;
    padding:3px 0;
    color:#360B03;
    text-align:center;
    font-weight:bold;
    font-size:114%;
    margin:0 0 5px;
}
#submain .wintercam-pickup__lists-list__name--green {
    background:#F9FBFD;
    border-top:2px solid #1C4625;
    border-bottom:2px solid #1C4625;
    padding:3px 0;
    color:#1B4625;
    text-align:center;
    font-weight:bold;
    font-size:114%;
    margin:0 0 5px;
}
#submain .wintercam-pickup__lists-list__name--blue {
    background:#F4FDFF;
    border-top:2px solid #0082AC;
    border-bottom:2px solid #0082AC;
    padding:3px 0;
    color:#003C4F;
    text-align:center;
    font-weight:bold;
    font-size:114%;
    margin:0 0 5px;
}
#submain .wintercam-btn {
    width:302px;
    margin:0 auto;
}
/*#submain .wintercam-btn {
    width:450px;
    margin:0 auto;
    text-align:center;
    background: rgb(253,53,30);
    background: -moz-linear-gradient(top,    rgba(248,157,41,1) 0%, rgba(253,53,30,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(248,157,41,1) 0%,rgba(253,53,30,1) 100%);
    background: linear-gradient(to bottom,    rgba(248,157,41,1) 0%,rgba(253,53,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89d29', endColorstr='#fd351e',GradientType=0 );
    border-radius:4px;
    border-right:2px solid #AF4700;
    border-bottom:2px solid #AF4700;
}
#submain wintercam-btn a {
    background:url(../images/autumncam/autumncam_btn_bg.png);
    color:#FFF;
    display:block;
    font-size:150%;
    font-weight:bold;
    text-decoration:none;
    line-height:75px;
    text-shadow:1px 1px 1px #AF0019;
    -webkit-text-shadow:1px 1px 1px #AF0019;
    -moz-text-shadow:1px 1px 1px #AF0019;
    -ms-text-shadow:1px 1px 1px #AF0019;
    -o-text-shadow:1px 1px 1px #AF0019;
    border-radius:4px;
}
#submain .wintercam-btn a:before {
    font-family: 'FontAwesome';
    content: "\f105";
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 1em;
}
#submain .wintercam-btn:hover {
    background: #AF4700;
    background: -moz-linear-gradient(top,    rgba(253,53,30,1) 0%, rgba(248,157,41,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(253,53,30,1) 0%,rgba(248,157,41,1) 100%);
    background: linear-gradient(to bottom,    rgba(253,53,30,1) 0%,rgba(248,157,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd351e', endColorstr='#f89d29',GradientType=0 );
}*/
#submain .wintercam .tlcbuy_detail {
    margin:0 0 20px;
}
#submain .wintercam .ticbuy {
    margin:0 0 50px;
}
#submain .wintercam .ticbuy_btns {
    overflow:hidden;
    text-align:center;
    list-style-type:none;
    margin:0;
    padding:5px 0;
}
#submain .wintercam .ticbuy_btns li {
    width: 320px;
    display: inline-block;
    padding: 0;
    margin: 0 15px;
}
#submain .wintercam .ticbuy_btns li a {
    background:url("../images/btn_ico_a.png") no-repeat 15px center;
    background-size: 9px auto;
    color:#fff;
    text-decoration:none;
    padding: 20px 10px;
    display:block;
    font-size: 157%;
    text-align:center;
    font-weight:bold;
    border-radius:4px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#submain .wintercam .ticbuy_btns li.pinkbtn a {
    background-color:#F65694;
    border-right:1px solid #CA2967;
    border-bottom:1px solid #CA2967;
}
#submain .wintercam .ticbuy_btns li.pinkbtn a:hover {
    background-color:#CA2967;
}
#submain .wintercam .ticbuy_btns li.bluebtn a {
    background-color:#004DA0;
    border-right:1px solid #003D80;
    border-bottom:1px solid #003D80;
}
#submain .wintercam .ticbuy_btns li.bluebtn a:hover {
    background-color:#003D80;
}

@media only screen and (max-width: 750px) {
    #submain .wintercam-btn {
        width:80%;
        max-width:420px;
    }
    #submain .wintercam-btn a {
        font-size:125%;
        line-height:1.4;
        padding:20px 10px;
    }
    #submain .wintercam .ticbuy {
        margin:0 0 30px;
    }
    #submain .wintercam .ticbuy_box {
        margin: 40px auto;
    }
    #submain .wintercam .ticbuy_btns li {
        width: 90%;
        display: block;
        padding: 0;
        margin: 0 auto 15px;
    }

}


@media only screen and (max-width: 480px) {
    #submain .wintercam-pickup__tit {
        padding:3.289473% 10px 3.289473% 65px; /* 20/456 */
        font-size:89%;
        background-size: 50px auto;
    }
    #submain .wintercam-pickup__lists {
        margin:0 0 10px -3.0701754%; /* -14/456 */
        list-style-type:none;
        overflow:hidden;
    }
    #submain .wintercam-pickup__lists-list {
        float:left;
        width:47.0212765%; /* 221/470 */
        margin:0 0 0 2.978723%; /* 14/470 */
    }
    #submain .wintercam-pickup__lists-list__read {
        font-size:85%;
    }
}






/*================================================================================
    エムアイキャンペーン
================================================================================*/
#submain .micam img {
    max-width:100%;
}
#submain .micam-start {
    margin:4.1666666% 0;/* 35/840 */
    padding:0;
}
#submain .micam-main {
    margin:0 0 3.5714285%;/* 30/840 */
    border:none;
}
#submain .micam-link {
    overflow:hidden;
    margin:0 0 5.9523809%;/* 50/840 */
}
#submain .micam-link__mi {
    float:left;
    width:47.6190476%; /* 400/840 */
    position:relative;
}
#submain .micam-link__tk {
    float:right;
    width:47.6190476%;
    position:relative;
}
#submain .micam-link .link-ttl {
    margin:0 0 8px;
}
#submain .micam-link .link-list {
    border-top:2px solid #eee;
    padding:0;
    margin:0;
    list-style-type:none;
}
#submain .micam-link .link-list__list {
    padding:0;
}
#submain .micam-link .link-list__list a {
    display:block;
    padding:2.5% 0; /* 10/400 */
    border-bottom:2px solid #CCC;
}
#submain .micam-about {
    border:5px solid #003893;
    padding:3.5714285%; /* 30/840 */
    margin:5.9523809% 0 0; /* 50/840 */
}
#submain .micam-about__ttl {
    padding:5px 3px 20px;
    margin:0 0 10px;
    border-bottom:5px dotted #003893;
}
#submain .micam-about__read {
    font-size:114%;
    padding:5px 10px 20px;
}
#submain .micam-about__img {
    text-align:center;
    padding:0;
}
#submain .micam-campaign {
    margin-top:5.9523809%; /* 50/840 */
}
#submain .micam-campaign .micam-ttl {
    margin:0;
}
#submain .micam-campaign .micam-list {
    list-style-type:none;
    padding:0;
    margin-top:-1.1904761%; /* -10/840 */
    margin-left:-2.3809523%; /* -20/840 */
    margin-bottom:10px;
    overflow:hidden;
}
#submain .micam-campaign .micam-list__list {
    float:left;
    width:47.6744186%; /* 410/860 */
    margin-top:1.1627906%; /* 10/860 */
    margin-left:2.3255813%; /* 20/860 */
    padding:0;
    position:relative;
}
#submain .micam-campaign .micam-list__list:nth-of-type(even) {
    float:right;
}
#submain .micam-campaign .micam-list__list .micam-list__ttl {
    margin:0;
}
#submain .micam-campaign .micam-list__list .micam-list__ttl__sp {
    display:none;
}
#submain .micam-campaign .micam-list__list .micam-container {
    border:5px solid #CCC;
    padding:25px;
    position:relative;
}
#submain .micam-campaign .micam-list__list .micam-container__inner {
    position:relative;
    z-index:10;
}
#submain .micam-campaign .micam-list__list .micam-list__bg {
    position:absolute;
    bottom:10px;
    right:10px;
    z-index:5;
}
#submain .micam-campaign .micam-list__list .micam-list__bg--tk01 {
    bottom:110px;
}
#submain .micam-campaign .micam-list__list .micam-list__bg--mi03 {
    bottom:120px;
}
#submain .micam-campaign .micam-list__list .tkcam-btn {
    text-align:center;
    margin:20px 0 0;
}
#submain .micam-campaign .micam-list__list .micam-list__btn {
    position:absolute;
    left:0;
    bottom:20px;
    text-align:center;
    width:100%;
    margin:0;
    line-height:1;
}
#submain .micam-campaign .micam-list__list .micam-list__btn a {
    display:block;
    padding:12px 10px;
    margin:0 auto;
    border:1px solid #CCC;
    width:308px;
}
#submain .micam-campaign .micam-list__list .micam-list__btn a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float:right;
    color:#E4007F;
}
#submain .micam-campaign .micam-list__list .micam-list__btn a:hover {
    border-color:#E4007F;
}
#submain .micam-campaign .micam-list__list .micam-list__btn__note {
    max-width: 330px;
    margin: 5px auto 0;
    text-align: left;
    line-height: 1.5;
    color:#333;
}
#submain .micam-campaign .micam-list__list .micam-item {
    margin-top:25px;
}
#submain .micam-campaign .micam-list__list .micam-item:first-child {
    margin-top:0;
}
#submain .micam-campaign .micam-list__list .micam-item__ttl {
    font-size:18px;
    margin:0 0 10px;
    padding:0 0 10px;
    border-bottom:2px dotted #CCC;
}
#submain .micam-campaign .micam-list__list .micam-item__ttl:before {
    content: "\f101";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:0.5em;
}
#submain .micam-campaign .micam-list__list .micam-item__txt {
    padding:0;
}
#submain .micam-campaign .micam-list__list .micam-item__list {
    margin:0;
    padding:0 0 0 1em;
    list-style-type:disc;
}
#submain .micam-campaign .micam-list__list .micam-item--note .micam-item__list__list {
    font-size:12px;
}
#submain .micam-campaign .micam-list__list .micam-item--img {
    text-align:center;
}
#submain .micam-campaign .micam-list__list .micam-item--img__note {
    text-align:right;
    margin:5px 0 0;
    line-height:1.2;
}
#submain .micam-campaign .micam-note {
    margin-bottom:0;
}
#submain .micam-bigbtn {
    text-align:center;
    margin-top:30px;
}
#submain .micam-bigbtn__note {
    margin:5px 0 0;
    line-height:1.2;
}


/*------------ 横長 ------------*/
#submain .micam-campaign .micam-list__list--wide {
    float:none;
    width:auto !important;
}
#submain .micam-campaign .micam-list__list--wide .micam-container {
    padding:2.9761904%; /* 25/840 */
}
#submain .micam-campaign .micam-list__list--wide .micam-item:first-child {
    margin-top:0;
}


/*------------ エムアイとお得差分 ------------*/
#submain .micam-campaign--tk .micam-list__list .micam-item__ttl {
    border-bottom-color:#E4007F;
}
#submain .micam-campaign--mi .micam-list__list .micam-container {
    padding-bottom:80px;
}
#submain .micam-campaign--mi .micam-list__list .micam-item__ttl {
    border-bottom-color:#003893;
}


/*------------ 終了対応 ------------*/
#submain .micam-link .end-txt {
    position:absolute;
    bottom:21%;
    left:0;
    width:100%;
    text-align:center;
    z-index:100;
    padding:0;
}
#submain .micam-link__tk .end-txt {
    bottom:25%;
}
#submain .micam-link .link-list__list--end {
    opacity:0.2;
}
#submain .micam-link .link-list__list--end img {
    opacity:1 !important;
}
#submain .micam-campaign .micam-list__list--end .end-txt {
    position:absolute;
    top:40%;
    left:5%;
    width:90%;
    text-align:center;
    z-index:100;
}
#submain .micam-campaign .micam-list__list--end .micam-list__ttl,
#submain .micam-campaign .micam-list__list--end .micam-container {
    opacity:0.2;
}
#submain .micam-campaign--mi .micam-list__list:nth-of-type(even) {
    float:left;
}
#submain .micam-campaign--mi .micam-list__list--end {
    width:31%;
}
#submain .micam-campaign--mi .micam-list__list--end .micam-container {
    padding-bottom:25px;
}


@media only screen and (max-width: 750px) {
    #submain .micam-about {
        border:3px solid #003893;
    }
    #submain .micam-about__ttl {
        padding:5px 10px 10px;
        border-bottom:3px dotted #003893;
    }
    #submain .micam-about__read {
        font-size:85%;
        padding:5px 10px 10px;
    }
    #submain .micam-campaign .micam-list {
        margin-top:-1.1904761%; /* -10/840 */
        margin-left:0;
        margin-bottom:10px;
    }
    #submain .micam-campaign .micam-list__list {
        float:none;
        width:auto;
        margin-top:1.1627906%; /* 10/860 */
        margin-left:0;
    }
    #submain .micam-campaign .micam-list__list:nth-of-type(even) {
        float:none;
    }
    #submain .micam-campaign .micam-list__list .micam-list__ttl__pc {
        display:none;
    }
    #submain .micam-campaign .micam-list__list .micam-list__ttl__sp {
        display:block;
    }
    #submain .micam-campaign .micam-list__list .micam-list__bg {
        width:34.01360544%;/* 100/294 */
        text-align:right;
    }
    #submain .micam-campaign .micam-list__list .micam-list__bg img {
        width:auto;
        max-width:100%;
    }
    #submain .micam-campaign .micam-list__list .micam-list__bg--tk04 {
        width:23.8095238%;/* 70/294 */
    }
    #submain .micam-campaign .micam-list__list .micam-list__btn a img {
        height:15px;
        width:auto;
    }
    #submain .micam-campaign .micam-list__list .micam-item--img__note {
        text-align:left;
    }
    #submain .micam-bigbtn__note {
        text-align:left;
        line-height:1.4;
    }

    /*------------ 終了対応 ------------*/
    #submain .micam-link .end-txt img {
        width:70%;
    }
    #submain .micam-campaign .micam-list__list--end .end-txt img {
        width:70%;
    }
}


@media only screen and (max-width: 640px) {
    #submain .micam-link__tk {
        float:none;
        width:auto;
        margin:0 10px 5.9523809%;/* 50/840 */
    }
    #submain .micam-link__mi {
        float:none;
        width:auto;
        margin:0 10px;
    }
    #submain .micam-campaign .micam-list__list .micam-container {
        padding:4.111842%; /* 25/608 */
    }
    #submain .micam-campaign .micam-list__list .micam-item__ttl {
        font-size:15px;
        margin:0 0 6px;
        padding:0 0 6px;
    }
    #submain .micam-campaign .micam-list__list .micam-item__txt {
        font-size:12px;
    }
    #submain .micam-campaign .micam-list__list .micam-item__list__list {
        font-size:12px;
    }

    /*------------ 横長 ------------*/
    #submain .micam-campaign .micam-list__list--wide .micam-container {
        padding:4.111842%; /* 25/608 */
    }
    #submain .micam-campaign .micam-list__list--wide .micam-item {
        margin-top:7.1428571%; /* 25/548 */
    }
    #submain .micam-campaign .micam-list__list--wide .micam-item:first-child {
        margin-top:0;
    }
    /*------------ エムアイとお得差分 ------------*/
    #submain .micam-campaign--mi .micam-list__list .micam-container {
        padding-bottom:80px;
    }

    /*------------ 終了対応 ------------*/
    #submain .micam-campaign--mi .micam-list__list--end .micam-container {
        padding-bottom:4.111842%; /* 25/608 */
    }
}


@media only screen and (max-width: 480px) {
    #submain .micam-campaign .micam-list__list .micam-container {
        padding:5.482456%; /* 25/456 */
    }
    #submain .micam-campaign .micam-list__list .micam-item {
        margin-top:6.3131313%; /* 25/396 */
    }
    #submain .micam-campaign .micam-list__list .micam-list__btn a {
        width:80%;
    }
    #submain .micam-campaign .micam-list__list .micam-list__btn a img {
        height:13px;
    }
    #submain .micam-campaign .micam-list__list .micam-list__btn__note {
        font-size:10px;
        max-width: none;
        width:80%;
    }
    #submain .micam-campaign .micam-list__list .micam-list__btn__note br {
        display:none;
    }
    #submain .micam-campaign .micam-list__list .micam-item--img__note {
        font-size:10px;
    }

    /*------------ エムアイとお得差分 ------------*/
    #submain .micam-campaign--mi .micam-list__list .micam-container {
        padding-bottom:80px;
    }

    /*------------ 終了対応 ------------*/
    #submain .micam-campaign--mi .micam-list__list--end .micam-container {
        padding-bottom:5.482456%; /* 25/456 */
    }
}



/*================================================================================
    伊勢丹コラボ　ショコラモード 170126
================================================================================*/
#chocolat2017 .btn_detail{
    background-color: #ffffff;
    background-position: 12px center;
    background-repeat: no-repeat;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    display: block;
    float: right;
    font-weight: normal;
    margin-top: 25px;
    padding: 6px 0 6px 20px;
    text-align: center;
    text-decoration: none;
    width: 140px;
    position: relative;
}
#chocolat2017 .btn_detail:before{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:    rgba(255, 204, 0, 0) rgba(255, 204, 0, 0) rgba(255, 204, 0, 0) #DF117D;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    left: 10px;
    top: 30%;
    pointer-events: none;
    position: absolute;
    width: 0;
}
#chocolat2017 .privilege-cont{
    margin: 30px 0;
    background: #F9F5F0;
    overflow: hidden;
}
#chocolat2017 .privilege-cont .cont-ttl{
    border: none;
    margin: 0;
}
#chocolat2017 .privilege-cont .cont-container {
    padding:0 15px 15px;
}
#chocolat2017 .privilege-cont .basic-cont{
    overflow: hidden;
    padding: 10px 0 0;
}
#chocolat2017 .privilege-cont .basic-cont .btn_detail{
    background-color: #DF117D;
    border: none;
    border-radius: 3px;
    display: block;
    float: right;
    font-weight: normal;
    margin-top: 10px;
    padding:10px 15px 10px 30px;
    text-align: center;
    text-decoration: none;
    width: auto;
    position: relative;
    color: #FFF;
    font-size: 110%;
    font-weight: bold;
    float: right;
}
#chocolat2017 .privilege-cont .basic-cont .btn_detail:hover{
    background-color:#F14EA3 ;
}
#chocolat2017 .privilege-cont .basic-cont .btn_detail:before{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFF rgba(255, 204, 0, 0) rgba(255, 204, 0, 0) rgba(255, 204, 0, 0) ;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    left: 10px;
    top: 45%;
    pointer-events: none;
    position: absolute;
    width: 0;
}
#chocolat2017 .privilege-cont .white-cont{
    overflow: hidden;
    background: #FFF;
    margin: 0;
    padding: 15px 15px;
}

/*1番目のコンテンツ-----------------------------------------*/
#chocolat2017 .privilege-cont.privilege-cont_first .white-cont .left{
    width:45%;
    padding: 0;
}
#chocolat2017 .privilege-cont.privilege-cont_first .white-cont .right{
    width:55%;
    padding: 0;
}
@media only screen and (max-width: 500px) {
    #chocolat2017 .privilege-cont.privilege-cont_first .white-cont .left{
        width:100%;
        padding: 0;
    }
    #chocolat2017 .privilege-cont.privilege-cont_first .white-cont .right{
        width:100%;
        padding: 0;
    }
}

/*２番目のコンテンツ-----------------------------------------*/
#chocolat2017 .privilege-cont.privilege-cont_second .white-cont{
    padding: 0;
}
#chocolat2017 .privilege-cont.privilege-cont_second .white-cont .right{
    padding: 0;
}
#chocolat2017 .privilege-cont.privilege-cont_second .white-cont .left{
    padding: 20px;
    line-height: 1.8;
}
#chocolat2017 .privilege-cont.privilege-cont_second .white-cont .left span{
    font-weight: bold;
    font-size: 120%;
}
@media only screen and (max-width: 750px) {
    #chocolat2017 .privilege-cont.privilege-cont_second .white-cont .right{
        padding: 0;
        width: 40%;
    }
    #chocolat2017 .privilege-cont.privilege-cont_second .white-cont .left{
        padding: 2%;
        line-height: 1.8;
        width: 54%;
        font-size: 80%;
    }
    #chocolat2017 .privilege-cont.privilege-cont_second .white-cont .left br{
        display: none;
    }
}
@media only screen and (max-width: 500px) {
    #chocolat2017 .privilege-cont.privilege-cont_second .white-cont .right{
        width: 100%;
        text-align: center;
    }
    #chocolat2017 .privilege-cont.privilege-cont_second .white-cont .right img{
        width: 80%;
        margin: 0 auto;
    }
    #chocolat2017 .privilege-cont.privilege-cont_second .white-cont .left{
        padding: 1%    5% 5%;
        line-height: 1.8;
        width: 90%;
        font-size: 80%;
    }
    #chocolat2017 .privilege-cont.privilege-cont_second .white-cont .left br{
        display: none;
    }
}

/*２番目のコンテンツ 特典-----------------------------------------*/
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont{
    padding: 15px;
}
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont .white-cont{
    margin: 0;
    padding: 15px;
    overflow: hidden;
}
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont .white-cont .left{
    padding: 0;
    float: none;
    width: 100%;
}
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont .white-cont .right{
    padding: 0;
    margin: 0 0 10px 10px;
    width: 58%;
}
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont .white-cont .right img{
    width: 100%;
    height: auto;
}
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont .present-cont__cont{
    overflow: hidden;
    margin-top: 20px;
}
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont .present-cont__cont img{
    width: 100%;
    height: auto;
}
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont .present-cont__cont .left{
    width: 48.88888888%;
    margin-right: 2.22222222%;
}
#chocolat2017 .privilege-cont.privilege-cont_second .present-cont .present-cont__cont .right{
    width: 48.88888888%;
}

@media only screen and (max-width: 750px) {
    #chocolat2017 .privilege-cont.privilege-cont_second .present-cont .white-cont .left br{
        display: block;
    }
}
@media only screen and (max-width: 500px) {
    #chocolat2017 .privilege-cont.privilege-cont_second .present-cont .white-cont .right{
        padding: 0;
        margin: 0 0 10px 0;
        width: 100%;
    }
}
@media only screen and (max-width: 420px) {
    #chocolat2017 .privilege-cont.privilege-cont_second .present-cont .white-cont .right{
        padding: 0;
        margin: 0 0 10px 0;
        width: 100%;
    }
    #chocolat2017 .privilege-cont.privilege-cont_second .present-cont .present-cont__cont .left{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #chocolat2017 .privilege-cont.privilege-cont_second .present-cont .present-cont__cont .right{
        width: 100%;
    }
}

#chocolat2017 .description-cont .cont-ttl{
    border: none;
    margin: 0;
    color: #FFF;
    font-size: 130%;
    background: #0C88E4;
    padding: 10px;
    margin-bottom: 15px;
}

/*-----------------------------------------*/
#chocolat2017 .sp_none{
    display: block;
}
#chocolat2017 .pc_none{
    display: none;
}

@media only screen and (max-width: 500px) {
    #chocolat2017 .sp_none{
        display: none;
    }
    #chocolat2017 .pc_none{
        display: block;
    }
}



/*================================================================================
    取扱店舗を探す
================================================================================*/

/*--------------------共通--------------------*/

/* リセット */
#shop img {
    max-width:100%;
    height:auto;
}
#shop ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
/*#shop a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}*/
#shop .sp_none{
    display: block;
}
#shop .pc_none{
    display: none;
}
@media only screen and (max-width: 640px) {
    #shop .sp_none{
        display: none;
    }
    #shop .pc_none{
        display: block;
    }
}


/* 取扱店タイトル */
#submain #pagetit.shoptit h1 {
    background-color: #4C3E39;
}

@media only screen and (max-width: 750px) {
    #submain #pagetit.shoptit h1 {
        background-color: #4C3E39;
        border: none;
        color: #FFF;
        padding: 10px 0 10px 15px;
        border-radius: 3px;
    }
}


/* 取扱店紹介タイトル */
#submain #pagetit.shopname {
    background-color: #4C3E39;
    padding: 14px 15px;
    margin: 0 0 25px;
    border-radius: 5px;
}
#submain #pagetit.shopname h1 {
    background-color: transparent;
    font-size: 100%;
    color: #fff;
    padding: 0;
    margin: 0 0 5px;
}
#submain #pagetit.shopname h1 span {
    line-height: 1.2;
    display: block;
}
#submain #pagetit.shopname h1 .shopname-small {
    font-size: 68.75%;
    margin: 0 0 4px;
}
#submain #pagetit.shopname h1 .shopname-large {
    font-size: 150%;
}
#submain #pagetit.shopname .shopname-category span {
    display: inline-block;
    background: #E3D5CB;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 3px;
}

@media only screen and (max-width: 750px) {
    #submain #pagetit.shopname {
        padding: 3.89610389610389%;
    }
    #submain #pagetit.shopname h1 {
        border: none;
        margin-bottom: 10px;
    }
    #submain #pagetit.shopname h1 span {
        line-height: 1.4;
    }
    #submain #pagetit.shopname h1 .shopname-large {
        font-size: 125%;
    }
    #submain #pagetit.shopname h1 .shopname-small {
        margin-bottom: 5px;
        font-size: 10px;
    }
    #submain #pagetit.shopname .shopname-category span {
        display: block;
        text-align: center;
        font-size: 10px;
    }
    #submain #pagetit.shopname .shopname-category span + span {
        margin-top: 5px;
    }
}


/* キャンペーン詳細タイトル */
#submain #pagetit.campname {
    display: none !important;
}


/* セクション */
#shop .shop-section {
    margin:30px 0 0;
}
#shop .shop-section__outer {
    overflow: hidden;
    margin-top: 30px;
}
#shop .shop-section__outer > *{
    margin-top: 0;
}
#shop .shop-section__ttl {
    line-height:47px;
    font-size:125%;
    color:#4C3E39;
    background: #D9C6B7;
    padding:0 15px;
    margin:0;
    border-bottom:3px solid #4C3E39;
}
#shop .shop-section__inner {
    padding: 20px 25px;
    background: #F6F2EE;
}
#shop .shop-section__table {
    border: none;
}
#shop .shop-section__table th {
    background: #B82E3B;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    border-bottom: 2px solid #F6F2EE;
    border-left:none;
    width:25%;
    padding: 8px 0;
}
#shop .shop-section__table td {
    background: #FFF;
    text-align: left;
    vertical-align: middle;
    border-bottom: 2px solid #F6F2EE;
    border-left: 2px solid #F6F2EE;
}

@media only screen and (max-width: 750px) {
    #shop .shop-section__inner {
        padding: 10px;
    }
}


/* 店舗一覧 */
#shop .shop-list {
    overflow:hidden;
    margin:-10px 0 0 -10px;
    padding:0;
    position:relative;
}
#shop .shop-list__list {
    float:left;
    background:#FFF;
    padding:0;
    width:390px;
    list-style-type:none;
    margin:10px 0 0 10px;
    position:relative;
}
#shop .shop-list__list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    bottom: 10px;
    border-style: solid;
    border-width: 0px 0px 15px 15px;
    border-color: transparent transparent #B82E3B;
}
#shop .shop-list__list:hover {
    opacity: 0.75;
}
#shop .shop-list__list__inner {
    display: table;
    overflow: hidden;
    padding: 10px;
    border-right: 1px solid #E3D5CB;
    border-bottom: 1px solid #E3D5CB;
}
#shop .shop-list__list .shop-thum {
    display: table-cell;
    vertical-align: top;
    width: 100px;
    overflow:hidden;
}
#shop .shop-list__list .shop-thum img {
    width:133.333333333333%;
    max-width: none;
    height:auto;
    margin-left: -12.5%;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    -ms-transition: 1.0s;
    -o-transition: 1.0;
    transition: 1.0s;
}
#shop .shop-list__list .shop-detail {
    display: table-cell;
    vertical-align: top;
    padding:0 0 0 10px;
    width: 259px;
    position: relative;
}
#shop .shop-list__list .shop-data {
    position: absolute;
    left: 10px;
    bottom: 0;
}
#shop .shop-list__list .shop-data span {
    display:block;
    color:#333;
    font-size:85%;
    line-height: 1.2;
}
#shop .shop-list__list .shop-data span + span {
    margin-top: 5px;
}
#shop .shop-list__list .shop-address {
}
#shop .shop-list__list .shop-genre {
}
#shop .shop-list__list .shop-name {
    color: #B82E3B;
    display:block;
    margin:0;
    line-height:1.4;
    font-size:114%;
}


#shop .shop-list__list a {
    text-decoration:none;
}
/*#shop .shop-list__list a:hover {
    opacity: 0.8;
}*/
/*#shop .shop-list__list a:hover .shop-thum img {
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}*/

@media only screen and (max-width: 750px) {
    #shop .shop-list {
        margin:-10px 0 0;
    }
    #shop .shop-list__list {
        float:none;
        width:100%;
        margin:10px 0 0;
    }
    #shop .shop-list__list__inner {
        width: 100%;
    }
    #shop .shop-list__list .shop-thum {
        max-width: 150px;
    }
    #shop .shop-list__list .shop-detail {
        width: auto;
    }
    #shop .shop-list__list .shop-name {
        font-size:100%;
    }
}
@media only screen and (max-width: 400px) {
    #shop .shop-list__list .shop-data span {
        font-size:71%;
    }
    #shop .shop-list__list .shop-data span + span {
        margin-top: 3px;
    }
}


/* 検索数表示 */
#shop .result-area {
    overflow:hidden;
    margin:30px 0 0;
}
#shop .result-area .result-number {
    float:left;
    font-size:85%;
}
#shop .result-area .result-number span {
    font-size:167%;
    font-weight:bold;
    margin:0 5px;
}


/* 検索ページャー */
#shop .result-pager {
    text-align: right;
}
#shop .result-pager__move {
    display: inline-block;
    width: 60px;
    line-height: 30px;
    color: #FFF;
    background: #CCC;
    margin: 0;
    padding:0;
    border-radius:5px;
    overflow:hidden;
    vertical-align: middle;
}
#shop .result-pager__move a {
    display: block;
    text-align: center;
    background: #4C3E39;
    color: #FFF;
    text-decoration:none;
}
#shop .result-pager__move a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#shop .result-pager__move.move-prev {
    margin: 0 5px 0 0;
}
#shop .result-pager__move.move-prev a:before {
    content: "";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5em;
}
#shop .result-pager__move.move-next {
    margin: 0 0 0 5px;
}
#shop .result-pager__move.move-next a:after {
    content: "";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.5em;
}
#shop .result-pager span {
    display: inline-block;
    color:#4C3E39;
}
#shop .result-pager span a {
    display: block;
    border: 1px solid #4C3E39;
    width: 22px;
    line-height: 22px;
    font-size:75%;
    text-align: center;
    color: #4C3E39;
    text-decoration:none;
    border-radius:3px;
}
#shop .result-pager span.current a,
#shop .result-pager span a:hover {
    background: #4C3E39;
    color: #FFF;
}
#shop .result-pager--bottom {
    margin:20px 0 0;
}

@media only screen and (max-width: 640px) {
    #shop .result-area {
        margin-top:15px;
    }
    #shop .result-area .result-number {
        float:none;
        text-align:center;
    }
    #shop .result-pager {
        float:none;
        text-align:center;
        margin:15px 0 0;
    }
    #shop .result-pager__move {
        width: 50px;
    }
    #shop .result-pager__move.move-prev {
        margin: 0 3px 0 0;
    }
    #shop .result-pager__move.move-next {
        margin: 0 0 0 3px;
    }
    #shop .result-pager__move a {
        font-size:85%;
    }
    #shop .result-pager span {
        margin:0 -1px;
    }
}


/* もっと見るテキスト */
#shop .more-txt {
    text-align: right;
    font-weight: bold;
    margin-top: 15px;
    padding: 0;
}
#shop .more-txt a {
    color:#4C3E39;
    text-decoration: none;
}
#shop .more-txt a:hover {
    color:#4C3E39;
}
#shop .more-txt a:after {
    content: "\f101";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.5em;
}


/* 戻るボタン */
#shop .back-btn {
    text-align: center;
    margin: 20px auto 0;
    clear: both;
}
#shop .back-btn a {
    display: inline-block;
    background: #4C3E39;
    color:#FFF;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    border-radius: 3px;
    text-decoration: none;
    width: 240px;
    font-size:14px;
    margin: 5px;
}
#shop .back-btn a:before {
    content: "\f100";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5em;
}
#shop .back-btn a:hover {
    color: #FFF;
    opacity: 0.8;
    filter: alpha(opacity=80);
}


/* 横長バナーボタン */
#shop .wide-bnr {
    padding: 0;
    margin: 30px 0 0;
}


/* ボタン */
#shop .shop-btn {
    overflow: hidden;
    padding:0;
    margin:0;
}
#shop .shop-btn li {
    float: left;
    text-align:center;
}
#shop .shop-btn li.btn-exchange {
    float: left;
}
#shop .shop-btn li.btn-buy {
    float: right;
}


/* テーブル */
#shop .info-detail {
    border-spacing: 2px;
    border-collapse: separate;
    border:none;
    line-height:1.6;
    margin:30px 0 0;
}
#shop .info-detail th {
    background:#E3D5CB;
    text-align:center;
    vertical-align: middle;
    padding:10px 0;
    border:none;
    width:170px;
    font-size:100%;
    color:#4C3E39;
    line-height:1.2;
}
#shop .info-detail td {
    padding:10px;
    border:1px solid #E3D5CB;
    vertical-align: middle;
}
#shop .info-detail td a {
    color:#B82C39;
}

@media only screen and (max-width: 750px) {
}

@media only screen and (max-width: 640px) {
    #shop .info-detail {
        width: 100%;
        border-spacing: 0;
    }
    #shop .info-detail th {
        width:auto;
        display:block;
        padding:8px;
        margin:0;
        font-size:100%;
        text-align: left;
    }
    #shop .info-detail th br {
        display: none;
    }
    #shop .info-detail td {
        width:auto;
        display:block;
        padding:10px;
        margin:0;
    }
}


/* 終了テキスト */
#shop .end-txt {
    color: #E50011;
    padding: 4%;
    border: 3px solid #E50011;
    margin: 0 0 5%;
    font-size: 20px;
    font-weight: bold;
    text-align:center;
}


/* スマホのみ */
@media only screen and (max-width: 750px) {
    #shop * {
        box-sizing:border-box;
    }
}



/*----------------------取扱店舗TOP------------------*/

/* 検索エリア */
#shop.shop-top a {
    color: #B82C39;
}
#shop.shop-top .shop-search {
    overflow:hidden;
    background:#EEE url(../images/shoplist/slant_bg.gif);
}
#shop.shop-top .shop-search__select {
    float:left;
    padding:20px;
    margin:0;
}
#shop.shop-top .shop-search__select li {
    float:left;
    margin:0 0 0 10px;
    padding:0;
    list-style-type:none;
}
#shop.shop-top .shop-search__select li:first-child {
    margin-left:0;
}
#shop.shop-top .shop-search__select li select {
    height:36px;
    padding:0 5px;
    border-radius:3px;
    border:1px solid #999;
}
#shop.shop-top .shop-search__select li select.select-area {
    width:120px;
}
#shop.shop-top .shop-search__select li select.select-genre {
    width:180px;
}
#shop.shop-top .shop-search__select li input {
    height:34px;
    padding:0 5px;
    border-radius:3px;
    border:1px solid #999;
}
#shop.shop-top .shop-search__select li input.select-free {
    width:258px;
}
#shop.shop-top .shop-search__btn {
    display:table;
    float:right;
    width:76px;
}
#shop.shop-top .shop-search__btn button {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    background:#B82E3B;
    color:#FFF;
    font-weight:bold;
    border:none;
    width: 100%;
    height: 76px;
    padding:0;
    font-size:93.75%;
}
#shop.shop-top .shop-search__btn button:before {
    content: "\f002";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display:block;
    font-size:175%;
    margin-bottom: .05em;
}
#shop.shop-top .shop-search__btn button:hover {
    background:#C4545D;
}
#shop.shop-top .more-txt a {
    color: #4C3E39;
}

@media only screen and (max-width: 750px) {
    #shop.shop-top .shop-search__ttl {
        font-size:100%;
        width:120px;
        line-height:35px;
    }
    #shop.shop-top .shop-search__ttl:after {
        border-width: 35px 0 0px 20px;
    }
    #shop.shop-top .shop-search {
        padding:15px;
    }
    #shop.shop-top .shop-search__select {
        float:none;
        width:auto;
        padding:0;
        margin:0 0 20px;
    }
    #shop.shop-top .shop-search__select li {
        float:none;
        margin:10px 0 0;
    }
    #shop.shop-top .shop-search__select li:first-child {
        margin-top:0;
    }
    #shop.shop-top .shop-search__select li select ,
    #shop.shop-top .shop-search__select li input {
        width:100% !important;
        height:40px;
    }
    #shop.shop-top .shop-search__btn {
        display:block;
        float:none;
        width:80%;
        margin:0 auto;
    }
    #shop.shop-top .shop-search__btn button {
        display:block;
        height: auto;
        line-height:50px;
        border-radius:3px;
        font-size:100%;
    }
    #shop.shop-top .shop-search__btn button:before {
        display:inline-block;
        margin:0 0.2em 0 0;
        font-size:100%;
    }
}


/* その他 */
#shop.shop-top .shop-fb {
    float:right;
    width:400px;
}
#shop.shop-top .shop-section--about {
    float:left;
    width:400px;
}
#shop.shop-top .shop-section--about .shop-section__inner {
    height: 310px;
}
#shop.shop-top .shop-btn li {
    width:170px;
    padding: 0;
}
#shop.shop-top .shop-btn li a {
}

@media only screen and (max-width: 750px) {
    #shop.shop-top .shop-fb {
        float:none;
        width:auto;
    }
    #shop.shop-top .shop-section--about {
        float:none;
        width:auto;
        margin:0;
    }
    #shop.shop-top .shop-section--about .shop-section__inner {
        height: auto;
    }
    #shop.shop-top .shop-btn {
        text-align: center;
    }
    #shop.shop-top .shop-btn li {
        float: none !important;
        display: inline-block;
    }
}
@media only screen and (max-width: 480px) {
    #shop.shop-top .shop-btn li {
        width: 130px;
    }
}



/*---------------------検索結果-------------------*/

/* 条件追加 */
#shop.shop--result .search-add {
    border:1px solid #CCC;
    padding:20px 30px;
}
#shop.shop--result .search-add__state {
    margin:0;
    font-size:14px;
}
#shop.shop--result .search-add__state dt {
    float:left;
    width:100px;
    text-align:right;
    clear:both;
}
#shop.shop--result .search-add__state dt:after {
    content:"：";
    margin: 0 5px;
}
#shop.shop--result .search-add__state dd {
    margin:0;
    padding: 0 0 10px 100px;
}
#shop.shop--result .search-add__state dd:last-child {
    padding-bottom:0;
}
#shop.shop--result .search-add__btn {
    margin:20px 0 0;
    background:#FFF;
    border:1px solid #4C3E39;
    border-radius: 3px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#shop.shop--result .search-add__btn.open,
#shop.shop--result .search-add__btn:hover {
    background: #E3D5CB;
    border: 1px solid #E3D5CB;
}
#shop.shop--result .search-add__btn a {
    text-decoration:none;
    display:block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#shop.shop--result .search-add__btn #addbtn {
    color:#4C3E39;
    font-weight:bold;
    text-align:center;
    line-height:50px;
}
/*#shop.shop--result .search-add__btn.open #addbtn,
#shop.shop--result .search-add__btn:hover #addbtn {
    color:#FFF;
}*/
#shop.shop--result .search-add__btn #addbtn:before {
    content: "\f067";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5em;
}
#shop.shop--result .search-add__btn.open #addbtn:before {
    content: "\f068";
}
#shop.shop--result .search-add__btn #addbox {
    padding:0 30px 25px;
    display:none;
    font-size:14px;
}
#shop.shop--result .search-add__btn #addbox strong {
    display:block;
    background:#F6F2EE;
    margin:5px 0 0;
    line-height:45px;
}
#shop.shop--result .search-add__btn #addbox strong a {
    padding:0 15px;
}
#shop.shop--result .search-add__btn #addbox strong a:before {
    content: "\f0fe";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5em;
}
#shop.shop--result .search-add__btn #addbox strong a:hover {
    color:#4C3E39;
    background:#FFF;
}
#shop.shop--result .search-add__btn #addbox strong a.open {
    color:#FFF;
    background:#4C3E39;
}
#shop.shop--result .search-add__btn #addbox strong a.open:before {
    content: "\f146";
}
#shop.shop--result .search-add__btn #addbox input {
    margin-right:4px;
}
#shop.shop--result .search-add__btn #areabox {
    background:#FFF;
    margin-top:2px;
}
#shop.shop--result .search-add__btn #genrebox {
    background:#FFF;
    margin-top:2px;
}
#shop.shop--result .search-add__btn #genrebox ul li {
    width: 25%;
}

@media only screen and (max-width: 750px) {
    #shop.shop--result .search-add {
        padding:3%;
    }
    #shop.shop--result .search-add__state {
    }
    #shop.shop--result .search-add__state dt {
        float:none;
        width:auto;
        text-align:left;
        font-weight:bold;
    }
    #shop.shop--result .search-add__state dt:after {
        content:"";
        margin: 0;
    }
    #shop.shop--result .search-add__state dd {
        padding: 0 0 10px 20px;
        font-size:85%;
    }
    #shop.shop--result .search-add__state dd:last-child {
        padding-bottom:0;
    }
    #shop.shop--result .search-add__btn {
        margin-top:3%;
    }
    #shop.shop--result .search-add__btn #addbox {
        padding:0 3% 3%;
    }
    #shop.shop--result .search-add__btn #genrebox ul li {
        width: 50%;
    }
}


/* 検索数表示 */
#shop.shop--result .result-area .result-number span {
    color:#B82D3A;
}


/* 検索結果一覧 */
#shop.shop--result .shop-result {
    overflow:hidden;
    margin:5px 0 0 -10px;
    padding:0;
    position:relative;
}
#shop.shop--result .shop-result__list {
    float:left;
    background:#F6F2EE;
    width:414px;
    list-style-type:none;
    margin:10px 0 0 10px;
    position:relative;
    border-right: 1px solid #E3D5CB;
    border-bottom: 1px solid #E3D5CB;
    padding: 0;
}
#shop.shop--result .shop-result__list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 8px;
    bottom: 8px;
    border-style: solid;
    border-width: 0px 0px 16px 16px;
    border-color: transparent transparent #B82E3B;
}
#shop.shop--result .shop-result__list:hover {
    opacity: 0.75;
}
#shop.shop--result .shop-result__list a {
    display: block;
    padding:15px;
}
#shop.shop--result .shop-result__list__inner {
    display: table;
    overflow: hidden;
}
#shop.shop--result .shop-result__list .shop-thum {
    display: table-cell;
    vertical-align: top;
    width: 120px;
    overflow: hidden;
}
#shop.shop--result .shop-result__list .shop-thum img {
    width: 133.333333333333%;
    max-width: none;
    height: auto;
    max-width:none;
    margin-left: -16.6666666666667%;
}
#shop.shop--result .shop-result__list .shop-detail {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 15px;
    width: 249px;
    position: relative;
}
#shop.shop--result .shop-result__list .special-icon {
    position: absolute;
    left: 0;
    top: 0;
}
#shop.shop--result .shop-result__list .shop-name {
    display:block;
    margin:0 0 15px;
    line-height:1.4;
    font-size:114%;
    font-weight:bold;
    color:#B82E3B;
}
#shop.shop--result .shop-result__list .special-icon + .shop-name {
    margin-left: 30px;
}
#shop.shop--result .shop-result__list .shop-read {
    padding:0;
}
#shop.shop--result .shop-result__list .shop-data {
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 100%;
    border-top: 1px dashed #4C3E39;
    padding: 10px 0 0;
}
#shop.shop--result .shop-result__list .shop-data span {
    display: block;
    color: #333;
    font-size: 85%;
    line-height: 1.2;
}
#shop.shop--result .shop-result__list .shop-data span + span {
    margin-top: 5px;
}
#shop.shop--result .shop-result__list a {
    text-decoration:none;
}
#shop.shop--result .shop-result__list a:hover {
    color:inherit;
}
/*#shop.shop--result .shop-result__list a:hover .shop-thum img {
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}*/

@media only screen and (max-width: 750px) {
    #shop.shop--result .shop-result {
        margin:0;
    }
    #shop.shop--result .shop-result__list {
        width:100%;
        float:none;
        margin:2% 0 0%;
    }
    #shop.shop--result .shop-result__list__inner {
        width: 100%;
    }
    #shop.shop--result .shop-result__list:nth-of-type(odd) {
        margin-left:0;
    }
    #shop.shop--result .shop-result__list .shop-thum img {
        width:133.333334%;
    }
    #shop.shop--result .shop-result__list .shop-detail {
        width:auto;
    }
}

@media only screen and (max-width: 400px) {
    #shop.shop--result .shop-result__list a {
        padding: 10px;
    }
    #shop.shop--result .shop-result__list .shop-name {
        margin-bottom: 10px;
        font-size: 100%;
    }
    #shop.shop--result .shop-result__list .special-icon {
        width: 40px;
    }
    #shop.shop--result .shop-result__list .shop-thum {
        width: 100px;
    }
    #shop.shop--result .shop-result__list .shop-detail {
        padding: 0 0 0 10px;
    }
    #shop.shop--result .shop-result__list .shop-read {
        font-size:12px;
        line-height:1.4;
    }
    #shop.shop--result .shop-result__list .shop-data {
        left: 10px;
    }
    #shop.shop--result .shop-result__list .shop-data span {
        font-size:71%;
    }
    #shop.shop--result .shop-result__list .shop-data span + span {
        margin-top: 3px;
    }
}



/*---------------------取扱店紹介-------------------*/

/* 店舗マップ */
#shop.shop--detail .shop-map {
    background: #F6F2EE;
    padding: 15px;
    margin: 30px 0 0;
}
#shop.shop--detail .shop-map__inner {
    background: #FFF;
    padding: 5px;
}

@media only screen and (max-width: 750px) {
    #shop.shop--detail .shop-map iframe {
        height: 300px;
    }
}


/* 店舗画像・テキスト */
#shop.shop--detail .shop-info {
    overflow:hidden;
    margin:20px 0 0;
}
#shop.shop--detail .shop-info #shopphotoarea {
    width: 450px;
    margin: 0;
}
#shop.shop--detail .shop-info #shopphotoarea ul {
    margin-top: 1.33333333333333%;
}
#shop.shop--detail .shop-info #shopphotoarea ul li {
    padding: 0;
    width: 24%;
    margin-left: 1.33333333333333%;
}
#shop.shop--detail .shop-info #shopphotoarea ul li:first-child {
    margin-left: 0;
}
#shop.shop--detail .shop-info #shopphotoarea ul li img {
    width: 100%;
}
#shop.shop--detail .shop-info__read {
    float:right;
    width:370px;
    line-height:1.8;
}
#shop.shop--detail .shop-info__read .copy-txt {
    background:#B82E3B;
    color:#FFF;
    font-size:100%;
    font-weight:bold;
    padding: 15px 20px;
    position: relative;
    border-radius: 5px;
    margin: 0 0 20px;
}
#shop.shop--detail .shop-info__read .copy-txt:after {
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-color: #B82E3B transparent transparent transparent;
    border-width: 15px 10px;
    border-style: solid;
}

@media only screen and (max-width: 750px) {
    #shop.shop--detail .shop-info #shopphotoarea {
        width: 100%;
    }
    #shop.shop--detail .shop-info__read {
        float:none;
        width:100%;
        margin-top: 6.25%;
    }
}


/* 情報 */
#shop.shop--detail .info-area {
    margin: 30px 0 0;
}
#shop.shop--detail .info-area__ttl {
    padding:5px 10px;
    margin:0;
    background:#CCC;
    color:#FFF;
}
#shop.shop--detail .info-area__container {
    border: 2px solid #ccc;
    border-top: none;
    padding: 18px;
}
@media only screen and (max-width: 750px) {
    #shop.shop--detail .info-area {
        margin-top:6.25%;
    }
    #shop.shop--detail .info-area__container {
        padding: 13px;
    }
}


/* お得情報 */
#shop.shop--detail .info-area--event .info-area__ttl {
    background: #65B698;
}
#shop.shop--detail .info-area--event .info-area__container {
    border-color:#65B698;
}
#shop.shop--detail .info-area--event .event-list__list {
    padding: 0;
    width: 100%;
    display: table;
}
#shop.shop--detail .info-area--event .event-list__thum {
    display: table-cell;
    vertical-align: top;
    width: 100px;
}
#shop.shop--detail .info-area--event .event-list__txtarea {
    display: table-cell;
    vertical-align: top;
    padding: 0 15px;
}
#shop.shop--detail .info-area--event .go_dt_btn {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    padding: 0;
}
#shop.shop--detail .info-area--event .go_dt_btn a {
    padding: 15px 0 15px 8px;
    line-height: 1.6;
    font-size: 16px;
    text-align: center;
    background-color: #65B698;
    background-size: 8px auto;
    background-position: 10px center;
}
#shop.shop--detail .info-area--event .go_dt_btn a:hover {
    background-color: #448269;
}
#shop.shop--detail .info-area--event .event-list__txtarea .event-ttl {
    border-bottom: 1px dotted #65B698;
    margin: 0 0 8px;
    padding: 0 0 8px;
    font-size: 18px;
    line-height: 1.4;
}
#shop.shop--detail .info-area--event .event-list__txtarea .event-ttl a {
    text-decoration: none;
    font-weight:bold;
    color:#65B698;
}
#shop.shop--detail .info-area--event .event-list__txtarea .event-read {
    padding: 0;
}

@media only screen and (max-width: 750px) {
    #shop.shop--detail .info-area--event .event-list__txtarea .event-ttl {
        font-size: 16px;
    }
    #shop.shop--detail .info-area--event .go_dt_btn {
        width: 90px;
    }
}
@media only screen and (max-width: 640px) {
    #shop.shop--detail .info-area--event .event-list__thum {
        width: auto;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    #shop.shop--detail .info-area--event .event-list__thum img {
        width: auto;
    }
    #shop.shop--detail .info-area--event .event-list__txtarea {
        display: block;
        padding: 0;
    }
    #shop.shop--detail .info-area--event .event-list__txtarea .event-read {
        width: auto;
        float: none;
    }
    #shop.shop--detail .info-area--event .go_dt_btn {
        width: 60%;
        display: block;
        margin: 10px auto 0;
    }
    #shop.shop--detail .info-area--event .go_dt_btn a {
        font-size: 14px;
        padding: 10px 0 10px 8px;
        background-size: 6px auto;
    }
    #shop.shop--detail .info-area--event .go_dt_btn a br {
        display: none;
    }
}


/* Facebook投稿一覧 */
#shop.shop--detail .info-area--fb {
}
#shop.shop--detail .info-area--fb .info-area__ttl {
    background: #4C3E39;
}
#shop.shop--detail .info-area--fb .info-area__container {
    border-color: #4C3E39;
}
#shop.shop--detail .info-area--fb .fb-list li {
    font-size:85%;
}
#shop.shop--detail .info-area--fb .fb-list li a {
    font-weight:bold;
    color:#B82E3B;
    font-size:14px;
}
#shop.shop--detail .info-area--fb .fb-list li time {
    margin-right: 10px;
}

@media only screen and (max-width: 640px) {
    #shop.shop--detail .info-area--fb .fb-list li {
        font-size:85%;
    }
    #shop.shop--detail .info-area--fb .fb-list li a {
        font-size:100%;
    }
}

@media only screen and (max-width: 480px) {
    #shop.shop--detail .info-area--fb .fb-list li {
        padding:10px 0 0;
    }
    #shop.shop--detail .info-area--fb .fb-list li:first-child {
        padding-top:0;
    }
    #shop.shop--detail .info-area--fb .fb-list li time {
        display:block;
    }
}


/* その他情報 */
#shop.shop--detail .info-other {
    background: #F6F2EE;
    padding: 20px 30px;
    margin: 30px 0 0;
}
#shop.shop--detail .info-other__ttl {
    color: #4C3E39;
    font-size: 18px;
    padding: 0 0 15px;
    border-bottom: 3px solid #4C3E39;
    margin: 0 0 20px;
}
#shop.shop--detail .info-other__inner {
    overflow: hidden;
}
#shop.shop--detail .info-other .shop-section__txt {
    float: left;
    width: 210px;
    padding: 0;
}
#shop.shop--detail .info-other .shop-section__table {
    float: left;
    width:320px;
    margin: 0 0 0 20px;
    font-size: 12px;
}
#shop.shop--detail .info-other .shop-btn {
    float: left;
    width: 170px;
    border-left: 1px dotted #4C3E39;
    margin-left: 29px;
    padding-left: 30px;
}
#shop.shop--detail .info-other .shop-btn li {
    float: none;
    width: 170px;
    padding: 0;
}
#shop.shop--detail .info-other .shop-btn li a {
    width: 100%;
    padding: 0;
}
#shop.shop--detail .info-other .shop-btn li.btn-buy {
    margin: 10px 0 0;
}

@media only screen and (max-width: 750px) {
    #shop.shop--detail .info-other {
        padding: 3.5% 4%;
    }
    #shop.shop--detail .info-other .shop-section__txt {
        width: 40%;
        padding: 0;
    }
    #shop.shop--detail .info-other .shop-section__table {
        width:58%;
        margin: 0 0 0 2%;
    }
    #shop.shop--detail .info-other .shop-btn {
        float: none;
        width: auto;
        text-align: center;
        padding: 0;
        margin: 0;
        border: none;
        clear: both;
    }
    #shop.shop--detail .info-other .shop-btn li {
        display: inline-block;
        margin: 0 10px;
    }
}

@media only screen and (max-width: 480px) {
    #shop.shop--detail .info-other__ttl {
        font-size: 16px;
        padding: 0 0 10px;
        border-bottom: 2px solid #4C3E39;
        margin: 0 0 15px;
    }
    #shop.shop--detail .info-other .shop-section__txt {
        width: 100%;
        float: none;

    }
    #shop.shop--detail .info-other .shop-section__table {
        width: 100%;
        float: none;
        margin: 15px 0 0;
    }
    #shop.shop--detail .info-other .shop-btn li {
        width: 120px;
    }
}



/*---------------------イベント詳細-------------------*/

/* 固定ページ用ベース */
#shop.shop--event h2 {
    border-bottom: none;
    border-left: 5px solid #5FAEB3;
    padding: 3px 10px;
    font-size: 137.5%;
    margin:0 0 5px;
}
#shop.shop--event h3 {
    margin:15px 0 5px;
    font-size: 125%;
    color:#5FAEB3;
}
#shop.shop--event h4 {
    margin:15px 0 5px;
    font-size: 114%;
}

#shop.shop--event p {
    padding:8px 0;
}
#shop.shop--event strong {
}
#shop.shop--event ul,
#shop.shop--event ol {
    padding:8px 0;
    list-style-type:disc;
}
#shop.shop--event ul li,
#shop.shop--event ol li {
    margin-left:1em;
}

@media only screen and (max-width: 640px) {
    #shop.shop--event h2 {
        border-left: 5px solid #5FAEB3;
        padding: 3px 10px;
        font-size: 125%;
        margin:0 0 5px;
    }
    #shop.shop--event h3 {
        margin:15px 0 5px;
        font-size: 114%;
        color:#5FAEB3;
    }
    #shop.shop--event h4 {
        margin:15px 0 5px;
        font-size: 100%;
    }
}


/*---------------------キャンペーン一覧-------------------*/

/* 検索数表示 */
#shop.shop--camplist .result-area .result-number span {
    color:#65B698;
}


#shop.shop--camplist .camp-list {
    overflow:hidden;
    margin:5px 0 0 -10px;
    padding:0;
    position:relative;
}
#shop.shop--camplist .camp-list__list {
    float:left;
    background:#F6F2EE;
    width:414px;
    list-style-type:none;
    margin:10px 0 0 10px;
    position:relative;
    border-right: 1px solid #E3D5CB;
    border-bottom: 1px solid #E3D5CB;
    padding: 0;
}
#shop.shop--camplist .camp-list__list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 8px;
    bottom: 8px;
    border-style: solid;
    border-width: 0px 0px 16px 16px;
    border-color: transparent transparent #65B698;
}
#shop.shop--camplist .camp-list__list a {
    display: block;
    padding:15px;
}
#shop.shop--camplist .camp-list__list__inner {
    display: table;
    overflow: hidden;
}
#shop.shop--camplist .camp-list__list .camp-thum {
    display: table-cell;
    vertical-align: top;
    width: 120px;
    padding: 5px;
    background: #FFF;
    border-right: 1px solid #E3D5CB;
    border-bottom: 1px solid #E3D5CB;
}
#shop.shop--camplist .camp-list__list .camp-thum__inner {
    background: #FFF;
    overflow: hidden;
}
#shop.shop--camplist .camp-list__list .camp-thum img {
    width: 133.333333333333%;
    max-width: none;
    height: auto;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    -ms-transition: 1.0s;
    -o-transition: 1.0s;
    transition: 1.0s;
    max-width:none;
    margin-left: -12.5%;
}
#shop.shop--camplist .camp-list__list .camp-ttl {
    display: table-cell;
    vertical-align: middle;
    line-height:1.4;
    font-size:114%;
    font-weight:bold;
    color:#65B698;
    padding: 0 0 0 15px;
}
#shop.shop--camplist .camp-list__list a {
    text-decoration:none;
}
#shop.shop--camplist .camp-list__list a:hover {
    color:inherit;
}
#shop.shop--camplist .camp-list__list a:hover .camp-thum img {
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
}

@media only screen and (max-width: 750px) {
    #shop.shop--camplist .camp-list {
        margin:0;
    }
    #shop.shop--camplist .camp-list__list {
        width:100%;
        float:none;
        margin:2% 0 0%;
    }
    #shop.shop--camplist .camp-list__list__inner {
        width: 100%;
    }
    #shop.shop--camplist .camp-list__list:nth-of-type(odd) {
        margin-left:0;
    }
    #shop.shop--camplist .camp-list__list .shop-thum img {
        width:133.333334%;
    }
}

@media only screen and (max-width: 400px) {
    #shop.shop--camplist .camp-list__list a {
        padding: 10px;
    }
    #shop.shop--camplist .camp-list__list .camp-ttl {
        font-size: 100%;
        padding-left: 10px;
    }
    #shop.shop--camplist .camp-list__list .camp-thum {
        width: 100px;
    }
}


/*---------------------キャンペーン詳細-------------------*/

/* テーブル */


/* 店舗画像・テキスト */
#shop.shop--campaign .camp-ttl {
    background-color: #65B698;
    font-size: 22px;
    color: #fff;
    padding: 10px 0 10px 15px;
    margin: 0;
    border-radius: 5px 5px 0 0;
}
#shop.shop--campaign .shop-camp {
    background: #F7F4EE;
    padding: 20px;
    border: 3px solid #E3D5CB;
    border-top: none;
}
#shop.shop--campaign .shop-camp__inner {
    display: table;
    width: 100%;
}
#shop.shop--campaign .shop-camp__thum {
    display: table-cell;
    vertical-align: top;
    width:251px;
}
#shop.shop--campaign .shop-camp__thum__inner {
    background: #FFF;
    padding: 5px;
    border-right:1px solid #E3D5CB;
    border-bottom:1px solid #E3D5CB;
}
#shop.shop--campaign .shop-camp__read {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 20px;
}
#shop.shop--campaign .shop-camp__read p {
    font-size: 112.5%;
    padding: 0;
    margin: 10px 0;
}
#shop.shop--campaign .shop-camp__read p strong {
    font-size: 122.2222222%;
}

@media only screen and (max-width: 750px) {
    #shop.shop--campaign .camp-ttl {
        font-size: 20px;
    }
}
@media only screen and (max-width: 640px) {
    #shop.shop--campaign .shop-camp {
        padding: 5%;
    }
    #shop.shop--campaign .shop-camp__inner {
        display: block;
        width: auto;
    }
    #shop.shop--campaign .shop-camp__thum {
        display: block;
        width:auto;
        text-align: center;
        margin: 0 0 20px;
    }
    #shop.shop--campaign .shop-camp__thum__inner {
        display: inline-block;
    }
    #shop.shop--campaign .shop-camp__read {
        display: block;
        padding: 0;
    }
    #shop.shop--campaign .shop-camp__read p {
        font-size: 100%;
    }
}



/*================================================================================
    4周年記念　170201
================================================================================*/

/*---------------------共通-------------------*/

#submain .tlc4th img {
    max-width:100%;
}
#submain .tlc4th ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
#submain .tlc4th p {
    padding:0;
}
#submain .tlc4th-main {
    margin:0;
    border:none;
}
#submain .tlc4th-event {
    margin:0;
    background:url(../images/campaign/4anniversary/bg_event.gif);
}
#submain .tlc4th-event__ttl {
    margin:0;
    -webkit-box-shadow: 0 0 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 4px 0px rgba(0,0,0,0.4);
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.4);
}
#submain .tlc4th-detail {
    padding:8% 0;
    text-align:center;
    background:url(../images/campaign/4anniversary/detail_line.gif) repeat-x left bottom;
    color:#666;
}
#submain .tlc4th-detail:last-child {
    background:none;
}
#submain .tlc4th-detail a {
    color:#58BDED;
}
#submain .tlc4th-detail__ttl {
    margin:0 0 4%;
}
#submain .tlc4th-detail__ttl img {
    height:98px;
    width:auto;
}
#submain .tlc4th-detail .detail-txt {
    font-size:100%;
    padding:0;
}
#submain .tlc4th-detail .note-list {
    width:700px;
    margin:0 auto;
    padding:0;
    text-align:left;
}
#submain .tlc4th-detail .note-list li {
    list-style-type:none;
    margin: 0 0 0 1em;
    text-indent: -1em;
}
#submain .tlc4th-detail .note-list li:before {
    content:"※";
}

@media only screen and (max-width: 750px) {
    #submain .tlc4th-detail .detail-txt {
        font-size:85%;
        padding:0 2%;
    }
    #submain .tlc4th-detail .note-list {
        width:auto;
    }
    #submain .tlc4th-detail .note-list li {
        font-size:75%;
    }
}
@media only screen and (max-width: 640px) {
    #submain .tlc4th-detail .detail-txt {
        text-align:left;
    }
    #submain .tlc4th-detail__ttl img {
        height:80px;
    }
}

@media only screen and (max-width: 480px) {
    #submain .tlc4th-detail__ttl {
        margin-bottom:20px;
    }
    #submain .tlc4th-detail__ttl img {
        height:60px;
    }
}


/*---------------------4周年TOP-------------------*/

#submain .tlc4th-event__container {
    padding:25px 25px 40px;
}
#submain .tlc4th-event__container__inner {
    background:#FFF;
    padding:50px 30px 35px;
    border-radius:5px;
    overflow:hidden;
    -webkit-box-shadow: 0 1px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 0 1px 4px 0px rgba(0,0,0,0.2);
}
#submain .tlc4th-event .event-area {
    float:left;
    width:320px;
    margin:0 0 0 30px;
    padding:0 14px 25px;
    text-align:center;
    border:1px solid #D5CA67;
    position:relative;
}
#submain .tlc4th-event .event-area:first-child {
    margin-left:0;
}
#submain .tlc4th-event .event-area:before {
    content:"";
    border:1px solid #D5CA67;
    position:absolute;
    top:3px;
    bottom:-5px;
    left:3px;
    right:3px;
    z-index:0;
}
#submain .tlc4th-event .event-area__ttl {
    position:relative;
    z-index:10;
    margin:-30px 0 0;
}
#submain .tlc4th-event .event-area__img {
    position:relative;
    z-index:10;
}
#submain .tlc4th-event .event-area__btn {
    position:relative;
    z-index:10;
    width:290px;
    display:block;
    margin:0 auto;
}
#submain .tlc4th-detail .login-entry {
    margin:0;
    padding:0 3.214285%; /*27/840*/
    overflow:hidden;
    text-align:left;
}
#submain .tlc4th-detail .login-entry__list {
    width:47.709923%; /*375/786*/
    float:left;
    border:3px solid #58BDED;
    border-radius:3px;
    margin:0;
    padding:0;
    list-style-type:none;
}
#submain .tlc4th-detail .login-entry__list:first-child {
    margin-right:3.053435%; /*24/786*/
}
#submain .tlc4th-detail .login-entry__ttl {
    background:#58BDED;
    margin:0;
    padding:10px;
}
#submain .tlc4th-detail .login-entry__txt {
    padding:25px;
    font-size:114.285714%; /*16/14*/
    color:#666;
}
#submain .tlc4th-detail .login-entry__bnr {
    display:block;
    margin:10px 0 0;
}
#submain .tlc4th-detail .login-entry__bnr img {
    width:100%;
}


@media only screen and (max-width: 750px) {
    #submain .tlc4th-event__container {
        padding:5% 5% 7%;
    }
    #submain .tlc4th-event__container__inner {
        padding:13% 5% 7%;
    }
    #submain .tlc4th-event .event-area {
        float:none;
        width:auto;
        margin:16% 0 0;
        padding:0 5% 5%;
    }
    #submain .tlc4th-event .event-area:first-child {
        margin-top:0;
    }
    #submain .tlc4th-event .event-area__ttl {
        margin:-10% 0 0;
    }
    #submain .tlc4th-event .event-area__btn {
        width:90%;
    }
    #submain .tlc4th-detail .login-entry {
        padding:0;
    }
    #submain .tlc4th-detail .login-entry__list {
        width:auto;
        float:none;
    }
    #submain .tlc4th-detail .login-entry__list:first-child {
        margin:0 0 15px;
    }
    #submain .tlc4th-detail .login-entry__txt {
        padding:5%;
        font-size:100%;
    }
    #submain .tlc4th-detail .login-entry__ttl img {
        width:auto;
        height:50px;
    }
}

@media only screen and (max-width: 640px) {
    #submain .tlc4th-event__ttl {
        overflow:hidden;
    }
    #submain .tlc4th-event__ttl img {
        width:116%;
        max-width:none;
        margin-left:-8%;
    }
}

@media only screen and (max-width: 480px) {
    #submain .tlc4th-event .event-area__img {
        padding-bottom:10px;
    }
}


/*---------------------大抽選会-------------------*/

#submain .tlc4th--ticket .tlc4th-event {
    background:url(../images/campaign/4anniversary/bg_stripe_red.gif);
    margin-bottom:5%;
}
#submain .tlc4th--ticket .tlc4th-event__container {
    padding:15px 15px 50px;
    position:relative;
}
#submain .tlc4th-event .ticket-lot {
    overflow:hidden;
}
#submain .tlc4th-event .ticket-lot li {
    float:left;
    margin:0 0 0 15px;
    padding:0;
}
#submain .tlc4th-event .ticket-lot li:first-child {
    margin-left:0;
}
#submain .tlc4th-event .ticket-read {
    position:absolute;
    text-align:center;
    left:0;
    right:0;
    bottom:-12.5%;
}
#submain .tlc4th-detail .how-entry {
    margin:0;
    padding:0;
    list-style-type:none;
    overflow:hidden;
}
#submain .tlc4th-detail .how-entry__list {
    float:left;
    margin:0 0 0 3.5714285%; /*30/840*/
    width:30.95238095%; /*260/840*/
    position:relative;
    padding:0;
}
#submain .tlc4th-detail .how-entry__list:first-child {
    margin-left:0;
}
#submain .tlc4th-detail .how-entry__list:after {
    content:"";
    width:0;
    height:0;
    border-color: transparent transparent transparent #58BDED;
    border-width: 15px 0px 15px 15px;
    border-style:solid;
    position:absolute;
    right:-23px;
    top:88px;
}
#submain .tlc4th-detail .how-entry__img {
    display:block;
    margin:0 0 5px;
}
#submain .tlc4th-detail .how-entry__txt {
    display:block;
    text-align:left;
    line-height:1.6;
}
#submain .tlc4th-detail .detail-btn {
    margin:20px auto 0;
    display:inline-block;
    height:63px;
}
#submain .tlc4th-detail .detail-btn img {
    height:100%;
    width:auto;
}
#submain .tlc4th-detail .ticket-about {
    background:url(../images/campaign/4anniversary/bg_stripe_blue.gif);
    margin:40px 0 0;
    padding:50px 8%;
    position:relative;
}
#submain .tlc4th-detail .ticket-about:before {
    content:"";
    background:url(../images/campaign/4anniversary/frame_ticket_top.png) no-repeat center top;
    background-size:100% auto;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
#submain .tlc4th-detail .ticket-about:after {
    content:"";
    background:url(../images/campaign/4anniversary/frame_ticket_btm.png) no-repeat center bottom;
    background-size:100% auto;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
}
#submain .tlc4th-detail .ticket-about__inner {
    position:relative;
    z-index:10;
}
#submain .tlc4th-detail .ticket-about__ttl {
    margin:0;
}
#submain .tlc4th-detail .ticket-about__txt {
    margin:4% 0 0;
    font-size:100%;
}
#submain .tlc4th-detail .ticket-about__txt span {
    color:#58BDED;
    font-weight:bold;
    font-size:114%;
}
#submain .tlc4th-detail .ticket-about__info {
    margin:4% auto 0;
    width:600px;
    border-color:#58BDED;
}
#submain .tlc4th-detail .ticket-about__info th {
    background:#58BDED;
    color:#FFF;
    width:150px;
    border-color:#FFF;
    text-align:center;
    padding:0;
}
#submain .tlc4th-detail .ticket-about__info tr:last-child th {
    border-bottom:1px solid #58BDED;
}
#submain .tlc4th-detail .ticket-about__info td {
    text-align:left;
    width:75%;
    border-color:#58BDED;
    padding:15px;
}
#submain .tlc4th-detail .ticket-about__info td.red {
    color:#E36668 !important;
    font-weight:bold;
}
#submain .tlc4th-detail .ticket-about .detail-btn {
    margin-top:30px;
}

@media only screen and (max-width: 750px) {
    #submain .tlc4th--ticket .tlc4th-event__container {
        padding:2% 2% 7%;
    }
    #submain .tlc4th-event .ticket-lot li {
        margin-left:0.5%;
        width:33%;
    }
    #submain .tlc4th-event .ticket-read {
        left:5%;
        right:5%;
        bottom:-12.5%;
    }
    #submain .tlc4th-detail .how-entry__list {
        float:none;
        margin:0;
        padding:10% 0 0;
        width:auto;
        overflow:hidden;
    }
    #submain .tlc4th-detail .how-entry__list:first-child {
        padding-top:0;
    }
    #submain .tlc4th-detail .how-entry__list:after {
        border-color: #58BDED transparent transparent;
        border-width: 10px 15px;
        right:50%;
        top:10%;
    }
    #submain .tlc4th-detail .how-entry__list:first-child:after {
        border:none;
    }
    #submain .tlc4th-detail .how-entry__img {
        float:left;
        margin:0 10px 0 0;
        width:45%;
    }
    #submain .tlc4th-detail .ticket-about__ttl {
    }
    #submain .tlc4th-detail .ticket-about__ttl img {
        height:29px;
        width:auto;
    }
    #submain .tlc4th-detail .ticket-about__txt br {
        display:none;
    }
    #submain .tlc4th-detail .ticket-about__info {
        width:auto;
    }
    #submain .tlc4th-detail .detail-btn {
        margin-top:7%;
    }
}
@media only screen and (max-width: 640px) {
    #submain .tlc4th-detail .how-entry__txt {
        line-height:1.6;
        font-size:85%;
    }
}
@media only screen and (max-width: 480px) {
    #submain .tlc4th-detail .ticket-about {
        padding:50px 5%;
    }
    #submain .tlc4th-detail .ticket-about__ttl img {
        height:22px;
    }
    #submain .tlc4th-detail .ticket-about__txt {
        font-size:85%
    }
    #submain .tlc4th-detail .ticket-about__info {
        width:100%;
    }
    #submain .tlc4th-detail .ticket-about__info th ,
    #submain .tlc4th-detail .ticket-about__info td {
        display:block;
        width:auto;
        border-color:#58BDED;
        padding:10px;
    }
    #submain .tlc4th-detail .how-entry__list {
        padding:10% 0 0;
    }
    #submain .tlc4th-detail .how-entry__list:after {
        border-width: 7px 10px;
        top:10%;
    }
    #submain .tlc4th-detail .detail-btn {
        height:50px;
    }
}



/*---------------------アニバーサリーセット-------------------*/
#submain .tlc4th--set .tlc4th-event {
    background:url(../images/campaign/4anniversary/bg_stripe_red.gif);
}
#submain .tlc4th--set .tlc4th-event__container {
    background:url(../images/campaign/4anniversary/set_bg_event.png) no-repeat center center;
    background-size:90.4761904% auto;
    overflow:hidden;
    padding:119.04761904% 0 0; /*1000/840*/
    position:relative;
}
#submain .tlc4th--set .set-goods {
    position:absolute;
    width:55.714285714%; /*468/840*/
}
#submain .tlc4th--set .set-goods--tlc {
    top:4.6%; /*46/1000*/
    left:4.2857142857%; /*36/840*/
}
#submain .tlc4th--set .set-goods--isetan {
    bottom:4.6%; /*46/1000*/
    right:4.2857142857%; /*36/840*/
}
#submain .tlc4th--set .set-goods__btn {
    position:absolute;
    right:8.54700854%; /*40/468*/
    bottom:2.13675213%; /*10/468*/
    z-index:100;
    width:25.64102564%; /*120/468*/
}

@media only screen and (max-width: 640px) {
    #submain .tlc4th--set .tlc4th-event__container {
        background-size:96% auto;
        padding:5%;
    }
    #submain .tlc4th--set .set-goods {
        position:relative;
        width:70%;
    }
    #submain .tlc4th--set .set-goods--tlc {
        top:0;
        left:0;
    }
    #submain .tlc4th--set .set-goods--isetan {
        bottom:0;
        right:0;
        float:right;
    }
}

@media only screen and (max-width: 480px) {
    #submain .tlc4th--set .tlc4th-event__container {
        background-size:98% auto;
        background-repeat:repeat-y;
        background-position:center 20px;
        padding:5% 1%;
    }
    #submain .tlc4th--set .set-goods {
        width:80%;
    }
}



/*================================================================================
    歌舞伎ツアー　170208
================================================================================*/

/*---------------------共通-------------------*/

#tour-kabuki .kabuki-section {
    margin:7% auto 0;
    max-width:800px;
}
#tour-kabuki .kabuki-section__ttl {
    text-align:center;
    margin:0 0 -10px;
    position:relative;
    z-index:100;
}
#tour-kabuki .kabuki-section__container {
    background:url(../images/campaign/kabuki/bg.jpg) repeat-y;
    background-size:100% auto;
    position:relative;
    padding:6.25%;
}
#tour-kabuki .kabuki-section__container--flow {
    padding:8.75%;
}
#tour-kabuki .kabuki-section__container:before {
    content:"";
    background:url(../images/campaign/kabuki/bg_top.jpg) no-repeat;
    background-size:100% auto;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    padding-top:8.125%;
}
#tour-kabuki .kabuki-section__container:after {
    content:"";
    background:url(../images/campaign/kabuki/bg_btm.jpg) no-repeat;
    background-size:100% auto;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    padding-top:8.125%;
}
#tour-kabuki .kabuki-section__container__inner {
    position:relative;
    z-index:100;
}

@media only screen and (max-width: 750px) {
    #tour-kabuki .kabuki-section__ttl {
        margin:0 auto -1.25%;
        width:69.078947368%;
    }
    #tour-kabuki .kabuki-section__container--flow {
        padding:6.25%;
    }
}


/*---------------------上部テキスト-------------------*/

#tour-kabuki .kabuki-read {
    padding-bottom: 0;
}


/*---------------------メイン-------------------*/

#tour-kabuki .kabuki-main {
}
#tour-kabuki .kabuki-main__inner {
    background:url(../images/campaign/kabuki/main_bg.jpg) repeat-y;
    background-size:100% auto;
    position:relative;
    padding:5.35714285%;
}
#tour-kabuki .kabuki-main__inner:before {
    content:"";
    background:url(../images/campaign/kabuki/main_bg_top.jpg) no-repeat;
    background-size:100% auto;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    padding-top:5%;
}
#tour-kabuki .kabuki-main__inner:after {
    content:"";
    background:url(../images/campaign/kabuki/main_bg_btm.jpg) no-repeat;
    background-size:100% auto;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    padding-top:5%;
}
#tour-kabuki .kabuki-main__container__inner {
    position:relative;
    z-index:100;
}
#tour-kabuki .kabuki-main__ttl {
    border:none;
    margin-bottom: 0;
}
#tour-kabuki .kabuki-main__mv {
    padding:2%;
}
#tour-kabuki .kabuki-main__mv .mv-ttl {
    padding-bottom: 0;
    margin-bottom: -1.3888888888%;
    position: relative;
    z-index: 10;
}
#tour-kabuki .kabuki-main__mv .mv-area {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
#tour-kabuki .kabuki-main__mv .mv-area iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

/*---------------------料金-------------------*/

#tour-kabuki .kabuki-section .price-detail {
    margin-top:3.5%;
}


/*---------------------行程表-------------------*/

#tour-kabuki .kabuki-section .flow-start {
    margin-top:3.03030303%;
}
#tour-kabuki .kabuki-section .flow-flow {
    margin-top:7.57575757%;
}


/*---------------------お申し込み-------------------*/
#tour-kabuki .kabuki-entry {
    margin:7% auto 0;
    max-width:740px;
    border:5px solid #E8BF01;
    padding:3.125%;
}
#tour-kabuki .kabuki-entry__ttl {
    background:#E8BF01;
    color:#FFF;
    font-size:125%;
    padding:8px;
    margin:0 0 10px;
}
#tour-kabuki .kabuki-entry__container {
    overflow:hidden;
}
#tour-kabuki .kabuki-entry__container .entry-area {
    max-width:360px;
    color:#1F1813;
}
#tour-kabuki .kabuki-entry__container .entry-area--tel {
    float:left;
}
#tour-kabuki .kabuki-entry__container .entry-area--mail {
    float:right;
}
#tour-kabuki .kabuki-entry__container .entry-area__ttl {
    font-size:112.5%;
    border-bottom:3px solid #E8BF01;
    padding:0 0 8px;
    margin:0 0 15px;
}
#tour-kabuki .kabuki-entry__container .entry-area__content small {
    text-indent: -1em;
    margin: 5px 0 0 1em;
}

@media only screen and (max-width: 750px) {
    #tour-kabuki .kabuki-entry {
        max-width:740px;
        border:3px solid #E8BF01;
        padding:5%;
    }
    #tour-kabuki .kabuki-entry__container .entry-area {
        float:none;
        max-width:none;
    }
    #tour-kabuki .kabuki-entry__container .entry-area--tel {
        float:none;
    }
    #tour-kabuki .kabuki-entry__container .entry-area--mail {
        float:none;
        margin-top:20px;
    }
    #tour-kabuki .kabuki-entry__container .entry-area__ttl {
        font-size:100%;
    }
}


/*---------------------注意事項-------------------*/
#tour-kabuki .kabuki-term {
    margin:7% auto 0;
    max-width:700px;
    border:5px solid #CCC;
    padding:5.625%;
}
#tour-kabuki .kabuki-term__ttl {
    padding:0 1.428571428%;
    font-size:125%;
    margin:0 0 10px;
}
#tour-kabuki .kabuki-term__read {
    padding:0 1.428571428% 2.85714285%;
    border-bottom:3px solid #E8BF01;
    font-size:85%;
}
#tour-kabuki .kabuki-term .term-list {
    padding:2.85714285% 1.428571428% 4.285714285%;
}
#tour-kabuki .kabuki-term .term-list__list {
    margin-top:20px;
}
#tour-kabuki .kabuki-term .term-list__list:first-child {
    margin-top:0;
}
#tour-kabuki .kabuki-term .term-list__list .list-ttl {
    margin:0;
    font-size:87.5%;
}
#tour-kabuki .kabuki-term .term-list__list .list-txt {
    font-size:75%;
    margin:5px 0 0;
    padding:0;
}
#tour-kabuki .kabuki-term .term-list__list .list-img {
    margin:10px 0 0;
}
#tour-kabuki .kabuki-term .term-list__list ol {
    margin:5px 0 0;
    padding:0;
    list-style-type:none;
}
#tour-kabuki .kabuki-term .term-list__list ol li {
    font-size:75%;
    margin:0 0 0 1.5em;
    text-indent:-1.5em;
}
#tour-kabuki .kabuki-term .term-btm {
    padding:4.285714285% 1.428571428% 0;
    border-top:1px solid #CCC;
}

@media only screen and (max-width: 750px) {
    #tour-kabuki .kabuki-term {
        border:3px solid #CCC;
        padding:5% 4%;
    }
    #tour-kabuki .kabuki-term__ttl {
        font-size:112.5%;
    }
    #tour-kabuki .kabuki-term__read {
        padding-bottom:8%;
        border-bottom:3px solid #E8BF01;
        font-size:85%;
    }
    #tour-kabuki .kabuki-term .term-list {
        padding-top:8%;
    }
    #tour-kabuki .kabuki-term .term-list__list {
        margin-top:15px;
    }
}



/*================================================================================
    TLCセレクションに交換する
================================================================================*/

#submain .select-tit{
    background: #67B2E8;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    margin-bottom: 2px;
    border:none;
}
#submain .select-tit__notes{
    font-size: 12px;
    margin-left: .5em;
    font-weight: normal;
}
#submain .select-tit__notes br{
    display: none;
}
#submain .select-box{
    background: url(../images/selection/selection-box-bg.gif);
    padding: 10px;
    margin-bottom: 30px;
}
#submain .select-box__inner{
    padding: 4.26829268% 3.6585365%;
    background: #fff;
}
#submain .select-box__cate{
    margin: 0 auto;
    clear: both;
    background: #fff;
    overflow: hidden;
}
#submain .select-box__cate--point {
    border-top: 3px dotted #CCC;
    margin-top: 2.63157894%;
    padding-top: 3.28947368%;
}
#submain .select-box__cate-tit{
    color: #67B2E8;
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding: 0;
    width:120px;
    text-align:center;
}
#submain .select-box__cate-tit span {
    display: block;
    font-size: 14px;
}
#submain .select-box__cate-box{
    padding: 0;
    float: right;
    width: 640px;
}
#submain .select-box__cate-btn {
    margin:0 0 0 -10px;
    padding:0 0 0 2px;
    overflow:hidden;
}
#submain .select-box__cate-btn li {
    float: left;
    width: 152px;
    padding:0;
    margin: 0 0 10px 10px;
    display:table;
    position:relative;
}
#submain .select-box__cate--point .select-box__cate-btn li {
    text-align: center;
}

#submain .select-box__cate-btn li.block{
    clear:both;
}
#submain .select-box__cate-btn input{
    position: absolute;
    z-index: -1;
}
#submain .select-box__cate-btn label{
    display: table-cell;
    vertical-align: middle;
    height: 52px;
    border-radius: 4px;
    border: 2px solid #DDD;
    font-weight: bold;
    font-size: 15px;
    color: #666;
    box-shadow: 0 3px 0 0 #DDD;
    cursor: pointer;
}
#submain .select-box__cate-btn label[for="cate50"] {
    background:url(../images/selection/cattag-gourmet.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate51"] {
    background:url(../images/selection/cattag-kitchen.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate52"] {
    background:url(../images/selection/cattag-life.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate53"] {
    background:url(../images/selection/cattag-fashion.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate54"] {
    background:url(../images/selection/cattag-helth.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate55"] {
    background:url(../images/selection/cattag-out.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate56"] {
    background:url(../images/selection/cattag-kidz.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate10"] {
    background:url(../images/selection/cattag-favo.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate11"] {
    background:url(../images/selection/cattag-isetan.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate40"] {
    background:url(../images/selection/cattag-money.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn label[for="cate00"] {
    background:url(../images/selection/cattag-only.gif) no-repeat 9px center;
}
#submain .select-box__cate-btn input:checked + label{
    box-shadow: 0 0 0 0 #DDD;
    background-color:#EEE;
    position: relative;
    top: 3px;
}
#submain .select-box__cate-btn input:disabled + label{
    background-color:#EEE;
    color: #BBB;
    cursor: auto;
    border-color: #EEE;
    box-shadow: 0 3px 0 0 #EEE;
}
#submain .select-box__cate--cate .select-box__cate-btn label{
    padding: 0 0 0 50px;
    line-height: 1;
}
#submain .select-box__cate--point .select-box__cate-btn label{
    height: 58px;
}
#submain .select-box__cate-btn label:hover{
}
#submain .select-box__cate-btn label span{
    font-size:15px;
}
/* #submain .select-box__cate-btn label br{
    display: none;
} */
#submain .select-box__cate-btn label:nth-child(8n){
    margin-right: 0;
}
#submain .select-box__cate-btn .point-value{
    font-size: 16px;
    display: block;
}
#submain .select-box__cate-btn .point-unit{
    font-size: 12px;
    display: block;
}
#submain .select-box__cate-point{
    margin: 10px 0 0 -3px;
}
#submain .select-box__cate-point p{
    margin: 0;
    padding: 0;
    font-weight: bold;
}
#submain .select-box__cate-point input {
    border: #CCCCCC 1px solid;
    margin: 0 5px;
    line-height: 2.5;
    -webkit-appearance: none;
    width: 160px;
    height: 35px;
}



#submain .select-box--submit-btn{
    margin: 15px auto 5px;
}
#submain .select-box--submit-btn p{
    width: 380px;
    border-radius: 3px;
    margin: 0 auto;
    padding-bottom: 0;
}
#submain .select-box--submit-btn p input{
    border: none;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    background-color: #67B2E8;
    border-bottom: 3px solid #427BAA;
    position: relative;
    text-align: center;
    border-right: 3px;
    background-image: url(../images/selection/select-search.png) ;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 35% 50%;
    padding: 20px 0 20px 20px;
    border-radius: 3px;
}
#submain .select-box--submit-btn p input:hover{
    background: #427BAA;
    border-bottom: 1px solid #113B71;
    background-image: url(../images/selection/select-search.png) ;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 35% 50%;
    border-radius: 3px;
    bottom: -2px;
    margin-bottom: 2px;
}
#submain .select-box--submit-btn .select-box--submit-note {
    background: #FFF;
    color: #66B2E6;
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
    border-radius: 12px;
    line-height: 24px;
}
#submain .select-box--submit-btn .select-box--submit-note:before {
    content: "※";
}


#submain .select-result{
    background: #DCF0F5;
    overflow: hidden;
    padding: 5px 10px;
    margin-bottom: 14px;
}
#submain .select-result--result {
    overflow: hidden;
    float: left;
    vertical-align: middle;
}
#submain .select-result--result-num{
    background: #fff;
    padding:1px 5px !important;
    margin: 0 5px;
    font-size: 16px;
}
#submain .select-result--result-txt {
    margin-top: 3px;
}
#submain .select-result--result-box {
    float: left;
}
#submain .select-result--rank{
    float: right;
    overflow: hidden;
    margin-top: 3px;
}
#submain .select-result--result p ,
#submain .select-result--rank p{
    float: left;
    padding: 0;
}
#submain .select-result--rank-txt{
    margin-right: 2em;
}
#submain .select-result--rank-box {
    float: left;
}
#submain .select-result--rank-num{
    font-weight: bold;
    margin-right: .5em;
    margin-top: -1px;
}
#submain .select-result--rank-list{
    padding: 0;
    margin: 0 0 0 .5em;
    float: left;
}
#submain .select-result--rank-list:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

#submain .select-result--rank-list__item{
    float: left;
    list-style: none;
    padding: 0;
    padding: 0 5px;
    border-right: 1px solid #333;
}
#submain .select-result--rank-list__item a:hover{
    color: #000;
}
#submain .select-result--rank-list__item:last-child{
    border-right: none;
}
#submain .select-cate--icon{
    border: #DCF0F5 2px solid ;
    margin-bottom: 30px;
}
#submain .select-cate--icon .title{
    background: #DCF0F5;
    color: #333333;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
}
#submain .select-cate--icon .icon-list{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 12px 15px 0;
}
#submain .select-cate--icon .icon-list .icon-list__item{
    width: 25%;
    float: left;
    margin: 0px 0 10px;
}
#submain .select-cate--icon .icon-list .icon-list__item.block{
    margin-right: 25%;
}
#submain .select-cate--icon .icon-list .icon-list__item .icon-list__item--txt{
    margin-bottom: .3em;
    display: inline-block;
    margin-left: .5em;
}
#submain .select-cate--icon .icon-list .icon-list__item .icon-list__item--txt br{
    display: none;
}

/* アイテム */
#submain .serectionlistbox .serebox .item-new{
    position: absolute;
    top: -10px;
    right: 10px;
    background: #FF4D4D;
    width: 40px;
    height: 40px;
    text-align: center;
}
#submain .serectionlistbox .serebox .item-new img{
    width: 34px;
}
#submain .serectionlistbox .serebox .sereprice {
    color: #EA5290;
    text-align: right;
    padding-bottom: 0;
    padding-top: 10px;
}
#submain .serectionlistbox .serebox .sereprice .txt_l {
    font-size: 20px !important;
}


/* 詳細 */
#submain .select-product-tit{
    border-left: #67B2E8 5px solid;
    border-bottom: none;
    padding-left: 10px;
    font-size: 24px;
    line-height: 1.4;
    background-color: #fff !important;
    color: #333333 !important;
}
#submain .select-product-box{
    margin-bottom: 50px;
}
#submain .select-product-box > p{
    display: block;
}
#submain .select-product-box:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
/* 画像ギャラリー */
#submain .select-product-box_slide{
    float: left;
    margin-right: 20px;
}
#submain .select-product-box_slide img{
    width: 100%;
    -webkit-backface-visibility: hidden;
}
#submain .select-product-box_slide__tab{
    margin: 0;
    padding: 0;
}
#submain .select-product-box_slide__tab:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .select-product-box_slide__tab__list{
    float: left;
    list-style: none;
    width: 150px;
    overflow: hidden;
    margin-right: 15px;
    padding: 0;
}
#submain .select-product-box_slide__tab__list:last-child{
    margin-right: 0;
}
#submain .select-product-box_slide__tab__list img{
    width: 100%;
}
#submain .select-product-box_slide__tab__list a{
    display: block;
    border: 1px solid #ccc;
}
#submain .select-product-box_slide__tab__list a:hover{
    cursor: pointer;
}
#submain .select-product-box_slide__item{
    width: 480px;
    margin-bottom: 15px;
    border:1px solid #CCC;
}
#submain .search-pager{
    display: block;
    font-size: 12px;
    text-align: right;
    margin: 10px 0;
}
#submain .search-pager .search-pager__move{
    display: inline-block;
    padding: 0;
    border-radius: 3px;
}
#submain .search-pager .search-pager__move a{
    color: #fff;
    padding: .5em .5em;
    text-decoration: none;
    display: block;
    font-size: 14px;
}
#submain .search-pager .search-pager__move.move-prev{
    background: #67B2E8;
    margin-right: .5em;
}
#submain .search-pager .search-pager__move.move-prev a:before{
    content: "\f104";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    margin-right: .2em;
}
#submain .search-pager .search-pager__move.move-next{
    background: #67B2E8;
    margin-left: .5em;
}
#submain .search-pager .search-pager__move.move-next a:after{
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    margin-left: .2em;
}
#submain .search-pager span{
    color: #67B2E8;
    margin:0 3px;
}
#submain .search-pager span.current{
}
#submain .search-pager span.current a{
    color: #fff;
    background: #67B2E8;
}
#submain .search-pager span a{
    color: #67B2E8;
    text-decoration: none;
    border: #67B2E8 1px solid;
    padding: .2em .6em;
    border-radius: 3px;
    display: inline-block;
}


/* ポイント */
#submain .select-product-box_point{
    float: left;
    width: 40%;
}
#submain .select-product-box_point .select-product-box_point__inner{
    border: #CCCCCC 1px solid;
    padding: 19px 19px 18px;
    margin-bottom: 10px;
}
#submain .select-product-box_point .select-product-box_point__inner + p{
    padding: 0;
}
#submain .select-product-box_point .select-product-box_point__inner + p small:before {
    content: "";
}
#submain .select-product-box_point-txt{
    text-align: center;
    border-bottom: #ccc dotted 1px;
    margin-bottom: 15px;
    padding: 10px 0px;
}
#submain .select-product-box_point-txt_need {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 10px;
}
#submain .select-product-box_point-txt_red{
    color: #EC5B96;
    font-size: 30px;
    font-weight: bold;
    border-bottom: #EC5B96 2px solid;
    padding: 0;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.4;
}
#submain .select-product-box_point-txt_red--note{
    font-size: 14px;
    margin-left: 4px;
}
#submain .select-product-box_point-txt_code{
    font-size: 14px;
}

#submain .select-product-box_point-how-point{
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 5px;
}

#submain .select-product-box_point-how-btn{
    margin: 0;
    padding: 0;
}
#submain .select-product-box_point-how-btn:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .select-product-box_point-how-btn__item{
    list-style:none;
}
#submain .select-product-box_point-how-btn__item:first-child{

}
#submain .select-product-box_point-how-btn__item a{
    background: #67b2e8;
    border-bottom: #427baa 3px solid;
    border-radius: 3px;
    display: block;
    color: #fff;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    padding: 10px 10px 8px;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
}
#submain .select-product-box_point-how-btn__item a:hover{
    top: 2px;
    border-bottom: #427baa 1px solid;
    margin-bottom: 2px;
}
#submain .select-product-box_point-how-btn__item a:active{
    top: 3px;
    border-bottom: #427baa 0px solid;
    margin-bottom: 3px;
}
#submain .select-product-box_point-how-btn__item a .select-product-box_point-how-btn__item--icon{
    float: left;
}
#submain .select-product-box_point-how-btn__item a .select-product-box_point-how-btn__item--icon.select-product-box_point-how-btn__item--icon--chosei{
    padding-top: 10px;
}
#submain .select-product-box_point-how-btn__item a .select-product-box_point-how-btn__item--icon img{
    width: 34px;
}
#submain .select-product-box_point-how-btn__item--txt{
    margin-top: .4em;
    display: inline-block;
}
#submain .select-product-box_point-how-btn__item--txt.select-product-box_point-how-btn__item--txt--note{
    margin-top: 0;
    color: #67b2e8;
    display: inline-block;
    background: #FFFF00;
    border-radius: 12px;
    padding: 0 15px 0 20px;
}
#submain .select-product-box_point-how-btn__item--gray a{
    background: #aaa;
    border-bottom: #888 3px solid;
}
#submain .select-product-box_point-how-btn__item--gray a:hover{
    top: 0;
    border-bottom: #888 3px solid;
    margin-bottom: 0;
}
#submain .select-product-box_point-how-btn__item--gray a:active{
    top: 0;
    border-bottom: #888 3px solid;
    margin-bottom: 0;
}

#submain .select-product-box_point-how-btn + p , #submain .select-product-box_point-how-btn + p small{
    margin: 0;
    padding: 0;
}
#submain .select-product-box_point-how-btn + p a , #submain .select-product-box_point p small a{
    color: #EC5B96;

}
#submain .select-product-box_point p small{
    margin-bottom: 0;
    line-height: 1.3;
}
#submain .select-product-box_point-how-btn + p small{
    text-indent: -1em;
    margin: 10px 0 0 1em;
}




    #submain .selection-detail__bnr-area{
        text-align: center;
        position: relative;
        margin-bottom: 20px;
    }
    #submain .selection-detail__bnr-area a{
        display: block;
        overflow: hidden;
    }

    #submain .selection-detail__bnr-area .img{
        float: left;
        width: 50%;
    }
    #submain .selection-detail__bnr-area a .img img{
        width: 100%;
    }
    #submain .selection-detail__bnr-area a .and{
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -25px;
        margin-top: -17px;
    }

    #submain .selection-detail__bnr-area a:hover .img img,#submain .selection-detail__bnr-area a:hover .and img{
        opacity: .8 !important;
    }
    #submain .selection-detail__bnr-area a .and img{width: 70%;}
    #submain .select-product-box_point-how-btn__item:last-child a{
        padding-bottom: 13px;
    }




/* テーブル */
#submain .select-product-table{
    border-top: #B39985 1px solid;
    border-right: #B39985 1px solid;
    margin-bottom: 50px;
}
#submain .select-product-table tr{
    border-color: #67B2E8;
}
#submain .select-product-table tr th{
    background: #D9C6B7;
    color: #4C3E39;
    vertical-align: middle;
    width: 15%;
    text-align: center;
    border-color: #B39985;
}
#submain .select-product-table tr:last-child th{
    border-bottom: #B39985 1px solid;
}
#submain .select-product-table tr td{
    width: 85%;
    padding: 20px;
    border-color: #B39985;
}
#submain .select-product-table tr td p {
    padding-bottom:10px;
}
#submain .select-product-table tr td p:last-child {
    padding-bottom:0;
}
#submain .select-product-table tr td .select-product-table-list{
    margin-left: -1em;
    padding-bottom: 0;
    margin-bottom: 0;
}
#submain .select-product-table tr td .select-product-table-list .select-product-table-list__item{
    list-style: none;
}
#submain .select-product-table tr td .select-product-table-list .select-product-table-list__item:before{
    content: "・";
    margin-left: -1em;
}
#submain .selection-back a{
    text-decoration: none;
    font-weight: bold;
}
#submain .selection-back a:before{
    content: "\f100";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 0.3em 0 0;
}

#submain .cattag-nav{
    list-style: none;
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 0;
    margin: 0;
    z-index: 5;
}
#submain .cattag-nav .cattag-nav__item{
    float: left;
    margin-right: 3px;
    width: auto;
    height: 24px;
    padding: 0;
}
#submain .cattag-nav .cattag-nav__item img{
    width: auto;
    height: 100%;
}

@media only screen and (max-width: 750px) {
    #submain .select-tit__notes{
        display: block;
    }
    #submain .select-tit__notes br{
        display: block;
    }
    #submain .select-box__cate{
        background: none;
    }
    #submain .select-box__cate-tit{
        float: none;
        width:auto;
        text-align: left;
        padding: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }
    #submain .select-box__cate-tit span {
        display: inline;
    }
    #submain .select-box__cate-box{
        border: none;
        padding: 0;
        margin-top: 0;
        width: auto;
    }
    #submain .select-box--submit-btn{
        margin: 0;
    }
    #submain .select-box__cate-btn {
        margin-left: -5px;
        padding-left: 0;
    }
    #submain .select-box__cate-btn li{
        width: 48%;
        margin-left: 5px;
        margin-bottom: 3%;
    }
    #submain .select-box__cate-btn label {
        height:41px;
        background-size:25px auto !important;
        background-position: 8px center !important;
    }
    #submain .select-box__cate--cate .select-box__cate-btn label {
        padding-left:38px;
    }
    #submain .select-box__cate-btn label span {
        font-size: 13px;
    }
    #submain .select-box__cate-btn label span br {
        display: none;
    }
    #submain .select-box__cate-btn .point-value{
        font-size: 14px;
    }
    #submain .select-box__cate-btn .point-unit{
        font-size: 10px;
        display: block;
    }
    #submain .select-box__cate-point{
        margin-left: 0;
    }
    #submain .select-box__cate-point p{
        text-align: left;
    }
    #submain .select-box__cate-point input{
        width: 30%;
        margin: 0 5px;
        box-sizing: border-box;
    }
    #submain .select-box__cate--point {
        margin-top: 4%;
        padding-top: 5%;
    }
    #submain .select-box__cate--point .select-box__cate-btn li {
        line-height: 1.4;
    }
    #submain .select-box__cate--point .select-box__cate-btn label {
        height: 46px;
    }
    #submain .select-box--submit-btn p{
        width: auto;
        margin: 0;
    }
    #submain .select-box--submit-btn p input{
        width: 90%;
        margin: 15px auto 5px;
        background-position: 30% 50%;
        padding: 15px 0 15px 15px;
        display: block;
    }
    #submain .select-box--submit-btn p input:hover{
        width: 90%;
        margin: 17px auto 5px;
        background-position: 30% 50%;
    }
    #submain .select-box--submit-btn .select-box--submit-note {
        line-height: 1.4;
        padding: 5px;
        margin: 0 auto;
        width: 90%;
        border-radius: 4px;
        box-sizing: border-box;
    }
    #submain .select-result--result ,
    #submain .select-result--rank{
        float: none;
        width: auto;
    }
    #submain .select-result--result{
        border-bottom: 1px dotted #000;
        padding-bottom: 5px;
    }
    #submain .select-result--rank{
        padding-top: 5px;
    }
    #submain .select-result--result-box ,
    #submain .select-result--rank-box{
        float: right;
    }
    #submain .select-result--rank-txt{
        margin-right: 0;
    }
    #submain p.select-expo{
        margin-bottom: 30px;
    }

    /* アイテム */
    #submain .serectionlistbox{
        margin-left: -3%;
        width: 106%;
        border-top: 2px solid #eee;
    }
    #submain .serectionlistbox .serebox {
        padding: 35px 10px 10px;
        margin: 0;
        border-top: none;
        border-right: 2px solid #eee;
        border-left: none;
        border-bottom: 2px solid #eee;
    }
    #submain .serectionlistbox .serebox:nth-child(even){
        border-right: 2px solid #eee;
    }
    #submain .serectionlistbox .submain_pagetop + .serebox ,
    #submain .serectionlistbox .submain_pagetop + .serebox + .serebox{
        border-top: 2px solid #eee;
    }

    #submain .serectionlistbox .serebox .cattag-nav{
        /*position: unset;*/
        margin-right: 5px;
        top: 5px;
    }
    #submain .serectionlistbox .serebox .item-new{
        width: 50px;
        height: 30px;
        text-align: center;
        float: left;
        position: unset;
    }

    #submain .serectionlistbox .serebox .item-new img{
        padding: 0px 10px 5px;
        width: 50%;
    }
    #submain .serectionlistbox .serebox .sereimg{
        width: 100%;
        float: none;
    }
    #submain .serectionlistbox .serebox .serebtn{
        width: 100%;
        position: unset;
        margin: 0 auto;
    }
    #submain .serectionlistbox .serebox .sereprice .txt_l {
        font-size: 17px !important;
    }


    /* 一覧ページ */
    #submain .select-product-box_point{
        float: none;
        width: auto;
    }
    #submain .select-product-box_point .select-product-box_point__inner{
        padding: 10px 10px 15px;
    }
    #submain .select-product-box_point-how-btn__item{
    }
    #submain .select-product-box_point-how-btn__item a{
        width: auto;
        font-size: 15px;
    }
    #submain .select-product-box_point-how-btn__item a .select-product-box_point-how-btn__item--icon{
        margin-bottom: 5px;
        width: 30px;
        display: inline-block;
    }
    #submain .select-product-box_point-how-btn__item a .select-product-box_point-how-btn__item--icon.select-product-box_point-how-btn__item--icon--chosei{
        padding-top: 2.356%;
    }
    #submain .select-product-box_point-how-btn__item a .select-product-box_point-how-btn__item--icon img{
        width: 100%;
    }
    #submain .select-product-box_point-how-btn__item--txt{
        margin-bottom: 0.3em;
    }
    #submain .select-product-box_point-how-btn__item--txt.select-product-box_point-how-btn__item--txt--note{
        display: block;
        width: 50%;
        margin: -.1em 21.5% auto 28.5%;
        padding: 0;
    }
    #submain .selection-detail__bnr-area{
        text-align: center;
        position: relative;
        margin-bottom: 20px;
    }
    #submain .selection-detail__bnr-area .img{
        float: none;
        width: auto;
        display: block;
    }
    #submain .selection-detail__bnr-area a .img img{ width: 100%;}
    #submain .selection-detail__bnr-area a .and{margin-top: -20px;}
    #submain .selection-detail__bnr-area a .and img{width: 90%;}

    #submain .select-product-table{
        margin-bottom: 15px;
    }
    #submain .select-product-table tr th{
        display: block;
        width: auto;
        border-color: #B39985;
    }
    #submain .select-product-table tr td{
        float: left;
        border-color: #B39985;
        width: auto;
    }
    #submain .select-product-box{
        margin-bottom: 20px;
    }
    #submain .select-product-box_slide{
        float: none;
        margin-right: 0;
    }
    #submain .select-product-box_slide__item{
        width: 100%;
    }
    #submain .select-product-box_slide__tab__list{
        width: 32%;
        margin-right: 2%;
    }
    #submain .select-product-box_slide__item{
        margin-bottom: 8px;
    }
    #submain .select-product-box_slide{
        margin-bottom: 20px;
    }
    #submain .select-product-table tr td{
        padding: 15px;
    }

    #submain .select-cate--icon{
        margin-bottom: 15px;
    }
    #submain .select-cate--icon .title{
        font-size: 14px;
    }
    #submain .select-cate--icon .icon-list{
        padding: 10px 10px 0;
    }
    #submain .select-cate--icon .icon-list .icon-list__item{
        width: 50%;
    /*overflow: hidden;*/
    }
    #submain .select-cate--icon .icon-list .icon-list__item.block{
        margin-right: 50%;
    }
    #submain .select-cate--icon .icon-list .icon-list__item .icon-list__item--icon img{
        width: 20px;
    }
    #submain .select-cate--icon .icon-list .icon-list__item .icon-list__item--icon{
        float: left;
    }
    #submain .select-cate--icon .icon-list .icon-list__item .icon-list__item--txt{
        font-size: 13px;
        margin-bottom: 0;
        line-height: .8;
    }
    #submain .select-cate--icon .icon-list .icon-list__item .icon-list__item--txt br{
        display: block;
    }
    #submain .search-pager .search-pager__move a ,    #submain .search-pager span a {
        font-size: 10px;
    }
    #submain p.select-expo{
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 450px) {
    #submain .select-box__cate-btn label span br {
        display: block;
    }
    #submain .select-product-box_point-how-btn__item--txt.select-product-box_point-how-btn__item--txt--note{
        width:70%;
        margin: -.1em 10% 0 20%;
    }
    #submain .select-product-box_point-how-btn__item a .select-product-box_point-how-btn__item--icon.select-product-box_point-how-btn__item--icon--chosei{padding-top: 3.98%;}
    #submain .selection-detail__bnr-area a .and{margin-top: -13px;}
    #submain .selection-detail__bnr-area a .and img{width: 50%;}
}



/*================================================================================
    おでんフェア
================================================================================*/

/*---------------------LP-------------------*/
#submain #oden2017 h2{
    border-bottom: none;
    margin: 0;
}
#submain #oden2017 .oden-main{
    margin-bottom: 30px;
    background: url(../images/201702/oden/yellow-bg.gif);
    padding-bottom: 20px;
}
#submain #oden2017 .oden-main p{
    text-align: right;
    padding-bottom: 0;
    margin: 0 5%;
}
#submain #oden2017 .oden-more {
    text-align: center;
    margin: 20px 0;
}
#submain #oden2017 .oden-wchance {
    background: url(../images/201702/oden/yellow-bg.gif);
    margin-bottom: 30px;
}
#submain #oden2017 .oden-wchance__how{
    padding: 3% 6% 6%;
}
#submain #oden2017 .oden-wchance__how h3{
    background:#5A1800;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
#submain #oden2017 .oden-wchance__how h3 img{
    max-width: 400px;
}
#submain #oden2017 .oden-wchance__how ul{
    padding-left: 0;
    margin: 0;
}
#submain #oden2017 .oden-wchance__how ul li{
    width: 100%;
    list-style: none;
    margin-bottom: 5px;
    background: #FED201;
    padding: 0;
    position: relative;
}
#submain #oden2017 .oden-wchance__how ul li:last-child{
    margin-bottom: 0px;
}
#submain #oden2017 .oden-wchance__how ul li .num{
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -16px;
}
#submain #oden2017 .oden-wchance__how ul li p{
    display: block;
    background: #FFF;
    padding: 20px;
    margin-left: 60px;
    font-size: 110%;
}
#submain #oden2017 .oden-wchance__how ul li span{
    font-weight: bold;
    color: #D80000;
    font-size: 112%;
}

#submain #oden2017 .oden-place {
    text-align: center;
    margin: 30px 0;
    border: #003791 5px solid;
    overflow: hidden
}
#submain #oden2017 .oden-place > p{
    float: right;
    margin: 0 2%;
}
#submain #oden2017 .oden-place h2{
    background: #003791;
    margin-bottom: 15px;
}
#submain #oden2017 .oden-place h2 img{
    max-width: 400px;
}
#submain #oden2017 .oden-place div{
    margin: 10px 0;
}
#submain #oden2017 .oden-place ul{
    margin: 10px 2%;;
    padding: 3%;
    background: url(../images/201702/oden/gray-bg.gif);
    overflow: hidden;
}
#submain #oden2017 .oden-place ul li{
    width: 49%;
    float: left;
    margin: 0 2% 10px 0;
    list-style: none;
}
#submain #oden2017 .oden-place ul li img{
    width: 100%;
    height: auto;
}
#submain #oden2017 .oden-place ul li:nth-child(2n){
    margin-right: 0;
}
#submain #oden2017 .oden-place ul li:nth-child(3n){
    margin-bottom: 0;
}
#submain #oden2017 .oden-place ul li:nth-child(4n){
    margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
    #submain #oden2017 .oden-main{
        margin-bottom: 10px;
    }
    #submain #oden2017 .oden-main p{
        text-align: left;
        font-size: 80%;
        margin: 5px 7% 10px;
    }
    #submain #oden2017 .oden-more {
        margin: 10px 0;
    }
    #submain #oden2017 .oden-wchance {
        margin-bottom: 10px;
    }
    #submain #oden2017 .oden-wchance__how ul li{
        width: 100%;
        list-style: none;
        margin-bottom: 5px;
        background: #FED201;
        padding: 0;
        position: relative;
    }
    #submain #oden2017 .oden-wchance__how ul li:last-child{
        margin-bottom: 0px;
    }
    #submain #oden2017 .oden-wchance__how ul li .num{
        left: 10px;
        margin-top: -13px;
        width: 26px
    }
    #submain #oden2017 .oden-wchance__how ul li p{
        padding: 15px;
        margin-left: 46px;
        font-size: 110%;
    }
    #submain #oden2017 .oden-place {
        margin: 20px 0;
    }
    #submain #oden2017 .oden-place h2 img{
        max-width: 320px;
    }
    #submain #oden2017 .oden-place ul{
        margin: 10px 2%;
        padding: 3%;
    }
    #submain #oden2017 .oden-place ul li{
        width: 49%;
        float: left;
        margin: 0 2% 10px 0;
        list-style: none;
    }
    #submain #oden2017 .oden-place ul li img{
        width: 100%;
        height: auto;
    }
    #submain #oden2017 .oden-place ul li:nth-child(2n){
        margin-right: 0;
    }
    #submain #oden2017 .oden-place ul li:nth-child(3n){
        margin-bottom: 0;
    }
    #submain #oden2017 .oden-place ul li:nth-child(4n){
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 400px) {
    #submain #oden2017 .oden-main p{
        font-size: 70%;
        margin: 5px 5% ;
    }
    #submain #oden2017 .oden-wchance__how ul li .num{
        left: 10px;
        margin-top: -10px;
        width: 20px
    }
    #submain #oden2017 .oden-wchance__how ul li p{
        padding: 10px;
        margin-left: 40px;
        font-size: 100%;
    }
    #submain #oden2017 .oden-place {
        border: #003791 3px solid;
    }
    #submain #oden2017 .oden-place h2 img{
        max-width: 240px;
    }
    #submain #oden2017 .oden-place ul li{
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }
    #submain #oden2017 .oden-place ul li:nth-child(2n){
        margin-right: 0;
    }
    #submain #oden2017 .oden-place ul li:nth-child(3n){
        margin-bottom: 10px;
    }
    #submain #oden2017 .oden-place ul li:nth-child(4n){
        margin-bottom: 0;
    }
}

/*---------------------フォーム-------------------*/
#submain .oden2017-form tbody tr > th{
    line-height: 1.5;
}
#submain .oden2017-form th .question{
    clear: both;
    font-weight: normal;
}
#submain .oden2017-form th >.question-question{
    display: block;
    margin: 2.7em auto 0;
    font-weight: normal;
}

#submain .oden2017-form td .answer-txt{
    padding: 0;
    font-size: 12px;
}

#submain .oden2017-form th .question .question-number{
    background: #000;
    color: #fff;
    border-radius: 3px;
    padding: .2em .5em;
    font-size: 16px;
    margin-bottom: .5em;
    line-height: 1.4;
    float: left;
    font-weight: bold;
}
#submain .oden2017-form th .question .question-question{
    line-height: 1.2;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding-left: 4.5em;
    padding-top: 0.8em;
}

#submain .oden2017-form th .question .question-question.no-margin{
    padding-top: .5em;
}
#submain .oden2017-form th .question .question-question .question-question--target {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: .2em;
    /*padding-left: 3.5em;*/
    display: block;
    margin-top: -.4em;
}
#submain .oden2017-form th .question .question-question .question-question--target > .question-number{
    margin-top: -.3em;
    margin-right: .2em;
}

#submain .oden2017-form td .answer-txt{
    padding: 0;
    font-size: 14px;
    margin: .5em auto 0;
}
#submain .oden2017-form td .answer-txt .btn{
    background: #f54b8c;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    padding: .2em .5em;
    border: 1px solid #ca2967;
    border-top: none;
    border-left: none;
    margin:0 .5em;
    display: inline-block;
}
#submain .oden2017-form td .answer-txt .btn:before{
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: .5em;
}
#submain .oden2017-form td .answer-txt .nothing{
    color: red;
    font-weight: bold;
}
#submain .oden2017-form td .answer-txt .next{
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    padding: 0 0.5em;
    background: #000;
}
#submain .oden2017-form td .answer-txt .next.next--q-4{background: #2BD926;}
#submain .oden2017-form th .question .question-number.question-number--q-4{background: #2BD926;}
#submain .oden2017-form td .answer-txt .next.next--q-6{background: #3149d0;}
#submain .oden2017-form th .question .question-number.question-number--q-6{background: #3149d0;}
#submain .oden2017-form td .answer-txt .next.next--q-5{background: #F3B91F;}
#submain .oden2017-form th .question .question-number.question-number--q-5{background: #F3B91F;}
#submain .oden2017-form td .answer-txt .next.next--q-10{background: #E84B30;}
#submain .oden2017-form th .question .question-number.question-number--q-10{background: #E84B30;}
#submain .oden2017-form td .answer-txt .next.next--q-13{background: #B243FF;}
#submain .oden2017-form th .question .question-number.question-number--q-13{background: #B243FF;}
#submain .oden2017-form td .answer-txt .next.next--q-11{background: #FF752D;}
#submain .oden2017-form th .question .question-number.question-number--q-11{background: #FF752D;}
#submain .btn-list{
    overflow: hidden;
    margin-bottom: 20px;
}
#submain .btn-list .bigbtn{
    padding: 0;
}
#submain .btn-list .bigbtn:last-child{
    margin-right: 0;
}
#submain .btn-list .bigbtn.go-btn{
    float: right;
    margin-right: 10%;
    padding: 0;
    width: 50%;
}
#submain .btn-list .bigbtn.back-btn{
    float: left;
    padding: 0;
    width: 35%;
}
#submain .btn-list .bigbtn.back-btn button{
    width: 160px;
    font-size: 18px;
    margin: 5px 0;
    background-size: 5px auto;
    float: right;
    padding: 15px;
    color: #FFF;
    font-weight: bold;
    background-color: #666;
    background-image: url("../images/btn_ico_a.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 9px auto;
    border-bottom: 2px solid #000 !important;
    border-left-style: none;
    border-left-width: medium;
    border-radius: 5px;
    border-right: 2px solid #000 !important;
    border-top-style: none;
    border-top-width: medium;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
}
#submain .btn-list .bigbtn.back-btn button:hover{
    background-color: #555;
}

@media only screen and (max-width: 700px) {
    #submain .btn-list .bigbtn{
        width: 100%;
        max-width: 380px;
        float: none;
        margin: 0 auto 10px;
    }
    #submain .btn-list .bigbtn.go-btn , #submain .btn-list .bigbtn.back-btn{
        float: none;
        margin: 0 auto 10px;
        width: 100%;
    }
    #submain .btn-list .bigbtn.back-btn button{
        float: none;
        margin: 0 auto;
    }
    #submain .btn-list .bigbtn:last-child{
        margin: 0 auto 0px;
    }
}


#submain .oden2017-form ul.inputlist{overflow: hidden;}

#submain .what-tlc-service{
}
#submain .what-tlc-service .what-tlc-service--tit{
    margin-top: -35px;
    border-bottom: none;
    padding-top: 10px;
}
#submain .what-tlc-service .what-tlc-service--tit span{
    background: #f54b8c;
    color: #fff;
    padding: .3em 1em;
    position: relative;
    border-radius: .5em;
}
#submain .what-tlc-service .what-tlc-service--tit span:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #f54b8c transparent transparent transparent;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -7.5px;
}
#submain .oden2017-form .sp-block{
    display: none;
}


#submain .oden2017-form .question-question-txt {
    display: block;
    margin-top: 1em;
    font-weight: normal;
}
@media only screen and (max-width: 400px) {
    #submain .what-tlc-service .what-tlc-service--tit{
        padding-top: 20px;
    }
    #submain .oden2017-form th .question .question-number{
        font-size: 14px;
    }
    #submain .oden2017-form th .question .question-question {
        display: block;
        font-size: 13px;
        font-weight: normal;
        line-height: 1.2;
        padding-left: 4em;
        padding-top: 0.8em;
    }
    #submain .oden2017-form .sp-block{
        display: block;
    }
}



/*================================================================================
    エムアイキャンペーン1703
================================================================================*/
#micam1703 p {
    color: #545454;
}
#micam1703 .micam-main {
    margin: 0 0 3.5714285%;
    border: none;
}
#micam1703 .micam-section {
    background: url(../images/201703/micam/bg_stripe.gif) repeat;

}
#micam1703 .micam-ttl {
    background: url(../images/201703/micam/micam_ttl_bg.jpg) repeat;
    text-align: center;
    margin: 0;
    padding: 26px 0 25px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.35);
}
#micam1703 .micam-ttl:before {
    content: "";
    border: 1px dashed #FFF;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 3px;
    bottom: 3px;
}
#micam1703 .micam-ttl__txt {
    height: 29px;
    display: inline-block;
}
#micam1703 .micam-ttl__txt img {
    width: auto;
    height: 100%;
    vertical-align: top;
}
#micam1703 .micam-ttl--exchange {
    padding: 21px 0 20px;
    margin: 0 0 3.90625%;
}
#micam1703 .micam-container {
    background: url(../images/201703/micam/micam_ttl_bg_lace.png) repeat-x top left;
    padding: 4.28571428%;
}
#micam1703 .exchange-area {
    position: relative;
}
#micam1703 .exchange-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
#micam1703 .exchange-area:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
#micam1703 .exchange-area__inner {
    position: relative;
    z-index: 5;
}
#micam1703 .exchange-area--01 {
    margin: 0 0 2.864583333%;
    padding-top:5.729166666%;
    padding-bottom:6.25%;
}
#micam1703 .exchange-area--01:before {
    background: url(../images/201703/micam/exchange_bg_top.png) no-repeat;
    background-size: 100% auto;
    padding-top:5.729166666%;
}
#micam1703 .exchange-area--01:after {
    background: url(../images/201703/micam/exchange_bg_btm.png) no-repeat;
    background-size: 100% auto;
    padding-top:6.25%;
}
#micam1703 .exchange-area--01 .exchange-area__inner {
    background: url(../images/201703/micam/exchange_bg.png) repeat-y;
    background-size: 100% auto;
    padding: 0 5.7291666666%;
}
#micam1703 .exchange-area--02,
#micam1703 .exchange-area--03 {
    width: 47.9166666666%;
    padding-top:5.729166666%;
    padding-bottom:6.25%;
    margin: 0 0 15px;
}
#micam1703 .exchange-area--02 {
    float: left;
}
#micam1703 .exchange-area--03 {
    float: right;
}
#micam1703 .exchange-area--02:before,
#micam1703 .exchange-area--03:before {
    background: url(../images/201703/micam/exchange_bg_s_top.png) repeat-y;
    background-size: 100% auto;
    padding-top: 11.956521739%;
}
#micam1703 .exchange-area--02:after,
#micam1703 .exchange-area--03:after {
    background: url(../images/201703/micam/exchange_bg_s_btm.png) repeat-y;
    background-size: 100% auto;
    padding-top: 13.04347826%;
}
#micam1703 .exchange-area--02 .exchange-area__inner ,
#micam1703 .exchange-area--03 .exchange-area__inner {
    background: url(../images/201703/micam/exchange_bg_s.png) repeat-y;
    background-size: 100% auto;
    padding: 0 11.95652175%;
}
#micam1703 .exchange-ttl {
    width: 100%;
    text-align: center;
    margin: 0 0 4.411764705%;
}
#micam1703 .exchange-ttl img {
    height: 100%;
    width: auto;
}
#micam1703 .exchange-area--01 .exchange-ttl {
    height: 89px;
}
#micam1703 .exchange-area--02 .exchange-ttl,
#micam1703 .exchange-area--03 .exchange-ttl {
    height: 69px;
}
#micam1703 .exchange-container {
    border-top:1px dashed #1E98AC;
    overflow: hidden;
}
#micam1703 .exchange-container *:first-child {
    margin-top: 0;
}
#micam1703 .exchange-area--01 .exchange-container {
    padding: 2.94117647% 2.94117647% 0;
}
#micam1703 .exchange-area--02 .exchange-container,
#micam1703 .exchange-area--03 .exchange-container {
    padding: 7.14285714% 3.5714285714285% 0;
}
#micam1703 .exchange-read {
    font-size: 100%;
    font-weight: bold;
    padding: 0;
}
#micam1703 .exchange-img {
    margin-top: 20px;
}
#micam1703 .exchange-img img {
    width: 100%;
}
#micam1703 .exchange-area--02 .exchange-img {
    width: 56.923076923%;
    float: left;
}
#micam1703 .exchange-area--02 .exchange-btn {
    width: 38.4615384%;
    display: block;
    float: right;
}
#micam1703 .exchange-area--02 .exchange-btn img {
    width:100%;
}
#micam1703 .micam-read {
    border: 5px solid #EEF8F9;
    background: #FFF;
    padding: 3.90625%;
    margin: 0 0 10px;
    text-align: center;
}
#micam1703 .micam-read__txt {
    font-size: 112.5%;
    font-weight: bold;
    padding: 0;
}
#micam1703 .micam-read__img {
    max-width: 510px;
    margin: 15px auto 0;
}
#micam1703 .micam-read__img img {
    width: 100%;
}
#micam1703 .micam-read .exchange-container {
    padding: 4.1547277936962% 4.1547277936962% 0;
    margin-top: 4.1547277936962%;
}
#micam1703 .otoku-container {
    display: table;
    width: 100%;
    padding: 20px 0;
    border-top: 1px dashed #1E98AC;
}
#micam1703 .otoku-container--01 {
    border: none;
    padding-top: 0;
}
#micam1703 .otoku-container--03 {
    padding-bottom: 0;
}
#micam1703 .otoku-circle {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}
#micam1703 .otoku-circle img {
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    overflow: hidden;
}
#micam1703 .otoku-container--03 .otoku-circle {
    vertical-align: top;
}
#micam1703 .otoku-content {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0 0 0 20px;
}
#micam1703 .otoku-container--03 .otoku-content {
    vertical-align: top;
}
#micam1703 .otoku-content h4 {
    color: #1E98AC;
    font-weight: bold;
    font-size: 150%;
}
#micam1703 .otoku-content p {
    padding: 0;
}
#micam1703 .otoku-content p small {
    margin: 0 0 0 1em;
    text-indent: -1em;
    display: inline-block;
}
#micam1703 .otoku-detail {
    border: 2px dotted #1E98AC;
    max-width: 560px;
    margin: 20px auto 0;
    padding: 20px;
    font-weight: bold;
    font-size: 150%;
    color: #1E98AC;
}
#micam1703 .note-txt {
    clear: both;
    padding: 0;
}
#micam1703 .note-txt small {
    margin: 2px 0 0;
    font-size: 14px;
    margin-left: 1em;
    text-indent: -1em;
}

@media only screen and (max-width: 750px) {
    #micam1703 .micam-ttl {
        padding: 16px 0 15px;
    }
    #micam1703 .micam-ttl__txt {
        height: 29px;
        display: block;
        margin: 10px 0;
    }
    #micam1703 .exchange-ttl {
        margin: 0 0 4.411764705%;
        box-sizing: border-box;
    }
    #micam1703 .exchange-ttl img {
        height: auto;
        width: 100%;
    }
    #micam1703 .exchange-area--01 .exchange-ttl {
        height: auto;
        padding: 0 2.94117647%;
    }
    #micam1703 .exchange-area--02 .exchange-ttl,
    #micam1703 .exchange-area--03 .exchange-ttl {
        height: auto;
        padding: 0 3.5714285714285%;
    }
    #micam1703 .otoku-circle {
        vertical-align: top;
        width: 90px;
    }
    #micam1703 .otoku-content {
        vertical-align: top;
    }
    #micam1703 .otoku-content h4 {
        font-size: 125%;
    }
}
@media only screen and (max-width: 640px) {
    #micam1703 .micam-ttl__txt {
        margin: 8px 0;
    }
    #micam1703 .micam-ttl--01 .micam-ttl__txt { height: 24px;}
    #micam1703 .micam-ttl--02 .micam-ttl__txt { height: 28px;}
    #micam1703 .micam-ttl--exchange .micam-ttl__txt { height: 28px;}
    #micam1703 .otoku-circle {
        width: 70px;
    }
    #micam1703 .otoku-content {
        padding-left: 15px;
    }
    #micam1703 .otoku-content h4 {
        font-size: 112.5%;
    }
    #micam1703 .otoku-detail {
        font-size: 125%;
    }
}
@media only screen and (max-width: 480px) {
    #micam1703 .micam-container {
        padding-top: 6%;
    }
    #micam1703 .exchange-area--01,
    #micam1703 .exchange-area--02,
    #micam1703 .exchange-area--03 {
        width: auto;
        padding-top:11.956521739%;
        padding-bottom:13.04347826%;
        margin: 0 0 15px;
    }
    #micam1703 .exchange-area--01 .exchange-area__inner,
    #micam1703 .exchange-area--02 .exchange-area__inner,
    #micam1703 .exchange-area--03 .exchange-area__inner{
        background-image: url(../images/201703/micam/exchange_bg_s.png);
        padding: 0 8%;
    }
    #micam1703 .exchange-area--01:before {
        background-image: url(../images/201703/micam/exchange_bg_s_top.png);
        padding-top:11.956521739%;
    }
    #micam1703 .exchange-area--01:after {
        background-image: url(../images/201703/micam/exchange_bg_s_btm.png);
        padding-top:13.04347826%;
    }
    #micam1703 .micam-ttl__txt {
        margin: 5px 0;
    }
    #micam1703 .micam-ttl--01 .micam-ttl__txt { height: 20px;}
    #micam1703 .micam-ttl--02 .micam-ttl__txt { height: 24px;}
    #micam1703 .micam-ttl--exchange .micam-ttl__txt { height: 24px;}

    #micam1703 .micam-read__txt {
        font-size: 100%;
    }
    #micam1703 .exchange-read {
        font-size: 85%;
        margin: 0 0 5px;
    }
    #micam1703 .note-txt small {
        font-size: 12px;
        line-height: 1.2;
    }
    #micam1703 .otoku-circle {
        width: 60px;
    }
    #micam1703 .otoku-detail {
        font-size: 112.5%;
    }
}
@media only screen and (max-width: 400px) {
    #micam1703 .micam-ttl {
        padding: 12px 0;
    }
    #micam1703 .micam-ttl__txt {
        margin: 5px 0;
    }
    #micam1703 .micam-ttl--01 .micam-ttl__txt { height: 17px;}
    #micam1703 .micam-ttl--exchange .micam-ttl__txt { height: 20px;}
    #micam1703 .otoku-circle {
        width: 40px;
    }
    #micam1703 .otoku-content {
        padding-left: 10px;
    }
    #micam1703 .otoku-content h4 {
        font-size: 100%;
    }
}



/*================================================================================
    貯める
================================================================================*/
#submain .getpoint {
    margin-bottom: 30px;
}
#submain .getpoint .getpoint__title{
    border-bottom: 1px dotted #ccc;
    color: #000;
    margin:0;
    padding: 0 0 15px;
}
#submain .getpoint .point-holding{
    border-top: none;
    padding: 0 0 20px;
    margin: 0 0 0 -15px;
    overflow: hidden;
}
#submain .getpoint .point-holding .listbox{
    float: left;
    width: 270px;
    margin: 20px 0 0 15px;
    padding: 0;
    border-bottom: 1px dotted #ccc;
}
#submain .getpoint .point-holding .listimg{
    width: auto;
    float: none;
}
#submain .getpoint .point-holding .listimg img {
    width: 100%;
    height: auto;
}
#submain .getpoint .point-holding .listtxtarea {
    width: auto;
    float: none;
    padding: 8px 5px 10px;
}
#submain .getpoint .point-holding .listtxtarea h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
#submain .getpoint .point-holding .listtxtarea h3 a {
    color:#000;
    text-decoration: none;
}
#submain .getpoint .point-holding .listtxtarea h3 a:hover {
    color:#F54B8C;
}
#submain #gp-qiz {
    margin-top:40px;
}
#submain #gp-eqn p,
#submain #gp-qiz p {
    padding-bottom:0;
}
#submain .getpoint-result {
    margin-top:10px;
}
#submain .getpoint-result .result-year{
    margin: 0;
    background: #E9EDF0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#submain .getpoint-result .result-year:hover {
    background: #7D99B1;
}
#submain .getpoint-result .result-year.open{
    background: #7D99B1;
}
#submain .getpoint-result .result-year p{
    cursor: pointer;
    color: #0B3558;
    font-weight: bold;
    position: relative;
    padding: .5em;
    font-size: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#submain .getpoint-result .result-year:hover p{
    color: #FFF;
}
#submain .getpoint-result .result-year.open p{
    color:#FFF;
}
#submain .getpoint-result .result-year p:after{
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -.8em;
}
#submain .getpoint-result .result-year.open p:after{
    content: "\f106";
    font-family: 'FontAwesome';
}
#submain .getpoint-result.result-quiz .result-year{
    background: #E4F0BF;
}
#submain .getpoint-result.result-quiz .result-year:hover{
    background: #818E5A;
}
#submain .getpoint-result.result-quiz .result-year p{
    color: #38470A;
}
#submain .getpoint-result.result-quiz .result-year p:hover{
    color: #fff;
}

#submain .getpoint-result.result-quiz .result-year.open{
    background: #818E5A;
}
#submain .getpoint-result.result-quiz .result-year.open p{
    color: #fff;
}
#submain .result-list__outer {
    overflow: hidden;
    height: 0;
    margin-top:10px;
}
#submain .result-list__outer.open-list {
    height: auto;
}
#submain .result-list{
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#submain .result-list.open-list{
    display: block;
}
#submain .result-list .result-list__item{
    width: 204px;
    float: left;
    list-style: none;
    margin-right: 8px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
    padding: 0;
}
#submain .result-list .result-list__item a{
    text-decoration: none;
    display: block;
}
#submain .result-list .result-list__item:nth-child(4n){
    margin-right: 0;
}
/*#submain .result-list .result-list__item:nth-child(-n+4){
    border-top: none;
    padding-top: 0;
}*/
#submain .result-list .result-list__item .img{
    padding: 0;
}
#submain .result-list .result-list__item .img img{
    width: 100%;
}
#submain .result-list .result-list__item .txt{
    padding: 0;
    line-height: 1.3;
    margin: .7em auto .5em;
}
#submain .getpoint-info{
    border :5px solid #E3E3E3;
    padding: 20px;
    width: 700px;
    margin: 20px auto 40px;
    box-sizing: border-box;
}
#submain .getpoint-info:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .getpoint-info .getpoint-info__txt{
    float: left;
    width: 347px;
    font-size: 14px;
    padding-bottom: 0;
}
#submain .getpoint-info .getpoint-info__btn{
    background: #F54B8C;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    padding: 10px 32px 10px 20px;
    border-radius: 5px;
    float: right;
    text-align: center;
    font-size: 16px;
}
#submain .getpoint-info .getpoint-info__btn:before{
    font-family: FontAwesome;
    content:"\f105";
    position: absolute;
    top: .85em;
    right: 0em;
    margin: 0 1em;
}
#submain .getpoint-info .getpoint-info__btn:hover {
    background: #CA2967;
}

@media screen and (max-width:750px){
    #submain #gp-qiz {
        margin-top:5%;
    }
    #submain .getpoint .point-holding{
        margin: 0;
    }
    #submain .getpoint .point-holding .listbox{
        width: 49%;
        margin: 5% 0 0 0;
    }
    #submain .getpoint .point-holding .listbox:nth-of-type(even){
        float: right;
    }
    #submain .getpoint .point-holding .listimg{
        padding:0;
    }
    #submain .getpoint .point-holding .listtxtarea h3 {
        font-size: 14px;
    }
    #submain .result-list.open-list{
        display: block;
    }
    #submain .result-list .result-list__item{
        width: 49%;
        margin-right: 2%;
    }
    #submain .result-list .result-list__item:nth-child(4n){
        margin-right: 2%;
    }
    #submain .result-list .result-list__item:nth-child(2n){
        margin-right: 0;
    }
    /*#submain .result-list .result-list__item:nth-child(-n+4){
        border-top: 1px dotted #ccc;
        padding-top: 15px;
    }
    #submain .result-list .result-list__item:nth-child(-n+2){
        border-top: none;
        padding-top: 0;
    }*/
    #submain .getpoint-info{
        border-width: 2px;
        padding: 10px;
        width: auto;
        margin: 10px auto 40px;
    }
    #submain .getpoint-info .getpoint-info__txt{
        float: none;
        width: auto;
        margin-bottom: .5em;
    }
    #submain .getpoint-info .getpoint-info__btn{
        background: #F54B8C;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        position: relative;
        padding: 10px 15px 10px 0px;
        border-radius: 5px;
        float: none;
        margin: 0 auto;
        display: block;
    }
    #submain .getpoint-info .getpoint-info__btn:before{
        font-family: FontAwesome;
        content:"\f105";
        position: absolute;
        top: .85em;
        right: 0em;
        margin: 0 0.75em;
    }
}



/*================================================================================
    TOP 取扱店
================================================================================*/
#contents .top-tlc-ticket{
    background-color: #fff;
    margin-bottom: 20px;
    padding: 15px 15px 10px;
}
#contents .top-tlc-ticket .tab{
    overflow:hidden;
    border-bottom:#4C3E39 3px solid;
    padding:0;
    margin:0;
}
#contents .top-tlc-ticket .tab_item{
    float:left;
    margin-right:8px;
    list-style:none;
    padding:0;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}
#contents .top-tlc-ticket .tab_item a{
    display: block;
    cursor: pointer;
    padding: 10px 15px 5px;
    text-align: center;
    line-height: 20px;
    color: #4C3E39;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    background-color:#D9C6B7;
}
#contents .top-tlc-ticket .tab_item a:hover{
    background-color:#4C3E39;
    color: #fff;
}
#contents .top-tlc-ticket .tab_item a br{
    display: none;
}
#contents .top-tlc-ticket .tab_item.select a{
    background:#4C3E39;
    color: #fff;
}
#contents .top-tlc-ticket .content{
    padding: 20px 20px 10px;
    margin:0;
    background: #F6F2EE;
    border-radius: 0 0 5px 5px;
}
#contents .top-tlc-ticket .content_item{
    list-style:none;
    position: relative;
}
#contents .top-tlc-ticket .content_item .more-btn{
    text-align: right;
    margin: 5px 0 0;
    line-height: 1.4;
}
#contents .top-tlc-ticket .content_item .more-btn a{
    text-decoration: none;
    font-size: 13px;
    color: #4C3E39;
    font-weight: bold;
}
#contents .top-tlc-ticket .content_item .more-btn a:after{
    content: "\f105";
    font-family: 'FontAwesome';
    margin-left: 0.5em;
}
#contents .top-tlc-ticket .swiper-slide {
    background: #fff;
}
#contents .top-tlc-ticket .swiper-slide a {
    color: #B82E3B;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 5px;
    font-weight: bold;
    border-right: 1px solid #E3D5CB;
    border-bottom: #E3D5CB 1px solid;
}
#contents .top-tlc-ticket .swiper-slide a img {
    max-width:100%;
    width: 100%;
}
#contents .top-tlc-ticket .swiper-slide .swiper__item-thum {
    display: block;
    overflow: hidden;
}
#contents .top-tlc-ticket .swiper-slide .swiper__item-txt {
    display: block;
    margin: 5px 0 0;
    line-height: 21px;
}
#contents .top-tlc-ticket .swiper-button-next,
#contents .top-tlc-ticket .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -28px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
    background-position: center;
    background-repeat: no-repeat;
}
#contents .top-tlc-ticket .swiper-button-prev,
#contents .top-tlc-ticket .swiper-container-rtl .swiper-button-next {
    background-image: url("../images/top/btn_back_red.png");
    left: -15px;
}
#contents .top-tlc-ticket .swiper-button-next,
#contents .top-tlc-ticket .swiper-container-rtl .swiper-button-prev {
    background-image: url("../images/top/btn_next_red.png");
    right: -15px;
}

@media screen and (max-width:750px){
    #contents .top-tlc-ticket .tab_item{
        width: 49%;
        border-radius: 0;
        overflow: hidden;
        margin: 0;
    }
    #contents .top-tlc-ticket .tab_item:first-child {
        margin-right:2%;
    }
    #contents .top-tlc-ticket{
        margin-bottom: 0;
        padding: 0;
    }
    #contents .top-tlc-ticket .swiper-slide a {
        padding: 8px;
    }
    #contents .top-tlc-ticket .content_item .swiper__item{
        text-align: center;
        box-sizing: border-box;
    }
    #contents .top-tlc-ticket .content_item .swiper__item a{
        padding: 8px;
    }
}

@media screen and (max-width:600px){
    #contents .top-tlc-ticket .content {
        padding:15px 15px 10px;
    }
    #contents .top-tlc-ticket .swiper-slide a {
        padding: 6px;
    }
    #contents .top-tlc-ticket .swiper-button-prev,
    #contents .top-tlc-ticket .swiper-container-rtl .swiper-button-next {
        left: -12px;
    }
    #contents .top-tlc-ticket .swiper-button-next,
    #contents .top-tlc-ticket .swiper-container-rtl .swiper-button-prev {
        right: -12px;
}
}

@media screen and (max-width:540px){
    #contents .top-tlc-ticket .tab_item a{
        padding: 10px 10px 10px;
        line-height: 1.2;
        font-size:14px;
    }
    #contents .top-tlc-ticket .tab_item a br{
        display: block;
    }
}



/*================================================================================
    TLCポイント支払いを利用する
================================================================================*/
#submain .pay_tlcpoint .bg_brown{
    background: #FAF3EB;
    padding: 20px 20px 10px;
}
#submain .pay_tlcpoint .bg_brown p{
    font-size: 16px;
}
#submain .pay_tlcpoint .pay_tlcpoint__title{
    border-bottom: #FB7186 2px solid;
    color: #FB7186;
    font: 20px;
}
#submain .pay_tlcpoint .pay_tlcpoint__title.pay_tlcpoint__title--icon{
    color: #333;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 3px;
}
#submain .pay_tlcpoint .pay_tlcpoint__title.pay_tlcpoint__title--icon .icon_question{
    display: block;
    float: left;
    margin-top: -5.5px;
    margin: -5.5px 5px auto 0;
}
#submain .pay_tlcpoint .btn{
    overflow: hidden;
    list-style: none;
    text-align: center;
}
#submain .pay_tlcpoint .btn .btn__item{
    display: inline-block;
    width: 320px;
    position: relative;
}
#submain .pay_tlcpoint .btn .btn__item:last-child{
    margin-left: 40px;
}
#submain .pay_tlcpoint .btn .btn__item a{
    background: #FB7186;
    border-radius:3px;
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 20px 0 18px;
    text-align: center;
    font-size: 22px;
    border-right: #FA3452 2px solid;
    border-bottom: #FA3452 2px solid;
}
#submain .pay_tlcpoint .btn .btn__item a:before{
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: 10px;
}
#submain .pay_tlcpoint .btn .btn__item a:hover{
    background: #F95166;
    border-right-color: #F8253E;
    border-bottom-color: #F8253E;
}
#submain .pay_tlcpoint p.bigtext{
    font-size: 26px;
    margin-left: 0;
}
#submain .pay_tlcpoint .bigtext:before{
    content: none;
    margin-left: 0;
}
#submain .pay_tlcpoint .bigtext .bigtext{
    font-size: 36px;
    margin: 0 5px 0 2px;
}
#submain .exchange-how.how-tlcpoint{
    border-color: #FB7186;
}
#submain .exchange-how.how-tlcpoint.how-tlcpoint--no-border{
    border:none;
}
#submain .exchange-how.how-tlcpoint .exchange-how__tit{
    background: #FB7186;
    border-radius: 3px;
}
#submain .exchange-how.how-tlcpoint .exchange-how__tit span.icon{
    color: #FB7186;
}
#submain .exchange-how.how-tlcpoint .exchange-how__area .area-how .area-how__tit:before{
    color: #FB7186;
}
#submain .exchange-how.how-tlcpoint.how-tlcpoint--no-border .exchange-how__tit {
    padding-left: 16px;
}
#submain .exchange-how.how-tlcpoint.how-tlcpoint--no-border .exchange-how__tit:before {
    content: "";
}

#submain .exchange-how.how-tlcpoint .point-kind{
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item{
    border-radius: 5px;
    display: inline-block;
    width: 260px;
    font-weight: bold;
    margin-right: 20px;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item:last-child{
    margin-right: 0;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item p{
    display: table;
    font-size: 20px;
    text-align: left;
    line-height: 1.5;
    padding: 20px 10px;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item p .text,#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item p .icon{
    display: table-cell;
    vertical-align: middle;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item p .icon{
    padding-right: 10px;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item.point-kind__item--lp{
    background: #FFEEE1;
    color: #D05800;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item.point-kind__item--urunon{
    color: #0079BF;
    background: #C5EFFA;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item.point-kind__item--urunon p{
    padding: 12px 5px;
    font-size: 18px;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item.point-kind__item--urunon .s{
    font-size: 16px;
    display: block;
}
#submain .exchange-how.how-tlcpoint .point-kind .point-kind__item.point-kind__item--security{
    background: #D2E7FB;
    color: #00549C;
}
#submain .exchange_money_ameba .exchange_money_ameba_touroku.exchange_money_ameba_touroku--tlcpoint ol li:after{
    background: url("../images/point/guide_arrow.gif") ;
}
#submain .exchange_money_ameba .exchange_money_ameba_touroku.exchange_money_ameba_touroku--tlcpoint ol li.ameba_touroku_list04{
    background: rgba(0, 0, 0, 0) url("../images/exchange/tlcpoint/pay_num04.jpg") no-repeat scroll 0 center;
}
#submain .exchange_money_ameba .exchange_money_ameba_touroku.exchange_money_ameba_touroku--tlcpoint ol li:last-child:after{
    background: none;
}
#submain .pay_tlcpoint .exchange-how__area{
    padding-bottom: 0;
}
#submain .pay_tlcpoint .exchange_money_ameba{
    margin-bottom: 10px;
}
#submain .pay_tlcpoint .change-point{
    color: #FB7489;
}
#submain .pay_tlcpoint .waku_change-point{
    background-color: #fff;
    border: 2px solid #FB7489;
    clear: both;
    margin-bottom: 20px;
    padding: 20px 20px 5px;
}

@media screen and (max-width:750px){
    #submain .pay_tlcpoint .bg_brown{
        padding: 10px;
    }
    #submain .pay_tlcpoint .pay_tlcpoint__title{
        font: 16px;
    }
    #submain .pay_tlcpoint .pay_tlcpoint__title.pay_tlcpoint__title--icon{
        font-size: 18px;
    }
    #submain .pay_tlcpoint .pay_tlcpoint__title.pay_tlcpoint__title--icon .icon_question{
        margin: -3.5px 5px auto 0;
    }
    #submain .pay_tlcpoint .btn{
        margin: 0;
        padding: 0;
    }
    #submain .pay_tlcpoint .btn .btn__item{
        display: block;
        width: auto;
    }
    #submain .pay_tlcpoint .btn .btn__item:last-child{
        margin-left: 0px;
    }
    #submain .pay_tlcpoint .btn .btn__item a{
        padding: 10px 0 8px;
        font-size: 16px;
    }
    #submain .pay_tlcpoint .btn .btn__item a:before{
        margin-top: -.7em;
    }
    #submain .pay_tlcpoint p.bigtext{
        font-size: 16px;
    }
    #submain .pay_tlcpoint .bigtext .bigtext{
        font-size: 20px;
        margin: 0 5px 0 2px;
    }
    #submain .pay_tlcpoint .bigtext+ .center img{
        width: 68px;
    }
    #submain .exchange-how.how-tlcpoint{
        border-color: #FB7186;
    }
    #submain .exchange-how.how-tlcpoint.how-tlcpoint--no-border{
        border:none;
    }
    #submain .exchange-how.how-tlcpoint .exchange-how__tit{
        background: #FB7186;
        border-radius: 3px;
    }
    #submain .exchange-how.how-tlcpoint .exchange-how__tit span.icon{
        color: #FB7186;
    }
    #submain .exchange-how.how-tlcpoint .exchange-how__area .area-how .area-how__tit:before{
        color: #FB7186;
    }
    #submain .exchange-how.how-tlcpoint .point-kind{
        overflow: hidden;
    }
    #submain .exchange-how.how-tlcpoint .point-kind .point-kind__item{
        width: 100%;
        margin: 3% 0;
        box-sizing: border-box;
        display: block;
        padding:3%;
        height: auto !important;
    }
    #submain .exchange-how.how-tlcpoint .point-kind .point-kind__item p{
        font-size: 16px;
        padding: 0;
    }
    #submain .exchange-how.how-tlcpoint .point-kind .point-kind__item p .text,
    #submain .exchange-how.how-tlcpoint .point-kind .point-kind__item p .icon{
    }
    #submain .exchange-how.how-tlcpoint .point-kind .point-kind__item p .icon{
        width: 20%;
    }
    #submain .exchange-how.how-tlcpoint .point-kind .point-kind__item.point-kind__item--urunon p{
        padding: 0;
    }
    #submain .exchange-how.how-tlcpoint .point-kind .point-kind__item.point-kind__item--urunon .s{
        font-size: 15px;
        display: block;
    }
    #submain .exchange-how.how-tlcpoint .point-kind .point-kind__item.point-kind__item--urunon .s br{
        display: none;
    }
    #submain .exchange_money_ameba .exchange_money_ameba_touroku.exchange_money_ameba_touroku--tlcpoint ol li{
        margin-bottom: 25px;
    }
    #submain .exchange_money_ameba .exchange_money_ameba_touroku.exchange_money_ameba_touroku--tlcpoint ol li.ameba_touroku_list04{
        background: rgba(0, 0, 0, 0) url("../images/exchange/tlcpoint/pay_num04.jpg") no-repeat scroll 0 2px;
    }
    #submain .pay_tlcpoint .exchange_money_ameba{
        margin-bottom: 10px;
    }
    #submain .pay_tlcpoint .waku_change-point{
        margin-bottom: 10px;
        padding: 10px 10px 5px;
    }
}



/*================================================================================
    交換ページ共通
================================================================================*/
#submain .exchange-detail .main-btn {
    text-align: center;
}
#submain .exchange-detail .main-btn a {
    font-size: 20px;
    line-height: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    min-width: 360px;
    padding: 20px 60px;
    position: relative;
    background-color: #F54B8C;
    border-top: none;
    border-left: none;
    border-bottom: 2px solid #CA2967;
    border-right: 2px solid #CA2967;
    border-radius: 5px;
    box-sizing: border-box;
}
#submain .exchange-detail .main-btn a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
#submain .exchange-detail .main-btn a:hover {
    background-color: #CA2967;
}
#submain .exchange-detail .exchange-main {
    text-align: center;
    margin-bottom: 30px;
}
#submain .exchange-detail .exchange-main p.textright {
    margin-top: -12px;
}
#submain .exchange-detail .exchange-table {
    margin-bottom: 30px;
}
#submain .exchange-detail .exchange-table th {
    background-image: url(../images/slant_bg2.gif);
}
#submain .exchange-detail .exchange-table .exchange-card {
    display: flex;
    margin: 5px 0 0;
    padding: 0;
}
#submain .exchange-detail .exchange-table .exchange-card li {
    list-style: none;
    margin-right: 8px;
}
#submain .exchange-detail .exchange-contact__outer {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    flex-wrap: wrap;
}
#submain .exchange-detail .exchange-contact {
    -webkit-flex-basis: 46%;
    flex-basis: 46%;
    background: #FFF;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    text-align: center;
}
#submain .exchange-detail .exchange-contact__ttl {
    color: #FFF;
    font-weight: bold;
    font-size: 22px;
    margin: 0;
    line-height: 60px;
    position: relative;
    background: #F54B8C;
}
#submain .exchange-detail .exchange-contact__ttl:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border-color: #F54B8C transparent transparent transparent;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border-width: 15px 20px 0 20px;
    border-style: solid;
}
#submain .exchange-detail .exchange-contact__ttl--tel:before {
    content: "\f095";
    font-family: 'FontAwesome';
    margin-right: 0.5em;
    font-weight: normal;
}
#submain .exchange-detail .exchange-contact__ttl--web:before {
    content: "\f108";
    font-family: 'FontAwesome';
    margin-right: 0.5em;
    font-weight: normal;
}
#submain .exchange-detail .exchange-contact__body {
    padding: 10px 0 0;
    display: table;
    width: 100%;
    height: 180px;
    border: 3px solid #DDD;
    border-top: none;
    box-sizing: border-box;
}
#submain .exchange-detail .exchange-contact__body--low {
    height: 130px;
}
#submain .exchange-detail .exchange-contact__body__inner {
    display: table-cell;
    vertical-align: middle;
}
#submain .exchange-detail .exchange-contact__body .contact-company {
    font-size: 125%;
    display: block;
}
#submain .exchange-detail .exchange-contact__body .contact-number {
    font-weight: bold;
    font-size: 237%;
    color: #F54B8C;
    display: block;
}
#submain .exchange-detail .exchange-contact__body .contact-time {
    display: block;
}
#submain .exchange-detail .exchange-contact__body .main-btn a {
    background: #FF9831;
    border-bottom: 2px solid #C16100;
    border-right: 2px solid #C16100;
    width: 85%;
    min-width: 0;
}
#submain .exchange-detail .exchange-contact__body .main-btn a:hover {
    background: #C16100;
}
#submain .exchange-detail .exchange-contact__body .main-btn a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
}
#submain .exchange-detail .exchange-contact__body .main-btn + .main-btn {
    margin-top: 6px;
}
#submain .exchange-detail .exchange-contact__link {
    margin: 10px auto 0;
    padding: 0;
    text-align: right;
    font-size: 87.5%;
}
#submain .exchange-detail .exchange-contact__link + .exchange-contact__link {
    margin-top:3px;
}
#submain .exchange-detail .exchange-contact__link:after {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-left: 0.5em;
}
#submain .exchange-detail .exchange-contact__link a {
    text-decoration: none;
}
#submain .exchange-detail .exchange-section {
    margin: 7% 0;
}
#submain .exchange-detail .exchange-section__ttl {
    border-left: 6px solid #F54B8C;
    background: url("../images/slant_bg2.gif");
    line-height: 60px;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 0 0 0 15px;
}
#submain .exchange-detail .exchange-btns {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#submain .exchange-detail .exchange-btns--three {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#submain .exchange-detail .exchange-btns__list {
    margin: 0 10px;
    padding: 0;
    display: table;
    width: 32%;
    height: 80px;
    text-align: center;
    position: relative;
    z-index: 0;
}
#submain .exchange-detail .exchange-btns__list--wide {
    width: 40%;
}
#submain .exchange-detail .exchange-btns__list:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-size: 18px;
    z-index: -1;
}
#submain .exchange-detail .exchange-btns__list:hover:after {
    color: #F54B8C;
}
#submain .exchange-detail .exchange-btns__list--nwaon:before {
    content: "";
    background: url("../images/exchange/waon/nwaon_img.png") no-repeat;
    width: 31px;
    height: 38px;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
#submain .exchange-detail .exchange-btns__list a {
    border: 1px solid #CCC;
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.6;
    position: relative;
}
#submain .exchange-detail .exchange-btns__list--nwaon a {
    padding-left: 20px;
}
#submain .exchange-detail .exchange-btns__list a:hover {
    border-color: #F54B8C;
}
#submain .exchange-detail .exchange-btns__list a span {
    display: block;
    font-size: 12px;
}
#submain .exchange-detail .exchange-btns--three .exchange-btns__list {
    margin: 0;
}
#submain .exchange-detail .exchange-step {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#submain .exchange-detail .exchange-step__list {
    margin: 0;
    padding: 0;
    -webkit-flex-basis: 47.619047619%;
    flex-basis: 47.619047619%;
}
#submain .exchange-detail .exchange-step__list img {
    width: 100%;
    height: auto;
}
#submain .exchange-detail .exchange-step__list span {
    display: block;
    margin: 5px 0 0 1em;
    text-indent: -1em;
}
#submain .exchange-detail .exchange-step__list span:before {
    content: "※";
}
#submain .exchange-detail .exchange-area {
    margin-top:4%;
}
#submain .exchange-detail .exchange-area__ttl {
    border-bottom: 3px solid #F54B8C;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 0 5px;
}
#submain .exchange-detail .exchange-area__ttl span {
    font-size: 12px;
    margin-left: 0.3em;
}
#submain .exchange-detail .exchange-mv {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#submain .exchange-detail .exchange-mv__list {
    margin: 0;
    padding: 0;
    -webkit-flex-basis: 32%;
    flex-basis: 32%;
}
#submain .exchange-detail .exchange-mv__list .mv-ttl {
    font-size: 18px;
    margin: 0 0 3px;
    line-height: 80px;
    background: url("../images/slant_bg2.gif");
    position: relative;
}
#submain .exchange-detail .exchange-mv__list .mv-ttl a {
    padding: 0 0 0 15px;
    text-decoration: none;
    display: block;
}
#submain .exchange-detail .exchange-mv__list .mv-ttl a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-color: #F54B8C transparent transparent transparent;
    border-width: 20px 20px 0 0;
    border-style: solid;
}
#submain .exchange-detail .exchange-mv__list .mv-ttl a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 10px;
}
#submain .exchange-detail .exchange-mv__list .mv-ttl--waon a:after {
    background: url("../images/exchange/waon/waon_thum.png") no-repeat;
    width: 55px;
    height: 74px;
}
#submain .exchange-detail .exchange-mv__list .mv-ttl--aeon a:after {
    background: url("../images/exchange/waon/aeon_thum.png") no-repeat;
    width: 66px;
    height: 71px;
}
#submain .exchange-detail .exchange-mv__list .mv-ttl--fami a:after {
    background: url("../images/exchange/waon/fami_thum.png") no-repeat;
    width: 60px;
    height: 73px;
}
#submain .exchange-detail .exchange-mv__list .mv-content img {
    width: 100%;
    height: auto;
}
#submain .exchange-detail .exchange-mv__list .mv-content iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#submain .exchange-detail .about-mi {
    background-image: url(../images/slant_bg2.gif);
    padding: 10px;
}
#submain .exchange-detail .about-mi__inner {
    background-color: #FFF;
    padding: 1.5em 1em;
}
#submain .exchange-detail .about-mi h2 {
    font-size: 22px;
    border-bottom: none;
    text-align: center;
    margin-bottom: 10px;
}
#submain .exchange-detail .mipoint_shoplist {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
#submain .exchange-detail .mipoint_shoplist li {
    float: none;
    padding: 2em 5px;
    border-right: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
    text-align: center;
    width: 20%;
    box-sizing: border-box;
}
#submain .exchange-detail .kome {
    list-style: none;
    padding: 0;
    margin: 0;
}
#submain .exchange-detail .kome li {
    padding: 0;
    margin-left: 1em;
}
#submain .exchange-detail .kome li + li {
    margin-top: .25em;
}
#submain .exchange-detail .kome li:before {
    content: "※";
    margin-left: -1em;
}

/*---- LuLuCaポイントに交換する ----*/
#submain .exchange-detail--luluca .exchange-main {
    margin: 30px 0;
}
#submain .exchange-detail--luluca .exchange-btns {
    justify-content: center;
    margin: 20px 0 0;
}
#submain .exchange-detail--luluca .exchange-btns__list {
    height: 100px;
    margin: 0 10px;
}

/*---- エムアイポイントに交換する ----*/
#submain .exchange-detail--mi .exchange-main {
    margin: 30px 0;
}
#submain .exchange-detail--mi .exchange-contact--isetan {
    flex-basis: 100%;
    margin-top: 30px;
}
#submain .exchange-detail--mi .exchange-contact--isetan .exchange-contact__body__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .6em 1.3em 1.5em;
}
#submain .exchange-detail--mi .mipoint_shoplist li:last-child {
    border-bottom: none;
}
#submain .exchange-detail--mi .exchange-btns {
    justify-content: center;
    margin: 30px 0 0;
}

/*---- ドットマネーに交換する ----*/
#submain .exchange-detail--money .about-mi .kome {
    margin-top: 20px;
}
#submain .exchange-detail--money .about-mi .kome li {
    font-size: 12px;
}
#submain .exchange-detail--money .exchange-btns {
    justify-content: center;
    margin: 30px 0 0;
}



@media screen and (min-width:750px) {
    #submain .exchange-detail .mipoint_shoplist li:nth-of-type(5n) {
        border-right: none;
    }
    #submain .exchange-detail--money .mipoint_shoplist li:nth-of-type(5) ~ li {
        border-bottom: none;
    }
}

@media screen and (max-width:750px) {
    #submain .exchange-detail .exchange-main p.textright {
        margin-top: -5px;
    }
    #submain .exchange-detail .exchange-table tr {
        display: block;
    }
    #submain .exchange-detail .exchange-table th {
        display: block;
        width: auto;
    }
    #submain .exchange-detail .exchange-table td {
        display: block;
        width: auto;
    }
    #submain .exchange-detail .exchange-contact__outer {
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        margin: 15px;
    }
    #submain .exchange-detail .exchange-contact {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin-bottom: 20px;
    }
    #submain .exchange-detail .exchange-contact__ttl {
        font-size: 20px;
        line-height: 50px;
    }
    #submain .exchange-detail .exchange-contact__ttl:before {
        border-width: 10px 15px 0 15px;
    }
    #submain .exchange-detail .exchange-contact__body {
        padding: 30px 0 25px;
        display: block;
        height: auto;
    }
    #submain .exchange-detail .exchange-contact__body__inner {
        display: block;
    }
    #submain .exchange-detail .exchange-section {
        margin: 10% 0;
    }
    #submain .exchange-detail .exchange-section__ttl {
        border-left: 5px solid #F54B8C;
        line-height: 1.4;
        font-size: 18px;
        margin-bottom: 15px;
        padding: 15px;
    }
    #submain .exchange-detail .about-mi h2 {
        font-size: 18px;
    }
    #submain .exchange-detail .mipoint_shoplist li {
        padding: 1.5em 2%;
        width: 33%;
    }
    #submain .exchange-detail .exchange-btns {
        display: block;
    }
    #submain .exchange-detail .exchange-btns__list {
        display: block;
        width: auto;
        height: auto;
        margin: 10px 5%;
    }
    #submain .exchange-detail .exchange-btns__list a {
        display: block;
        font-size: 16px;
        padding: 1em;
    }
    #submain .exchange-detail .exchange-btns__list--nwaon a {
        padding-left: 2em;
    }
    #submain .exchange-detail .exchange-step {
        display: block;
    }
    #submain .exchange-detail .exchange-step__list {
        margin: 10px 8%;
    }
    #submain .exchange-detail .exchange-mv {
        display: block;
    }
    #submain .exchange-detail .exchange-mv__list {
        width: auto;
    }
    #submain .exchange-detail .exchange-mv__list + .exchange-mv__list {
        margin-top: 20px;
    }
}

@media screen and (max-width:640px) {
    #submain .exchange-detail .main-btn a {
        min-width: 0;
        width: 90%;
        padding: 1em 2em;
        font-size: 16px;
        box-sizing: border-box;
        line-height: 1.4;
    }
    #submain .exchange-detail .main-btn a:after {
        font-size: 18px;
    }
    #submain .exchange-detail .exchange-contact__ttl {
        font-size: 18px;
        line-height: 45px;
    }
    #submain .exchange-detail .exchange-contact__body {
        padding: 20px 0 15px;
    }
    #submain .exchange-detail .exchange-contact__body .contact-company {
        font-size: 100%;
    }
    #submain .exchange-detail .exchange-contact__body .contact-number {
        font-size: 180%;
    }
    #submain .exchange-detail .exchange-contact__body .main-btn a {
        font-size: 18px;
    }
    #submain .exchange-detail .exchange-area {
        margin-top:6%;
    }
    #submain .exchange-detail .exchange-area__ttl {
        font-size: 18px;
        margin: 0 0 15px;
    }
    #submain .exchange-detail .exchange-area__ttl span {
        display: block;
        margin-left: 0;
    }
    #submain .exchange-detail .mipoint_shoplist li:nth-of-type(3n) {
        border-right: none;
    }
}



/*================================================================================
    TLCポイント支払いを利用する 201801改修
================================================================================*/
#submain .exchange-detail--pointpay .exchange-contact__ttl {
    background: #FB7186;
}
#submain .exchange-detail--pointpay .exchange-contact__ttl:after {
    border-color: #FB7186 transparent transparent transparent;
}
#submain .exchange-detail--pointpay .exchange-contact__body {
    border: none;
}
#submain .exchange-detail--pointpay .exchange-contact__body .main-btn a {
    background: #F54B8C;
    border-color: #BD0B4E;
}
#submain .exchange-detail--pointpay .exchange-contact__body .main-btn a:hover {
    background: #BD0B4E;
}
#submain .exchange-detail--pointpay .exchange-contact__body .contact-link {
    width: 85%;
    margin: 5px auto 0;
    padding: 0;
    text-align: right;
    font-size: 87.5%;
}
#submain .exchange-detail--pointpay .exchange-contact__body .contact-link a {
    text-decoration: none;
}
#submain .exchange-detail--pointpay .exchange-contact__body .contact-link:after {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-left: 0.5em;
}
#submain .exchange-detail--pointpay .point-kind {
    padding: 0.5%;
    background: #FFF;
    list-style-type: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#submain .exchange-detail--pointpay .point-kind__item {
    margin: 5px 0.66%;
    padding: 0;
    -webkit-flex-basis: 32%;
    flex-basis: 32%;
    border-radius: 5px;
}
#submain .exchange-detail--pointpay .point-kind__item p {
    display: table;
    text-align: left;
    padding: 20px 10px;
    font-size: 20px;
    line-height: 1.3;
}
#submain .exchange-detail--pointpay .point-kind__item p .icon,
#submain .exchange-detail--pointpay .point-kind__item p .text {
    display: table-cell;
    vertical-align: middle;
}
#submain .exchange-detail--pointpay .point-kind__item p .icon {
    padding-right: 10px;
}
#submain .exchange-detail--pointpay .point-kind__item p .text {
    font-weight: bold;
}
#submain .exchange-detail--pointpay .point-kind__item p .text .s {
    font-size: 16px;
    display: block;
}
#submain .exchange-detail--pointpay .point-kind__item p .text .ss {
    font-size: 12px;
}
#submain .exchange-detail--pointpay .point-kind__item--lp {
    background: #FFEEE1;
    color: #D05800;
}
#submain .exchange-detail--pointpay .point-kind__item--urunon {
    background: #C5EFFA;
    color: #0079BF;
}
#submain .exchange-detail--pointpay .point-kind__item--urunon p {
    font-size: 17px;
}
#submain .exchange-detail--pointpay .point-kind__item--urunon p .text .s {
    font-size: 15px;
}
#submain .exchange-detail--pointpay .point-kind__item--security {
    background: #D2E7FB;
    color: #00549C;
}
#submain .exchange-detail--pointpay .point-kind__item--tnc {
    background: #EBF3E0;
    color: #2C9F30;
}
#submain .exchange-detail--pointpay .point-kind__item--tnc p {
    font-size: 17px;
}
#submain .exchange-detail--pointpay .point-kind__item--tnc p .text .s {
    font-size: 15px;
}
#submain .exchange-detail--pointpay .point-kind__item--tnc p .text .ss {
    font-size: 11px;
}
#submain .exchange-detail--pointpay .point-kind__item--tcn {
    background: #FDF5D5;
    color: #D2AC00;
}
#submain .exchange-detail--pointpay .point-kind__item--libmo {
    background: #E6EEE4;
    color: #00662A;
}

@media screen and (max-width:750px) {
    #submain .exchange-detail--pointpay .point-kind {
        padding: 2%;
    }
    #submain .exchange-detail--pointpay .point-kind__item {
        margin: 5px 1%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    #submain .exchange-detail--pointpay .point-kind__item p {
        padding: 10px;
        font-size: 16px;
    }
    #submain .exchange-detail--pointpay .point-kind__item p .icon {
        width: 40px;
    }
    #submain .exchange-detail--pointpay .point-kind__item p .text {
        line-height: 1.4;
    }
    #submain .exchange-detail--pointpay .point-kind__item p .text .s br {
        display: none;
    }
    #submain .exchange-detail--pointpay .point-kind__item--urunon p .text .s {
        font-size: 14px;
    }
    #submain .exchange-detail--pointpay .point-kind__item--tnc p .text .s {
        font-size: 14px;
    }
    #submain .exchange-detail--pointpay .point-kind__item--tnc p .text .ss {
        font-size: 10px;
    }
}



/*================================================================================
    パワーアップ
================================================================================*/
#submain .main {
    margin:0 0 30px;
}
#submain .gradeup_box{
    background: url(../images/201703/powerup/bg.jpg);
    color: #333;
}
#submain .gradeup_box p{
    padding-bottom: 0;
}
#submain .text-ttl{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 6px;
}
#submain .text-center{
    text-align: center;
    margin:20px auto;
}
#submain .text-center p{
    font-size: 18px;
    font-weight: bold;
}
#submain .bg-white{
    background: #FFF;
    padding: 15px 20px;
    text-align: center;
    border-radius: 5px;
    margin: 20px auto;
}
#submain .gradeup_cont{
    overflow: hidden;
    margin: 15px 0;
    text-align: center;
}
#submain #gradeup01 {
    border:2px solid #FB7186;
}
#submain #gradeup01 h2 {
    background:#FB7186;
}
#submain #gradeup01 .gradeup_cont div:first-child{
    padding-top: 20px;
    float: left;
    width: 36%;
}
#submain #gradeup01 .gradeup_cont div:last-child{
    float: right;
    width: 64%;
}
#submain #gradeup01 .gradeup_cont div img{
    max-width: 100%;
    width: auto;
    height: auto;
}
#submain #gradeup01 .gradeup_detail_btn {
    background:#FB7186;
    border:3px solid #FB7186;
}
#submain #gradeup01 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#FB7186;
}
#submain #gradeup02 {
    border:2px solid #52A5E9;
}
#submain #gradeup02 h2 {
    background:#52A5E9;
}
#submain #gradeup02 .gradeup_detail_btn {
    background:#52A5E9;
    border:3px solid #52A5E9;
}
#submain #gradeup02 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#52A5E9;
}
#submain #gradeup03 {
    border:2px solid #00BC9D;
}
#submain #gradeup03 h2 {
    background:#00BC9D;
}
#submain #gradeup03 .gradeup_detail_btn {
    background:#00BC9D;
    border:3px solid #00BC9D;
}
#submain #gradeup03 .gradeup_detail_btn:hover {
    background:#FFF;
    color:#00BC9D;
}
#submain #gradeup03 .bg-white{
    overflow: hidden;
    padding: 15px 35px;
}
#submain #gradeup03 .bg-white div:first-child{
    padding-top: 0;
    float: left;
    width: 56%;
}
#submain #gradeup03 .bg-white div:last-child{
    float: left;
    width: 44%;
}
#submain #gradeup03 .bg-white div img{
    max-width: 100%;
    width: auto;
    height: auto;
}
@media screen and (max-width:750px) {
    #submain .main {
        margin:0 0 20px;
    }
    #submain .gradeup_box{
        margin-bottom: 50px;
    }
    #submain .gradeup_box p{
        padding-bottom: 0;
    }
    #submain #gradeup01 h2 img ,#submain #gradeup02 h2 img ,#submain #gradeup03 h2 img {
        width: 80px;
        height: auto;
    }
    #submain .text-ttl{
        font-size: 16px;
        margin-bottom: 5px;
    }
    #submain .text-center{
        text-align: left;
        margin:15px auto;
    }
    #submain .text-center p{
        font-size: 14px;
    }
    #submain .bg-white{
        background: #FFF;
        padding: 10px 10px;
        text-align: center;
        border-radius: 5px;
        margin: 10px auto;
    }
    #submain .gradeup_cont{
        overflow: hidden;
        margin: 15px 0;
        text-align: center;
    }
    #submain #gradeup03 .bg-white{
        overflow: hidden;
        padding: 10px 10px;
    }
    #submain #gradeup03 .bg-white div:first-child{
        padding-top: 0;
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    #submain #gradeup03 .bg-white div:first-child img{
        max-width: 300px;
        width: 100%;
        height: auto;
    }
    #submain #gradeup03 .bg-white div:last-child{
        float: none;
        width: 100%;
        text-align: center;
    }
    #submain #gradeup03 .bg-white div:last-child img{
        max-width: 200px;
        width: 100%;
        height: auto;
    }
}



/*================================================================================
    TLCセレクションとは
================================================================================*/
#submain .about-tlc-selection .page-nav{
    float: none;
    width: auto;
    position: unset;
}
#submain .about-tlc-selection .page-nav .page-nav-list{
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#submain .about-tlc-selection .page-nav .page-nav-list__item{
    background: url(../images/selection/aboutselection/nav_btn_bg.jpg);
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    width: 208px;
    margin-right: 3px;
    border-radius: 1px;
    padding: 0;
}
#submain .about-tlc-selection .page-nav .page-nav-list__item:last-child{
    margin-right: 0;
    width: 207px;
}
#submain .about-tlc-selection .page-nav .page-nav-list__item a{
    text-decoration: none;
    color: #fff;
    line-height: 1;
    padding: 20px 0 30px;
    display: block;
    position: relative;
}
#submain .about-tlc-selection .page-nav .page-nav-list__item a:after{
    content: "\f107";
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    bottom: 8px;
    left: 50%;
}
#submain .about-tlc-selection .page-nav .page-nav-list__item a:hover:after{
    bottom: 3px;
}
#submain .about-tlc-selection .tlc-selection .tlc-selection__title{
    background: url(../images/selection/aboutselection/title_bg.jpg) no-repeat right center;
    border: none;
    margin: 20px auto 0;
}
#submain .about-tlc-selection .tlc-selection__title .tlc-selection__title__inner{
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    padding: 30px 20px 10px;
    display: block;
}
#submain .about-tlc-selection .tlc-selection__body{
    background: url(../images/selection/aboutselection/body_bg.jpg);
    padding: 20px 0px 5px;
}
#submain .about-tlc-selection .kome{
    font-size: 14px;
    line-height: 1.6;
    margin-top: 10px;
    text-align: right;
}
#submain .about-tlc-selection .btn{
    text-align: center;
    margin: 20px auto;
}
#submain .about-tlc-selection .btn p{
    margin: 0;
    padding: 0;
}
#submain .about-tlc-selection .tlc-selection__body.tlc-selection__body--white{
    background: #fff;
}
#submain .about-tlc-selection .tlc-selection__body.tlc-selection__body--white .big{
    font-size: 120%;
    font-weight: bold;
}
#submain .about-tlc-selection .tlc-selection__body.tlc-selection__body--white .big br{
    display: none;
}
#submain .about-tlc-selection .method-box{
    border: 4px solid #82C1EA;
    display: table;
    width: 99%;
    margin: 15px auto;
}
#submain .about-tlc-selection .method-box .method-box__title{
    background: #82C1EA;
    display: table-cell;
    vertical-align: middle;
    width: 220px;
}
#submain .about-tlc-selection .method-box .method-box__title p{
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    padding: 0;
}
#submain .about-tlc-selection .method-box .method-box__img{
    text-align: center;
    padding: 10px;
}
#submain .about-tlc-selection .attention{
    margin: 0;
    padding: 0;
}
#submain .about-tlc-selection .attention .attention__item{
    margin-left: 1em;
    list-style: none;
}
#submain .about-tlc-selection .attention .attention__item:before{
    margin-left: -1em;
    content: "※";
}
#submain .about-tlc-selection .tlc-selection__box .accordion .accordion__title{
    background-color: #82C1EA;
    border-radius: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 24px;
    background-size: 16px;
}
#submain .about-tlc-selection .tlc-selection__box .accordion .accordion__title br{
    display: none;
}
#submain .about-tlc-selection .tlc-selection__box .accordion .accordion__body{
    background: url(../images/selection/aboutselection/body_bg.jpg);
    padding: 20px 0px 5px;
}
#submain .about-tlc-selection .tlc-selection__box .accordion .accordion__body dl.guideDl{
    margin-bottom: 0;
}
#submain .about-tlc-selection .tlc-selection__box .accordion .accordion__body dl.guideDl > dd{
    display: block;
    border: none;
    background: #fff;
    padding-bottom: 0;
}
 #submain .about-tlc-selection .tlc-selection__box .accordion .accordion__body dl.guideDl > dd ol > li{
     position: relative;
}
#submain .about-tlc-selection .tlc-selection__box .accordion .accordion__body dl.guideDl > dd ol > li:after{
    background: url("../images/point/guide_arrow.gif") ;
}
#submain .about-tlc-selection .tlc-selection__box .accordion .accordion__body dl.guideDl > dd ol > li:last-child:after{
    background: none;
}

@media screen and (max-width:750px){
    #submain .about-tlc-selection .page-nav{
        float: none;
        width: auto;
        position: unset;
    }
    #submain .about-tlc-selection .page-nav .page-nav-list{
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    #submain .about-tlc-selection .page-nav .page-nav-list__item{
        font-size: 16px;
        width: 49%;
        margin-right: 2%;
        box-sizing: border-box;
        margin-bottom: 2%;
    }
    #submain .about-tlc-selection .page-nav .page-nav-list__item:nth-child(2n){
        margin-right: 0;
        width: 49%;
    }
    #submain .about-tlc-selection .page-nav .page-nav-list__item a{
        padding: 8px 0 18px;
    }
    #submain .about-tlc-selection .page-nav .page-nav-list__item a:after{
        content: "\f107";
        font-family: 'FontAwesome';
        display: block;
        position: absolute;
        bottom: 0px;
    }
    #submain .about-tlc-selection .page-nav .page-nav-list__item a:hover:after{
        bottom: -3px;
    }
    #submain .about-tlc-selection .tlc-selection .tlc-selection__title{
        margin: 0px auto 0;
        background-size: cover
    }
    #submain .about-tlc-selection .tlc-selection__title .tlc-selection__title__inner{
        font-size: 16px;
        padding: 32px 30px 15px 10px;
    }
    #submain .about-tlc-selection .tlc-selection__body{
        background-size: contain;
        padding: 20px 0px 5px;
    }
    #submain .about-tlc-selection .kome{
        font-size: 12px;
        padding: 0;
    }
    #submain .about-tlc-selection .btn{
        text-align: center;
        margin: 10px auto 25px;
    }
    #submain .about-tlc-selection .tlc-selection__body.tlc-selection__body--white .big{
        font-size: 100%;
        font-weight: bold;
    }
    #submain .about-tlc-selection .tlc-selection__body.tlc-selection__body--white .big br{
        display: block;
    }
    #submain .about-tlc-selection .method-box{
        border: 2px solid #82C1EA;
        display: block;
        width: 99%;
        margin: 10px auto;
    }
    #submain .about-tlc-selection .method-box .method-box__title{
        display: block;
        width: auto;
    }
    #submain .about-tlc-selection .method-box .method-box__title p{
        font-size: 12px;
        line-height: 1.4;
        padding: 1em;
    }
    #submain .about-tlc-selection .method-box .method-box__title p br{
        display: none;
    }
    #submain .about-tlc-selection .tlc-selection__box .accordion .accordion__title{
        font-size: 16px;
        background-size: 12px;
    }
    #submain .about-tlc-selection .tlc-selection__box .accordion .accordion__title br{
        display: block;
    }
    #submain .about-tlc-selection .tlc-selection__box .accordion .accordion__body{
        padding: 10px 10px 5px;
    }
}



/*================================================================================
    使う・交換するリニューアル
================================================================================*/
#submain .exchange_new_2017 .box{
    margin: 40px auto;
}
#submain .exchange_new_2017 .box:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .exchange_new_2017 .box .text{
    float: left;
    width: 520px;
}
#submain .exchange_new_2017 .box .text p{
    font-size: 16px;
    padding: 0;
}
#submain .exchange_new_2017 .box .btn{
    width: 250px;
    float: right;
}
#submain .exchange_new_2017 .box .btn p{
    padding: 0;
}
#submain .exchange_new_2017 .box .btn p a{
    background-image: url(../images/exchange/icon_beginner.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-color: #409E38;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
    padding: 1em 1.5em 1em 2.5em;
    position: relative;
    display: block;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#submain .exchange_new_2017 .box .btn p a:hover {
    background-color: #2B7D25;
}
#submain .exchange_new_2017 .box .btn p a:after{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -.8em;
}
#submain .exchange_new_2017 .box .exchange_new_2017__title{
    border: none;
    font-size: 21px;
    background: url(../images/exchange/border-line.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
#submain .exchange_new_2017 .box .exchange_new_2017__title:before{
    content: "\f021";
    font-family: 'FontAwesome';
    color: #F34B8C;
    margin-right: .5em;
}
#submain .exchange_new_2017 .box .exchange_new_2017-list{
    list-style: none;
    margin: 0;
    padding: 0 18px;
    margin: 0 0 0 -24px;
}
#submain .exchange_new_2017 .box .exchange_new_2017-list:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item{
    width: 252px;
    float: left;
    margin: 0 0 20px 24px;
    padding:0;
    position: relative;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item .new_icon{
    position: absolute;
    left: 5px;
    top: -15px;
    z-index: 999;
    background: #F00;
    color: #FFF;
    font-size: 12px;
    padding: 1px 4px;
    font-weight: bold;
    border-radius: 3px;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item span {
    display: block;
    border-radius: 8px;
    background: url(../images/exchange/slash_gray.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item a{
    display: block;
    border-color: #999;
    border-width: 4px;
    border-style: solid;
    border-radius: 7px;
    background: #fff;
    text-align: center;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    left: -5px;
    top: -5px;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item a:hover {
    background: #F2F2F2;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item a img{
    padding: 12px;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item a img:hover{
    opacity: 1;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item p{
    padding: 0;
    text-align: center;
    margin-top: 5px;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--waon a{
    border-color: #39BCDC;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--luluca a{
    border-color: #EF8200;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--mi a{
    border-color: #FCCF00;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--money a{
    border-color: #33B495;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--suica a{
    border-color: #6EB92B;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--ticket a{
    border-color: #fff;
    background: #7A96C9;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--selection a{
    border-color: #fff;
    background: #82BFEC;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--use a{
    border-color: #fff;
    background: #F6AB00;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--donation a{
    border-color: #fff;
    background: #EB6EA5;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--waon span{
    background: url(../images/exchange/slash_blue.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--luluca span{
    background: url(../images/exchange/slash_orange.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--mi span{
    background: url(../images/exchange/slash_yellow.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--money span{
    background: url(../images/exchange/slash_green.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--suica span{
    background: url(../images/exchange/slash_lime.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--ticket span{
    background: url(../images/exchange/slash_purple.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--selection span{
    background: url(../images/exchange/slash_sky.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--use span{
    background: url(../images/exchange/slash_pink.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--donation span{
    background: url(../images/exchange/slash_donation.gif);
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--waon a:hover{
    background: #D7F2F8;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--luluca a:hover{
    background: #FCE6CC;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--mi a:hover{
    background: #FEF5CC;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--money a:hover{
    background: #D6F0EA;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--suica a:hover{
    background: #E2F1D5;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--selection a:hover{
    background: #62A7E3;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--ticket a:hover{
    background: #4B65A3;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--use a:hover{
    background: #E69500;
}
#submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item.exchange_new_2017-list__item--donation a:hover{
    background: #E24B8F;
}

@media screen and (max-width:750px) {
    #submain .exchange_new_2017 .box{
        margin: 20px auto;
    }
    #submain .exchange_new_2017 .box .text{
        float: none;
        width: auto;
    }
    #submain .exchange_new_2017 .box .text p{
        font-size: 13px;
        padding: 0;
    }
    #submain .exchange_new_2017 .box .btn{
        width: auto;
        float: none;
        margin: 15px auto;
    }
    #submain .exchange_new_2017 .box .btn p{
        padding: 0;
    }
    #submain .exchange_new_2017 .box .btn p a{
        font-size: 14px;
        padding: .8em 1.5em .8em 2.5em;
    }
    #submain .exchange_new_2017 .box .btn p a:after{
        right: 15px;
    }
    #submain .exchange_new_2017 .box .exchange_new_2017__title{
        font-size: 18px;
    }
    #submain .exchange_new_2017 .box .exchange_new_2017-list{
        width: auto;
        margin-left:-2%;
        padding: 0;
    }
    #submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item{
        width: 46%;
        margin: 0 0 7% 4%;
    }
    #submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item .new_icon{
        top: -20px;
    }
    #submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item span{
    }
    #submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item a{
        border-width: 2px;
        border-radius: 4px;
    }
    #submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item a img{
        padding: 10px;
        width: 80%;
    }
    #submain .exchange_new_2017 .exchange_new_2017-list .exchange_new_2017-list__item p{
        font-size: 12px;
        margin: 3px 5px 0 -5px;
    }
}



/*================================================================================
    201704/伊勢丹バザール追加
================================================================================*/
#submain #isetan_bazaar .isetan_bazaar-tit{
    color: #209FAC;
    font-size: 2.8rem;
    font-size: 28px;
    background: url(../images/201704/isetan_bazaar/tit_border.jpg) repeat-x bottom;
    border-bottom: none;
    padding-bottom: 10px;
}
#submain #isetan_bazaar .isetan_bazaar-tit .isetan_bazaar-tit--txt{
    background: url(../images/201704/isetan_bazaar/tit_icon.jpg) no-repeat left;
    padding-left: 90px;
    padding-top: 10px;
}
#submain #isetan_bazaar .main .main_text{
    background: #9E6029;
    padding: 10px 0;
}
#submain #isetan_bazaar .main .main_text .place{
    padding-right: 25px;
}
#submain #isetan_bazaar .box{
    margin: 40px 20px 50px;
    list-style: none;
    padding: 0;
}
#submain #isetan_bazaar .box:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain #isetan_bazaar .box .box--5{
    width: 48%;
    float: left;
    margin-right: 2%;
}
#submain #isetan_bazaar .box .box--4{
    width: 38%;
    margin-right: 2%;
}
#submain #isetan_bazaar .box .box--6{
    width: 60% ;
}
#submain #isetan_bazaar .box .google-map{
    float: right;
}
#submain #isetan_bazaar .box .google-map iframe{
    width: 100%;
    min-height: 253px;
}
#submain #isetan_bazaar .box .box--5:nth-child(2n){
    margin-right: 0;
}
#submain #isetan_bazaar .box.box--tokuten{
    padding-left: 230px;
    background: url(../images/201704/isetan_bazaar/img06.jpg) no-repeat left top;
}
#submain #isetan_bazaar .about{
    list-style: none;
    padding: 0;
}
#submain #isetan_bazaar .about .about__item{
    background: url(../images/201704/isetan_bazaar/about_border.jpg) repeat-x bottom;
    margin-bottom: 10px;
}
#submain #isetan_bazaar .about .about__item p{
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 0;
    line-height: 1.4;
}
#submain #isetan_bazaar .about .about__item p span{
    display: block;
}
#submain #isetan_bazaar .about .about__item .about-tit{
    font-weight: bold;
}
#submain #isetan_bazaar .about .about__item .sml{
    font-size: 14px;
}
#submain #isetan_bazaar .box.box--kome{
    margin: 20px;
}
#submain #isetan_bazaar .box.box--kome .kome__item{
    margin-left: 1.2em;
    padding: 0;
    font-size: 16px;
}
#submain #isetan_bazaar .box.box--kome .kome__item:before{
    content: "※";
    margin-right: .2em;
    margin-left: -1.2em;
}

@media only screen and (max-width: 750px) {
    #submain #isetan_bazaar .main .main_text span img{
        max-width: 100%;
        width: auto;
    }
    #submain #isetan_bazaar .isetan_bazaar-tit{
        font-size: 2.2rem;
        font-size: 22px;
    }
    #submain #isetan_bazaar .isetan_bazaar-tit .isetan_bazaar-tit--txt{
        background-size: 50px;
        padding-left: 55px;
    }
    #submain #isetan_bazaar .main .main_text{
        padding: 0 10px 10px;
        line-height: 0;
    }
    #submain #isetan_bazaar .main .main_text .place{
        padding: 10px 0 3px 0;
        width: 50%;
        margin: 0 auto;
    }
    #submain #isetan_bazaar .main .main_text span{
        display: block;
    }
    #submain #isetan_bazaar .box{
        margin: 20px 10px 25px;
    }
    #submain #isetan_bazaar .box .box--4{
        width: auto;
        margin-right: 0;
    }
    #submain #isetan_bazaar .box .box--6{
        width: auto ;
    }
    #submain #isetan_bazaar .box .google-map{
        float: none;
    }
    #submain #isetan_bazaar .box .google-map iframe{
        min-height: 210px;
    }
    #submain #isetan_bazaar .box.box--tokuten{
        padding-left: 0;
        background-position: left bottom;
        background-size: 22%;
    }
    #submain #isetan_bazaar .box.box--tokuten p{
        padding-left: 35%;
    }
    #submain #isetan_bazaar .box.box--tokuten .font-size16{
        padding-left: 0;
    }
    #submain #isetan_bazaar .box.box--tokuten .font-size16 br{
        display: none;
    }
    #submain #isetan_bazaar .about .about__item p{
        font-size: 14px;
    }
    #submain #isetan_bazaar .box.box--kome{
        margin: 20px 10px 25px;
    }
}



/*================================================================================
    初夏の大北海道展201704
================================================================================*/
#submain #hokkaido_summer_2017 h2{
    border-bottom: none;
    margin: 0;
}
#submain #hokkaido_summer_2017 .sp{
    display: none;
}
#submain #hokkaido_summer_2017 .overbox_top{
    clear: both;
    width: 100%;
}
#submain #hokkaido_summer_2017 .overbox_top .right .btn_detail{
    display: block;
    border: #41450C 1px solid;
    border-radius: 4px;
    text-decoration: none;
    color: #41450C;
    font-size: 20px;
    background: url(../images/201704/hokkaido_summer/arrow_green.jpg) no-repeat center right 15px;
    padding: .4em 2em .3em 1em;
    margin: 1em auto;
}
#submain #hokkaido_summer_2017 .overbox_top .right .btn_detail:hover{
    background: url(../images/201704/hokkaido_summer/arrow_green.jpg) no-repeat center right 10px;
}
#submain #hokkaido_summer_2017 .box{
    margin: 30px auto;
}
#submain #hokkaido_summer_2017 .box-title.box-title--green{
    margin: 60px auto 0;
}
#submain #hokkaido_summer_2017 .box .box__body{
    background: url(../images/201704/hokkaido_summer/bg01.jpg);
    padding: 10px 10px 10px;
    margin-bottom: 10px;
    border-radius: 6px;
}
#submain #hokkaido_summer_2017 .box .box__body .present{
    text-align: center;
}
#submain #hokkaido_summer_2017 .box .box__body .present .present__item{
    display: inline-block;
    margin-bottom: 10px;
}
#submain #hokkaido_summer_2017 .box .box__body .present .present__item:nth-child(2){
    padding-left: 20px;
}
#submain #hokkaido_summer_2017 .box .box__body .present .present__item.present__item-width{
    width: 49%;
    box-sizing: border-box;
}
#submain #hokkaido_summer_2017 .box .box__body .present .present__item.present__item-width:nth-child(2){
    padding-left: 0px;
}
#submain #hokkaido_summer_2017 .box .box__body.box__body--white{
    background: #fff;
    margin-top: 20px;
}
#submain #hokkaido_summer_2017 .kome{
    list-style: none;
    text-indent: -1em;
    margin: 0;
    padding: 0 0 0 1em;
}
#submain #hokkaido_summer_2017 .kome .kome__item{
    padding: 0;
}
@media only screen and (max-width: 750px) {
    #submain #hokkaido_summer_2017 .sp{
        display: block;
    }
    #submain #hokkaido_summer_2017 .pc{
        display: none;
    }
    #submain #hokkaido_summer_2017 .overbox_top .right .btn_detail{
        font-size: 18px;
    }
    #submain #hokkaido_summer_2017 .box{
        margin: 15px auto;
    }
    #submain #hokkaido_summer_2017 .box-title.box-title--green{
        margin: 30px auto 0;
    }
    #submain #hokkaido_summer_2017 .box .box__body .present .present__item:nth-child(2){
        padding-left: 0;
    }
    #submain #hokkaido_summer_2017 .box .box__body.box__body--white{
        margin-top: 10px;
    }
}
@media only screen and (max-width: 430px) {
    #submain #hokkaido_summer_2017 .box .box__body .present .present__item.present__item-width{
        width: auto;
    }
}



/*================================================================================
    ビッグフライデーコラボイベント201704
================================================================================*/
#submain #iaeontlc201704 .box h2{
    border-bottom: none;
}
#submain #iaeontlc201704 .sp,#submain #aeontlc .sp{
    display: none;
}
#submain #iaeontlc201704 .main{
    margin-bottom: 30px;
}
#submain #iaeontlc201704 .event{
    margin: 50px auto;
}
#submain #iaeontlc201704 .event .center{
    margin: 30px auto;
}
#submain #iaeontlc201704 .box{
    margin: 50px auto;
}
#submain #iaeontlc201704 .sanka{
    background: url(../images/201704/iaeontlc201704/bg01.jpg);
    padding: 30px 20px 20px;
}
#submain #iaeontlc201704 .sanka .sanka--box{
    padding-left: 300px;
    background: url(../images/201704/iaeontlc201704/img03.png) no-repeat;
    background-position: left center;
}
#submain #iaeontlc201704 .sanka .sanka--box .sanka-txt{
    padding: 0 0 0 2em;
    font-size: 20px;
}
#submain #iaeontlc201704 .sanka .sanka--box .sanka-img {
    padding: 0;
}
#submain #iaeontlc201704 .challenge .challenge-txt{
    font-size: 20px;
}
#submain #iaeontlc201704 .challenge .waku_gray{
    text-align: center;
    border: 3px solid #ccc;
    border-radius: 6px;
    padding: 1em;
    font-size: 16px;
    margin: 20px auto;
}

@media only screen and (max-width: 750px) {
    #submain #iaeontlc201704 .box h2{
        border-bottom: none;
    }
    #submain #iaeontlc201704 .sp,#submain #aeontlc .sp{
        display: block;
    }
    #submain #iaeontlc201704 .pc,#submain #aeontlc .pc{
        display: none;
    }
    #submain #iaeontlc201704 .main{
        margin-bottom: 15px;
    }
    #submain #iaeontlc201704 .event{
        margin: 25px auto;
    }
    #submain #iaeontlc201704 .event .center{
        margin: 15px auto;
    }
    #submain #iaeontlc201704 .box{
        margin: 25px auto;
    }
    #submain #iaeontlc201704 .sanka{
        padding: 15px 10px 10px;
    }
    #submain #iaeontlc201704 .sanka .sanka--box{
        padding-left: 0px;
        background-position: center bottom;
        padding-bottom: 35%;
        background-size: 50%;
    }
    #submain #iaeontlc201704 .sanka .sanka--box .sanka-txt{
        padding: 0 0 ;
        font-size: 16px;
    }
    #submain #iaeontlc201704 .challenge .challenge-txt{
        font-size: 16px;
    }
    #submain #iaeontlc201704 .challenge .waku_gray{
        border: 2px solid #ccc;
        font-size: 14px;
        margin: 10px auto;
    }
}



/*================================================================================
    ご紹介キャンペーン
================================================================================*/
#submain #kasatoku_camp .about.about--sp{
    display: none;
}
#submain #kasatoku_camp .about{
    margin: 30px auto;
    width: 787px;
}
#submain #kasatoku_camp .about:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain #kasatoku_camp .about .img{
    float: left;
    margin-right: 10px;
}
#submain #kasatoku_camp .about .border-box{
    float: left;
    width: 594px;
}
#submain #kasatoku_camp .about .border{
    display: block;
    line-height: 0;
}
#submain #kasatoku_camp .about .border-box p{
    padding: 14px 5px;
    line-height: 1.8;
}
#submain #kasatoku_camp .about .border-box p .border-txt{
    font-weight: bold;
}
#submain #kasatoku_camp .kasatoku-service{
    margin: 50px auto;
}
#submain #kasatoku_camp .kasatoku-service p{
    font-size: 16px;
}
#submain #kasatoku_camp .kasatoku-service .service__ttl{
    border-bottom: none;
    color: #fff;
    font-size: 28px;
    background: #EF9886;
    border-radius: 10px;
    text-align: center;
    padding: .3em;
}
#submain #kasatoku_camp .kasatoku-service .service-box:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

#submain #kasatoku_camp .kasatoku-service .service-box .box{
    width: 409px;
    float: left;
}
#submain #kasatoku_camp .kasatoku-service .service-box .box:nth-child(2n){
    margin-left: 22px;
}
#submain #kasatoku_camp .kasatoku-service .service-box{
    margin: 20px auto 0px;
}
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl{
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    margin: 0;
}
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl:before{
    content: "■";
    margin-right: .5em;
}
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl.service-box__ttl--orange{ background: url(../images/201704/introduce1705/border_orange.jpg) repeat-x left bottom;    }
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl.service-box__ttl--orange:before{ color: #D17900;
}
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl.service-box__ttl--green{ background: url(../images/201704/introduce1705/border_green.jpg) repeat-x left bottom;    }
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl.service-box__ttl--green:before{ color: #48A930;
}
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl.service-box__ttl--blue{ background: url(../images/201704/introduce1705/border_blue.jpg) repeat-x left bottom;    }
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl.service-box__ttl--blue:before{ color: #0086C6;
}
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl.service-box__ttl--purple{ background: url(../images/201704/introduce1705/border_purple.jpg) repeat-x left bottom;    }
#submain #kasatoku_camp .kasatoku-service .box .service-box__ttl.service-box__ttl--purple:before{ color: #27197A;
}
#submain #kasatoku_camp .kasatoku-service .box ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item{
    margin: 15px auto 15px;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list:last-child .service-list__item:last-child{
    margin: 0 auto;
}
#submain #kasatoku_camp .kasatoku-service .service-box.service-box .box .service-list .service-list__item{
    margin: 15px auto 15px;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon-container{
    float: left;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon{
    display: table;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon + .icon{
    margin-top: 15px;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon .img, #submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon .title{
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    text-align: left;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item{
    padding-left: 190px;
    padding-top: 10px;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon .title{
    padding-left: .5em;
    font-weight: bold;
    font-size: 14px;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon .title small{
    display: inline-block;
    font-size: 10px;
    margin: 0;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon .title small:before{
    content: "";
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .service-item__item a{
    font-size: 14px;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .service-item__item{
    margin-left: 1em;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item .service-item__item:before{
    font-family: FontAwesome;
    content:"\f0da";
    float: left;
    margin-right: .2em;
    font-size: 14px;
    margin-left: -1em;
}

#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--lpgas .service-item__item:before{ color: #CD5600; }
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--toshigas .service-item__item:before{ color: #D07B00; }
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--denki .service-item__item:before{ color: #C6000F; }
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--internet .service-item__item:before{ color: #46A730; }

#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--tv .service-item__item:before{ color: #ECC900; }
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--libmo .service-item__item:before{ color: #006D2E; }
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--aqua .service-item__item:before{ color: #0085C5; }
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--security .service-item__item:before{ color: #00549C; }
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-item.service-item--home .service-item__item:before{ color: #271777; }

#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .service-item__item .kome{
    font-size: 13px;
    margin-left: 1em;
}
#submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .service-item__item .kome:before{
    content: "※";
    margin-left: -1em;
}
#submain #kasatoku_camp .attention{
    background: #FFFFF0;
    width: 790px;
    margin: 0 auto;
}
#submain #kasatoku_camp .attention .attantion__ttl{
    margin: 30px auto;
    padding-bottom: 0;
}
#submain #kasatoku_camp .attention .attention-list{
    margin: 30px 50px;
    list-style: none;
    padding: 0;
}
#submain #kasatoku_camp .attention .attention-list .attention-list__item{
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333333 ;
    margin: .5em auto .5em 1em;
}
#submain #kasatoku_camp .attention .attention-list .attention-list__item a{
    color: #4C79FF;
}
#submain #kasatoku_camp .attention .attention-list .attention-list__item strong{
    font-weight: bold;
}
#submain #kasatoku_camp .attention .attention-list .attention-list__item:before{
 content: "※";
    margin-left: -1em;
}
#submain #kasatoku_camp .attention .border{
    display: block;
    line-height: 0;
    margin: 40px auto;
}
#submain #kasatoku_camp .kasatoku_camp--btn{
    list-style: none;
    text-align: center;
    width: 748px;
    margin: 0 auto;
    padding: 0;
}
#submain #kasatoku_camp .kasatoku_camp--btn .btn__item{
    display: inline-block;
}

@media only screen and (max-width: 750px) {
    #submain #kasatoku_camp .about.about--pc{
        display: none;
    }
    #submain #kasatoku_camp .about.about--sp{
        display: block;
    }
    #submain #kasatoku_camp .about{
        margin: 15px auto;
        width: auto;
    }
    #submain #kasatoku_camp .about .img{
        width: 100px;
        margin: 0 auto 15px;
    }
    #submain #kasatoku_camp .about .border-box{
        float: none;
        width: auto;
        padding: 10px;
    }
    #submain #kasatoku_camp .about .border-box:after{
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
        font-size: 0.1em;
    }
    #submain #kasatoku_camp .about .border-box .img{
        margin-right: 10px;
    }
    #submain #kasatoku_camp .kasatoku-service{
        margin: 25px auto;
    }
    #submain #kasatoku_camp .kasatoku-service p{
        font-size: 14px;
    }
    #submain #kasatoku_camp .kasatoku-service .service__ttl{
        font-size: 20px;
    }
    #submain #kasatoku_camp .kasatoku-service .service-box{
        width: auto;
    }
    #submain #kasatoku_camp .kasatoku-service .service-box .box{
        width: auto;
        float: none;
    }
    #submain #kasatoku_camp .kasatoku-service .service-box .box:nth-child(2n){
        margin-left: 0;
    }
    #submain #kasatoku_camp .kasatoku-service .box{
        margin: 0px auto 25px;
    }
    #submain #kasatoku_camp .kasatoku-service .box .service-box__ttl{
        font-size: 16px;
    }
    #submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item{
        margin: 5px auto 5px;
    }
    #submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon-container{
        float: none;
    }
    #submain #kasatoku_camp .kasatoku-service .box .service-list .service-item{
        padding-top: 0px;
        padding-left: 0;
    }
    #submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .icon .title{

    }
    #submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .service-item__item a{
        font-size: 13px;
    }
    #submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .service-item__item{
        margin-left: 74px;
        padding: 0;
    }
    #submain #kasatoku_camp .kasatoku-service .box .service-list .service-item .service-item__item:before{
        font-size: 13px;
        /*margin-left: -.2em;*/
    }
    #submain #kasatoku_camp .kasatoku-service .box .service-list .service-list__item .service-item__item .kome{
        font-size: 11px;
    }

    #submain #kasatoku_camp .attention{
        width: auto;
    }
    #submain #kasatoku_camp .attention .attantion__ttl{
        width: 250px;
        margin: 15px auto;
    }
    #submain #kasatoku_camp .attention .attention-list{
        margin: 10px;
    }
    #submain #kasatoku_camp .kasatoku-service .service-box.service-box .box .service-list .service-list__item,#submain #kasatoku_camp .kasatoku-service .service-box.service-box .box .service-list .service-list__item{
    margin: 15px auto;
    }
    #submain #kasatoku_camp .kasatoku_camp--btn{
        width: auto;
        margin: 20px auto;
    }
    #submain #kasatoku_camp .kasatoku_camp--btn .btn__item{
        display: block;
        margin: 5px auto;
        width: 300px;
    }
}



/*================================================================================
    ご紹介キャンペーンフォーム
================================================================================*/
#submain #kasatoku_camp-form .bg{
    background: url(../images/201704/introduce1705/slash_bg.jpg);
    padding: 10px;
    margin-left: 20px;
    margin-bottom: 30px;
}
#submain #kasatoku_camp-form .bg__inner{
    background: #fff;
    padding: 30px;
}
#submain #kasatoku_camp-form .hissu{
    color: #fff;
    display: inline-block;
    border-radius: 1px;
    font-size: 10px;
    font-weight: normal;
    padding: .1em .5em .1em;
    margin: 0 .5em;
}
#submain #kasatoku_camp-form .bg__inner .form-title{
    background-image: url(../images/201704/introduce1705/icon_note.png) ;
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 32px;
    margin-left: -60px;
    padding: 10px 70px 10px 20px;
    border-bottom: none;
    position: relative;
    display: inline-block;
}
#submain #kasatoku_camp-form .bg__inner .form-title .text{
    padding-left: 40px;
    color: #fff;
    font-size: 22px;
}
#submain #kasatoku_camp-form .bg__inner .form-title:before{
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #fff transparent transparent;
    bottom: -20px;
    content: "";
    left: 0;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--blue .hissu{
    background: #6CBDC4;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--blue .form-title{
    background-color: #6CBDC4;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--blue .form-title:before{
    border-right-color: #4F8680;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--orange .hissu{
    background: #FF9326;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--orange .form-title{
    background-color: #FF9326;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--orange .form-title:before{
    border-right-color: #A36929;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--blue .red{
    color: #FF7272;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--blue .center{
    font-size: 16px;
    padding: 0;
    line-height: 1.4;
}
#submain #kasatoku_camp-form .form:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain #kasatoku_camp-form .form__head{
    font-size: 16px;
    font-weight: bold;
    float: left;
    padding-top: 15px;
    line-height: 1.2;
}
#submain #kasatoku_camp-form .form__head .form__head--notes{
    display: block;
    font-size: 14px;
}
#submain #kasatoku_camp-form .form__body{
    border-bottom: dotted 1px #ccc;
    margin: 0 ;
    padding: 15px 15px 11px 10em;
    line-height: 1.2;
}
#submain #kasatoku_camp-form .form__body:last-child{
    border-bottom: 1px solid #ccc;
}
#submain #kasatoku_camp-form .form__body .pc_none{
    display: none;
}
#submain #kasatoku_camp-form .form__body label{
    width: 32%;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--orange label{
    width: auto;
}

#submain #kasatoku_camp-form input.sinput{
    border: #9797A6 1px solid;
    border-radius: 2px;
    padding: .4em;
    margin-right: .2em;
}
#submain #kasatoku_camp-form .form__body select{
    border-radius: 2px;
    border: #9797A6 1px solid;
    padding: .3em;
    margin-right: 5px;
}
#submain #kasatoku_camp-form .form__body .error {
    font-size:14px;
}
#submain #kasatoku_camp-form .form__body .phoenix_zip {
    margin-top: 5px;
    overflow: hidden;
}
#submain #kasatoku_camp-form .form__body .phoenix_zip_item {
    font-size: 14px;
    float: left;
    width: 50%;
    margin: 0 0 5px;
    padding: 0 0 0 1em;
    box-sizing: border-box;
    position: relative;
}
#submain #kasatoku_camp-form .form__body .phoenix_zip_item:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #ccc;
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 4px;
}
#submain #kasatoku_camp-form .form__body .form_add {
    margin-top: 10px;
}
#submain #kasatoku_camp-form .form__body .form_add:first-child {
    margin-top: 0;
}
#submain #kasatoku_camp-form .form__body .form_add__ttl {
    margin: 0;
    width: 9em;
    font-weight: bold;
}
#submain #kasatoku_camp-form .form__body .form_add input {
    width: 300px;
    border: #9797A6 1px solid;
    border-radius: 2px;
    padding: .4em;
}
#submain #kasatoku_camp-form .bg__inner.bg__inner--orange .form_add__ttl{
    width: 9em;
}
#submain #kasatoku_camp-form .card{
    margin: 20px auto 0;
}
#submain #kasatoku_camp-form .bg__inner--orange .form__body:last-child{
    border-bottom: none;
}
#submain #kasatoku_camp-form input[type="radio"],#submain #kasatoku_camp-form input[type="checkbox"]{
    margin-right: 5px;
}
#submain #kasatoku_camp-form input[type="submit"]{
    display: block;
    background-color: none;
    text-align: center;
    width: 428px;
    margin: 0 auto;
    background-image: url(../images/201704/introduce1705/btn03.jpg);
    background-repeat: no-repeat;
    border: none;
    height: 88px;
    text-indent: 150%;
}
#submain #kasatoku_camp-form input[type="submit"]:hover{
    background-image:  url(../images/201704/introduce1705/btn03_hover.jpg);
}
#submain #kasatoku_camp-form input#intro-name,#submain #kasatoku_camp-form input#name{width: 360px;}
#submain #kasatoku_camp-form input#intro-kana,#submain #kasatoku_camp-form input#kana{width: 360px;}
#submain #kasatoku_camp-form input#intro-phone-1,
#submain #kasatoku_camp-form input#intro-phone-2,
#submain #kasatoku_camp-form input#intro-phone-3{width: 80px; margin-right: 0;}
#submain #kasatoku_camp-form input#phone-1,
#submain #kasatoku_camp-form input#phone-2,
#submain #kasatoku_camp-form input#phone-3{width: 80px; margin-right: 0;}
#submain #kasatoku_camp-form input#intro-add-num-1{width: 70px; margin-right: 0;}
#submain #kasatoku_camp-form input#intro-add-num-2{width: 80px; margin-right: 0;}
#submain #kasatoku_camp-form input#add-num-1{width: 70px; margin-right: 0;}
#submain #kasatoku_camp-form input#add-num-2{width: 80px; margin-right: 0;}
#submain #kasatoku_camp-form input#intro-add,#submain #kasatoku_camp-form input#add,#submain #kasatoku_camp-form input#intro-maill,#submain #kasatoku_camp-form input#maill,#submain #kasatoku_camp-form input#intro-maill-conf,#submain #kasatoku_camp-form input#maill-conf{width: 540px;}


@media only screen and (max-width: 750px) {
    #submain #kasatoku_camp-form .form{
        margin-top: 0;
    }
    #submain #kasatoku_camp-form .bg{
        padding: 5px;
        margin-left: 5px;
        margin-bottom: 15px;
    }
    #submain #kasatoku_camp-form .bg__inner{
        padding: 10px;
    }
    #submain #kasatoku_camp-form .bg__inner .form-title{
        background-position: 10px center;
        background-size: 20px;
        margin-left: -25px;
        padding: 10px 10px 10px 10px;
    }
    #submain #kasatoku_camp-form .bg__inner .form-title .text{
        padding-left: 25px;
        font-size: 18px;
        display: block;
    }
    #submain #kasatoku_camp-form .bg__inner .form-title:before{
        border-width: 0 10px 10px 0;
        bottom: -10px;
    }
    #submain #kasatoku_camp-form .bg__inner.bg__inner--blue .center{
        font-size: 14px;
        margin:20px 0 15px;
    }

    #submain #kasatoku_camp-form .form__head{
        float: none;
        padding-top: 18px;
    }
    #submain #kasatoku_camp-form .form__head .form__head--notes{
        text-align: left;
    }
    #submain #kasatoku_camp-form .form__body{
        padding: 10px 10px 18px 0;
    }
    #submain #kasatoku_camp-form .form__body .pc_none{
        display: block;
    }
    #submain #kasatoku_camp-form .form__body label{
        width: auto;
        margin-bottom: 10px;
        margin-right: 0px;
        display: block;
    }
    #submain #kasatoku_camp-form .form__body .phoenix_zip_item {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    #submain #kasatoku_camp-form .form__body .form_add {
        padding: 0 15px 15px;
        background: #F2F2F2;
        margin: 0;
    }
    #submain #kasatoku_camp-form .form__body .form_add:first-child {
        padding-top: 15px;
    }
    #submain #kasatoku_camp-form .form__body .form_add__ttl {
        width: auto;
        margin: 0 0 5px;
    }
    #submain #kasatoku_camp-form .form__body .form_add input {
        width: 100%;
        box-sizing: border-box;
    }
    #submain #kasatoku_camp-form .bg__inner.bg__inner--orange .form_add__ttl{
        width: 9em;
    }
    #submain #kasatoku_camp-form .form__body.form__body--waon label{
        width: auto;
        display: inline-block;
        margin: 0 2px ;
    }
    #submain #kasatoku_camp-form .form__body.form__body--waon label input[type="text"]{
        width: 62px;
    }
    #submain #kasatoku_camp-form .card{
        margin: 10px auto 0;
    }
    #submain #kasatoku_camp-form input[type="submit"]{
        width: 300px;
        background-size: contain;
        height: 63px;
        text-indent: 150%;
    }
    #submain #kasatoku_camp-form input#intro-phone-1,
    #submain #kasatoku_camp-form input#intro-phone-2,
    #submain #kasatoku_camp-form input#intro-phone-3{width: 70px;}
    #submain #kasatoku_camp-form input#phone-1,
    #submain #kasatoku_camp-form input#phone-2,
    #submain #kasatoku_camp-form input#phone-3{width: 70px;}
    #submain #kasatoku_camp-form .bg__inner.bg__inner--blue .red{
        padding: 0;
    }
    #submain #kasatoku_camp-form .sinput{
        width: 100%;
        box-sizing: border-box;
    }
     #submain #kasatoku_camp-form input#intro-name,#submain #kasatoku_camp-form input#name, #submain #kasatoku_camp-form input#intro-kana,#submain #kasatoku_camp-form input#kana,#submain #kasatoku_camp-form input#intro-phone,#submain #kasatoku_camp-form input#phone,#submain #kasatoku_camp-form input#intro-add-num,#submain #kasatoku_camp-form input#add-num,#submain #kasatoku_camp-form input#intro-add,#submain #kasatoku_camp-form input#add,#submain #kasatoku_camp-form input#intro-maill,#submain #kasatoku_camp-form input#maill,#submain #kasatoku_camp-form input#intro-maill-conf,#submain #kasatoku_camp-form input#maill-conf{
        width: 100%;
    }
}



/*================================================================================
    生活に関するアンケート
================================================================================*/
#submain #kasatoku_question .bnr-area {
    width: 700px;
    margin: 0 auto;
}
#submain #kasatoku_question .bnr-area:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain #kasatoku_question .bnr-area .txt{
    float: left;
    margin-top: 2px;
}
#submain #kasatoku_question .bnr-area .bnr{
    float: right
}
#submain #kasatoku_question .mokuteki{
    border: 1px solid #000;
    margin: 40px auto;
}
#submain #kasatoku_question .mokuteki .mokuteki__ttl{
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    padding: .5em;
    background: url(../images/201704/enquete1705/slash.jpg);
    border-bottom: 1px solid #000;
}
#submain #kasatoku_question .mokuteki .mokuteki-txt{
    padding: 20px 20px 10px;
}
#submain #kasatoku_question .mokuteki .mokuteki-txt p{
    font-size: 16px;
}
#submain #kasatoku_question .mokuteki .mokuteki-txt .mokuteki-list{
    border-top: #CCCCCC 3px dotted;
    border-bottom: 3px dotted #CCCCCC;
    list-style: decimal;
    padding: 10px 30px;
}
#submain #kasatoku_question .mokuteki .mokuteki-txt .mokuteki-list .mokuteki-list__item{
    font-size: 16px;
}
#submain #kasatoku_question .attention .attention-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
#submain #kasatoku_question .attention .attention-list .attention-list__item{
    margin-left: 1em;
    line-height: 1.8;
    padding: 0;
}

#submain #kasatoku_question .attention .attention-list .attention-list__item:before{
    content: "※";
    margin-left: -1em;
}


#submain #kasatoku_question .kasatoku_question--btn{
    list-style: none;
    text-align: center;
    width: 748px;
    margin: 45px auto;
    padding: 0;
}
#submain #kasatoku_question .kasatoku_question--btn .btn__item{
    display: inline-block;
}

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

    #submain #kasatoku_question .bnr-area {
        width: auto;
        margin: 0 auto;
    }
    #submain #kasatoku_question .bnr-area .txt{
        margin-top: 0;
        width: 32%;
        margin-right: 2%;
    }
    #submain #kasatoku_question .bnr-area .bnr{
        width: 66%;
    }
    #submain #kasatoku_question .mokuteki{
        margin: 20px auto;
    }
    #submain #kasatoku_question .mokuteki .mokuteki__ttl{
        font-size: 18px;
    }
    #submain #kasatoku_question .mokuteki .mokuteki-txt{
        padding: 10px;
    }
    #submain #kasatoku_question .mokuteki .mokuteki-txt p{
        font-size: 14px;
    }
    #submain #kasatoku_question .mokuteki .mokuteki-txt .mokuteki-list{
        border-top: #CCCCCC 2px dotted;
        border-bottom: 2px dotted #CCCCCC;
        padding: 10px;
        padding-left: 20px;
    }
    #submain #kasatoku_question .mokuteki .mokuteki-txt .mokuteki-list .mokuteki-list__item{
        font-size: 14px;
    }
    #submain #kasatoku_question .kasatoku_question--btn{
        width: auto;
        margin: 20px auto;
    }
    #submain #kasatoku_question .kasatoku_question--btn .btn__item{
        display: block;
        margin: 5px auto;
        width: 300px;
    }
}



/*================================================================================
    生活に関するアンケートフォーム
================================================================================*/
#submain #kasatoku_question_form p strong{
    margin-top: 25px;
    display: block;
}
#submain #kasatoku_question_form table,#submain #kasatoku_question_form table th,#submain #kasatoku_question_form table td{
    border: none;
}
#submain #kasatoku_question_form table{
    margin: 0;
}
#submain #kasatoku_question_form table th{
    background: #EBEBF0;
}
#submain #kasatoku_question_form table td{
    padding: 20px 0 30px 50px;
}
#submain #kasatoku_question_form table td p {
    padding-bottom: 10px;
}
#submain #kasatoku_question_form input[type="text"],#submain #kasatoku_question_form select{
    border-radius: 2px;
    border: #9797A6 1px solid;
    padding: .2em;
    margin-right: 5px;
    box-sizing: border-box;
}
#submain #kasatoku_question_form label{
    margin: 0px 20px 10px 0;
    display: inline-block;
}
#submain #kasatoku_question_form .question{
    background: #F7931E;
    color: #fff;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    width: 45px;
    height: 45px;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    margin-right: 10px;
}
#submain #kasatoku_question_form .question:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #F7931E;
    content: "";
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: -2.5px;
}
#submain #kasatoku_question_form .question-question{
    font-size: 18px;
}
#submain #kasatoku_question_form .question-question .question-question__line{
    text-decoration: underline;
}
#submain #kasatoku_question_form .hissu{
    background: #F54B8C;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: .1em .5em .1em;
    display: inline-block;
    margin-right: .5em;
}
#submain #kasatoku_question_form .form-in-form{
    border: #9797A6 1px solid;
    width: 504px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#submain #kasatoku_question_form .form-in-form:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain #kasatoku_question_form .form-in-form .form-in-form__item{
    width: 100px;
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #9797A6;
}
#submain #kasatoku_question_form .form-in-form .form-in-form__item:last-child{
    border-right: none;
}
#submain #kasatoku_question_form .form-in-form .form-in-for__head{
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #9797A6;
    background: #EEEEEE;
    padding: 2px;
}
#submain #kasatoku_question_form .form-in-form .form-in-for__body{
    padding: 12px;
}
#submain #kasatoku_question_form .other{
    background: #FEF9F1;
    padding: 25px;
    display: block;
}
#submain #kasatoku_question_form .other th{
    background: none;
    border-bottom: 2px solid #F7931E;
    padding: 0;
    width: 100%;
}
#submain #kasatoku_question_form .other .other-question{
    border: #F7931E 2px solid;
    border-bottom: none;
    background: #fff;
    font-size: 20px;
    color: #F7931E;
    width: 40px;
    height: 38px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#submain #kasatoku_question_form .other .other-question-question{
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}
#submain #kasatoku_question_form .other td{
    padding: 20px 0 20px 40px;
}
#submain #kasatoku_question_form .other td label{
    margin-right: 10px;
}
#submain #kasatoku_question_form .other .about{
    padding: 0;
    margin: 0;
    list-style: none;
}
#submain #kasatoku_question_form .other .about:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain #kasatoku_question_form .other .about .about__item{
    width: 200px;
    float: left;
    border: 1px solid #F7931E;
    margin: 0 10px 0 0;
    padding: 0;
}
#submain #kasatoku_question_form .other .about .about__item:last-child{
    margin-right: 0;
}
#submain #kasatoku_question_form .other .about .about__ttl{
    background: #F7931E;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 5px;
}
#submain #kasatoku_question_form .other .about .about__body{
    padding: 10px 15px;
}
#submain #kasatoku_question_form .form_privacy{
    border-top: #999999 1px dotted;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__ttl{
    float: left;
    font-weight: bold;
    padding-left: 1em;
    padding-top: 30px;
    line-height: 1.2;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__ttl .hissu{
    font-size: 10px;
    margin-left: 0.5em;
    vertical-align: middle;
    padding: 4px;
    line-height: 1;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__ttl .form_privacy__ttl--notes{
    font-size: 12px;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body{
    border-bottom: #999999 1px dotted;
    padding: 20px 0 20px 12em;
    margin: 0;
    font-size: 18px;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .pc_none{
    display: none;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body label{
    margin: 0;
    font-size: 14px;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body small{
    display: inline;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body small:before{
    content: "＊";
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .error {
    font-size:14px;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .phoenix_zip {
    margin-top: 10px;
    overflow: hidden;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .phoenix_zip_item {
    font-size: 14px;
    float: left;
    width: 50%;
    padding: 0 0 0 1em;
    box-sizing: border-box;
    position: relative;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .phoenix_zip_item:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #ccc;
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 4px;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .form_add {
    margin-top:10px;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .form_add:first-child {
    margin-top:0;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .form_add__ttl {
    width: 10em;
    font-weight: bold;
}
#submain #kasatoku_question_form .form_privacy .form_privacy__body .form_add__ttl .hissu{
    font-size: 10px;
    margin-left: 0.5em;
    vertical-align: middle;
    padding: 4px;
    line-height: 1;
}
#submain #kasatoku_question_form .form_privacy .card{
    margin-top: 20px;
}
#submain #kasatoku_question_form input.submit{
    display: block;
    background-color: none;
    text-align: center;
    width: 428px;
    margin: 0 auto;
    background-image: url(../images/201704/enquete1705/btn03.jpg);
    background-repeat: no-repeat;
    border: none;
    height: 88px;
    text-indent: 150%;
}
#submain #kasatoku_question_form input.submit:hover{
    background-image: url(../images/201704/enquete1705/btn03_hover.jpg);
}
#submain #kasatoku_question_form .form_privacy label{
    margin-right: 0;
}
#submain #kasatoku_question_form .form_privacy input{
    padding: .3em;
    margin-bottom: 0px;
    line-height: 1.2;
}
#submain #kasatoku_question_form input#question-2-year,
#submain #kasatoku_question_form input#question-2-month{ width: 60px; }
#submain #kasatoku_question_form input#question-8-7{ width: 460px; }
#submain #kasatoku_question_form .other input#other-4-1{width: 360px;}
#submain #kasatoku_question_form .form-in-form input{ width: 50px; }
#submain #kasatoku_question_form .other input#other-1-4-txt{ width: 460px; }
#submain #kasatoku_question_form .about input{ width: 150px; }
#submain #kasatoku_question_form .about label{ margin-bottom: 0; }
#submain #kasatoku_question_form .form_privacy input#question-11-1{ width: 420px; }
#submain #kasatoku_question_form .form_privacy input#question-11-2{ width: 420px; }
#submain #kasatoku_question_form .form_privacy input#question-11-3-1 { width: 70px; margin-right:0;}
#submain #kasatoku_question_form .form_privacy input#question-11-3-2,
#submain #kasatoku_question_form .form_privacy input#question-11-3-3 { width: 90px; margin-right:0;}
#submain #kasatoku_question_form .form_privacy input#question-11-4-1 { width: 70px; margin-right:0;}
#submain #kasatoku_question_form .form_privacy input#question-11-4-2 { width: 90px; margin-right:0;}
#submain #kasatoku_question_form .form_privacy input#address_ken_select2,
#submain #kasatoku_question_form .form_privacy input#address_shiku_select2,
#submain #kasatoku_question_form .form_privacy input#address_number_select2,
#submain #kasatoku_question_form .form_privacy input#address_build_select2 { width: 350px; }
#submain #kasatoku_question_form .form_privacy input#question-11-6,
#submain #kasatoku_question_form .form_privacy input#question-11-7{ width: 560px; }
#submain #kasatoku_question_form .form_privacy input#question-11-8-1,
#submain #kasatoku_question_form .form_privacy input#question-11-8-2,
#submain #kasatoku_question_form .form_privacy input#question-11-8-3 { width: 70px; margin-right:0;}



@media only screen and (max-width: 750px) {
    #submain #kasatoku_question_form .form_privacy input{
        margin-bottom: 15px;
    }
    #submain #kasatoku_question_form input#question-8-7{ width:100% }
    #submain #kasatoku_question_form .other input#other-4-1{width:50%}
    #submain #kasatoku_question_form .form-in-form input{ width: 50%; }
    #submain #kasatoku_question_form .other input#other-1-4-txt{ width:100% }
    #submain #kasatoku_question_form .about input{ width: 100%}

    #submain #kasatoku_question_form .form_privacy input#address_ken_select2,
    #submain #kasatoku_question_form .form_privacy input#address_shiku_select2,
    #submain #kasatoku_question_form .form_privacy input#address_number_select2,
    #submain #kasatoku_question_form .form_privacy input#address_build_select2,
    #submain #kasatoku_question_form .form_privacy input#question-11-1,
    #submain #kasatoku_question_form .form_privacy input#question-11-2,
    #submain #kasatoku_question_form .form_privacy input#question-11-3,
    #submain #kasatoku_question_form .form_privacy input#question-11-5,
    #submain #kasatoku_question_form .form_privacy input#question-11-6,
    #submain #kasatoku_question_form .form_privacy input#question-11-7{ width: 100%; }
    #submain #kasatoku_question_form p strong{
        margin-top: 10px;
    }
    #submain #kasatoku_question_form table td{
        padding: 10px 10px 20px;
    }
    #submain #kasatoku_question_form label{
        margin: 0px 0px 10px 0;
    }
    #submain #kasatoku_question_form label input[type="text"]{
        width: 100%;
    }
    #submain #kasatoku_question_form .question{
        font-size: 18px;
        width: 30px;
        height: 30px;
        padding-top: 0;
        margin-right: 0px;
        float: left;
    }
    #submain #kasatoku_question_form .question:before{
        border-width: 3px 0 3px 4px;
        right: -4px;
        margin-top: -1.5px;
    }
    #submain #kasatoku_question_form .question-question{
        font-size: 16px;
        padding-left: 40px;
        display: block;
    }
    #submain #kasatoku_question_form .form-in-form{
        width: auto;
        border:none;
    }
    #submain #kasatoku_question_form .form-in-form .form-in-form__item{
        width: 50%;
        box-sizing: border-box;
        border-top: 1px solid #9797A6;
        border-right: 1px solid #9797A6;

    }
    #submain #kasatoku_question_form .form-in-form .form-in-form__item:nth-child(2n){
        margin-right: 0;
    }
    #submain #kasatoku_question_form .form-in-form .form-in-form__item:nth-child(odd){
        border-left: 1px solid #9797A6;
    }
    #submain #kasatoku_question_form .form-in-form .form-in-form__item:nth-child(4){
        border-bottom: 1px solid #9797A6;
    }
    #submain #kasatoku_question_form .form-in-form .form-in-form__item:nth-child(5){
        border-right: 1px solid #9797A6;
        border-bottom: 1px solid #9797A6;
    }
    #submain #kasatoku_question_form .form-in-form .form-in-for__body{
        text-align: center;
    }

    #submain #kasatoku_question_form .other{
        padding: 10px;
        width: 100%;
    }
    #submain #kasatoku_question_form .other td label{
        margin-right: 0;
    }
    #submain #kasatoku_question_form .other .other-question{
        font-size: 15px;
        height: auto;
        margin-right: 5px;
        padding: 5px 0;
        width: 2.5em;
    }
    #submain #kasatoku_question_form .other .other-question-question{
        font-size: 14px;
        padding-left: .5em;
    }
    #submain #kasatoku_question_form .other td{
        padding: 10px;
    }
    #submain #kasatoku_question_form .other .gas-campany{
        width: 130px;
    }
    #submain #kasatoku_question_form .other .about .about__item{
        float: none;
        margin: 10px auto;
        width: auto;
    }
    #submain #kasatoku_question_form .other .about .about__item:last-child{
        margin-right: auto;
    }
    #submain #kasatoku_question_form .other .about .about__body input{
        width: 80%;
    }

    #submain #kasatoku_question_form .form_privacy .form_privacy__ttl{
        float: none;
        padding-top: 15px;
        padding-left: 0;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__ttl .form_privacy__ttl--notes{
        text-align: left;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body{
        padding: 0 0 15px;
        margin: 0;
        font-size: 16px;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body label{
        width: auto;
        margin: 5px auto 10px;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body input{
        width: 100%;
        margin-bottom: 0;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body small{
        display: block;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body.form_privacy__body--waon label{
        width: auto;
        display: inline-block;
        margin: 0;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body.form_privacy__body--waon label input[type="text"]{
        width: 60px !important;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body .form_add {
        padding: 0 15px 15px;
        background: #F2F2F2;
        margin: 0;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body .form_add:first-child {
        padding-top: 15px;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body .form_add__ttl {
        width: auto;
        margin: 0 0 5px;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body .form_add input {
        margin-bottom:0;
    }
    #submain #kasatoku_question_form .form_privacy .card{
        margin: 10px 0 15px;
    }
    #submain #kasatoku_question_form input.submit{
        width: 300px;
        background-size: contain;
        height: 63px;
        text-indent: 150%;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body .pc_none{
        display: block;
    }
    #submain #kasatoku_question_form .form_privacy .form_privacy__body .phoenix_zip_item {
        float: none;
        width: auto;
    }
    #submain #kasatoku_question_form label{
        display: block;
    }
    #submain #kasatoku_question_form tr td p{
        margin: 0;
        padding: 0;
    }
}



/*================================================================================
    生活に関するアンケートフォーム確認
================================================================================*/
#submain #kasatoku_question_form h2 {
    border:none;
    font-size:17px;
    margin-bottom:10px;
}
#submain #kasatoku_question_form .kasatoku_form_confirm {
    margin-bottom:30px;
}
#submain #kasatoku_question_form .kasatoku_form_confirm th {
    border: 1px solid #EBEBF0;
}
#submain #kasatoku_question_form .kasatoku_form_confirm td {
    padding: 10px 10px 20px;
    border: 2px solid #EBEBF0;
}
#submain #kasatoku_question_form .kasatoku_form_confirm td p {
    padding-bottom:5px;
}
#submain #kasatoku_question_form .kasatoku_form_confirm td p strong {
    margin-top:10px;
}
#submain #kasatoku_question_form p.note {
    padding: 5px 10px;
    color: #FFF;
    background: #E50011;
    font-weight: bold;
    margin:0 0 30px;
    font-size: 15px;
    text-align: center;
}
#submain #kasatoku_question_form p.note:before {
    content: "\f071";
    font-family: 'FontAwesome';
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0 0.2em 0 0;
}
#submain #kasatoku_question_form .form-confirm-btns {
    text-align: center;
    padding:0;
}
#submain #kasatoku_question_form .form-confirm-btns li {
    display:inline-block;
}
#submain #kasatoku_question_form .form-confirm-btns li input {
    background:
}



/*================================================================================
    ビッグフライデーコラボイベント201705
================================================================================*/
#submain #iaeontlc201704 .challenge_2col{
    overflow: hidden;
}
#submain #iaeontlc201704 .challenge_2col .challenge-img{
    float: right;
    width: 45%;
}
#submain #iaeontlc201704 .challenge_2col .challenge-img img{
    width: 100%;
    height: auto;
}
#submain #iaeontlc201704 .challenge_2col .challenge-txt{
    float: left;
    width: 50%;
    padding-top:30px;
}
#submain #iaeontlc201704 .challenge_2col .challenge-txt .ttl-cont{
    font-size: 20px;
    font-weight: bold;
}
#submain #iaeontlc201704 .challenge_2col .challenge-txt .waku_gray{
    text-align: left;
    margin-top: 0;
    padding:20px;
    line-height: 1.8;
}
@media only screen and (max-width: 750px) {
    #submain #iaeontlc201704 .challenge_2col .challenge-img{
        float:none;
        width: 100%;
        text-align: center;
    }
    #submain #iaeontlc201704 .challenge_2col .challenge-img img{
        width: 96%;
        height: auto;
        max-width: 480px;
        margin: 0 auto;
    }
    #submain #iaeontlc201704 .challenge_2col .challenge-txt{
        float: none;
        width: 100%;
        padding-top:10px;
    }
    #submain #iaeontlc201704 .challenge_2col .challenge-txt .ttl-cont{
        font-size: 16px;
        font-weight: bold;
    }
    #submain #iaeontlc201704 .challenge_2col .challenge-txt .waku_gray{
        text-align: left;
        margin-top: 0;
    }
}



/*================================================================================
    静岡おまちバル
================================================================================*/
#submain .omachibar201705 .top{
    text-align: center;
    display: table;
    width: 815px;
    margin: 30px auto 40px;
}
#submain .omachibar201705 .top .logo,#submain .omachibar201705 .top .btn{
    display: table-cell;
    vertical-align: middle;
}
#submain .omachibar201705 .top .btn{
    margin-left: 30px;
}
#submain .omachibar201705 .top .btn a:hover img{
    opacity: 0.6;
}
#submain .omachibar201705 .main{
    margin-bottom: 50px;
}
#submain .omachibar201705  .kome{
    padding: 0;
}
#submain .omachibar201705  .kome .kome__item{
    margin-left: 1em;
    list-style: none;
    padding-left: 0px;
}
#submain .omachibar201705  .kome .kome__item:before{
    margin-left: -1em;
    content: "※";
}

@media only screen and (max-width: 750px) {
    #submain .omachibar201705 .top{
        display: block;
        width: auto;
        margin: 15px auto 25px;
    }
    #submain .omachibar201705 .top .logo,#submain .omachibar201705 .top .btn{
        display: block;
    }
    #submain .omachibar201705 .top .btn{
        margin-left: 0px;
        margin-top: 10px;
    }
    #submain .omachibar201705 .main{
        margin-bottom: 25px;
    }
    #submain .omachibar201705 .kome{
        padding: 0;
    }
}

/*  おすすめコンテンツ */
#submain .reco-bnr{
    background: #FFEDD2;
    padding: 10px;
}
#submain .reco-bnr .reco-bnr--ttl{
    text-align: center;
    background: url(../images/slash-brown.jpg);
    border: 4px solid #fff;
    margin-bottom: 5px;
    box-shadow:0px 0px 4px 3px rgba(1,1,1,.1);
    padding: 2px 0 6px 0;
}
#submain .reco-bnr .reco-list{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
}
#submain .reco-bnr .reco-list .reco-list__item{
    display: inline-block;
}
#submain .reco-bnr .reco-list .reco-list__item a:hover{
    opacity: 0.8;
}

@media only screen and (max-width: 750px) {
    #submain .reco-bnr .reco-bnr--ttl{
        padding: 3px 15px 1px;
        border-width: 3px;
    }
    #submain .reco-bnr .reco-list .reco-list__item{
        display: block;
        width: 49%;
        float: left;
    }
    #submain .reco-bnr .reco-list .reco-list__item:nth-of-type(even){
        float: right;
    }
}



/*================================================================================
    伊勢丹お中元
================================================================================*/
#submain .ochugen2017 ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#submain .ochugen2017 .main{
    margin-bottom: 30px;
    margin-top: 30px;
}
#submain .ochugen2017 .main .main-logo{
    text-align: center;
    margin: 30px auto;
}
#submain .ochugen2017 .main .main-logo .main-logo__item{
    display: inline-block;
}
#submain .ochugen2017 .main .main-logo .main-logo__item:last-child{
    margin-left: 20px;
}
#submain .ochugen2017 .main .pdf-btn{
    margin: 30px auto 10px;
}
#submain .ochugen2017 .section__inner{
    background: #F9F5EF;
    padding: 20px 26px 30px;
}
#submain .ochugen2017 .kome-txt{
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: .5em;
}
#submain .ochugen2017 .section__inner.section__inner--white{
    background: #fff;
}
#submain .ochugen2017 .section-ttl{
    background: #6FCCD9;
    border-bottom: none;
    padding: 20px;
    margin-bottom: 0;
    position: relative;
}
#submain .ochugen2017 .section{
    margin-bottom: 50px;
}
#submain .ochugen2017 .section.section-kadomaru{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
}
#submain .ochugen2017 .section.section-kadomaru .section-ttl:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 16.5px 0 16.5px;
    border-color: #6FCCD9 transparent transparent transparent;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: -18px;
}
#submain .ochugen2017 .kome{
    text-indent: -1em;
    margin-left: 1em;
    margin-top: 40px;
}
#submain .ochugen2017 .kome .kome__item{
    margin: .2em 0;
    padding: 0;
    font-size: 16px;
}

@media only screen and (max-width: 750px) {
    #submain .ochugen2017 .main{
        margin-bottom: 10px;
        margin-top: 15px;
    }
    #submain .ochugen2017 .main img{
        max-width: 100%;
        width: auto;
    }
    #submain .ochugen2017 .main .main-logo{
        margin: 15px auto;
    }
    #submain .ochugen2017 .main .main-logo .main-logo__item:last-child{
        width: 60%;
        margin-left: 0;
    }
    #submain .ochugen2017 .main .pdf-btn{
        margin: 15px auto 10px;
    }
    #submain .ochugen2017 .main .pdf-btn__txt{
        text-indent: -1em;
        text-align: left;
        margin-left: 1em;
        font-size: 12px;
    }
    #submain .ochugen2017 .section__inner{
        padding: 10px 5px 0px;
    }
    #submain .ochugen2017 .kome-txt{
        font-size: 12px;
        margin-bottom: 0px;
        text-indent: -1em;
        margin-left: 1em;
    }
    #submain .ochugen2017 .section-ttl{
        padding: 10px;
        font-size: 0;
    }
    #submain .ochugen2017 .section{
        margin-bottom: 25px;
    }
    #submain .ochugen2017 .section.section-kadomaru{
        border-top-left-radius: 7.5px;
        border-top-right-radius: 7.5px;
    }
    #submain .ochugen2017 .section.section-kadomaru .section-ttl:before{
        border-width: 9px 8.5px 0 8.5px;
        margin-left: -4.5px;
        bottom: -9px;
    }
    #submain .ochugen2017 .kome{
        margin-top: 0px;
    }
    #submain .ochugen2017 .kome .kome__item{
        font-size: 14px;
    }
}


/*================================================================================
    クレカ10%還元
================================================================================*/
#submain .selection1706 .main{

margin-bottom: 70px;
    margin-top: 30px;
}
#submain .selection1706 .section-tit{
    border-top: 7px #FFDA79 solid ;
    border-bottom: 7px #FFDA79 solid ;
    background: #FFFB46;
    position: relative;
    padding: 30px 10px;
    text-align: center;
}
#submain .selection1706 .section-tit .balloon{
    display: inline-block;
    position: absolute;
    top: -50px;
    text-align: left;
    left: 10px;
}
#submain .selection1706 .section{
    background: url(../images/201706/selection1706/bg.gif);
}
#submain .selection1706 .section .section__inner{
    padding: 20px 20px 50px;
}
#submain .selection1706 .section p{
    font-size: 16px;
    padding: 0;
    line-height: 1.4;
    font-weight: bold;
}
#submain .selection1706 .section p .red{
    color: #F83E59 !important;
    font-size: 26px;
}
#submain .selection1706 .about{
    margin-bottom: 20px;
}
#submain .selection1706 .selection1706__btn{
    margin: 30px auto 0px;
    padding-bottom: 50px;
    text-align: center;
}
#submain .selection1706 .selection1706__btn a{
    display: inline-block;
}
#submain .selection1706 .selection1706__btn:hover a img{
    opacity: 0.8;
}
#submain .selection1706 .selection-goods{
    list-style: none;
    margin: 0;
    padding: 0;
}
#submain .selection1706 .selection-goods:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .selection1706 .selection-goods .goods{
    float: left;
    width: 245px;
    margin-right: 25px;
    margin-bottom: 20px;
}
#submain .selection1706 .selection-goods .goods .center{margin-top: 5px;}
#submain .selection1706 .selection-goods .goods:nth-child(3n){margin-right: 0;}
#submain .selection1706 .selection-goods .goods:nth-child(2){margin-top: -11px;}
#submain .selection1706 .selection-goods .goods:nth-child(3){margin-top: -10px;}
#submain .selection1706 .selection-goods .goods:nth-child(4){margin-top: -4px;}
#submain .selection1706 .selection-goods .goods:nth-child(6){margin-top: 2px;}

#submain .selection1706 .goods-name{font-size: 14px; display: block;}
#submain .selection1706 .point-point{font-size: 22px; color: #F83E59;}
#submain .selection1706 .point-unit{font-size: 14px; font-weight: normal;}

@media only screen and (max-width: 750px) {
    #submain .selection1706 .main{
        margin-bottom: 50px;
        margin-top: 15px;
    }
    #submain .selection1706 .section-tit{
        border-top: 3px #FFDA79 solid ;
        border-bottom: 3px #FFDA79 solid ;
        padding: 15px 10px;
    }
    #submain .selection1706 .section-tit img{
        max-width: 100%;
        width: auto;
    }
    #submain .selection1706 .section-tit span{
        margin: 5px auto;
        display: block;
    }
    #submain .selection1706 .section-tit .balloon {
        top: -40px;
    }
    #submain .selection1706 .section-tit .balloon img{
        width: 70%;
    }
    #submain .selection1706 .section .section__inner{
        padding: 10px 10px 25px;
    }
    #submain .selection1706 .section p{
        font-size: 14px;
    }
    #submain .selection1706 .section p .red{
        font-size: 20px;
        display: block;
    }
    #submain .selection1706 .about img{
        width: auto;
    }
    #submain .selection1706 .selection1706__btn{
        margin: 15px auto 0px;
        padding-bottom: 25px;
        text-align: center;
    }
    #submain .selection1706 .selection1706__btn a{
        display: inline-block;
    }
    #submain .selection1706 .selection1706__btn:hover a img{
        opacity: 0.8;
    }
    #submain .selection1706 .selection-goods{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #submain .selection1706 .selection-goods .goods{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
        margin-top: 10px !important;
    }
    #submain .selection1706 .selection-goods .goods:nth-child(3n){margin-right: 2%;}
    #submain .selection1706 .selection-goods .goods:nth-child(2n){margin-right: 0;}

    #submain .selection1706 .goods-name{font-size: 12px;}
    #submain .selection1706 .point-point{font-size: 18px;}
    #submain .selection1706 .point-unit{font-size: 12px}
}


/*初心者ガイド*/
#submain .beginner-gide{
    box-shadow:0px 0px 2px 0px #b7b7b7;
    border-radius: 10px;
    margin: 73px 15px 10px;
}
#submain .beginner-gide .beginner-gide__ttl{
    background-image: linear-gradient(to right, #C9F8FF 0%, #FFCAE0 100%);
    border-radius: 10px 10px 0 0;
    text-align: center;
}
#submain .beginner-gide .beginner-gide__ttl p{
    padding-bottom: 0;
    margin-top: -20px;
    display: inline-block;
}
#submain .beginner-gide .beginner-gide-list{
    padding: 0;
    margin:  15px 0;
    list-style: none;
    text-align: center;
}
#submain .beginner-gide:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .beginner-gide .beginner-gide-list .beginner-gide-list__item{
    display: inline-block;
    margin-left: 10px;
}
#submain .beginner-gide .beginner-gide-list .beginner-gide-list__item:first-child{
    margin-left: 0;
}
#submain .beginner-gide .beginner-gide-list .beginner-gide-list__item a:hover img{
    opacity: 0.8;
}
#submain .beginner-gide .beginner-gide-list .beginner-gide-list__item a img{
    transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 750px) {
    #submain .beginner-gide{
        margin-top: 30px;
    }
    #submain .beginner-gide .beginner-gide-list{
        margin: 10px 0;
    }
    #submain .beginner-gide .beginner-gide-list .beginner-gide-list__item{
        width: 45%;
        margin-left: 2%;
    }
    #submain .beginner-gide .beginner-gide-list .beginner-gide-list__item:nth-child(odd){
        margin-left: 0;
    }
}

@media only screen and (max-width: 460px) {
    #submain .beginner-gide .beginner-gide__ttl p{
        margin-top: -10px;
    }
}



/*TLC会員サービスとは*/
#submain .about p{
    font-size: 16px;
}
#submain .about .about__read span{
    color: #FF7C8F;
}
#submain .about .about-nav{
    background-image: linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);
    padding: 30px 10px 10px;
    margin-top: 70px;
    border-radius: 15px;
}
#submain .about .about-nav:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .about .about-nav .nav__ttl{
    border-bottom: none;
    margin-top: -90px;
}
#submain .about .about-nav .about-nav__inner{
    background: #fff;
    padding-top: 10px;
}
#submain .about .about-nav .about-nav__inner:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .about .about-nav .about-nav__inner nav{
    width: auto;
}
#submain .about .about-nav .about-nav__inner nav .about-nav-list{
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-align: center;
}
#submain .about .about-nav .about-nav__inner nav .about-nav-list .about-nav-list__item{
    display: inline-block;
    margin-bottom: 10px;
    padding: 0;
}
#submain .about .about-nav .about-nav__inner nav .about-nav-list .about-nav-list__item:nth-child(2n){
    margin-left: 15px;
}
#submain .about .tlc-step {
    margin: 60px auto 40px;
}
#submain .about .tlc-step .tlc-step__ttl{
    background-image: linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);
    border-bottom: none;
}
#submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-count{
    margin-top: -30px;
    display: inline-block;
}
#submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn{
    display: inline-block;
    float: right;
    margin-top: 15px;
    padding-right: 15px;
}
#submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn a{
    display: inline-block;
    border: 2px solid #2F4F8D;
    border-radius: 3em;
    background: #fff;
    padding: 0 1.5em .2em 1em;
    position: relative;
    text-decoration: none;
}
#submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn a img{
    vertical-align: middle;
    margin-top: -1px;
}
#submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn a:after{
    font-family: FontAwesome;
    content:"\f105";
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -.55em;
}
#submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn a:hover{
    color: #2F4F8D;
    opacity: 1;
    background: none;
}
#submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn a:hover img{
    opacity: 1 !important;
}
#submain .about .tlc-step .about-main{
    list-style: none;
    padding: 0;
}
#submain .about .tlc-step .about-main:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .about .tlc-step .about-main .about-main__item{
    float: left;
    margin-right: 12px;
    width: 32%;
}
#submain .about .tlc-step .about-main .about-main__item:last-child{
    margin-right: 0px;
}
#submain .about .tlc-step .about-main .about-main__item:first-child img{
    width: 100%;
}
#submain .about img.sp{display: none;}
#submain .about .box{
    margin: 30px auto 60px;
}
#submain .about .box .box__ttl{
    border-bottom: none;
    margin-bottom: 25px;
}
#submain .about .box .box-cont{
    overflow: hidden;
    margin: 20px 15px;
}
#submain .about .box .box-cont .txt{
    width: 530px;
    float: left;
}
#submain .about .box .box-cont .btn{
    float: right;
}
#submain .about .box .box-cont .btn a{
    width: 218px;
    box-sizing: border-box;
}
#submain .about .box .box-cont .logo-area{
    border: #ccc 3px solid;
    text-align: center;
    padding: 15px;
}
#submain .about .box .box-cont .logo-area p{
    padding: 0;
}
#submain .about .box .otoku{
    text-align: center;
    padding: 0;
    margin: 0;
}
#submain .about .box .otoku:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .about .box .otoku .otoku__item{
    display: inline-block;
    width: 48%;
    float: left;
    border: #FF7C8F 3px solid;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0;
}
#submain .about .box .otoku .otoku__item:last-child{
    margin-left: 4%;
}
#submain .about .box .otoku .otoku__item a {
    text-decoration: none;
    font-size: 18px;
}
#submain .about .box .otoku .otoku__item a span{
    display: block;
}
#submain .about .box .otoku .otoku__item .otoku__ttl{
    margin: 15px auto;
}
#submain .about .box .otoku .otoku__item .otoku__txt{
    margin: 15px auto;
}
#submain .about .box .otoku .otoku__item .link{
    background: #FF7C8F;
    color: #fff;
    padding: .5em;
}
#submain .about .box .otoku .otoku__item .link:after{
    font-family: FontAwesome;
    content:"\f105";
    float: right;
}

#submain .about .intro{
    background: #FEEDCF;
    position: relative;
    padding: 10px;
    margin: 100px auto 20px;
}
#submain .about .intro .intro__ttl{
    border-bottom: none;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -311px;
}
#submain .about .intro .sotowaku{
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
#submain .about .intro .sotowaku.pt .intro-box{
    padding: 90px 20px 30px;
    background: url(../images/about/kinou_img01.jpg) no-repeat right 30px bottom ,#fff;
    margin-bottom: 7.5px;
}
#submain .about .intro .sotowaku:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .about .intro .intro-box{
    background: #fff;
    border-radius: 18px;
    box-sizing: border-box;
    padding: 20px;
    overflow: hidden;
}


#submain .about .intro .intro__txt{
    font-size: 16px;
    line-height: 1.5;
}
#submain .about .intro .btn a{
    width: 264px;
}
#submain .about .intro .intro-box.introbox--half{
    width: 49%;
    margin-right: 2%;
    float: left;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}
#submain .about .intro .intro-box.introbox--half:nth-child(2n){
    margin-right: 0;
}
#submain .about .intro .intro-box .intro-num{
    margin-bottom: 25px;
}
#submain .about .intro .intro-box .intro-num p{
    border-bottom: 2px solid #E3FDF5;
    padding: 0;
}
#submain .about .intro .intro-box .intro-num .num{
    background: #E3FDF5;
    color: #60955E;
    padding: .5em .3em;
    font-size: 18px;
    font-weight: bold;
    margin-right: .5em;
}
#submain .about .intro .intro-box .intro-num .txt{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: .5em;
    display: inline-block;
}
#submain .about .intro .intro-box.intro-box--02{;
    background: url(../images/about/kinou_img03.jpg) no-repeat right 30px bottom ,#fff;
}
#submain .about .intro .intro-box.intro-box--03 .intro-list{
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0;
}
#submain .about .intro .intro-box.intro-box--03 .intro-list .intro-list__item{
    text-indent: -1em;
    font-size: 16px;
    line-height: 1.5;
}
#submain .about .intro .intro-box.intro-box--04{;
    background: url(../images/about/kinou_img05.jpg) no-repeat right 30px bottom ,#fff;
}
#submain .about .intro .intro-box.intro-box--05{;
    background: url(../images/about/kinou_img06.jpg) no-repeat right 30px bottom ,#fff;
    display: inline-block;
    margin-top: 7.5px;
    width: 100%;
}
#submain .about .about-btn{
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
#submain .about .about-btn .about-btn__item{
    display: inline-block;
    width: 376px;
}
#submain .about .about-btn .about-btn__item:last-child{
    margin-left: 15px;
}
#submain .about .about-btn .about-btn__item a{
    display: block;
    background: #FF7C8F;
    border-radius: 8px;
    padding: 1em 1em 1.1em;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
}
#submain .about .about-btn .about-btn__item a:after{
    font-family: FontAwesome;
    content:"\f105";
    float: right;
}
#submain .about .about-btn .about-btn__item a:hover{
    background: #B25664;
}

#submain .about .btn{
    padding-bottom: 0;
}
#submain .about .btn a{
    color: #fff;
    background: #FF7C8F;
    border-radius: 8px;
    padding: .7em 1em .8em;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    font-weight: bold;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
}
#submain .about .btn a:hover{
    background: #B25664;
}
#submain .about .btn a:after{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -.85em;
}

@media only screen and (max-width: 750px) {
    #submain .about img.sp{display: block;}
    #submain .about img.pc{display: none;}
    #submain .about .about-nav .nav__ttl{
        margin: -90px -50px 5px;
    }
    #submain .about .about-nav .about-nav__inner nav .about-nav-list .about-nav-list__item{
        width: 45%;
    }
    #submain .about .about-nav .about-nav__inner nav .about-nav-list .about-nav-list__item:nth-child(2n){
        margin-left: 2%;
    }
    #submain .about .tlc-step {
        margin: 30px auto 20px;
    }
    #submain .about .tlc-step .tlc-step__ttl{
        overflow: hidden;
        padding: 10px 10px 0;
    }
    #submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-count{
        margin-top: 0px;
        display: inline-block;
    }
    #submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn{
        padding: 0;
    }

    #submain .about .tlc-step .about-main .about-main__item{
        width: 30%;
        margin-right: 3%;
    }
    #submain .about .tlc-step .about-main .about-main__item:last-child{
        margin-right: 0px;
    }

    #submain .about .box{
        margin: 15px auto 30px;
    }
    #submain .about .box .box__ttl{
        margin-bottom: 15px;
    }
    #submain .about .box .box-cont{
        margin: 10px 7.5px;
    }
    #submain .about .box .box-cont .txt{
        width: auto;
        float: none;
    }
    #submain .about .box .box-cont .btn{
        float: none;
    }
    #submain .about .box .box-cont .logo-area{
        padding: 10px;
    }
    #submain .about .box .box-cont .logo-area p{
        padding: 0;
    }

    #submain .about .box .otoku .otoku__item{
        display: block;
        width: auto;
        float: none;
        margin: 15px 15px;
    }
    #submain .about .box .otoku .otoku__item:last-child{
        margin: 15px 15px;
    }
    #submain .about .box .otoku .otoku__item .otoku__ttl{
        margin: .5em 40px 0;
    }
    #submain .about .box .otoku .otoku__item .otoku__txt{
        margin: .5em 15px;
        font-size: 14px;
    }
    #submain .about .box .otoku .otoku__item .otoku__txt br{
        display: none;
    }
    #submain .about .box .otoku .otoku__item .otoku__img{
        margin: 15px auto;
        width: 70%;
    }
    #submain .about .intro{
        padding: 10px;
        margin: 30px auto 10px;
    }
    #submain .about .intro .intro__ttl{
        margin-left: -45px;
        margin-right: -45px;
        position: static;
    }

    #submain .about .intro .sotowaku.pt .intro-box{
        padding: 10px 20px 150px;
        background-size: 150px;
        margin-bottom: 7.5px;
    }

    #submain .about .intro .intro-box{
        border-radius: 8px;
        padding: 10px;
        height: auto !important;
    }
    #submain .about .intro .intro-box br{
        display: none;

    }
    #submain .about .intro .intro-box.introbox--half{
        width: auto;
        margin-right: 0%;
        float: none;
    }
    #submain .about .intro .intro-box .intro-num{
        margin-bottom: 10px;
    }

    #submain .about .intro .intro-box .intro-num .num{
        font-size: 14px;
    }
    #submain .about .intro .intro-box .intro-num .txt{
        font-size: 15px;
        margin-bottom: .2em;
    }


    #submain .about .intro .intro__txt {
        font-size: 14px;
    }
    #submain .about .intro .intro-box.intro-box--02{
        padding-bottom: 150px;
    }
    #submain .about .intro .intro-box.intro-box--03 .intro-list .intro-list__item{
        font-size: 14px;
    }
    #submain .about .intro .intro-box.intro-box--04{;
        background-size: 250px;
        background-position: right bottom;
        padding-bottom: 170px;
    }
    #submain .about .intro .intro-box.intro-box--05{;
        padding-bottom: 110px;
    }
    #submain .about .about-btn{
        text-align: center;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    #submain .about .about-btn .about-btn__item{
        display: block;
        width: auto;
    }
    #submain .about .about-btn .about-btn__item:last-child{
        margin-left: 0px;
    }
    #submain .about .about-btn .about-btn__item a{
        border-radius: 8px;
        font-size: 13px;
    }
    #submain .about .intro .btn a {
        width: 100%;
        font-size: 13px;
    }
    #submain .about .box .box-cont .btn a {
        width: 100%;
        font-size: 13px;
    }
    #submain .about .intro .intro__img {
        margin: 15px 25px;
    }
}

@media only screen and (max-width: 640px) {
    #submain .about .about-nav{
        padding: 30px 10px 10px;
        margin-top: 20px;
    }
    #submain .about .about-nav .nav__ttl{
        margin-top: -50px;
    }
    #submain .about .about-nav .about-nav__inner nav .about-nav-list .about-nav-list__item{
        margin-bottom: 5px;
    }
    #submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-count {
        width: 50%
    }
    #submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn{
        padding: 0;
    }
}
@media only screen and (max-width: 480px) {
    #submain .about .about-nav{
        padding: 10px;
        margin-top: 10px;
    }
    #submain .about .about-nav .nav__ttl{
        margin-top: 0;
        margin-bottom: -15px;
    }
    #submain .about .about-nav .about-nav__inner nav .about-nav-list .about-nav-list__item{
        width: auto;
        display: block;
        margin:  10px;
    }
    #submain .about .about-nav .about-nav__inner nav .about-nav-list .about-nav-list__item:nth-child(2n){
        margin-left: 10px;
    }
    #submain .about .tlc-step .about-main .about-main__item{
        float: left;
        margin-right: 2%;
        width: 49%;
    }
    #submain .about .tlc-step .about-main .about-main__item:first-child{
        text-align: center;
        margin: 0 auto;
        float: none;
        width: 80%;
    }
    #submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn{
        margin: 0;
        padding: 0;
    }
    #submain .about .tlc-step .tlc-step__ttl .tlc-step__ttl-btn img{
        width: 70px;
    }
}

/* TLCポイントとは　ポイントを貯める！交換する！ */
#submain .save p{
    font-size: 18px;
    padding: 0;
    margin: 0;
}
#submain .save ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#submain .save .main{
    position: relative;
    margin-bottom: 20px;
}
#submain .save .main .main-img{
    border-bottom: none;
}
#submain .save .main .main__btn{
    position: absolute;
    right: 30px;
    bottom: 30px;
}
#submain .save .main-read__txt{
    color: #5EAE9F;
    font-size: 24px;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
}
#submain .save .sec{
    margin: 30px auto;
}
#submain .save .sec .sec__ttl{
    padding-left: 0;
    margin-bottom: 15px;
}
#submain .save .sec .sec-txt{
}
#submain .save .sec .sec__img{
    float: left;
    width: 140px;
    text-align: center;

}
#submain .save .sec .sec__txt{
    padding:20px 0 20px 140px;

}
#submain .save .sec01 .sec-txt{
    background-position: left 30px bottom;
}
#submain .save .sec02 .sec-txt{
    background-position: left 30px bottom;
}
#submain .save .sec02 .img{
    margin: 30px auto 20px;
}
#submain .save .sec03 .service-intro p{
    padding-left: 30px;
    display: inline-block;
}
#submain .save .sec03 .service-intro .kihon{
    background: url(../images/save/icon_kihon.jpg) no-repeat;
    margin-right: 1.5em;
}
#submain .save .sec03 .service-intro .bonus{
    background: url(../images/save/icon_bonus.jpg) no-repeat;
}
#submain .save .service_box{
    margin-bottom: 40px;
}
#submain .save .service-list{
    margin: 10px auto 0px;
}
#submain .save .service-list:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .save .service-list .service-list__item{
    background: #F3F3EB;
    border-top: #5EAE9F 3px solid;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    box-shadow:7px 6px 6px -7px #999;
    width: 32%;
    margin-right: 2%;
    float: left;
    padding: 5px 10px 10px;
    margin-bottom: 2%;
}
#submain .save .service-list .service-list__item:nth-child(3n){
    margin-right: 0;
}
#submain .save .service-list .service-list__item .icon{
    margin: 2px 0 5px 0;
}
#submain .save .service-list .service-list__item .icon:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .save .service-list .service-list__item .icon .icon__item{
    float: left;
    margin-right: 5px;
}
#submain .save .service-list .service-list__item .company-name{
    text-align: center;
    font-weight: bold;
}
#submain .save .service-list .service-list__item .company-name .kome{
    vertical-align: top;
    font-size: 12px;
    color: #000;
}
#submain .save .service-list .service-list__item .txt{
    font-size: 14px;
    margin: .5em auto 0;
}
#submain .save .cable-list{

}
#submain .save .cable-list .cable-list__ttl{
    color: #5EAE9F;
    font-weight: bold;
    font-size: 18px;
}
#submain .save .cable-list .cable-list__ttl .kome{
    vertical-align: top;
    font-size: 12px;
    color: #000;
}
#submain .save .cable-list .cable-com-list{
    background: #F3F3EB;
    padding: 15px;
}
#submain .save .cable-list .cable-com-list:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .save .cable-list .cable-com-list .cable-com-list__item{
    width: 109px;
    float: left;
    margin-right: 7px;
}
#submain .save .cable-list .cable-com-list .cable-com-list__item:last-child{
    margin-right: 0;
}
#submain .save .cable-list .cable-com-list .cable-com-list__item p{
    font-size: 12px;
    line-height: 1.3;
    margin: .5em auto;
}
#submain .save .cable-list .cable-com-list .cable-com-list__item img{
    box-shadow:7px 6px 6px -7px #999;
}
#submain .save .cable-list .cable-kome{
    font-size: 12px;
    margin: .5em  auto;
}
#submain .save .cable-list .btn{text-align: center;}
#submain .save .about{
    text-align: center;
    margin: 50px auto 0;
}
#submain .save .about .about__item{
    display: inline-block;
    width: 390px;
    background: #FFF8E6;
    border-radius: 0 0 6px 6px;
    margin-left: 40px;
    padding-bottom: 20px;
}
#submain .save .about .about__item .btn{
    margin-top: 0;
}
#submain .save .about .about__item a{
    width: 330px;
}
#submain .save .about .about__item:first-child{
    margin-left: 0;
}
#submain .save .about .about__item .about_ttl{
    position: relative;
}
#submain .save .about .about__item .about_ttl:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 16px 0 16px;
    border-color: #ffdd7e transparent transparent transparent;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -13px;
    margin-left: -13px;
}
#submain .save .about .about__item .about__txt{
    padding: 30px 20px 0px;
    font-size: 16px;
    text-align: left;
}
#submain .save .about .about__item .btn a{
    padding: .7em 2.5em .8em;
}

#submain .save .btn{
    padding-bottom: 0;
    margin-top: 20px;}
#submain .save .btn a{
    color: #fff;
    background: #FF7C8F;
    border-radius: 8px;
    padding: 0.7em 2.3em 0.8em;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}


#submain .save .btn a:hover{
    background: #B25664;
}
#submain .save .btn a:after{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -.7em;
}


@media only screen and (max-width: 750px) {
    #submain .save .main .main-img{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #submain .save .main {
        margin-bottom: 15px;
    }
    #submain .save .main .main__btn{
        position: absolute;
        right: 5px;
        bottom: 15px;
        width: 48%;
    }
    #submain .save .main-read__txt{
        font-size: 18px;
        line-height: 1.4;
        text-align: left;
    }
    #submain .save .sec{
        margin: 15px auto;
    }
    #submain .save .sec .sec__ttl{
        height: auto;
        line-height: 1;
        margin-bottom: 10px;
        margin-top: 20px;
        padding-right: 30%;
    }
    #submain .save .sec .sec__ttl img{
        width: auto;
    }
    #submain .save .sec .sec-txt{
    }
    #submain .save .sec .sec__img {
        width: auto;
    }
    #submain .save .sec .sec__txt{
        font-size: 16px;
        padding: 10px 0 40px 90px;
    }
    #submain .save .sec01 .sec-txt{
        background-position: left  bottom;
        background-size: contain;
    }
    #submain .save .sec02 .sec-txt{
        background-position: left bottom;
        background-size: contain;
    }
    #submain .save .sec02 .img{
        margin: 15px auto 10px;
    }
    #submain .save .sec03 .service-intro p{
        padding-left: 30px;
        display: block;
        font-size: 16px;
    }
    #submain .save .sec03 .service-intro .kihon{
        margin-right: 0;
        margin-bottom: .5em;
    }
    #submain .save .service-list{
        margin: 10px auto 0px;
    }

    #submain .save .service-list .service-list__item{
        width: 100%;
        margin-right: 0%;
        float: none;
        height: auto !important;
        margin-bottom: 15px;
    }

    #submain .save .service-list .service-list__item .icon{
        margin: 0px ;
    }
    #submain .save .service-list .service-list__item .company-name .kome{
        vertical-align: top;
        font-size: 12px;
        color: #000;
    }
    #submain .save .service-list .service-list__item .txt{
        font-size: 14px;
        margin: .5em auto 0;
    }
    #submain .save .cable-list .cable-list__ttl{
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: .5em;
    }
    #submain .save .cable-list .cable-com-list{
        padding: 10px;
    }
    #submain .save .cable-list .cable-com-list .cable-com-list__item{
        width: 32%;
        float: left;
        margin-right: 2%;
    }
     #submain .save .cable-list .cable-com-list .cable-com-list__item:nth-child(3n){
         margin-right: 0;
    }
    #submain .save .about{
        margin: 25px auto 0;
    }
    #submain .save .about .about__item{
        display: block;
        width: auto;
        border-radius: 0 0 6px 6px;
        margin-left: 0px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    #submain .save .about .about__item .about__txt{
        padding: 15px 10px 0px;
        height: auto !important;
    }
    #submain .save .about .about__item .btn a{
        padding: .7em 2.5em .8em;
        font-size: 14px;
        width: auto;
        display: block;
        margin: 0 10px;
    }

    #submain .save .btn a{
        /*padding: 1em 2em 1.1em;*/
        font-size: 14px;
    }
    #submain .save .btn a:after{
        margin-top: -1em;
    }
    #submain .save .cable-list .cable-com-list .cable-com-list__item:nth-child(4){
        clear: both;
    }
     #submain .save .cable-list .cable-com-list .cable-com-list__item:last-child{
        clear: both;
    }
    #submain .save .about .about__item .btn{
        margin-top: 15px;
    }

}
@media only screen and (max-width: 460px) {
    #submain .save .sec .sec__ttl img{
        width: 100%;
    }
    #submain .save .sec .sec__txt {
        padding: 0 0 0 90px;
    }
}

/*ポイント詳細*/
#submain .point_detail .blue__icon-kihon{
    padding-left: 1.5em;
    background: url(../images/save/icon_kihon_b.jpg) no-repeat left top;
    line-height: 32px;
}
#submain #bonuspoint .purple__icon-bonus{
    padding-left: 1.5em;
    background: url(../images/save/icon_bonus_b.jpg) no-repeat left top;
    line-height: 32px;
}
@media only screen and (max-width: 750px) {
    #submain .point_detail .blue__icon-kihon{
        padding-left: 1.8em;
    }
    #submain #bonuspoint .purple__icon-bonus{
        padding-left: 1.8em;
        font-size: 19px;
    }

}



/*================================================================================
    スマホTOP改修
================================================================================*/
#mainstagearea .tlc-entry {
    padding: 2.5% 2.5% 0 2.5%;
}
#mainstagearea .entry-btn {
    border: none;
    padding: 0 10px;
    margin: 0;
    line-height: 46px;
    background: #f4ebd9;
    text-align: center;
    color: #494949;
    width: 100%;
    font-weight: bold;
    border-radius: 5px;
    border:2px solid #494949;
    font-size: 16px;
}
#mainstagearea .entry-btn:before {
    content: "\f107";
    font-family: FontAwesome;
    margin-right: .8em;
    vertical-align: middle;
}
#mainstagearea .entry-btn.open {
    background: #494949;
    color: #FFF;
}
#mainstagearea .entry-btn.open:before {
    content: "\f106";
}
#mainstagearea .entry-bnr {
    margin: 2.5% 0;
}
#mainstagearea .entry-bnr img {
    width: 100%;
    height: auto;
}
#mainstagearea .entry-flow {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: none;
    font-size: 14px;
}
#mainstagearea .entry-flow__list {
    margin-top:5px;
}
#mainstagearea .entry-flow__list a {
    color: #333;
    text-decoration: none;
    display: block;
    background: #f4ebd9;
    padding: 0 10px 0 40px;
    line-height: 46px;
    border:2px solid #494949;
    border-radius: 5px;
    position: relative;
}
#mainstagearea .entry-flow__list--about a {
    background: #f4ebd9 url(../images/sma/sma_entry01.png) no-repeat 10px center / 20px auto;
}
#mainstagearea .entry-flow__list--free a {
    background: #f4ebd9 url(../images/sma/sma_entry02.png) no-repeat 10px center / 25px auto;
}
#mainstagearea .entry-flow__list--get a {
    background: #f4ebd9 url(../images/sma/sma_entry03.png) no-repeat 10px center / 20px auto;
}
#mainstagearea .entry-flow__list a:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    border-color: transparent #494949 transparent transparent;
    border-width: 10px 10px 0px 0px;
    border-style: solid;
}

#dev_swich ul li.spbtn button {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #c8c8c8, #ededed) repeat scroll 0 0;
    border-radius: 0 5px 5px 0;
}
#dev_swich ul li.pcbtn button {
    background: -moz-linear-gradient(center top , #ffffff, #ededed);
    border-radius: 5px 0 0 5px;
}
#dev_swich ul li button{
    padding: 12px;
    font-size: 13px;
    position: relative;
    padding:0;
    line-height: 45px;
}
#dev_swich ul li.pcbtn button:before{
    content:"\f108";
    font-family: FontAwesome;
    margin-right: .5em;
    font-size: 20px;
    vertical-align: middle;
}
#dev_swich ul li.spbtn button:before{
    content: "\f10b";
    font-family: FontAwesome;
    margin-right: .2em;
    font-size: 32px;
    vertical-align: middle;
}
#footbnrbtn {display: none;}

@media screen and (max-width:750px){
    #bottomlogo{position: relative;}
    #bottomlogo a{text-decoration: none; position: relative;}

    #footbnrbtn {
        display: block;
        margin:0 10px;
    }
    #footbnrbtn a {
        display: block;
        background:#EEE;
        border-radius: 5px;
        text-decoration: none;
        position: relative;
        font-size: 14px;
        color:#333;
        padding:10px 30px 10px 10px;
        font-weight:bold;

    }
    #footbnrbtn a:before{
        font-family: FontAwesome;
        content:"\f107";
        text-decoration: none;
        margin-right: 1em;
    }
    #footbnrbtn.is-active a {
        background: #004EA1;
        color: #FFF;
    }
    #footbnrbtn.is-active a:before{
        content:"\f106";
    }
    #footbnrbtn + ul{
        display: none;
        margin-top: 15px;
    }
    .fsmbox ul li.gaibu{
        overflow: hidden;
    }
    .fsmbox ul li.gaibu a:after{
        font-family: FontAwesome;
        content: "\f08e";
        margin-top: .2em;
        float: right;
        margin-right: -.5em;
        color: #f54b8c;
        font-weight: bold;
    }
    .fsmbox ul li.gaibu a{
        background: none;
    }
}



/* 総額600,000TLCポイントプレゼントキャンペーン！*/
#submain .pointcam_60cam ol,#submain .pointcam_60cam ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#submain .pointcam_60cam ol li,#submain .pointcam_60cam ul li{
    margin: 0;
    padding: 0;
}
#submain .pointcam_60cam .sp{
    display: none;
}
#submain .pointcam_60cam p{
    padding: 0;
}
#submain .pointcam_60cam .main{
    margin-bottom: 15px;
}
#submain .pointcam_60cam .sanka{
    border: 5px solid #182147;
    margin: 15px auto 40px;
}
#submain .pointcam_60cam .sanka__ttl{
    background: #182147;
    position: relative;
    border-bottom: none;
    padding: 15px 0;
}
#submain .pointcam_60cam .sanka__ttl:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 24px 0 24px;
    border-color: #182147 transparent transparent transparent;
    content: "";
    position: absolute;
    left:50%;
    margin-left: -12px;
    bottom: -12px;
}
#submain .pointcam_60cam .sanka .sanka__inner{
    padding: 10px 35px 0 ;
}
#submain .pointcam_60cam .sanka__sub-ttl{
    margin-bottom: 20px;
}
#submain .pointcam_60cam .sanka-terms{
    margin-bottom: 25px;
}
#submain .pointcam_60cam .sanka-terms .sanka-terms__lists{
    text-indent: -1em;
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    margin: .5em auto .5em 1em;
}
#submain .pointcam_60cam .sanka-terms .sanka-terms__lists .notes{
    font-size: 14px;
    font-weight: normal;
}
#submain .pointcam_60cam .sanka-btn:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .pointcam_60cam .sanka-btn .sanka-btn__item{
    margin-bottom: 30px;
    float: left;
    margin-right: 20px;
}
#submain .pointcam_60cam .sanka-btn .sanka-btn__item:last-child{
    margin-right: 0;
}
#submain .pointcam_60cam .box{
    margin: 30px auto;
    font-size: 14px;
    line-height: 1.5;
}
#submain .pointcam_60cam .cam__ttl{
    border-bottom: 3px solid #182147;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: .5em;
    padding-bottom: .5em;
}
#submain .pointcam_60cam .kome .kome__item{
    text-indent: -1em;
    font-size: 14px;
    line-height: 1.5;
    margin: .5em 0 .5em 1em;
}
#submain .pointcam_60cam .btn-area{
    margin: 50px auto;
    text-align: center;
}

@media screen and (max-width: 750px) {
    #submain .pointcam_60cam .sanka{
        border-width: 3px;
        margin: 15px auto 20px;
    }
    #submain .pointcam_60cam .sanka__ttl img{
        width: auto;
    }
    #submain .pointcam_60cam .sanka .sanka__inner{
        padding: 10px 15px 0 ;
    }
    #submain .pointcam_60cam .sanka__sub-ttl{
        margin-bottom: 20px;
    }
    #submain .pointcam_60cam .sanka-terms{
        margin-bottom: 15px;
    }
    #submain .pointcam_60cam .sanka-terms .sanka-terms__lists{
        font-size: 15px;
        line-height: 1.4;
    }
    #submain .pointcam_60cam .sanka-terms .sanka-terms__lists .notes{
        font-size: 12px;
    }
    #submain .pointcam_60cam .sanka-btn .sanka-btn__item{
        margin-bottom: 15px;
        float: left;
        width: 23.5%;
        margin-right: 2%;
    }
    #submain .pointcam_60cam .box{
        margin: 15px auto;
        font-size: 13px;
        line-height: 1.4;
    }
    #submain .pointcam_60cam .cam__ttl{
        border-width: 2px;
        font-size: 16px;
    }
    #submain .pointcam_60cam .kome .kome__item{
        font-size: 13px;
        line-height: 1.4;
    }
    #submain .pointcam_60cam .btn-area{
        margin: 25px auto;
        text-align: center;
    }
    #submain .pointcam_60cam .btn-area img{
        width: auto;
    }
}

@media screen and (max-width: 560px) {
    #submain .pointcam_60cam .sp{
        display: block;
    }
    #submain .pointcam_60cam .pc{
        display: none;
    }
    #submain .pointcam_60cam .sanka__ttl{
        padding: 5px 15px 10px;
    }
    #submain .pointcam_60cam .sanka__ttl img{
        width: 100%;
    }
    #submain .pointcam_60cam .sanka__ttl:before{
        border-width: 8px 20px 0 20px;
        margin-left: -10px;
        bottom: -8px;
    }
    #submain .pointcam_60cam .sanka-terms .sanka-terms__lists .notes{
        display: block;
        margin-left: 1em;
    }
    #submain .pointcam_60cam .sanka-btn{
        margin-bottom: 10px;
    }
    #submain .pointcam_60cam .sanka-btn .sanka-btn__item{
        margin-bottom: 2%;
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    #submain .pointcam_60cam .sanka-btn .sanka-btn__item:nth-child(2n){
        margin-right: 0;
    }
    #submain .pointcam_60cam .btn-area {
        margin-left: 15px;
        margin-right: 15px;
    }
    #submain .pointcam_60cam .btn-area img{
        width: 100%;
    }
}
/* /総額600,000TLCポイントプレゼントキャンペーン！*/



/* プレミアムセレクション*/
#submain .selection_60cam ol,#submain .selection_60cam ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#submain .selection_60cam ol li,#submain .selection_60cam ul li{
    margin: 0;
    padding: 0;
}
#submain .selection_60cam .sp{
    display: none;
}
#submain .selection_60cam p{
    padding: 0;
}
#submain .selection_60cam .main{
    margin-bottom: 40px;
}
#submain .selection_60cam .selection{}
#submain .selection_60cam .selection.selection__sub{
    margin: 30px auto 60px;
}
#submain .selection_60cam .cam__ttl{
    background-image: linear-gradient(to right, #000 0%, #15153A 50%, #000 100%);
    border-bottom: none;
    margin-bottom: 30px;
}
#submain .selection_60cam .cam__ttl .cam__ttl__inner{
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho", "MS 明朝", serif;
    color: #fff;
    font-size: 24px;
    background: url(../images/201706/60cam_p_selection/ttl_icon.png) no-repeat 15px 50%;
    padding: .8em .5em .8em 65px;
    display: block;
    font-weight: normal;
}
#submain .selection_60cam .selection-list:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .selection_60cam .selection-list .selection-list__item{
    float: left;
    width: 272px;
    margin: 0 12px 30px 0;
}
#submain .selection_60cam .selection-list .selection-list__item:nth-child(3n){
    margin-right: 0;
}

#submain .selection_60cam .selection-list .selection-list__item:nth-child(3n) + li {
    clear: both;
}
#submain .selection_60cam .selection__img{
    border: 1px solid #ccc;
    text-align: center;
}
#submain .selection_60cam .selection__img img{
    width: 100%;
}
#submain .selection_60cam .selection-about {

}
#submain .selection_60cam .selection__product-name{
    font-weight: bold;
    font-size: 16px;
    margin: .5em auto;
    line-height: 1.4;
}
#submain .selection_60cam .selection__intro{
    font-size: 14px;
    line-height: 1.6;
}
#submain .selection_60cam .selection-point{
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    color: #EA5290;
    line-height: 1.4;
    margin: .5em auto;
}
#submain .selection_60cam .selection-point .selection-point--unit{
    font-size: 11px;
    font-weight: normal;
    margin-left: .5em;
}
#submain .selection_60cam .selection-list .selection-btn:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .selection_60cam .selection-list .selection-btn .selection-btn__item{
    width: 46%;
    margin: 0 2% ;
    float: left;
    box-sizing: border-box;
}
#submain .selection_60cam .selection-list .selection-btn .selection-btn__item.selection-btn__item--change{
    background: #254275 ;
    border-radius: 5px;
}
#submain .selection_60cam .selection-list .selection-btn .selection-btn__item.selection-btn__item--change:hover {
    opacity: 0.9;
}
#submain .selection_60cam .selection-list .selection-btn .selection-btn__item.selection-btn__item--detail{
    background: #945E41 ;
    border-radius: 5px;
}
#submain .selection_60cam .selection-list .selection-btn .selection-btn__item.selection-btn__item--detail:hover {
    opacity: 0.9;
}
#submain .selection_60cam .selection-list .selection-btn .selection-btn__item a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: .9em;
    display: block;
    font-weight: bold;
    position: relative;
}
#submain .selection_60cam .selection-list .selection-btn .selection-btn__item a:after{
    content: url(../images/201706/60cam_p_selection/btn_arrow_right.png);
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 10px
}
#submain .selection_60cam .cam__sub-ttl{
    background: #254275;
    font-size: 18px;
    font-weight: bold;
    padding: .5em;
    color: #fff;
    margin-bottom: 20px;
}
#submain .selection_60cam .kome .kome__item{
    text-indent: -1em;
    margin: .3em 0 0 1em;
    font-size: 14px;
}
#submain .selection_60cam .big-txt{
    font-weight: bold;
    font-size: 22px;
    margin: 1em auto;
}
#submain .selection_60cam .big-txt .big-txt--red{
    color: #F8464C;
    font-size: 23px;
}
#submain .selection_60cam .change-box{
    border: 4px solid #254275;
    display: table;
    width: 100%;
    box-sizing: border-box;
    margin: 10px auto 15px;
}
#submain .selection_60cam .change-box:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .selection_60cam .change-box .change__txt{
    background: #254275;
    color: #fff;
    width: 240px;
    font-weight: bold;
}
#submain .selection_60cam .change-box .change__img{
    padding: 20px 20px;
}
#submain .selection_60cam .change-box .change__txt p{
    font-size: 20px;
    line-height: 1.4;
}
#submain .selection_60cam .change-box .change-item{
    display: table-cell;
    vertical-align: middle;
}
#submain .selection_60cam .kome--last{
    margin: 30px auto;
}
#submain .selection_60cam .kome--last .kome__item{
    line-height: 1.7;
    margin: .5em 0 .5em 1em;
}
#submain .selection_60cam .kome--last .kome__item a{
    color: #F24B8C;
    text-decoration: underline;
}
#submain .selection_60cam .btn{
    text-align: center;
    margin: 40px auto;
}
#submain .selection_60cam .btn a{
    color: #fff;
    background: #254275;
    position: relative;
    text-decoration: none;
    padding: 1em 2em 1em 3em;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    border-radius: 5px;
}
#submain .selection_60cam .btn a:hover {
    opacity: 0.9;
}
#submain .selection_60cam .btn a:before{
    content: url(../images/201706/60cam_p_selection/btn_arrow_left.png);
    position: absolute;
    top: 50%;
    left: .8em;
    margin-top: -.9em;
}

@media screen and (max-width: 750px) {
    #submain .selection_60cam .main{
        margin-bottom: 15px;
    }
    #submain .selection_60cam .selection{}
    #submain .selection_60cam .selection.selection__sub{
        margin: 30px auto;
    }
    #submain .selection_60cam .cam__ttl{
        margin-bottom: 15px;
    }
    #submain .selection_60cam .cam__ttl .cam__ttl__inner{
        font-size: 18px;
        background-size: 35px;
    }
    #submain .selection_60cam .selection-list .selection-list__item{
        width: 32%;
        margin: 0 2% 30px 0;
    }
    #submain .selection_60cam .selection__product-name{
        font-size: 14px;
    }
    #submain .selection_60cam .selection__intro{
        font-size: 13px;
        line-height: 1.5;
    }
    #submain .selection_60cam .selection-point{
        font-size: 17px;
    }
    #submain .selection_60cam .selection-list .selection-btn .selection-btn__item a{
        font-size: 12px;
        padding: .9em;
    }
    #submain .selection_60cam .cam__sub-ttl{
        font-size: 15px;
        margin-bottom: 10px;
    }
    #submain .selection_60cam .kome .kome__item{
        font-size: 13px;
    }
    #submain .selection_60cam .big-txt{
        font-size: 18px;
    }
    #submain .selection_60cam .big-txt .big-txt--red{
        font-size: 20px;
    }
    #submain .selection_60cam .change-box .change__txt{
        width: 30%;
    }
    #submain .selection_60cam .change-box .change__img{
        padding: 10px 10px;
    }
    #submain .selection_60cam .change-box .change__txt p{
        font-size: 16px;
    }
    #submain .selection_60cam .kome--last{
        margin: 15px auto;
    }
    #submain .selection_60cam .btn{
        margin: 20px auto;
    }
    #submain .selection_60cam .btn a{
        font-size: 14px;
    }
}

@media screen and (max-width: 690px) {
    #submain .selection_60cam .selection-list .selection-list__item{
        float: left;
        width: 49%;
    }
    #submain .selection_60cam .selection-list .selection-list__item:nth-child(3n){
        margin-right: 2%;
    }
    #submain .selection_60cam .selection-list .selection-list__item:nth-child(2n){
        margin-right: 0%;
    }
#submain .selection_60cam .selection-list .selection-list__item:nth-child(3n) + li {
    clear:none;
}

    #submain .selection_60cam .change-box{
        border: 4px solid #254275;
        display: table;
        width: 100%;
        box-sizing: border-box;
        margin: 10px auto;
    }
    #submain .selection_60cam .change-box .change__txt{
        width: auto;
        display: block;
    }
    #submain .selection_60cam .change-box .change__txt br{
        display: none;
    }
    #submain .selection_60cam .change-box .change-item{
        display: block;
        padding: 0.5em 0.5em 0.6em;
    }

}

@media screen and (max-width: 450px) {
    #submain .selection_60cam .selection-list .selection-btn .selection-btn__item a{
        font-size: 14px;
    }
    #submain .selection_60cam .big-txt {
        font-size: 15px;
        text-align: center;
    }
    #submain .selection_60cam .big-txt .big-txt--red{
        display: block;
        font-size: 16px;
    }
    #submain .selection_60cam .selection.selection__sub{
        margin: 10px auto 20px;
    }
    #submain .selection_60cam .selection-list .selection-list__item{
        float: none;
        width: 100%;
    }
    #submain .selection_60cam .selection-list .selection-list__item:nth-child(3n){
        margin-right: 0%;
    }

}
/* /プレミアムセレクション*/


/* プレミアムセレクション_詳細*/
#submain .selection_60cam .movie{
    margin-bottom: 40px;
    overflow: hidden;
}
#submain .selection_60cam .movie .small{
    font-size:12px;
    text-align: right;
    margin: .5em auto;
    float: right;
}
#submain .selection_60cam .movie__txt{
    margin: 0.5em auto;
    font-size: 14px;
    float: left;
}
#submain .selection_60cam .movie__box{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#submain .selection_60cam .movie__box iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#submain .selection_60cam .selection__count .product-txt-area{
    overflow: hidden;
    margin-bottom: 1.2em;
}

#submain .selection_60cam .selection__count .product-btn{
    width: 240px;
    float: right;
}
#submain .selection_60cam .selection__count .product-btn a{
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 0.9em ;
    position: relative;
    text-decoration: none;
    background: #945e41;
    border-radius: 5px;
    text-align: center;
}
#submain .selection_60cam .selection__count .product-btn a:hover{
    opacity: 0.9;
}
#submain .selection_60cam .selection__count .product-btn a:after{
    content: url("../images/201706/60cam_p_selection/btn_arrow_right_b.png");
    margin-top: -13px;
    position: absolute;
    right: 1em;
    top: 50%;
}
#submain .selection_60cam .selection__count .product-name{
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho", "MS 明朝", serif;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 0.5em;
    font-weight: normal;
}
#submain .selection_60cam .selection__count .change-point{
    font-weight: bold;
    font-size: 16px;
    float: left;
    margin-top: 0.8em;
}
#submain .selection_60cam .selection__count .change-point .need-point{
    color: #EA5290;
    border-bottom: 2px solid #EA5290;
    font-weight: bold;
    font-size: 26px;
    margin-left: 1em;
}
#submain .selection_60cam .selection__count .change-point .need-point .need-point--unit{
    font-size: 16px;
    font-weight: normal;
    margin-left: .5em;
}
#submain .selection_60cam .selection__count .change-point .product__txt{
    font-size: 14px;
    line-height: 1.4;
}
#submain .selection_60cam .selection__count .product-img {
    margin: 30px auto;
}
#submain .selection_60cam .selection__count .product-img:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .selection_60cam .selection__count .product-img .product-img__item{
    float: left;
    width: 270px;
    margin-right: 15px;
}
#submain .selection_60cam .selection__count .product-img .product-img__item--main {
    margin:0 0 15px;
    width: 100%;
}
#submain .selection_60cam .selection__count .product-img .product-img__item:last-child{
    margin-right: 0;
}
#submain .selection_60cam .selection__count .product-img .product-img__item img {
    width: 100%;
    height: auto;
}
#submain .selection_60cam .selection__count .selection__detail-btn{
    text-align: center;
}
#submain .selection_60cam .selection__count .selection__detail-btn .selection__detail-btn__item{
    display: inline-block;
}
#submain .selection_60cam .selection__count .selection__detail-btn .selection__detail-btn__item:last-child{
    margin-left: 40px;
}
#submain .selection_60cam .selection__count .selection__detail-btn .selection__detail-btn__item a{
    display: block;
    background: #254275;
}
#submain .selection_60cam .product__intro{
    font-size: 14px;
    margin: 15px auto;
}
#submain .selection_60cam .product__intro .product__head{
    width: 10em;
    vertical-align: middle;
    text-align: center;
}
#submain .selection_60cam .product__intro .product__body{
}

@media screen and (max-width: 750px) {
    #submain .selection_60cam .sp{
        display: block;
    }
    #submain .selection_60cam .pc{
        display:none;
    }
    #submain .selection_60cam .selection__count .product-txt-area{
        width: auto;
        float: none;
    }
    #submain .selection_60cam .selection__count .product-img{
        margin: 15px auto;
    }
    #submain .selection_60cam .selection__count .product-img .product-img__item{
        width: 32%;
        margin-right: 2%;
        box-sizing: border-box;
    }
    #submain .selection_60cam .selection__count .product-img .product-img__item--main{
        width: 100%;
        margin:0 0 2%;
    }
    #submain .selection_60cam .selection__count .selection__detail-btn .selection__detail-btn__item:last-child{
        margin-left: 10px;
    }
    #submain .selection_60cam .selection__count .product-name{
        font-size: 22px;
    }
    #submain .selection_60cam .selection__count .product-btn{
        width: 35%;
    }
    #submain .selection_60cam .selection__count .product-btn a{
        font-size: 16px;
    }
}

@media screen and (max-width: 660px) {
    #submain .selection_60cam .selection__count .selection__detail-btn .selection__detail-btn__item a{font-size: 12px;}
}

@media screen and (max-width: 560px) {
    #submain .selection_60cam .movie {
        margin-bottom: 20px;
    }
    #submain .selection_60cam .movie__txt {
        float: none;
        text-align: right;
    }
    #submain .selection_60cam .movie .small {
        float: none;
    }
    #submain .selection_60cam .selection__count .change-point .need-point{
        display: block;
        margin-left: 0;
        margin-top: .2em;
    }
    #submain .selection_60cam .selection__count .selection__detail-btn{
        margin-bottom: 30px;
    }
    #submain .selection_60cam .selection__count .selection__detail-btn .selection__detail-btn__item{
        width: 85%;
        text-align: center;
        margin: 5px auto;
    }
    #submain .selection_60cam .selection__count .selection__detail-btn .selection__detail-btn__item:last-child{
        margin-left: 0;
    }
    #submain .selection_60cam .product__intro{
        font-size: 14px;
        margin: 15px auto;
    }
    #submain .selection_60cam .product__intro .product__head{
        width: auto;
        display: block;
    }
    #submain .selection_60cam .product__intro .product__body{
        display: block;
    }
    #submain .selection_60cam .selection__count .change-point{
        margin-top: 0;
    }
    #submain .selection_60cam .selection__count .product-btn{
        width: 40%;
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 400px) {
    #submain .selection_60cam .selection__count .change-point{
        float: none;
        text-align: center;
    }
    #submain .selection_60cam .selection__count .change-point .need-point{
        display: inline-block;
        margin: 0 0 0 0.5em;
    }
    #submain .selection_60cam .selection__count .product-btn{
        width: 60%;
        margin: 1.5em auto 0;
        float: none;
    }
}



/*================================================================================
    あなたのおトク生活度診断！
================================================================================*/
#submain .otokucheck .main-2col{
    overflow: hidden;
}
#submain .otokucheck .main-2col div{
    float: left;
    width: 50%;
}



/*================================================================================
    秋の満腹ガチャ
================================================================================*/
#submain .manpukugacha201709 p {
    padding: 0;
}
#submain .manpukugacha201709 .special-container {
    background: url(../images/201709/manpukugacha201709/bg.jpg);
    padding: 0 0 30px;
}
#submain .manpukugacha201709 .special-main {
    margin: 0 0 10px;
}
#submain .manpukugacha201709 .special-btn {
    max-width: 584px;
    margin: 0 auto;
}
#submain .manpukugacha201709 .special-note {
    margin: 12px 0 0 1em;
    padding: 0;
    font-weight: bold;
    text-indent: -1em
}
#submain .manpukugacha201709 .special-note:before {
    content:"※";
}
#submain .manpukugacha201709 .special-note + .special-note {
    margin-top: 3px;
}

#submain .manpukugacha201709 .special-contents {
    margin-top: 7.14%;
}
#submain .manpukugacha201709 .special-contents__ttl {
    text-align: center;
    background: #3a5800;
    border: none;
    margin: 0 0 20px;
    padding: 20px;
    position: relative;
}
#submain .manpukugacha201709 .special-contents__ttl:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    border-top: 2px dashed #FFF;
}
#submain .manpukugacha201709 .special-contents__ttl:after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    border-top: 2px dashed #FFF;
}
#submain .manpukugacha201709 .special-contents__ttl img {
    width: 180px;
}
#submain .manpukugacha201709 .special-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#submain .manpukugacha201709 .special-list li {
    max-width: 380px;
    margin: 16px 9px;
    padding: 0;
    position: relative;
    display: inline-block;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.20);
}
#submain .manpukugacha201709 .special-list li .list-bal {
    position: absolute;
    top: -15px;
    left: 0;
    width: 27.368421%;
}
#submain .manpukugacha201709 .special-list li .list-num {
    position: absolute;
    top: -20px;
    right: -10px;
    width: 23.684210%;
}
#submain .manpukugacha201709 .special-list li .list-btn {
    position: absolute;
    bottom: 2px;
    right: -10px;
    width: 58.684210%;
}
#submain .manpukugacha201709 .special-detail {
    margin-top: 5%;
}
#submain .manpukugacha201709 .special-detail__ttl {
    background: #d8962c;
    padding: 12px;
    color: #FFF;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 2.380952%;
}
#submain .manpukugacha201709 .special-detail .note-txt {
    display: block;
    margin: 5px 0 0 1em;
    text-indent: -1em;
    font-size: 14px;
}
#submain .manpukugacha201709 .special-detail .note-txt:before {
    content:"※";
}
#submain .manpukugacha201709 .special-detail .detail-flow {
    list-style-type: none;
    padding: 0;
}
#submain .manpukugacha201709 .special-detail .detail-flow li {
    margin: 2.380952% 0;
    padding: 3px 0 3px 40px;
    position: relative;
    font-size: 16px;
}
#submain .manpukugacha201709 .special-detail .detail-flow li:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #d8962c;
    border: 2px solid #d8962c;
    width: 26px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
}
#submain .manpukugacha201709 .special-detail .detail-flow li:nth-of-type(1):before {
    content: "1";
}
#submain .manpukugacha201709 .special-detail .detail-flow li:nth-of-type(2):before {
    content: "2";
}
#submain .manpukugacha201709 .special-detail .detail-flow li:nth-of-type(3):before {
    content: "3";
}
#submain .manpukugacha201709 .special-detail .detail-flow li:nth-of-type(4):before {
    content: "4";
}
#submain .manpukugacha201709 .detail-camp {
    margin: 0 0 10px;
    font-size: 16px;
}
#submain .manpukugacha201709 .detail-camp dt {
    float: left;
    clear: both;
    font-weight: bold;
    margin-bottom: 5px;
}
#submain .manpukugacha201709 .detail-camp dt:before {
    content:"■";
    color: #d8962c;
}
#submain .manpukugacha201709 .detail-camp dt:after {
    content:"：";
}
#submain .manpukugacha201709 .detail-camp dd {
    margin-left: 1em;
    margin-bottom: 10px;
}
#submain .manpukugacha201709 .special-detail .detail-note {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#submain .manpukugacha201709 .special-detail .detail-note li {
    margin: 0 0 0 1em;
    padding: 0;
    text-indent: -1em
}
#submain .manpukugacha201709 .special-detail .detail-note li + li {
    margin-top: 5px;
}
#submain .manpukugacha201709 .special-detail .detail-note li:before {
    content:"※";
}


@media screen and (max-width: 750px) {
    #submain .manpukugacha201709 .special-main {
        margin-bottom: 0;
    }
    #submain .manpukugacha201709 .special-btn {
        max-width: 584px;
        width: 90%;
    }
    #submain .manpukugacha201709 .special-list {
        overflow: hidden;
    }
}
@media screen and (max-width: 480px) {
    #submain .manpukugacha201709 .special-contents__ttl {
        margin: 0;
    }
    #submain .manpukugacha201709 .special-contents__ttl img {
        width: 140px;
    }
    #submain .manpukugacha201709 .special-list li {
        margin: 16px 15px;
    }
    #submain .manpukugacha201709 .special-detail__ttl {
        padding: 10px;
        font-size: 18px;
    }
    #submain .manpukugacha201709 .detail-camp dt {
        float: none;
    }
    #submain .manpukugacha201709 .detail-camp dt:after {
        content:"";
    }
    #submain .manpukugacha201709 .detail-camp dd {
        margin-bottom: 12px;
    }
}

/*================================================================================
    2017　大感謝祭
================================================================================*/
#submain .thanks-fes--2017 .main-txt{
    margin-top: -50px;
    z-index: 1;
    position: relative;
}
#submain .thanks-fes--2017 .main-txt:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .thanks-fes--2017 .main-txt--txt {
    float: left;
    font-size: 16px;
    line-height: 1.6;
}
#submain .thanks-fes--2017 .main-txt-btn{
    margin: 5px 15px 0 0;
    padding: 0;
    list-style: none;
    float: right;
}
#submain .thanks-fes--2017 .main-txt-btn:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .thanks-fes--2017 .main-txt-btn__item {
    float: left;
    margin-left: 10px;
}
#submain .thanks-fes--2017 .otoku-box{
    margin-top: -10px;
}
#submain .thanks-fes--2017 .otoku-box:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .thanks-fes--2017 .otoku-box--txt {
    float: left;
    font-size: 16px;
    line-height: 1.6;
}
#submain .thanks-fes--2017 .otoku-box--btn {
    float: right;
    margin-right: 10px;
}
#submain .thanks-fes--2017 .selection {
    margin: 40px auto 0px;
}
#submain .thanks-fes--2017 .selection  p{
    padding-bottom: 0;
    margin-bottom: 0;
}
#submain .thanks-fes--2017 .selection  .selection-btn{
    margin-top: 15px;
}
#submain .thanks-fes .need {
    border: 2px solid #F4488A;
    padding: 15px 20px;
    margin-bottom: 40px;
    margin-top: 40px;
}
#submain .thanks-fes .need-read:after , #submain .thanks-fes .need--no-card:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .thanks-fes .need-read-box, #submain .thanks-fes .need--no-card--img{
    float: left;
}
#submain .thanks-fes .need-read-box--tit {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: .5em;
    padding-bottom: 0;
}
#submain .thanks-fes .need-read-box--txt {
    font-size: 16px;
    line-height: 1.5;
}
#submain .thanks-fes .need-read-btn {
    float: right;
    text-align: center;
}
#submain .thanks-fes .need-read-btn a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    background: #F4488A;
    display: block;
    border-radius: 8px;
    padding: .8em 3em;
    position: relative;
}
#submain .thanks-fes .need-read-btn a:after{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: 1em;
}
#submain .thanks-fes .need--no-card {
    background: #FEECF3;
    padding: 20px;
}
#submain .thanks-fes .need--no-card-box {
    float: right;
    width: 60%;
}
#submain .thanks-fes .need--no-card--img {
    width: 40%;
}
#submain .thanks-fes .need--no-card-box--tit {
    background: #F4488A;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: .3em;
    margin-bottom: 1em;
}
#submain .thanks-fes .need--no-card-box--txt {
    line-height: 1.8;
    font-size: 16px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 0;
}
#submain .thanks-fes .need--no-card-box--txt span {
    font-size: 20px;
    font-weight: bold;
}
#submain .thanks-fes .ate {
    margin-bottom: 50px;
}
#submain .thanks-fes .kome{
    list-style: none;
    margin: 0;
    padding: 0;
}
#submain .thanks-fes .kome__item{
    text-indent: -1em;
    margin-left: 1em;
}
@media only screen and (max-width: 750px) {
    #submain .thanks-fes--2017 .main-txt{
        margin-top: 0px;
    }
    #submain .thanks-fes--2017 .main-txt--txt {
        font-size: 14px;
    }

    #submain .thanks-fes--2017 .main-txt br{
        display: none;
    }
    #submain .thanks-fes--2017 .main-txt-btn{
        margin: 0px 0px 0 0;
        text-align: center;
        float: none;
    }
    #submain .thanks-fes--2017 .main-txt-btn__item {
        float: none;
        margin-left: 0px;
        display: inline-block;
    }
    #submain .thanks-fes--2017 .otoku-box--txt {
        float: none;
        font-size: 14px;
    }
    #submain .thanks-fes--2017 .otoku-box--btn {
        float: none;
        margin-right: 0px;
    }
    #submain .thanks-fes--2017 .selection {
        margin: 20px auto 0px;
    }
    #submain .thanks-fes .need {
        padding: 10px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #submain .thanks-fes .need-read-box, #submain .thanks-fes .need--no-card--img{
        float: none;
    }
    #submain .thanks-fes .need-read-btn {
        float: none;
        text-align: center;
    }
    #submain .thanks-fes .need-read-btn a {
        font-size: 17px;
    }
    #submain .thanks-fes .need--no-card {
        padding: 10px;
    }
    #submain .thanks-fes .need--no-card-box {
        float: none;
        width: auto;
    }
    #submain .thanks-fes .need--no-card--img {
        width: auto;
        max-width: 268px;
        margin: 10px auto 0;
    }
    #submain .thanks-fes .need--no-card-box--tit {
        font-size: 15px;
    }
    #submain .thanks-fes .need--no-card-box--txt {
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px;
    }
    #submain .thanks-fes .need--no-card-box--txt span {
        font-size: 18px;
    }
    #submain .thanks-fes .ate {
        margin-bottom: 25px;
    }
    #submain .thanks-fes .need-read-box--tit {
        font-size: 15px;
    }
    #submain .thanks-fes .need-read-box--txt {
        font-size: 14px;
    }

}
@media only screen and (max-width: 500px) {
    #submain .thanks-fes--2017 .main-txt-btn__item {
        width: 49%;
    }
}
@media only screen and (max-width: 320px) {
    #submain .thanks-fes--2017 .main-txt-btn__item{
        width:48%;
    }
}


/*会員*/
#submain .thanks-fes .kaiin_tab{
    width:840px;
    border-bottom:#00569D 6px solid;
    margin-bottom:30px;
}
#submain .thanks-fes .kaiin_tab a{
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
}
#submain .thanks-fes .kaiin_tab .right{
    width:420px;
}
#submain .thanks-fes .kaiin_tab .left{
    width:420px;
}
#submain .thanks-fes .kaiin_tab .left a{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#0077D9;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}
#submain .thanks-fes .kaiin_tab .right a{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#ABABAB;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}
#submain .thanks-fes .kaiin_tab .right a:hover{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#EB3D75;
    display:block;
}
/*非会員*/
#submain .thanks-fes .hikaiin_tab{
    width:840px;
    border-bottom:#D32C5E 6px solid;
    margin-bottom:30px;
}
#submain .thanks-fes .hikaiin_tab a{
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
}
#submain .thanks-fes .hikaiin_tab .right{
    width:420px;
}
#submain .thanks-fes .hikaiin_tab .left{
    width:420px;
}
#submain .thanks-fes .hikaiin_tab .left a{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#ABABAB;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}
#submain .thanks-fes .hikaiin_tab .left a:hover{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#0077D9;
    display:block;
}
#submain .thanks-fes .hikaiin_tab .right a{
    width:410px;
    margin:0 5px;
    padding:15px 0;
    text-align:center;
    background-color:#EB3D75;
    display:block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}

/*会員*/
#submain .thanks-fes .area{
    width:840px;
    background-color:#F2EDDD;
    padding:30px;
    margin-top:-15px;
}
#submain .thanks-fes .area_tab{
    width:780px;
    background-color:#F2EDDD;
    border-bottom:#00569D 6px solid;
    overflow:hidden;
}
#submain .thanks-fes .area_tab a{
    width:155px;
    display:block;
    float:left;
    padding:10px;
    margin-right:5px;
    color:#FFF;
    font-weight:bold;
    font-size:150%;
    text-align:center;
    text-decoration:none;
    background-color:#0079F2;
}
#submain .thanks-fes .area_tab a:hover{
    background-color:#00569D;
}
#submain .thanks-fes .area_box{
    background:#FFFFFF;
    width:760px;
    padding: 10px 10px 0;
}
#submain .thanks-fes .area_inbox{
    width:720px;
    overflow:hidden;
    padding:30px 20px;
    border-bottom:#00569D 2px dotted;
}
#submain .thanks-fes .area_inbox:last-child{
    border-bottom:none;
}
#submain .thanks-fes .area_inbox .left{
    width:430px;
}
#submain .thanks-fes .area_inbox .left dl {
    width:430px;
}
#submain .thanks-fes .area_inbox .left dt {
    float:left;
    clear:left;
    width:80px;
    font-size: 120%;
    font-weight: bold;
}
#submain .thanks-fes .area_inbox .left dd {
    float:left;
    width:300px;
    font-size: 120%;
    margin: 0 0 20px 20px;
}
#submain .thanks-fes .area_inbox .right{
    width:280px;
}
#submain .thanks-fes .area_block{
    width:840px;
    background-color:#F2EDDD;
    padding:30px;
    margin-top:-15px;
}
#submain .thanks-fes .area_block .tab{
    overflow:hidden;
    width: 780px;
    border-bottom:#00569D 6px solid;
    padding:0;
    margin:0;
}
#submain .thanks-fes .area_block .tab li{
    float:left;
    margin-right:8px;
    list-style:none;
    width: 160px;
    padding:0;
}
#submain .thanks-fes .area_block .tab li a{
    display: block;
    cursor: pointer;
    padding: 20px 0;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    width:160px;
    font-weight:bold;
    font-size:160%;
    text-decoration:none;
    background-color:#6D675F;
}
#submain .thanks-fes .area_block .tab li.select a{
    background:#00569D;
}
#submain .thanks-fes .area_block .content{
    padding:0;
    margin:0;
    width:780px;
}
#submain .thanks-fes .area_block .content li{
    background:#FFF;
    padding: 20px 10px;
    list-style:none;
}
#submain .thanks-fes .area_block .hide {
    display:none;
}
#submain .thanks-fes .area_block .area_inbox{
    padding: 20px;
    width: 720px;
    overflow:hidden;
    border-bottom:#00569D 2px dotted;
}
#submain .thanks-fes .area_block .area_inbox:last-child{
    border-bottom:none;
}
#submain .thanks-fes .area_block .area_inbox .left{
    width:430px;
}
#submain .thanks-fes .area_block .area_inbox .left dl {
    width:430px;
}
#submain .thanks-fes .area_block .area_inbox .left dt {
    float:left;
    clear:left;
    width:80px;
    font-size: 120%;
    font-weight: bold;
}
#submain .thanks-fes .area_block .area_inbox .left dd {
    float:left;
    width:300px;
    font-size: 120%;
    margin: 0 0 20px 20px;
}
#submain .thanks-fes .area_block .area_inbox .right{
    width:280px;
}
#submain .thanks-fes .area_block.kanto .tab {
    border-bottom: 6px solid #008206;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 780px;
}
#submain .thanks-fes .area_block.kanto .tab li a {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 121%;
    font-weight: bold;
    line-height: 20px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    width:140px;
}
#submain .thanks-fes .area_block.kanto .tab li {
    width: 140px;
}
#submain .thanks-fes .area_block.kanto .tab li.select a {

    background: #008206 none repeat scroll 0 0;
}
#submain .thanks-fes--2017 .misd{
    overflow: hidden;
    background: url(../images/201710/thanks/icon_msd.png) no-repeat left bottom;
    padding-bottom: 27px;
}
@media only screen and (max-width: 750px) {
    #submain .thanks-fes .area_block .tab li ,#submain .thanks-fes .area_block.kanto .tab li{
        display: inline;
        float: left;
        list-style: outside none none;
        margin-right: 1%;
        padding: 0;
        width: 19%;
    }
    #submain .thanks-fes .area_block .tab li a,
    #submain .thanks-fes .area_block.kanto .tab li a{
        font-size: 89%;
        font-weight: bold;
        line-height: 20px;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
        width: 100%;
    }
    #submain .thanks-fes .area_block .tab li a .hide,
    #submain .thanks-fes .area_block.kanto .tab li a .hide {
        display:inline;
    }
    #submain .thanks-fes .area_block{
        width:96%;
        padding: 10px 2%;
    }
    #submain .thanks-fes .area_block .tab,
    #submain .thanks-fes .area_block.kanto .tab{
        width: 100%;
        padding: 0;
    }
    #submain .thanks-fes .area_block.tab li {
        margin-right:1%;
        width: 24%;
    }
    #submain .thanks-fes .area_block .tab li a,
    #submain .thanks-fes .area_block.kanto .tab li a{
        padding: 10px 0;
        width:100%;
        font-weight:bold;
        font-size:110%;
    }
    #submain .thanks-fes .area_block .content{
        width:100%;
    }
    #submain .thanks-fes .area_block.content li{
        background:#FFF;
        padding: 10px 2%;
        list-style:none;
        width:96%;
    }
    #submain .thanks-fes .area_block .area_inbox{
        padding: 20px 2% 10px;
        width: 96%;
    }
    #submain .thanks-fes .area_block .area_inbox:last-child{
        border-bottom:none;
        padding-bottom: 10px;
    }
    #submain .thanks-fes .area_block .area_inbox .left{
        width:100%;
        float:none;
        margin: 0 0 15px;
    }
    #submain .thanks-fes .area_block .area_inbox .left dl {
        width:100%;
    }
    #submain .thanks-fes .area_block .area_inbox .left dt {
        width:25%;
        font-size: 100%;
        font-weight: bold;
    }
    #submain .thanks-fes .area_block .area_inbox .left dd {
        font-size: 100%;
        margin: 0 0 15px 2%;
        width: 73%;
    }
    #submain .thanks-fes .area_block .area_inbox .right{
        width:100%;
        margin-bottom: 15px;
    }
    #submain .thanks-fes .overbox_top .right{
        float: none;
        margin: 0 auto;
        max-width: 210px;
    }
}

/*================================================================================
    2017　伊勢丹バザール　TOKAI住まいるフェア in 「ふじさんめっせ」伊勢丹オータムバザール
================================================================================*/
#submain .isetanbaz201709 .main{
    position: relative;
}
#submain .isetanbaz201709 .main .main__btn{
    bottom: 45px;
    position: absolute;
    right: 40px;
}
#submain .isetanbaz201709 .cont__tit{
    border-bottom: none;
    text-align: center;
    margin-bottom: 20px;
}
#submain .isetanbaz201709 .cont{
    margin: 50px auto;
}
#submain #isetan_bazaar.isetanbaz201709 .isetan_bazaar-tit{
    background: #00437C;
    padding-bottom: 0;
    color: #fff;
    font-size: 28px;
}
#submain #isetan_bazaar.isetanbaz201709 .isetan_bazaar-tit .isetan_bazaar-tit--txt{
    background: none;
    padding-left: 10px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
#submain #isetan_bazaar.isetanbaz201709 .box{
    margin: 35px auto 50px;
}
#submain #isetan_bazaar.isetanbaz201709 .about .about__item{
    border-bottom: 1px dotted #00437C;
    background: none;
}
#submain #isetan_bazaar.isetanbaz201709 .box.box--kome .kome__item{
    margin-bottom: .5em;
}
@media only screen and (max-width: 750px) {
    #submain .isetanbaz201709 .main .main__btn{
        bottom: 8%;
        right: 5%;
        width: 45%;
    }
    #submain .isetanbaz201709 .cont__tit{
        margin: 0 0px 10px;
    }
    #submain .isetanbaz201709 .cont__tit img{
        width: auto;
    }
    #submain .isetanbaz201709 .cont{
        margin: 25px auto;
    }
    #submain #isetan_bazaar.isetanbaz201709 .isetan_bazaar-tit{
        font-size: 20px;
    }
    #submain #isetan_bazaar.isetanbaz201709 .box{
        margin: 20px auto 25px;
    }
}
@media only screen and (max-width: 440px) {
    #submain .isetanbaz201709 .cont__tit{
        margin: 0 8% 10px;
    }
    #submain .isetanbaz201709 .cont__tit img{
        width: 100%;
    }
}



/*================================================================================
    フォトギャラリー
================================================================================*/
#submain .gallery .gallery-read {
    font-size: 16px;
}
#submain .gallery .gallery-list {
    margin: -10px 0 30px -10px;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
#submain .gallery .gallery-list li {
    margin: 10px 0 0 10px;
    padding: 0;
    float: left;
}
#submain .gallery .gallery-list li a {
    position: relative;
    display: block;
}
#submain .gallery .gallery-list li a:after {
    content: "\f00e";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 21px;
    text-align: center;
    color: #FFF;
    background: #000;
    width: 30px;
    line-height: 30px;
}
#submain .gallery .gallery-list li a:hover:after {
    background: #333;
}
#submain .gallery .back-btn a {
    text-decoration: none;
    font-size: 16px;
}
#submain .gallery .back-btn a:before {
    content: "\f100";
    font-family: 'FontAwesome';
    margin-right: 0.5em;
}


@media only screen and (min-width: 560px) and (max-width: 750px) {
    #submain .gallery .gallery-list {
        margin: 0 0 5%;
    }
    #submain .gallery .gallery-list li {
        margin: 1% 0.5% 0 0.5%;
        width: 24%;
    }
}
@media only screen and (max-width: 560px) {
    #submain .gallery .gallery-read {
        font-size: 14px;
    }
    #submain .gallery .gallery-list {
        margin: 0 0 5%;
    }
    #submain .gallery .gallery-list li {
        margin: 1.333333% 0.666666% 0 0.666666%;
        width: 32%;
    }
}
@media only screen and (max-width: 400px) {
    #submain .gallery .gallery-list li a:after {
        font-size: 16px;
        width: 24px;
        line-height: 24px;
    }
}



/*================================================================================
    バースデーガチャ通年用
================================================================================*/
#submain #birthday_cam p,#birthday_cam ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#submain #birthday_cam .kome{
    margin-left: 1em;
}
#submain #birthday_cam .kome__item{
    text-indent: -1em;
}
#submain #birthday_cam .main{
    margin-bottom: 28px;
}
#submain #birthday_cam .gacha{
    border-radius: 11px;
    background: #E08E19;
    background-image: linear-gradient(to top, #DF8B14 0%, #E8AA32 17%,#E08E19 38%,#E8A63C 53%, #FFFD81 67%, #E3951E 84% , #E3951E 100%);
    box-shadow:4px 2px 8px -4px #4a0000;
    width: 740px;
    margin: 0 auto 10px;
    padding: 10px;
    box-sizing: border-box;
}
#submain #birthday_cam .gacha .gacha__inner{
    background: #fff;
    border-radius: 11px;
    position: relative;
    text-align: center;
}
#submain #birthday_cam .gacha--l{
    position: absolute;
    top: -15px;
    left: -15px;
}
#submain #birthday_cam .gacha--r{
    position: absolute;
    top: -15px;
    right: -15px;
}
#submain #birthday_cam .gacha__btn{
    position: relative;
    z-index: 5;
    padding: 15px 0 20px;
}

#submain #birthday_cam .sanka{
    margin: 30px auto 40px;
}
#submain #birthday_cam .sanka__tit{
    border-bottom: none;
    text-align: center;
    margin: 0;
}
#submain #birthday_cam .sanka__sub-tit{
    font-size: 18px;
    line-height: 1.8;
    font-weight: bold;
    margin: 2em auto;
}
#submain #birthday_cam .join{
    text-align: center;
}
#submain #birthday_cam .join:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0.1em;
}
#submain #birthday_cam .join__item{
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    border-width: 2px;
    width: 410px;
    border-style: solid;
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
}
#submain #birthday_cam .join__item:nth-child(2n){
    margin-right: 0;
}
#submain #birthday_cam .join__tit{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: .25em;
}
#submain #birthday_cam .join-yet{
    border-color: #14BBDE;
}
#submain #birthday_cam .join-yet .join__tit{
    background: #14BBDE;
}
#submain #birthday_cam .join-fam{
    border-color: #0289C1;
}
#submain #birthday_cam .join-fam .join__tit{
    background: #0289C1;
}
#submain #birthday_cam .join__btn{
    margin-top: 1em;
}
#submain #birthday_cam .join__btn a{
    background: #FF9900;
    border-bottom: #BD7200 4px solid;
    border-radius: 5px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: .7em;
    position: relative;

}
#submain #birthday_cam .join__btn a:before{
    position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    left: 1em;
    transition: .5s;
}
#submain #birthday_cam .join__btn a:hover:before{
    left: 1.5em;
}
#submain #birthday_cam .join__body{
    padding: 15px 32px;
}


@media only screen and (max-width: 750px) {
    #submain #birthday_cam .main{
        margin-bottom: 28px;
    }
   #submain #birthday_cam .gacha{
        width: auto;
    }
    #submain #birthday_cam .gacha--l{
        width: 150px;
        left: -30px;
    }
    #submain #birthday_cam .gacha--r{
        width: 150px;
        right: -30px;
    }
    #submain #birthday_cam .gacha__btn{
        padding: 15px 80px 20px;
    }
    #submain #birthday_cam .gacha__btn form input{
        width: 100%;
    }
    #submain #birthday_cam .join__item{
        display: inline-block;
        border-radius: 4px;
        overflow: hidden;
        border-width: 2px;
        width: 48%;
        border-style: solid;
        float: left;
        margin-right: 4%;
        box-sizing: border-box;
    }

}

@media only screen and (max-width: 560px) {
    #submain #birthday_cam .main{
        margin-bottom: 28px;
    }
   #submain #birthday_cam .gacha{
        width: auto;
       padding: 5px;
    }
    #submain #birthday_cam .gacha--l{
        width: 100px;
        left: -30px;
        top:50%;
        margin-top: -50px;
    }
    #submain #birthday_cam .gacha--r{
        width: 100px;
        right: -30px;
        top:50%;
        margin-top: -50px;
    }
    #submain #birthday_cam .gacha__btn{
        padding: 15px 40px 15px;
    }
    #submain #birthday_cam .sanka{
        margin: 15px auto 20px;
    }
    #submain #birthday_cam .sanka__sub-tit{
        font-size: 14px;
        line-height: 1.5;
        margin: 1em auto 1.5em;
    }
    #submain #birthday_cam .join__item{
        width: 100%;
        float: none;
        margin-right: 0%;
        margin-bottom: 15px;
    }
    #submain #birthday_cam .join__item:last-child{
        margin-bottom: 0;
    }
    #submain #birthday_cam .join__tit{
        font-size: 17px;
    }
    #submain #birthday_cam .join__btn{
        margin-top: 1em;
    }
    #submain #birthday_cam .join__btn a{
        font-size: 16px;
    }
    #submain #birthday_cam .join__body{
        padding: 15px 15px;
    }

}



/*================================================================================
    エムアイキャンペーン1712
================================================================================*/
#micam1712 * {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: 500;
}
#micam1712 .micam-section {
    margin-top: 7.14285714%;
}
#micam1712 .micam-section__ttl {
    margin-bottom: 0;
}
#micam1712 .micam-section__ttl .sp {
    display: none;
}
#micam1712 .micam-container {
    border: 1px solid #333;
    padding: 6px;
    position: relative;
}
#micam1712 .micam-container:before,
#micam1712 .micam-container:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #333;
    position: absolute;
    top: 0;
}
#micam1712 .micam-container:before {
    left: 0;
}
#micam1712 .micam-container:after {
    right: 0;
}
#micam1712 .micam-container__inner {
    border: 1px solid #333;
    padding: 22px;
}
#micam1712 .micam-container__ttl {
    margin: 0.45em 0 1.42em;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}
#micam1712 .exchange-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#micam1712 .exchange-area {
    border: 2px solid #194969;
    background: #E9F7FF;
    padding: 18px;
    width: 250px;
    box-sizing: border-box;
    color: #194969;
    margin-bottom: 18px;
}
#micam1712 .exchange-area__ttl {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-bottom: 1px dashed #194969;
}
#micam1712 .exchange-btn {
    display: block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background: #F54B8C;
    position: relative;
    font-size: 20px;
    line-height: 90px;
}
#micam1712 .exchange-btn:hover {
    color: #FFF;
    opacity: 0.8;
}
#micam1712 .exchange-btn:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-color: transparent #FFF #FFF transparent;
    border-style: solid;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
#micam1712 .exchange-read {
    padding-bottom: 0;
    font-size: 16px;
}
#micam1712 .exchange-read--sm {
    font-size: 14px;
}
#micam1712 .exchange-read--tel {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4;
}
#micam1712 .note-txt {
    clear: both;
    padding: 0;
}
#micam1712 .note-txt small {
    margin: 2px 0 0;
    font-size: 16px;
    margin-left: 1em;
    text-indent: -1em;
}
#micam1712 .exchange-area--01 .note-txt small {
    margin-top: 0.5em;
}
#micam1712 .exchange-area--03 .exchange-read {
    text-align: center;
    line-height: 1.4;
}
#micam1712 .micam-img {
    text-align: center;
    margin-bottom: 1.2em;
}
#micam1712 .micam-how {
    margin-top: 7.14285714%;
}
#micam1712 .micam-how__ttl {
    background: #194969;
    color: #FFF;
    font-size: 24px;
    padding: 0.5em;
    margin-bottom: 1em;
}
#micam1712 .how-img {
    text-align: center;
}

@media only screen and (max-width: 750px) {
    #micam1712 .micam-container {
        padding: 4px;
    }
    #micam1712 .micam-container:before,
    #micam1712 .micam-container:after {
        width: 10px;
        height: 10px;
    }
    #micam1712 .micam-container__inner {
        padding: 18px;
    }
    #micam1712 .micam-container__ttl {
        margin: 0 0 1em;
        font-size: 18px;
        line-height: 1.6;
    }
    #micam1712 .exchange-container {
        display: block;
    }
    #micam1712 .exchange-area {
        width: auto;
        padding: 12px;
    }
    #micam1712 .exchange-area__ttl {
        font-size: 18px;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    #micam1712 .micam-how__ttl {
        font-size: 16px;
        padding: 0.5em;
        margin-bottom: 1em;
        line-height: 1.4;
    }
}

@media only screen and (max-width: 640px) {
    #micam1712 .micam-section__ttl .pc {
        display: none;
    }
    #micam1712 .micam-section__ttl .sp {
        display: block;
    }
}



/*================================================================================
    新春わんダブルキャンペーン
================================================================================*/
#wandouble2018_cam .wandouble2018-main {
    border: none;
    margin-top: 4%;
}
#wandouble2018_cam .wandouble2018-bnr {
    margin-top: 4%;
}
#wandouble2018_cam .note-txt {
    margin: 15px 0 0 1em;
    padding: 0;
    text-indent: -1em;
}
#wandouble2018_cam .btn-container {
    max-width: 506px;
    margin: 2% auto 0;
}
#wandouble2018_cam .btn-container .note-txt + .note-txt {
    margin-top: 3px;
}
#wandouble2018_cam .btn-container .note-txt:before {
    content: "※";
}



/*================================================================================
    新春わんダフル宝くじ確認
================================================================================*/
#submain .wonderful2018_check * {
    box-sizing: border-box;
}
#submain .wonderful2018_check .btn-container,
#submain .wonderful2018_result .btn-container {
    text-align: center;
    margin: 2.5em 0;
}
#submain .wonderful2018_check .btn-container .btn,
#submain .wonderful2018_result .btn-container .btn {
    width: 360px;
    display: inline-block;
    margin: 0 0.5em;
}
#submain .wonderful2018_check .btn-container .btn a,
#submain .wonderful2018_result .btn-container .btn a {
    display: block;
    line-height: 67px;
    color: #e73828;
    border: 4px solid #e73828;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 137.5%;
    position: relative;
    transition: 0.3s;
}
#submain .wonderful2018_check .btn-container .btn a:after,
#submain .wonderful2018_result .btn-container .btn a:after {
    content: "\f054";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
    font-size: 82%;
}
#submain .wonderful2018_check .btn-container .btn a:hover,
#submain .wonderful2018_result .btn-container .btn a:hover {
    color: #FFF;
    background: #e73828;
}
#submain .wonderful2018_check .lottery-tit {
    background: url(../images/201712/wonderful_check/tit_bg.jpg);
    border: 5px solid #946134;
    text-align: center;
    line-height: 80px;
    margin: 0;
    padding: 0;
}
#submain .wonderful2018_check .lottery-tit__inner {
    position: relative;
}
#submain .wonderful2018_check .lottery-tit__inner:before {
    content: "";
    background: url(../images/201712/wonderful_check/tit_dog.png);
    width: 101px;
    height: 124px;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translate(0,-50%);
}
#submain .wonderful2018_check .lottery-tit img {
    vertical-align: middle;
}
#submain .wonderful2018_result .no-lottery-txt,
#submain .wonderful2018_check .no-lottery-txt {
    padding: 40px 0;
    text-align: center;
    font-size: 142%;
}
#submain .wonderful2018_check .change-btn {
    background: #f9e4d4;
    border: none;
    font-weight: bold;
    padding: 1em;
    margin: 4.76% auto 0;
    display: block;
    font-size: 112.5%;
    width: 500px;
}
#submain .wonderful2018_check .change-btn:hover {
    opacity: 0.8;
}
#submain .wonderful2018_check .change-btn:before {
    content: "\f021";
    font-family: 'FontAwesome';
    margin-right: 0.75em;
}
#submain .wonderful2018_check .lottery-item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#submain .wonderful2018_check .lottery-item__list {
    padding: 0;
}
#submain .wonderful2018_check .lottery-item__list .lottery-num {
}
#submain .wonderful2018_check .lottery-item__list .lottery-num__txt {
    display: block;
    font-weight: bold;
    font-size: 128%;
}
#submain .wonderful2018_check .lottery-item__list .lottery-num__num {
    display: block;
    font-weight: bold;
    font-size: 214%;
}
#submain .wonderful2018_check .lottery-item.img .lottery-item__list {
    position: relative;
    background: url(../images/201712/wonderful_check/lottery_img.jpg) no-repeat;
    background-size: 100% auto;
    margin-top: 4.76%;
    padding:32.14285714% 0 0;
}
#submain .wonderful2018_check .lottery-item.img .lottery-item__list .lottery-num {
    position: absolute;
    top: 53%;
    left: 50%;
    right: 0;
    text-align: center;
    transform: translate(0,-50%);
}
#submain .wonderful2018_check .lottery-item.img .lottery-item__list .lottery-num__txt {
    margin-bottom: 4.8%;
}
#submain .wonderful2018_check .lottery-item.num {
    display:-webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 700px;
    margin: 4.76% auto 0;
}
#submain .wonderful2018_check .lottery-item.num .lottery-item__list {
    text-align: center;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin-top: -1px;
}
#submain .wonderful2018_check .lottery-item.num .lottery-item__list:nth-of-type(even) {
    margin-left: -1px;
}
#submain .wonderful2018_check .lottery-item.num .lottery-item__list .lottery-num {
    border: 1px solid #CCC;
}
#submain .wonderful2018_check .lottery-item.num .lottery-item__list .lottery-num__txt {
    display: none;
}
#submain .wonderful2018_check .lottery-item.num .lottery-item__list .lottery-num__num {
    padding: 0.7em 0;
}
#submain .wonderful2018_check .limit-txt,
#submain .wonderful2018_result .limit-txt {
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
    max-width: 500px;
    margin: 3em auto 0;
    font-size: 112.5%;
    position: relative;
    padding: 1.5em 0 1.2em;
}
#submain .wonderful2018_check .limit-txt dt,
#submain .wonderful2018_result .limit-txt dt {
    background: #FFF;
    padding: 0 0.5em;
    display: inline-block;
    position: absolute;
    line-height: 1;
    top: -0.5em;
    left: 50%;
    transform: translate(-50%,0);
}
#submain .wonderful2018_check .limit-txt dd,
#submain .wonderful2018_result .limit-txt dd {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 750px) {
    #submain .wonderful2018_check .btn-container,
    #submain .wonderful2018_result .btn-container {
        margin: 1.5em 0;
    }
    #submain .wonderful2018_check .btn-container .btn,
    #submain .wonderful2018_result .btn-container .btn {
        margin: 5px auto;
        width: 80%;
    }
    #submain .wonderful2018_check .btn-container .btn a,
    #submain .wonderful2018_result .btn-container .btn a {
        line-height: 50px;
        border: 3px solid #e73828;
        font-size: 114%;
    }
    #submain .wonderful2018_check .change-btn {
        width: 90%;
        padding: 1em 0;
        font-size: 87.5%;
    }
    #submain .wonderful2018_check .lottery-tit {
        line-height: 1;
        padding: 3% 4%;
    }
    #submain .wonderful2018_check .lottery-tit__inner:before {
        content: "";
        background: none;
    }
}

@media only screen and (max-width: 640px) {
    #submain .wonderful2018_result .no-lottery-txt,
    #submain .wonderful2018_check .no-lottery-txt {
        font-size: 100%;
    }
    #submain .wonderful2018_check .lottery-item.img .lottery-item__list .lottery-num__txt {
        font-size: 100%;
    }
    #submain .wonderful2018_check .lottery-item.img .lottery-item__list .lottery-num__num {
        font-size: 157%;
    }
    #submain .wonderful2018_check .lottery-item.num .lottery-item__list .lottery-num__txt {
        font-size: 100%;
    }
    #submain .wonderful2018_check .lottery-item.num .lottery-item__list .lottery-num__num {
        font-size: 142%;
    }
    #submain .wonderful2018_check .limit-txt,
    #submain .wonderful2018_result .limit-txt {
        margin: 2em auto 0;
        font-size: 100%;
    }
}



/*================================================================================
    新春わんダフル宝くじ当選結果発表
================================================================================*/
#submain .wonderful2018_result .main-img {
    cursor: pointer;
}
#submain .wonderful2018_result .result-txt {
    display: none;
}
#submain .wonderful2018_result .result-txt--atari {
    text-align: center;
    padding: 2.9761904% 5.9523809%;
    background: url(../images/201712/wonderful_result/prize_bg.gif);
}
#submain .wonderful2018_result .result-txt--hazure {
    padding: 0;
}
#submain .wonderful2018_result .result-txt--hazure .btn-container {
    margin: 4.7619047% 0;
}
#submain .wonderful2018_result .result-txt__inner {
    background: #FFF;
    border-radius: 60px;
    padding: 6px;
}
#submain .wonderful2018_result .result-txt__award {
    padding-bottom: 0.5em;
    font-size: 200%;
    padding: 0;
}
#submain .wonderful2018_result .result-txt__award span {
    font-weight: bold;
    font-size: 131.25%;
    color: #F00;
    margin-right: 0.2em;
}
#submain .wonderful2018_result .result-txt__num {
    padding-bottom: 0;
    font-size: 137.5%;
}
#submain .wonderful2018_result .no-lottery-txt {
    padding: 20px 0;
}
#submain .wonderful2018_result .award-container {
    margin-top: 3.571428%;
}
#submain .wonderful2018_result .award-ttl {
    border: none;
    margin: 0;
}
#submain .wonderful2018_result .award-ttl .sp {
    display: none;
}
#submain .wonderful2018_result .award-area {
    margin: 0;
}
#submain .wonderful2018_result .award-area + .award-area {
    margin-top: 2.380952%;
}
#submain .wonderful2018_result .award-area__grade {
    cursor: pointer;
}
#submain .wonderful2018_result .award-area__num {
    display: none;
    margin: 0;
    padding: 3.5714285% 5.9523809%;
    background: url(../images/201712/wonderful_result/prize_bg.gif);
    text-align: center;
}
#submain .wonderful2018_result .award-area__num .num-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#submain .wonderful2018_result .award-area__num .num-list li {
    margin: 5px 0;
    padding: 0;
    background: #FFF;
    border-radius: 30px;
}
#submain .wonderful2018_result .award-area__num .num-note {
    margin-top: 3.5714285%;
    padding: 0;
    display: block;
}
#submain .wonderful2018_result .award-area__num .prize-img {
    margin-top: 3.5714285%;
    padding: 0;
    display: block;
}
#submain .wonderful2018_result .award-area__num .prize-img--sp {
    display: none;
}
#submain .wonderful2018_result .award-area__num .num-note:before {
    content: "※";
}
#submain .wonderful2018_result .award-area--min .award-area__grade {
    margin-bottom: -1.190476%;
    position: relative;
    z-index: 10;
}
#submain .wonderful2018_result .award-area--1st .award-area__num {
    padding: 0;
}
#submain .wonderful2018_result .award-area--1st .award-area__num .num-list {
    padding: 3.5714285% 5.9523809% 0;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
#submain .wonderful2018_result .award-area--1st .award-area__num .num-list li {
    line-height: 60px;
    font-size: 225%;
}
#submain .wonderful2018_result .award-area--2nd .award-area__grade {
    margin-bottom: -1px;
    position: relative;
    z-index: 10;
}
#submain .wonderful2018_result .award-area--2nd .award-area__num .num-list li {
    line-height: 60px;
    font-size: 200%;
    -webkit-flex-basis: 49%;
    flex-basis: 49%;
}
#submain .wonderful2018_result .award-area--3rd .award-area__num .num-list li {
    line-height: 50px;
    font-size: 150%;
    -webkit-flex-basis: 24%;
    flex-basis: 24%;
}
#submain .wonderful2018_result .award-area--4th .award-area__num .num-list li {
    line-height: 46px;
    font-size: 125%;
    -webkit-flex-basis: 19%;
    flex-basis: 19%;
}
#submain .wonderful2018_result .award-area--5th .award-area__num .num-list li,
#submain .wonderful2018_result .award-area--6th .award-area__num .num-list li {
    line-height: 44px;
    font-size: 100%;
    -webkit-flex-basis: 16%;
    flex-basis: 16%;
}
#submain .wonderful2018_result .award-area--3rd .award-area__num .num-list li.empty,
#submain .wonderful2018_result .award-area--5th .award-area__num .num-list li.empty,
#submain .wonderful2018_result .award-area--6th .award-area__num .num-list li.empty {
    background: none;
    line-height: 0;
    height: 0;
    margin: 0;
}

@media only screen and (max-width: 750px) {
    #submain .wonderful2018_result .result-txt--atari .result-txt__award {
        font-size: 125%;
    }
    #submain .wonderful2018_result .result-txt--atari .result-txt__award span {
        font-size: 120%;
    }
    #submain .wonderful2018_result .result-txt--atari .result-txt__num {
        font-size: 100%;
    }
    #submain .wonderful2018_result .award-ttl .pc {
        display: none;
    }
    #submain .wonderful2018_result .award-ttl .sp {
        display: block;
    }
    #submain .wonderful2018_result .award-area__num .prize-img--pc {
        display: none;
    }
    #submain .wonderful2018_result .award-area__num .prize-img--sp {
        display: block;
    }
    #submain .wonderful2018_result .award-area--min .award-area__num .num-list li {
        margin: 3px 0;
    }
    #submain .wonderful2018_result .award-area--1st .award-area__num .num-list li {
        line-height: 36px;
        font-size: 120%;
    }
    #submain .wonderful2018_result .award-area--2nd .award-area__num .num-list li {
        line-height: 32px;
        font-size: 100%;
        -webkit-flex-basis: 49%;
        flex-basis: 49%;
    }
    #submain .wonderful2018_result .award-area--3rd .award-area__num .num-list li {
        line-height: 28px;
        font-size: 87.5%;
        -webkit-flex-basis: 32%;
        flex-basis: 32%;
    }
    #submain .wonderful2018_result .award-area--4th .award-area__num .num-list li {
        line-height: 28px;
        font-size: 87.5%;
        -webkit-flex-basis: 32%;
        flex-basis: 32%;
    }
    #submain .wonderful2018_result .award-area--5th .award-area__num .num-list li,
    #submain .wonderful2018_result .award-area--6th .award-area__num .num-list li {
        line-height: 24px;
        font-size: 75%;
        -webkit-flex-basis: 32%;
        flex-basis: 32%;
    }
    #submain .wonderful2018_result .award-area__num .num-note {
        text-align: left;
        font-size: 87.5%;
        margin-left: 1em;
        text-indent: -1em;
    }
    #submain .wonderful2018_result .award-area--1st .award-area__num .num-note {
        padding: 0 5.9523809%;
    }
}



/*================================================================================
    新春わんダブルキャンペーンLP
================================================================================*/
#submain .wonderful2018 .main {
    border: none;
}
#submain .wonderful2018 .prize--sp {
    display: none;
}
#submain .wonderful2018 .prize__ttl {
    margin: 0;
}
#submain .wonderful2018 .note-txt {
    margin: 20px 0 0 1em;
    padding: 0;
    text-indent: -1em;
}
#submain .wonderful2018 .btn-container {
    max-width: 506px;
    margin: 6% auto 0;
}
#submain .wonderful2018 .btn-container .note-txt + .note-txt {
    margin-top: 3px;
}
#submain .wonderful2018 .btn-container .note-txt:before {
    content: "※";
}
#submain .wonderful2018 .check-container {
    border: 3px solid #e29ca3;
    margin-top: 3.5%;
    padding: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#submain .wonderful2018 .check-container p {
    padding: 0;
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
}
#submain .wonderful2018 .check-container a {
    background: #bf0d1f;
    color: #FFF;
    font-weight: bold;
    font-size: 131.25%;
    text-decoration: none;
    text-align: center;
    padding: 1em 2em;
    border-radius: 6px;
    position: relative;
    line-height: 1;
}
#submain .wonderful2018 .check-container a:after {
    content: "\f054";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -0.5em;
    font-size: 80%;
    font-weight: normal;
    transition: .3s;
}
#submain .wonderful2018 .check-container a:hover {
    opacity: 0.8;
}
#submain .wonderful2018 .check-container a:hover:after {
    right: 9px;
}
#submain .wonderful2018 .wonderful-section {
    margin-top: 6%;
}
#submain .wonderful2018 .wonderful-section__ttl {
    font-size: 125%;
    margin-bottom: 20px;
    line-height: 50px;
    padding: 0 0 4px 50px;
    background: url(../images/201712/wonderful2018/ttl_border.gif) repeat-x left bottom;
    position: relative;
}
#submain .wonderful2018 .wonderful-section__ttl:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}
#submain .wonderful2018 .wonderful-section--daruma .wonderful-section__ttl:before {
    background: url(../images/201712/wonderful2018/icon_daruma.png) no-repeat center center;
    background-size: 35px auto;
}
#submain .wonderful2018 .wonderful-section--mochi .wonderful-section__ttl:before {
    background: url(../images/201712/wonderful2018/icon_mochi.png) no-repeat center center;
    background-size: 35px auto;
}
#submain .wonderful2018 .wonderful-section--matsu .wonderful-section__ttl:before {
    background: url(../images/201712/wonderful2018/icon_matsu.png) no-repeat center center;
    background-size: 35px auto;
}

#submain .wonderful2018 .wonderful-section .entry {
    padding: 0;
}
#submain .wonderful2018 .wonderful-section .entry__list {
    display: -webkit-flex;
    display: flex;
    padding: 0;
}
#submain .wonderful2018 .wonderful-section .entry__list + .entry__list {
    margin-top: 20px;
}
#submain .wonderful2018 .wonderful-section .entry__list .entry-thum {
    width: 240px;
}
#submain .wonderful2018 .wonderful-section .entry__list .entry-thum img {
    width: 100%;
    height: auto;
}
#submain .wonderful2018 .wonderful-section .entry__list .entry-txt {
    flex: 1;
    padding: 0 20px 0 0;
}
#submain .wonderful2018 .wonderful-section .entry__list .entry-txt__step {
    display: inline-block;
    background: #bd0d1f;
    color: #FFF;
    font-weight: bold;
    padding: 0.2em 0.7em;
    font-size: 114%;
    margin-bottom: 8px;
}
#submain .wonderful2018 .wonderful-section .entry__list .entry-txt__txt {
    padding: 0;
}
#submain .wonderful2018 .wonderful-section .entry__list .entry-txt__note {
    display: block;
    margin: 5px 0 0 1em;
    text-indent: -1em;
}
#submain .wonderful2018 .wonderful-section .entry__list .entry-txt__note:before {
    content: "※";
}
#submain .wonderful2018 .wonderful-section .detail {
    margin: 0;
    font-size: 14px;
}
#submain .wonderful2018 .wonderful-section .detail dt {
    font-weight: bold;
}
#submain .wonderful2018 .wonderful-section .detail dt:before {
    content: "【";
}
#submain .wonderful2018 .wonderful-section .detail dt:after {
    content: "】";
}
#submain .wonderful2018 .wonderful-section .detail dd {
    margin: 0 0 12px 0.5em;
}
#submain .wonderful2018 .wonderful-section .note-list {
    margin: 0;
    padding: 0;
}
#submain .wonderful2018 .wonderful-section .note-list li {
    padding: 0;
    list-style-type: none;
    margin: 5px 0 0 1em;
    text-indent: -1em;
}
#submain .wonderful2018 .wonderful-section .note-list li:before {
    content: "※";
}

@media only screen and (max-width: 750px) {
    #submain .wonderful2018 .prize--pc {
        display: none;
    }
    #submain .wonderful2018 .prize--sp {
        display: block;
    }
    #submain .wonderful2018 .wonderful-section {
        margin-top: 8%;
    }
    #submain .wonderful2018 .check-container {
        padding: 5%;
        display: block;
    }
    #submain .wonderful2018 .check-container p {
        padding: 0;
    }
    #submain .wonderful2018 .check-container a {
        display: block;
        font-size: 114%;
        margin-top: 12px;
        padding: 1em;
    }
    #submain .wonderful2018 .wonderful-section .entry {
        padding: 0;
    }
    #submain .wonderful2018 .wonderful-section .entry__list {
        display: block;
        padding: 0;
        position: relative;
    }
    #submain .wonderful2018 .wonderful-section .entry__list:after {
        content: "\f107";
        font-family: 'FontAwesome';
        display: block;
        text-align: center;
        font-size: 200%;
        margin: 5% 0;
        color: #bd0d1f;
    }
    #submain .wonderful2018 .wonderful-section .entry__list:last-child:after {
        content: "";
    }
    #submain .wonderful2018 .wonderful-section .entry__list + .entry__list {
        margin-top: 0;
    }
    #submain .wonderful2018 .wonderful-section .entry__list .entry-thum {
        width: auto;
        margin: 10px 0 0;
    }
    #submain .wonderful2018 .wonderful-section .entry__list .entry-txt {
        padding: 0;
    }
}



/*================================================================================
    注意事項
================================================================================*/
#submain .notice-area {
    padding: 0;
    list-style-type: none;
    border-top: 1px dashed #ccc;
}
#submain .notice-area li {
    padding: 20px 0 20px 20px;
    border-bottom: 1px dashed #ccc;
    margin: 0;
    position: relative;
}
#submain .notice-area li:before {
    content: "■";
    position: absolute;
    left: 0;
}
#submain .notice-area li .kome {
    display: block;
    margin-top: 5px;
}
#submain .notice-area li .kome:before {
    content: "※";
}
#submain .notice-area li .one {
    display: block;
    margin-left: 1em;
    text-indent: -1em;
}
#submain .notice-area li .two {
    display: block;
    margin-left: 2em;
    text-indent: -2em;
}



/*================================================================================
    WAON受取方法更新180122
================================================================================*/
#submain .exchange-detail--waon-download ul.nolist {
    border-top: none;
}
#submain .exchange-detail--waon-download ul.nolist li {
    padding: 10px 0 10px 40px;
}
#submain .exchange-detail--waon-download ul.nolist li:last-child {
    border-bottom: none;
}
#submain .exchange-detail--waon-download .accordion {
    margin: 1.5em 0 0;
}
#submain .exchange-detail--waon-download .accordion dt{
    border-top:#DDDDDD 3px solid;
    border-left:#DDDDDD 3px solid;
    border-right:#DDDDDD 3px solid;
    border-radius: 0;
    margin: 0;
    padding: 1.2em 1.2em 1.2em 4.5em;
    font-weight: normal;
    color: #333;
    position: relative;
    background-color:#FAFAFA;
    background-repeat: no-repeat;
    background-position: 1em bottom;
}
#submain .exchange-detail--waon-download .accordion dt:hover{
    color: #F44B8C;
    background-color: #FFFFEE;
}
#submain .exchange-detail--waon-download .accordion dt:before{
    content: "\f103";
    font-family: 'FontAwesome';
    position: absolute;
    right: 1em;
    top: 50%;
    color: #F54B8C;
    font-size: 18px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
#submain .exchange-detail--waon-download .accordion dt.label-waon{
    background-image: url(../images/exchange/waon/waon_label.png);
}
#submain .exchange-detail--waon-download .accordion dt.label-ieon{
    background-image: url(../images/exchange/waon/aeon_label.png);
}
#submain .exchange-detail--waon-download .accordion dt.label-fami{
    background-image: url(../images/exchange/waon/fami_label.png);
}
#submain .exchange-detail--waon-download .accordion dt.open{
    background-color: #FFFFEE;
    border-radius: 0;
    margin: 0;
    padding: 1.2em 1.2em 1.2em 4.5em;
    font-weight: normal;
    color: #F44B8C;
}
#submain .exchange-detail--waon-download .accordion dt.open:before{
    content: "\f102";
}
#submain .exchange-detail--waon-download .accordion dt.label-last{
    border-bottom:#DDDDDD 3px solid;
}
#submain .exchange-detail--waon-download .accordion dt.label-last.open{
    border-bottom:none;
}
#submain .exchange-detail--waon-download .accordion dd{
    display: none;
    border-top:#DDDDDD 3px solid;
    border-left:#DDDDDD 3px solid;
    border-right:#DDDDDD 3px solid;
    padding: 20px 20px 5px 20px;
}
#submain .exchange-detail--waon-download .accordion dd:last-child{
    border-bottom:#DDDDDD 3px solid;
}

@media screen and (max-width:758px) {
    #submain .exchange-detail--waon-download .accordion{
        margin: 1em 0 0 ;
    }
    #submain .exchange-detail--waon-download .accordion dt{
        border-top:#DDDDDD 2px solid;
        border-left:#DDDDDD 2px solid;
        border-right:#DDDDDD 2px solid;
        padding: 1.2em 1.2em 1.2em 3.5em;
        font-size: 90%;
        background-position: 0.3em bottom;
        background-size: 35px auto;
    }
    #submain .exchange-detail--waon-download .accordion dt.open{
        border-top:#DDDDDD 2px solid;
        border-left:#DDDDDD 2px solid;
        border-right:#DDDDDD 2px solid;
        padding: 1.2em 1.2em 1.2em 3.5em;
        font-size: 90%;
    }
    #submain .exchange-detail--waon-download .accordion dt.label-last{
        border-bottom:#DDDDDD 2px solid;
    }
    #submain .exchange-detail--waon-download .accordion dd{
        border-top:#DDDDDD 2px solid;
        border-left:#DDDDDD 2px solid;
        border-right:#DDDDDD 2px solid;
        padding: 15px 15px 0 15px;
    }
}

#submain .exchange-detail--waon-download .main-btn {
    margin-bottom: 30px;
}
#submain .exchange-detail--waon-download .main-btn a span {
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

@media screen and (max-width:640px) {
    #submain .exchange-detail--waon-download .main-btn a span {
        font-size: 12px;
    }
}

#submain .exchange-detail--waon-download .border-bg{
    background: url(../images/exchange/waon/bg_border.gif);
    padding: 30px 50px 20px;
    margin: 0 0 20px;
}
#submain .exchange-detail--waon-download .border-bg div{
    background: #FFF;
    text-align: center;
    padding: 20px;
}
#submain .exchange-detail--waon-download .border-bg p{
    padding-bottom: 0;
    font-size: 80%;
    margin-top: 1em;
}
@media screen and (max-width:758px) {
    #submain .exchange-detail--waon-download .border-bg{
        padding: 10px 10px;
        margin: 0 0 10px;
    }
    #submain .exchange-detail--waon-download .border-bg div{
        padding: 5px;
    }
    #submain .exchange-detail--waon-download .border-bg p{
        padding-bottom: 0;
        font-size: 80%;
        margin-top: 1em;
    }
}


/*----------clearfix----------*/
#submain .exchange-detail--waon-download ul.nolist li .exchange-flow:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
#submain .exchange-detail--waon-download ul.nolist li .exchange-flow{
    display: inline-block;
    padding: 0;
}
/* Hides from IE Mac \*/
* html .exchange-flow {height: 1%;}
.exchange-flow{display:block;}
/* End Hack */

/*----------アコーディオンの中身----------*/
#submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li{
    float: left;
    width: 30%;
    margin-right: 3.3%;
    list-style: none;
    padding: 0;
    border-bottom: none;
    background: none;
    position: relative;
}
#submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li:after{
    content: "";
    position: absolute;
    right: -5%;
    top: 80px;
    width: 10px;
    height: 20px;
    background: url(../images/exchange/waon/point_right.gif) no-repeat;
    background-size: contain;
}
#submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li:last-child:after{
    content: none;
}
#submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li img {
    width: 200px;
    height: auto;
}
#submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li p{
    margin-top: 0.6em;
    line-height: 1.6;
}


@media screen and (max-width:758px) {
    #submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li{
        width: 44%;
        margin-right:6%;
    }
    #submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li:after{
        right: -7%;
        top: 30%;
    }
    #submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li:last-child:after{
        content: none;
    }
    #submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li img {
        width: 100%;
    }
    #submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li p{
        margin-top: 0.6em;
        line-height: 1.6;
    }
}


@media screen and (max-width:480px) {
    #submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li{
        float: none;
        width: 100%;
        margin-right: 0;
        padding-bottom: 10px;
    }
    #submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li:after{
        right: 50%;
        top: 93%;
        margin-right: -10px;
        width: 20px;
        height: 10px;
        background: url(../images/exchange/waon/point_down-g.gif) no-repeat;
        background-size: contain;
    }
    #submain .exchange-detail--waon-download ul.nolist li  .exchange-flow li p{
        font-size: 90%;
    }
}





/*================================================================================
    春のイベントラリー
================================================================================*/

/*--------------------- LPここから -------------------*/
#submain .spring1802 ul{
    list-style: none;padding: 0;margin: 0;
}
#submain .spring1802 p, #submain .spring1802 dl, #submain .spring1802 dt, #submain .spring1802 dd{
    margin: 0;padding: 0;
}
#submain .spring1802 h2 ,#submain .spring1802 h3{
    border-bottom: none;margin: 0;padding: 0;
}

#submain .spring1802 .main{
    background: url(../images/201802/spring1802/main_bg.jpg);
}
#submain .spring1802 .main-event-list{
    display: flex;
    text-align: center;
    justify-content: space-between;
    max-width: 805px;
    margin: 0 auto;
    padding: 15px 0 25px;
}
#submain .spring1802 .main-event-list .main-event-list__item{
    width: 32%;
    font-size: 13px;
}
#submain .spring1802 .main-event-list .main-event-list__item .day{
    font-size: 13px;
    margin-top: .7em;
}

#submain .spring1802 .sec {
    margin: 60px auto;
}
#submain .spring1802 .sec .sec__inner{
    border: 7px solid #3FC6F2;
    border-radius:  0 0 .25em .25em;
    text-align: center;
    padding: 1.5em;
}
#submain .spring1802 .sec .sec-s__tit{
    height: 60px;
    background-color: #3FC6F2;
    text-align: center;
    position: relative;
    border-radius: .25em .25em 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#submain .spring1802 .sec .sec-s__tit .sec__tit-deco{
    position: absolute;
    top: -8px;
    left: 0%;
}
#submain .spring1802 .sec .sec-b__tit{
    height: 60px;
    background-color: #3FC6F2;
    text-align: center;
    position: relative;
    border-radius: .25em .25em 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#submain .spring1802 .sec .sec-b__tit .sec__tit-deco{
    position: absolute;
    top: -8px;
    left: 0%;
}
#submain .spring1802 .sec .sec-b__tit .sec__tit-txt{
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -170px;
}

#submain .spring1802 .sec .sec-sub__tit{margin: 20px auto 30px;}

#submain .spring1802 .pre .pre__tit{
    border-radius: .25em .25em 0 0;
    height: 45px;
    text-align: left;
    padding: 0 .5em;
}
#submain .spring1802 .pre .pre__inner{
    border-radius: 0 0 .25em .25em;
    border-width: 5px;
    border-style: solid;
    padding: 1.5em;
}

#submain .spring1802 .pre--1 .pre__tit{background: #B98E0D;}
#submain .spring1802 .pre--1 .pre__inner{border-color: #B98E0D;}
#submain .spring1802 .pre--2 .pre__tit{background: #A0A0A0;}
#submain .spring1802 .pre--2 .pre__inner{border-color: #A0A0A0;}
#submain .spring1802 .pre--3 .pre__tit{background: #814835;}
#submain .spring1802 .pre--3 .pre__inner{border-color: #814835;}

#submain .spring1802 .pre .pre__tit .pre__tit-num{
    margin-top: -15px;
    display: inline-block;
}
#submain .spring1802 .pre .pre__tit .pre__tit-notes{
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    margin-top: -2.5em;
    padding: 1em 1em 1em 7em;
    display: block;
}
#submain .spring1802 .pre .pre__tit .pre__tit-notes-b{
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    margin-top: -2.5em;
    padding: 1em 1em 1em 6.5em;
    display: block;

}
#submain .spring1802 .pre .pre__tit .pre__tit-notes span{ font-size: 15px;}

#submain .spring1802 .big-box .pre .pre-list{
    display: flex;
    flex-wrap: wrap;
    width: 654px;
    justify-content: center;
    margin: 0 auto;
}

#submain .spring1802 .pre .pre-list .pre-list__item.w50 .item-name{
    margin-top: -.8em;
}
#submain .spring1802 .pre .pre-list .pre-list__item.w50{
    width: 40%;
    margin-right: 5%;
}
#submain .spring1802 .pre .pre-list .pre-list__item.w50:nth-child(2n){
    margin-right: 0;
}
#submain .spring1802 .pre .pre-list .pre-list__item.w30{
    width: 30%;
    margin-right: 5%;
}
#submain .spring1802 .pre .pre-list .pre-list__item:last-child{
    margin-right: 0;
}
#submain .spring1802 .half-box{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
#submain .spring1802 .half-box .pre{
    width: 47%;
}
#submain .spring1802 .half-box .pre .item-name{
    margin-top: 1em;
}
#submain .spring1802 .about{
    text-align: left;
    border: 10px solid #EEEEEE;
    margin: 10px auto;
    display: flex;
    align-items: center;
    position: relative;
}
#submain .spring1802 .about-day{
    padding: 0 1em;
}
#submain .spring1802 .about-place {
    padding: 1.5em 1em;
    border-left: #eee 2px dotted;
}
#submain .spring1802 .about-place .place{
    color: #333;
    font-size: 24px;
    line-height: 1.6;
    font-weight: bold;
}
#submain .spring1802 .about-place .place span{
    display: block;
    font-size: 18px;
}
#submain .spring1802 .about-place .place-detail{
    font-size: 14px;
    margin-top: .5em;
}
#submain .spring1802 .about-place .place-detail:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .spring1802 .about-place .place-detail .head{
    float: left;
}
#submain .spring1802 .about-place .place-detail .body{
    padding-left: 3em;
}
#submain .spring1802 .about-place .booth-detail{
    font-size: 14px;
}
#submain .spring1802 .about-place .booth-detail:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}
#submain .spring1802 .about-place .booth-detail .head{
    float: left;
}
#submain .spring1802 .about-place .booth-detail .body{
    padding-left: 4em;
}
#submain .spring1802 .about-btn{
    width: 140px;
    margin-left: auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top:-10px;
    right: -10px;
    bottom:-10px;
}
#submain .spring1802 .about-btn a{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    padding: 17px 0em;
    box-sizing: border-box;
    background: url(../images/201802/spring1802/sec03_btn_bg.jpg);
}
#submain .spring1802 .about--end {
    background: #EEE;
    color: #BBB;
    border-color: #EEE;
}
/* #submain .spring1802 .about--end:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: 130px;
    bottom: -10px;
    background: rgba(0,0,0,0.10);
} */
#submain .spring1802 .about--end .about-btn a {
    background: #AAA;
}
#submain .spring1802 .about--end .about-btn a:before {
    content: none;
}
#submain .spring1802 .about--end .about-place .place {
    color: #BBB;
}

@media all and (-ms-high-contrast: none){
    #submain .spring1802 .about-btn a{
        padding: 17.7px 0em;
    }
}/*IE*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    #submain .spring1802 .about-btn a{
        padding: 17px 0em;
    }
}/*chorme*/
/* #submain .spring1802 .about-btn > a{
    height: 134px;
}
#submain .spring1802 .about-btn.about-btn--long > a{
    height: 208px;
} */
#submain .spring1802 .about-btn a:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent #fff transparent;
    content: "";
    position: absolute;
    bottom: 3px;
    right: 3px;
}
#submain .spring1802 .about-btn a span{
    display: block;
    font-size: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    #submain .spring1802 .about-btn a span{
        font-size: 9px;
    }
}/*chorme*/
#submain .spring1802 .about-btn .about-btn__box{
    width: 100%;
}
#submain .spring1802 .about-btn .about-btn__box:first-child{
    margin-bottom: 2px;
}
#submain .spring1802 .sec-sub .sec__inner{
    border: 3px solid #DDDDDD;
    text-align: left;
    border-radius:  0 0 .25em .25em;
    padding: 1.5em;
}
#submain .spring1802 .sec-sub .sec-sub__tit{
    height: 60px;
    background-color: #ddd;
    text-align: center;
    position: relative;
    border-radius: .25em .25em 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#submain .spring1802 .sec-sub .notes li{
    text-indent: -1em;
    margin-left: 1em;
}
#submain .spring1802 .sp-block{display: none;}


@media screen and (max-width:750px) {
    #submain .spring1802 .sp-block{display: block;}
    #submain .spring1802 .pc-block{display: none;}

    #submain .spring1802 .main-event-list{
        padding: 10px 0 15px;
    }
    #submain .spring1802 .main-event-list .main-event-list__item .day{
        font-size: 12px;
        margin-top: .5em;
    }

    #submain .spring1802 .sec {
        margin: 30px auto;
    }
    #submain .spring1802 .sec .sec__inner{
        border-width: 4px;
        padding: .5em;
    }
    #submain .spring1802 .sec .sec-s__tit{
        height: 50px;
    }
    #submain .spring1802 .sec .sec-s__tit .sec__tit-txt{
        margin-left: 10px;
        margin-right: 10px;
        width: 80%;
    }
    #submain .spring1802 .sec .sec-b__tit{
        height: 50px;
    }
    #submain .spring1802 .sec .sec-sub__tit{margin: 10px auto 15px;}
    #submain .spring1802 .pre .pre__tit{
        height: 30px;
    }
    #submain .spring1802 .pre .pre__inner{
        border-width: 2px;
        padding: 1em;
    }
    #submain .spring1802 .pre .pre__tit .pre__tit-num{
        margin-top: -5px;
        width: 80px;
    }
    #submain .spring1802 .pre .pre__tit .pre__tit-notes{
        font-size: 16px;
        padding: 1em 0em 1em 80px;
    }
    #submain .spring1802 .pre .pre__tit .pre__tit-notes-b{
        font-size: 16px;
        padding: 1em 1em 1em 80px;
    }
    #submain .spring1802 .pre .pre__tit .pre__tit-notes span{ font-size: 13px;}

    #submain .spring1802 .big-box .pre .pre-list{
        width: 100%;
        flex-direction: column;
        padding-top: 15px;
        display: block;
        clear: both;
    }
    #submain .spring1802 .pre .pre-list .pre-list__item {
        margin: 0;
        display: flex;
        width: 100% !important;
        flex-direction: row;
        align-items: center;
        height: 50% !important;
    }
    #submain .spring1802 .pre .pre-list .pre-list__item .item{
        width: 40%;
        margin-right: 15px;
    }
    #submain .spring1802 .pre .pre-list .pre-list__item .item-name{
        font-size: 14px;
        width: 60%;
        text-align: left;
        line-height: 1.3;
    }
    #submain .spring1802 .half-box{
        flex-direction: column;
        margin-top: 15px;
    }
    #submain .spring1802 .half-box .pre{
        width: 100%;
        margin-bottom: 15px;
        height: 50%;
    }
    #submain .spring1802 .about{
        border-width: 5px;
        margin: 10px auto;
        flex-direction: column;
        box-sizing: border-box;
    }
    #submain .spring1802 .about-day{
        padding: 10px ;
        width: 100%;
        box-sizing: border-box;
    }
    #submain .spring1802 .about-place {
        padding: 10px;
        border-left: none;
        border-top: #eee 2px dotted;
        width: 100%;
        box-sizing: border-box;
    }
    #submain .spring1802 .about-place .place{
        font-size: 20px;
    }
    #submain .spring1802 .about-place .place span{
        font-size: 15px;
    }
    #submain .spring1802 .about-btn{
        width: 100%;
        position: inherit;
        top:0px;
        right: 0px;
    }
    #submain .spring1802 .about-btn a{
        font-size: 18px;
        padding: .5em;
        line-height: 1.3;
    }
    #submain .spring1802 .about-btn > a{
        height: auto;
    }
    #submain .spring1802 .about-btn.about-btn--long > a{
        height: auto;
    }
    #submain .spring1802 .about-btn a span{
        display: block;
        font-size: 12px;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0){
        #submain .spring1802 .about-btn a span{
            font-size: 12px;
        }
    }/*chorme*/

    #submain .spring1802 .sec-sub .sec__inner{
        border-width: 2px;
        padding: 1em;
    }
    #submain .spring1802 .sec-sub .sec-sub__tit{
        height: 50px;
    }
    #submain .spring1802 .sec-sub .sec-sub__tit img{
        width: auto;
    }
}

@media screen and (max-width:400px) {
    #submain .spring1802 .sec .sec-b__tit .sec__tit-txt{
        position: absolute;
        top: -3px;
        left: 50%;
        margin-left: -40%;
        width: 80%;
    }
}
/*---------------------/LPここまで-------------------*/
/*---------------------アンケートフォーム-------------------*/
#submain .anq-form .anq-mv {
    margin-bottom: 10px;
}
#submain .anq-form .anq-multi {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#submain .anq-form .anq-multi__list {
    padding: 0;
    margin-bottom: 15px;
}
#submain .anq-form .anq-multi__ttl {
    font-weight: bold;
    margin-bottom: 5px;
}
#submain .anq-form .anq-multi__input label {
    margin-right: 10px;
}

@media screen and (max-width:750px) {
    #submain .anq-form .anq-mv {
        position: relative;
        padding-top: 56.25%;
    }
    #submain .anq-form .anq-mv iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #submain .anq-form .anq-multi__list {
        border-top: 1px dotted #CCC;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    #submain .anq-form .anq-multi__input label {
        margin-bottom: 5px;
        display: block;
    }
}



/* hontoポイント、ALL-Sポイント追加　事前告知 */

#submain .ug201803  ul , #submain .ug201803 img ,#submain .ug201803  ul li , #submain .ug201803 p ,#submain .ug201803 h2{
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 100%;
    border-bottom: none;
}
#submain .ug201803 .section{
    margin: 40px auto 60px;
}
#submain .ug201803 .section-tit{
    background: url(../images/201803/ug201803/tit_bg.jpg);
    color: #fff;
    text-align: center;
    font-size: 28px;
    border-radius: 5px;
    padding: .15em;
    margin-bottom: 30px;
}
#submain .ug201803 .section-box{
    display: flex;
}
#submain .ug201803 .section-thumb{
    width: 325px;
    margin-right: 30px;
}
#submain .ug201803 .section-txt{
    width: 440px;
    font-size: 18px;
}
#submain .ug201803 .section-txt p{
    width: 440px;
    font-size: 18px;
    font-weight: bold;
}
#submain .ug201803 .section-txt .btn{
    margin-top: 1em;
}
#submain .ug201803 .section-txt .btn a{
    font-size: 18px;
    background: #F4488A;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    line-height: 1.2;
    padding: 1em 0em .5em 2em;
}
#submain .ug201803 .section-txt .btn .btn-txt{
    font-size: 18px;
    padding-right: 3em;
    font-weight: bold;
    display: block;
    position: relative;
}
#submain .ug201803 .section-txt .btn .btn-txt:after{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -.5em;
}
#submain .ug201803 .section-txt .btn .btn-notes{
    font-size: 10px;
    text-indent: -2em;
    display: inline-block;
}
@media only screen and (max-width: 750px) {
    #submain .ug201803 .section{
        margin: 20px auto 30px;
    }
    #submain .ug201803 .section-tit{
        font-size: 20px;
    }
    #submain .ug201803 .section-thumb{
        margin-right: 15px;
    }
    #submain .ug201803 .section-txt{
        width: auto;
        font-size: 16px;
    }
    #submain .ug201803 .section-txt p{
        width: 330px;
        font-size: 16px;
    }
    #submain .ug201803 .section-txt .btn a{
        font-size: 15px;
    }
    #submain .ug201803 .section-txt .btn .btn-txt{
        font-size: 15px;
    }
}
@media only screen and (max-width: 540px) {
    #submain .ug201803 .section{
        margin: 20px auto 30px;
    }
    #submain .ug201803 .section-tit{
        font-size: 20px;
        margin-bottom: .5em;
    }
    #submain .ug201803 .section-box{
        flex-direction: column;
    }
    #submain .ug201803 .section-thumb{
        margin-right: 0px;
        width: auto;
    }
    #submain .ug201803 .section-txt{
        width: auto;
        margin-top: .5em;
    }
    #submain .ug201803 .section-txt p{
        width: auto;
        font-size: 15px;
    }
    #submain .ug201803 .section-txt .btn{
        text-align: center;
    }
}



/*================================================================================
    リセットCSS
================================================================================*/
#submain .uchikeshi  ul , #submain .uchikeshi img ,#submain .uchikeshi  ul li , #submain .uchikeshi p ,#submain .uchikeshi h2{
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 100%;
    border-bottom: none;
}
#submain .uchikeshi img{
    width: auto;
    max-width: 100%;
}



/*================================================================================
    TLC WAONカードについて
================================================================================*/
#submain .tlcwaon .read{
    margin-bottom: 80px;
}
#submain .tlcwaon .read .center{
    margin: 2em auto;
}
#submain .tlcwaon .merit .half__box{
    display: flex;
    justify-content: space-between;
}
#submain .tlcwaon .merit__merit{
    position: absolute;
    top: -38px;
    left: 50%;
    margin-left: -140px;
    z-index: 5;
}
#submain .tlcwaon .merit .merit__box{
    margin: 60px auto;
}
#submain .tlcwaon .merit .merit__box:last-child{margin-bottom: 0;}
#submain .tlcwaon .merit__border{
    padding: 40px 60px 10px;
}
#submain .tlcwaon .merit__sub-tit{
    margin-bottom: 20px;
    text-align: center;
}
#submain .tlcwaon .merit__box--1 .merit__half .merit__border{
    padding: 15px 15px 30px;
}
#submain .tlcwaon .main-tit{
    background: #F4488A;
    border-radius: .25em;
    color: #fff;
    padding: .5em .5em .5em 1em;
    margin-bottom: 3.5em;
}
#submain .tlcwaon .merit__box--1 .merit__border{
    border: 5px solid #FFD7DD;
    border-radius: 5px;
}
#submain .tlcwaon .merit__box--2 .merit__border{
    border: 5px solid #E6E6E6;
    border-radius: 5px;
    padding: 40px 45px 30px;
}
#submain .tlcwaon .notes{
    font-size: 12px;
    text-align: left;
    text-indent: -1em;
    margin-left: 1em;
}
#submain .tlcwaon .merit__box--1 .merit__border .merit__img , #submain .tlcwaon .merit__box--1 .merit__border .merit__sub-tit{
    text-align: center;
}
#submain .tlcwaon .merit .merit__img{
    margin: 15px auto;
}
#submain .tlcwaon .merit .merit__box .merit__half{
    width: 48%;
    position: relative;
}
#submain .tlcwaon .merit .merit__box .merit__half .merit__balloon{
    background: #ED3F22;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    max-width: 330px;
    margin: 0 auto;
}
#submain .tlcwaon .merit .merit__box .merit__half .merit__balloon:after{
    content: "";
    border-color: #ED3F22 transparent transparent transparent;
    border-width: 8px 8px 0 8px;
    border-style: solid;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
#submain .tlcwaon .merit__box--1.position,#submain .tlcwaon .merit__box--2.position{
    position: relative;
}
#submain .tlcwaon .merit .merit--point{
    margin-top: 20px;
}
#submain .tlcwaon .merit .btn{
    text-align: center;
    margin-top: 20px;
}
#submain .tlcwaon .merit .btn a{
    background: #FC7B8D;
    border-radius: .25em;
    display: inline-block;
    position: relative;
    padding: 1em 3em;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    font-size: 16px;
}
#submain .tlcwaon .merit .btn a .small{
    font-size: 11px;
    margin-top: 0.75em;
    display: block;
}
#submain .tlcwaon .merit .btn a:after{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -.6em;
}
@media only screen and (max-width: 750px) {
    #submain .tlcwaon .read{
        margin-bottom: 40px;
    }

    #submain .tlcwaon .merit .half__box{
        flex-direction: column;
    }
    #submain .tlcwaon .merit .merit__box .merit__half{
        width: 100%;
        position: relative;
    }
    #submain .tlcwaon .merit__merit{
        position: absolute;
        top: -38px;
        left: 50%;
        margin-left: -140px;
        z-index: 5;
    }
    #submain .tlcwaon .merit .merit__box{
        margin: 60px auto;
    }
    #submain .tlcwaon .merit .merit__box:last-child{margin-bottom: 0;}
    #submain .tlcwaon .merit__border{
        padding: 40px 15px 10px;
    }
    #submain .tlcwaon .merit__sub-tit{
        margin-bottom: 20px;
        text-align: center;
    }
    #submain .tlcwaon .merit__box--1 .merit__half .merit__border{
        padding: 15px 15px 15px;
    }
    #submain .tlcwaon .main-tit{
        margin-bottom: 3.5em;
    }
    #submain .tlcwaon .merit__box--1 .merit__border{
        border-width: 2px;
    }
    #submain .tlcwaon .merit__box--2 .merit__border{
        padding: 40px 15px 15px;
        border-width: 2px;
    }
    #submain .tlcwaon .merit .merit__img{
        margin: 10px auto;
    }
    #submain .tlcwaon .merit .merit--point{
        margin-top: 15px;
    }
    #submain .tlcwaon .merit .btn{
        margin-top: 15px;
    }
    #submain .tlcwaon .merit__box--1.half__box .merit__half{
        margin-bottom: 60px;
    }
    #submain .tlcwaon .merit__box--1 .merit__half:last-child{margin-bottom: 0;}
    #submain .tlcwaon .merit__box--2 .merit--point .merit__half{
        margin-bottom: 20px;
    }
    #submain .tlcwaon .merit__box--2 .merit--point .merit__half:last-child{margin-bottom: 0;}
}
@media only screen and (max-width: 520px) {
    #submain .tlcwaon .merit__merit{
        width: 200px;
        margin-left: -100px;
        top: -28px;
    }
    #submain .tlcwaon .merit__box--1.half__box .merit__half{margin-bottom: 50px;}
    #submain .tlcwaon .merit__box--1.half__box .merit__half:last-child{margin-bottom: 0px;}
    #submain .tlcwaon .merit .merit__box{margin: 50px auto;}
    #submain .tlcwaon .main-tit{font-size: 16px;}
    #submain .tlcwaon .merit__box--2 .merit__border{
        padding: 25px 15px 15px;
    }
}
@media only screen and (max-width: 380px) {
    #submain .tlcwaon .merit .merit__box .merit__half .merit__balloon br {
        display: none;
    }
}



/*================================================================================
    2018　大感謝祭
================================================================================*/
#submain .thanks-fes--2018 .main {
    margin-bottom: 0;
}
#submain .thanks-fes--2018 .main img {
    width: 100%;
}
#submain .thanks-fes--2018 .link {
    background: #FFEE99;
    margin: 5px 0;
    padding: 30px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#submain .thanks-fes--2018 .link__list {
    list-style-type: none;
    margin: 0 10px;
    padding: 0;
    width: 360px;
    border-radius: 30px;
    overflow: hidden;
}
#submain .thanks-fes--2018 .link__list a {
    display: block;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    line-height: 60px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}
#submain .thanks-fes--2018 .link__list a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 22px;
}
#submain .thanks-fes--2018 .link__list a:hover {
    opacity: 0.75;
}
#submain .thanks-fes--2018 .link__list--pink a {
    background: #E3007F;
}
#submain .thanks-fes--2018 .link__list--blue a {
    background: #009FE8;
}
#submain .thanks-fes--2018 .detail img {
    width: 100%;
}
#submain .thanks-fes--2018 .need-read {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
#submain .thanks-fes--2018 .need-read:after {
    content: none;
}
#submain .thanks-fes--2018 .need-read-box--tit {
    margin-bottom: 0;
}
#submain .thanks-fes--2018 .need-read-btn {
    padding-bottom: 0;
}

@media only screen and (max-width: 750px) {
    #submain .thanks-fes--2018 .link {
        margin: 3px 0;
        padding: 15px 0;
        display: block;
    }
    #submain .thanks-fes--2018 .link__list {
        margin: 0 auto;
        width: 80%;
    }
    #submain .thanks-fes--2018 .link__list + .link__list {
        margin-top: 10px;
    }
    #submain .thanks-fes--2018 .link__list a {
        font-size: 14px;
        line-height: 45px;
    }
    #submain .thanks-fes--2018 .link__list a:after {
        right: 10px;
        font-size: 18px;
    }
    #submain .thanks-fes--2018 .need-read {
        display: block;
        margin-bottom: 20px;
    }
    #submain .thanks-fes--2018 .need-read-box--tit {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 360px) {
    #submain .thanks-fes--2018 .link {
        padding: 10px 0;
    }
    #submain .thanks-fes--2018 .link__list {
        width: 80%;
    }
    #submain .thanks-fes--2018 .link__list + .link__list {
        margin-top: 5px;
    }
    #submain .thanks-fes--2018 .link__list a {
        font-size: 12px;
        line-height: 40px;
    }
    #submain .thanks-fes--2018 .link__list a:after {
        right: 10px;
        font-size: 15px;
    }
}