/* Reset
 * -----------------------------------------------  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-size:14px;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Windows 用 Medium 指定の游ゴシック */
@font-face {
    font-family: "Yu Gothic M";
    src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
    font-family: "Yu Gothic M";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}
*{
    font-family:'Lucida Sans Unicode', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
    box-sizing:border-box;
}

img{vertical-align:bottom;}
.img_case{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.img_case .text{
    position: absolute;
    bottom: 5px;
    left: 20px;
    font-size: 28px;
    font-weight:normal;
    color: #fff;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
    letter-spacing: 0.1em;
}

a{text-decoration:none;color:inherit;}
a:hover{text-decoration:underline;}

.underline{text-decoration:underline;}

/* Common
 * -----------------------------------------------  */

.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.right{float:right;}
.left{float:left;}

.hidden{display:none;}
.sp_show{display:none;}
span.sp_br{display:none;}

.w50p{width:50% !important;}

.fs10{font-size:10px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}

.fwn{font-weight:normal !important;}
.fwb{font-weight:bold !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

.pl20{padding-left:20px !important;}
.pr10{padding-right:10px !important;}

.text_r{text-align:right;}
.text_c{text-align:center;}

.v_top{vertical-align:top!important}
.v_middle{vertical-align:middle!important}
.v-bottom{vertical-align:bottom!important}

.btn{
    display:inline-block;
    color:#fff;
    font-size:12px;
    position:relative;
    text-align:center;
    border:none;
    cursor:pointer;
}
.btn.red{
    background:#c94922;
}
.btn.blue{
    background:#3c5179;
}
.btn.back{
    background:#e6e6e6;
    color:#000;
}
.btn.l_blue{
    background:#578fa8;
}
span.mail:before{
    content:"";
    display:inline-block;
    width:13px;
    height:9px;
    background-image:url(/img/icon_mail.png);
    background-repeat:no-repeat;
    background-size:contain;
    margin-right:5px;
}
.btn.chevron_r:after{
    content:"";
    display:block;
    width:8px;
    height:8px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    transform:rotate(45deg);
    position:absolute;
    top:50%;
    margin-top:-6px;
    right:12px;
}
.btn.chevron_l:after{
    content:"";
    display:block;
    width:8px;
    height:8px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    transform:rotate(45deg);
    position:absolute;
    top:50%;
    margin-top:-6px;
    left:12px;
}
.btn.back.chevron_l:after{
    border-bottom:1px solid #000;
    border-left:1px solid #000;
}
a.chevron_r:after,
span.chevron_r:after{
    content:"";
    display:inline-block;
    width:8px;
    height:8px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    transform:rotate(45deg);
    vertical-align:1px;
}

.horizontal{
    display:-webkit-flex;
    display:flex;
}

a.pdf_icon:after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:24px;
    height:24px;
    margin-left:5px;
    background:url(/img/pdf_icon.png);
    background-size:contain;
    background-repeat:no-repeat;
}

.dl_table{
    display:table;
    border-collapse:collapse;
}
.dl_table > dl{
    display:table-row;
}
.dl_table > dl >dt,
.dl_table > dl >dd{
    display:table-cell;
}

.alert{
    color: #8c0000;
}
.underline{
    text-decoration: underline;
}


/* Content Wrap
 * -----------------------------------------------  */

#container{
    width: 100%;
    position: relative;
    height: auto !important;   
    height: 100%;
    min-height: 100%;
}

.contents{
    width:960px;
    margin:0 auto;
}


/* Header
 * -----------------------------------------------  */

.header_bar{
    background:#000;
    color:#fff;
    height:25px;
    width:100%;
    min-width:960px;
}
.header_bar .bar_contents{
    width:960px;
    margin:0 auto;
    font-size:10px;
    line-height:25px;
}

header{
    width:960px;
    margin:0 auto;
    height:75px;
    padding:0;
}
header .header_ntt_logo{
    margin-bottom:23px;
}

header > ul{
    height:70px;
    display:flex;
/*    align-items:center;*/
    margin-top:35px;
    margin-bottom:5px;
}

header > ul > li:first-child{
    margin-right:auto;
}
header .btn{
    padding:3px 0;
    width:150px;
}
header a + a .btn{
    margin-left:10px;
}


/* main
 * -----------------------------------------------  */
#main_wrap{
    padding:0 0 35px;
    min-width:960px;
    width:100%;
}


/* footer
 * -----------------------------------------------  */
#footer_wrap{
    min-width:960px;
    width:100%;
}
footer{
}
footer .site_map{
    background:#adacac;
    padding:30px 0;
}
footer .footer_title{
    width:960px;
    margin:0 auto 20px;
    border-bottom:1px solid #fff;
    padding-bottom:10px;
    font-size:18px;
    color:#fff;
}
footer .footer_table{
    display:table;
    margin:0 auto;
    width:960px;
}
footer .footer_table > li{
    display:table-cell;
    color:#fff;
    width:20%;
}
footer .footer_table > li:last-child{
    width:30%;
}
footer .footer_category{
    font-size:14px;
}
footer .footer_menu{
    font-size:12px;
}
footer .footer_menu li:before{
    content:"■";
}
footer .copy_right{
    margin:0 auto;
    width:960px;
    padding:15px 0 35px;
    font-size:10px;
    text-align:center;
}


/* Menu
 * -----------------------------------------------  */
#main_wrap .menu_area {
    padding:20px 0 0;
    margin-bottom:30px;
}
#main_wrap .menu_area > ul {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    width:960px;
    margin:0 auto;
}
#main_wrap .menu_area > ul > li.menu_service.active{
    background:#e5d3d3;
}
#main_wrap .menu_area > ul > li.menu_contents.active{
    background:#cad4eb;
}
#main_wrap .menu_area > ul > li.menu_information.active{
    background:#e5d2c4;
}
#main_wrap .menu_area > ul > li.menu_contact.active{
    background:#eae6df;
}
nav{
width: 280px;
left: 0;
top: 0;
position: fixed;
transform: translate(-1000px,0);
}



/* TOP
 * -----------------------------------------------  */

.slide1_area{
    margin-bottom:30px;
    margin-top:16px;
    height:240px;
}
.slide2_area{
    margin-top:30px;
    height:240px;
}
.link_area{
    padding:40px 0;
}
.link_area .link_wrap{
    border:1px solid #c94922;
    background:#f3f3f3;
    width:500px;
    margin:0 auto;
}
.link_area .link_wrap.about_wellis{
    width:500px;
}
.link_area .about_wellis{
    padding:5px 5px 5px 30px;
}
.link_area .about_wellis .logo{
    margin:13px 0;
}
.link_area .about_wellis .btn_area{
    background:#eee4d4;
    border-radius:2px;
    padding:10px;
}
.link_area .about_wellis .btn_area > div >p{
    font-size:12px;
    padding-left:40px;
}
.link_area .about_wellis > div{
    padding:3px 0;
}
.link_area .about_wellis .btn{
    width:285px;
    padding:3px 0;
}
.information_area{
    background-color:#e5e5e5;
    margin-top:10px;
    margin-bottom:50px;
}
.information_area .information_wrap,
.recommend_area .recommend_wrap{
    position:relative;
    width:960px;
    margin:0 auto;
    padding:55px 0 35px;
}
.information_area .information_wrap h4,
.recommend_area .recommend_wrap h4{
    position:absolute;
    text-align:center;
    color:#fff;
    font-weight:normal;
    font-size:16px;
    width:160px;
    top:-12px;
    left:0;
}
.information_area .information_wrap h4{
    background:#979796;
}
.information_area .information_wrap > ul{
    width:880px;
    max-height:300px;
    margin:0 auto;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
.information_area .information_wrap > ul > li{
    width:100%;
    margin-bottom:20px;
}
.information_area .information_wrap > ul > li a{
    display:table;
    width:100%;
    text-decoration:none;
}
.information_area .information_wrap > ul > li a:hover{
    background:rgba(0,0,0,.2);
}
.information_area .information_wrap > ul > li .info_img{
    position:relative;
    display:table-cell;
    width:130px;
    vertical-align:top;
}
.information_area .information_wrap > ul > li .info_img .img_case{
    width:130px;
    height:80px;
}
.information_area .information_wrap > ul > li .info_title{
    display:table-cell;
    width:750px;
    padding-top:10px;
    padding-left:25px;
    vertical-align:top;
}
.information_area .information_wrap > ul > li .info_title .status_box span{
    margin-bottom:10px;
}
.information_area .information_wrap > ul > li .info_title .status_box span{
    font-size:12px;
}
.information_area .information_wrap > ul > li .info_time{
}
.information_area .information_wrap > ul > li .info_premium{
    display:inline-block;
    position:relative;
    border-radius:2px;
    padding: 3px 6px 3px 13px;
    margin-left:20px;
    line-height:1;
    background:#720730;
    color:#fff;
}
.information_area .information_wrap > ul > li .info_premium:before{
    content:'';
    display:block;
    width:26px;
    height:26px;
    background:url(/img/icon.premium.png) no-repeat center center;
    background-size:100% auto;
    position:absolute;
    top:0;
    left:-13px;
    bottom:0;
    margin:auto;
}
.information_area .information_wrap > ul > li .info_tag{
    display:inline-block;
    text-align:center;
    color:#fff;
    background:#427db4;
    min-width:125px;
    margin-left:12px;
    padding:3px 5px;
}
.information_area .information_wrap > ul > li .info_tag.tag_services{background:#b38283; }
.information_area .information_wrap > ul > li .info_tag.tag_contents{background:#808cb5; }
.information_area .information_wrap > ul > li .info_tag.tag_informations{background:#c4a185; }
.information_area .information_wrap > ul > li .info_tag.tag_other{background:#b6ae96; }
.information_area .information_wrap > ul > li .info_text{
    font-size:16px;
    line-height:1;
}
.information_area .information_wrap > ul > li .info_text{
    word-break:break-all;
}
.information_area .information_wrap > ul > li .info_text.underline{
    text-decoration: underline;
}
.information_area .information_wrap > ul > li .more{
    float:right;
    text-decoration: underline;
}


.recommend_area{
    background:#e0e7e4;
    margin-bottom:50px;
}
.recommend_area .recommend_wrap h4{
    background:#879897;
}
.recommend_area .recommend_wrap > ul{
    width:880px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
/*    justify-content:space-between;*/
}
.recommend_area .recommend_wrap > ul > li{
    width:270px;
    background:#e6e6e6;
}
.recommend_area .recommend_wrap > ul > li + li{
    margin-left:35px;
}
.recommend_area .recommend_wrap > ul > li:nth-child(3n+1){
    margin-left:0px;
}
.recommend_area .recommend_wrap > ul > li:nth-child(n+4){
    margin-top:20px;
}
.recommend_area .recommend_wrap > ul > li h5{
    font-size:16px;
    font-weight:normal;
    text-align:center;
}
.recommend_area .recommend_wrap > ul > li span{
    font-size:12px;
}
.recommend_area .recommend_wrap > ul > li .img_case{
    width:270px;
    height:190px;
}
.service_area{
    width:960px;
    margin:0 auto;
}
.service_area ul{
    width:960px;
    display:flex;
    flex-wrap:wrap;
    margin:30px 0 10px;
}
.service_area ul > li{
    width:219px;
    text-align:center;
    margin-right:28px;
    margin-bottom:20px;
    color:#8b4343;
    font-size:13px;
}
.service_area ul > li:nth-child(4n){
    margin-right:0;
}
.service_area ul > li .img_case{
    width:218px;
    height:110px;
}
.contents_area{
    width:960px;
    margin:0 auto;
}
.contents_area ul{
    width:960px;
    display:flex;
    flex-wrap:wrap;
    margin:30px 0 10px;
}
.contents_area ul > li{
    width:300px;
    margin-right:30px;
    margin-bottom:20px;
    background:#eff1f5;
    font-size:11px;
}
.contents_area ul > li img{
    float:left;
}
.contents_area ul > li div{
    float:left;
    padding:10px 15px;
    width:190px;
    font-size:12px;
}
.contents_area ul > li .img_case{
    float:left;
    padding:0;
    width:110px;
    height:110px;

}
.contents_area ul > li span{
    font-size:13px;
    color:#7c8eb5;
    display:block;
    margin-bottom:5px;
}
.contents_area ul > li:nth-child(3n){
    margin-right:0;
}
.imatowa_login{
    padding:15px;
}
.imatowa_login .img_wrap{
    width:150px;
    text-align:center;
}
.imatowa_login > div{
    font-size:11px;
}
.imatowa_login .btn{
    width:140px;
    padding:8px;
}
.imatowa_login .btn + .btn{
    margin-left:10px;
}
.imatowa_login .blue{
    width:300px;
    height:50px;
    line-height:50px;
    padding:0;
    font-size:14px;
}
.top .imatowa_login .blue{
    width:174px;
    height:auto;
    line-height:normal;
    padding:8px;
    font-size:12px;
}

.image-bloc {
  height: 240px;
}
   
.top .bx-viewport {
    overflow: visible!important;
    width: 960px!important;
    margin:0 auto;
}

.main-container {
    overflow: hidden;
    padding-bottom: 150px;
}

.top_slider1 ,
.top_slider2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top_slider1 li ,
.top_slider2 li {
    width: 464px!important;
    margin: 0;
    padding: 0;
}


/* LOGIN
 * -----------------------------------------------  */

section.main_image .img_case{
    width:960px;
    height:200px;
    margin:45px auto 50px;
}
.login .login_text{
font-size:18px;width:960px;margin:0 auto;
}
.login .login_area{
    width:720px;
    margin:0 auto;
}
.login .login_area .login_table{
    width:100%;
}
.login .login_area .login_table dl{
    background-color:#e6e6e6;
}
.login .login_area .login_table dt{
    width:210px;
    padding:25px 40px;
    font-size:17px;
}
.login .login_area .login_table dd{
    padding:15px 15px 15px 0;
    vertical-align:middle;
}
.login.premium_login .login_area .login_table dt,
.login.premium_login .login_area .login_table dd{
    background:#eee4d4;
}
.login.premium_login .link_area .link_wrap{
    background:#fff;
}
.login .login_area .login_table input{
    width:100%;
    height:40px;
    padding:5px 10px;
    border:1px solid #595959;
}
.login .login_area .login_table input:focus,
.login .regist_input input:focus{
    background:#ffc;
    outline:0;
}
.login .login_area .password_remenber_area{
    padding-left:40px;
    margin:10px 0 30px;
}
.login .login_area .btn{
    width:250px;
    height:45px;
    font-size:16px;
}
.login .login_area ul{margin-bottom:30px;}
.login .login_area ul li{
    display:inline-block;
    margin:auto 10px;
    font-size:13px;
}
.login .login_area ul li a{
    font-size:13px;
}
.login .login_area .remind_member{
    border-bottom:2px solid #b88383;
    padding-bottom:5px;
    font-size:16px;
    width:450px;
    margin:30px auto 0;
}
.login .regist_area{
    width:720px;
    margin:0 auto;
    background:#d8deed;
    padding:30px 0 35px;
}
.login .regist_area .btn{
    display:block;
    margin:0 auto;
    width:430px;
    padding:10px 30px 10px 10px;
    font-size:16px;
}
.login .membership_benefit{
    width:560px;
    margin:auto;
}
.login .membership_benefit dl dt{
    color:#3c5179;
    font-size:13px;
}
.login .membership_benefit dl dd{
    font-size:12px;
}
.login .membership_benefit dl dd + dt{
    margin-top:20px;
}

.login .regist_input{
    width:960px;
    margin:20px auto;
}
.login .regist_input h3{
    font-weight:normal;
    font-size:18px;
   font-family:  -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.login .regist_input .notes{
    font-size:15px;
}
.login .regist_input .dl_table{
    border-collapse:separate;
    border-spacing:0px 5px;
    width:100%;
    margin-bottom:45px;
}
.login .regist_input .dl_table.form_password{
    margin-bottom:30px;
}
.login .regist_input .dl_table.address{
    margin-bottom:0;
}
.login .regist_input .dl_table.address .postal_code div{display:inline-block;vertical-align:middle;}
.login .regist_input .dl_table.address .postal_code div + div{margin-left:10px;}
.login .regist_input  .dl_table > dl > dt,
.login .regist_input  .dl_table > dl > dd{
    background:#e6e6e6;
    vertical-align:top;
}
.login .regist_input  .dl_table > dl > dt{
    width:300px;
    padding:15px 60px 15px 30px;
    position:relative;
    font-size:16px;
}
.login .regist_input  .dl_table > dl > dt span.require{
    display:block;
    height:20px;
    position:absolute;
    top:17px;
    right:10px;
    background:#8c0000;
    color:#fff;
    font-size:12px;
    padding:0 10px;
    line-height:20px;
}
.login .regist_input  .dl_table > dl > dd{
    padding:10px 30px 10px 0;
    max-width:660px;
}

.login .regist_input .dl_table.form_password > dl > dt,
.login .regist_input .dl_table.form_password > dl > dd{
    background:#eacaca;
}
.login .regist_input  .dl_table.form_password > dl > dt span.require{
    height:18px;
    top:0;
    bottom:0;
    margin:auto;
}

.login .regist_input  .dl_table > dl > dd.text{
    padding:15px 0px;
}
.login.regist_confirm .regist_input  .dl_table > dl > dd{
    padding:15px 30px;
}
.login .regist_input .dl_table textarea{
    border:1px solid #595959;
    resize:vertical;
}
.login .regist_input .dl_table input[type="text"], 
.login .regist_input .dl_table input[type="password"]
{
    height:30px;
    border:1px solid #595959;
    padding:5px 10px;
    width:180px;
    vertical-align:text-top;
}
.login .regist_input .dl_table dd.phone div{display:inline-block;}
.login .regist_input .dl_table dd.phone input[type="text"]{
    vertical-align:middle;
    margin-right:10px;
}
.login .regist_input .dl_table dd.phone div + div input[type="text"]{
    margin-left:10px;
}
.login .regist_input .dl_table dd.phone input[type="text"]:first-child{
    margin-right:10px;
}
.login .regist_input .dl_table input[type="text"].w125{width:125px;}
.login .regist_input .dl_table input[type="text"].w140{width:140px;}
.login .regist_input .dl_table input[type="text"].w300, 
.login .regist_input .dl_table input[type="password"].w300{width:300px;}
.login .regist_input .dl_table > dl > dd > select{
    height:30px;
    border:1px solid #595959;
    padding:5px 10px;
    min-width:180px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/img/select_arrow.png) right 50% no-repeat #fff;
    background-size: 10px, 100%;
}
.login .regist_input .dl_table > dl > dd > select::-ms-expand{
    display:none;
}
.login .regist_input .dl_table > dl > dd input[type="radio"],
.login .regist_input .dl_table > dl > dd input[type="checkbox"],
.login .regist_input .read_terms input[type="checkbox"]{
    display:none;
}
.login .regist_input .dl_table > dl > dd label,
.login .regist_input .read_terms label{
    position:relative;
    vertical-align:top;
    cursor:pointer;
    display:inline-block;
}
.login .regist_input .dl_table > dl > dd.name > div{
    display:inline-block;
}
.login .regist_input .dl_table > dl > dd label.name_label{
    padding:3px;
    width:40px;
}
.login .regist_input .dl_table > dl > dd.name div + div{
    padding-left:15px;
}
.login .regist_input .dl_table > dl > dd input[type="radio"] + label:before{
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:50%;
    border:1px solid #5d5d5d;
    background:#fff;
    vertical-align:top;
    margin-right:5px;
}
.login .regist_input .dl_table > dl > dd input[type="radio"]:checked + label:after{
    content:"";
    display:block;
    width:12px;
    height:12px;
    border-radius:50%;
    position:absolute;
    top:3px;
    left:3px;
    background:#5e5e5e;
}
.login .regist_input .dl_table > dl > dd input[type="checkbox"] + label:before,
.login .regist_input .read_terms input[type="checkbox"] + label:before{
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    border:1px solid #5d5d5d;
    background:#fff;
    vertical-align:top;
    margin-right:5px;
}
.login .regist_input .dl_table > dl > dd input[type="checkbox"]:checked + label:after,
.login .regist_input .read_terms input[type="checkbox"]:checked + label:after{
    content:"";
    display:block;
    width:14px;
    height:14px;
    position:absolute;
    top:2px;
    left:2px;
    background:url(/img/checkbox_check.png);
    background-size:14px auto;
}

.login .regist_input .dl_table > dl > dd input[type="radio"]:disabled + label{
    opacity:.5;
    cursor:inherit;
}
.login .regist_input .dl_table.address > dl > dt{
    width:180px;
    font-size:14px;
    padding:15px 0;
}
.login .regist_input .dl_table.address > dl:first-child > dt,
.login .regist_input .dl_table.address > dl:first-child > dd{
    padding-top:0;
}
.login .regist_input .dl_table.address > dl:last-child > dt,
.login .regist_input .dl_table.address > dl:last-child > dd{
    padding-bottom:0;
}
.login .regist_input .dl_table.address > dl + dl > dt,
.login .regist_input .dl_table.address > dl + dl > dd{
    padding-top:0px;
}
.login .privacy_policy{
    margin:10px 0 50px;
    text-align:center;
}
.login .privacy_policy span{
    font-size:12px;
    display:inline-block;
}
.login .privacy_policy span + span{
    margin-left:40px;
}
.login .privacy_policy span a:before{
    content:"";
    display:inline-block;
    width:0px;
    height:0px;
    border-width:6px;
    border-color: transparent transparent transparent #000;
    border-style:solid;
}
.login .read_terms{
    width:720px;
    margin:0 auto;
}
.login .read_terms .terms_wrap{
    height:150px;
    overflow-y:scroll;
    border:1px solid #595959;
    padding:10px;
}
.login .regist_input .horizontal .btn{
    margin:0 10px;
}
.login .regist_input .btn{
    width:430px;
    height:50px;
    font-size:16px;
    line-height:50px;
}
.login .regist_input .dl_table > dl > dd.date > select{
    width:110px;
    min-width:auto;
}
.login .regist_input .dl_table > dl > dd.date > select + select{
    margin-left:20px;
}
.login .regist_input .dl_table > dl > dd.date > span + select{
    margin-left:15px;
}
.login .regist_input .dl_table > dl > dd > .radio{
    display:flex;
    flex-wrap:wrap;
}
.login .regist_input .dl_table > dl > dd > .radio > div{
    margin-right:20px;
    padding:5px;
}
.login .regist_input .dl_table > dl > dd > .radio input[type="text"]{
    width:140px;
    margin-left:20px;
}
.login .regist_input .dl_table > dl > dd > .radio.alignment > div{
    width:30%;
}
.regist_input .dl_table .unit{
    display:inline-block;
    box-sizing:border-box;
    height:30px;
    margin-left:1em;
}

.login .regist_complete{
    width:690px;
    margin:30px auto;
}
.login .regist_complete h4{
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    padding:30px 0;
    text-align:center;
    font-size:17px;
    font-weight:normal;
    line-height:2;
}
.login .regist_complete div{
    border-bottom:1px solid #dbdbdb;
    padding:45px 0;
    text-align:center;
    line-height:3;
}
.login .regist_complete p{
    line-height:2;
}
.agreement .btn{width:430px;height:50px;font-size:16px;}

.premium_member{
    width:960px;
    margin:50px auto 0;
}
.premium_member .premium_member_box{
    background:#f3f3f3;
    padding:50px 80px 60px;
}
.premium_member .premium_member_box .login_btn_box{
    width:450px;
    margin:0 auto;
    background:#fff;
    border:1px solid #c94922;
}
.premium_member .premium_member_box .login_btn_box .left{
    padding:12px 12px 12px 35px;
}
.premium_member .premium_member_box .login_btn_box .btn{
    width:100%;
    line-height:50px;
    height:50px;
    width:260px;
    font-size:13px;
    margin:15px;
}


/* LOGIN
 * -----------------------------------------------  */

.reminder .main_image{
    width:960px;
    margin:0 auto;
}
.reminder .login_area{
    width:720px;
    margin:45px auto 50px;
}
.reminder .login_area .login_table{
    width:100%;
}
.reminder .login_area .login_table dl{
    background-color:#e6e6e6;
}
.reminder .login_area .login_table dt{
    width:190px;
    padding:25px 40px;
    font-size:17px;
}
.reminder .login_area .login_table dd{
    padding:15px 15px 15px 0;
}
.reminder .login_area .login_table input{
    width:100%;
    height:40px;
    padding:5px 10px;
    border:1px solid #595959;
}
.reminder .login_area .login_table input:focus,
.reminder .regist_input input:focus{
    background:#ffc;
    outline:0;
}
.reminder .login_area .password_remenber_area{
    padding-left:40px;
    margin:10px 0 30px;
}
.reminder .login_area .btn{
    width:250px;
    height:45px;
    font-size:16px;
}
.reminder .regist_area{
    width:720px;
    margin:0 auto;
    background:#d8deed;
    padding:30px 0 35px;
}
.reminder .regist_area .btn{
    display:block;
    margin:0 auto;
    width:430px;
    padding:10px 30px 10px 10px;
    font-size:16px;
}
.reminder .membership_benefit{
    width:560px;
    margin:auto;
}
.reminder .membership_benefit dl dt{
    color:#3c5179;
    font-size:13px;
}
.reminder .membership_benefit dl dd{
    font-size:12px;
}
.reminder .membership_benefit dl dd + dt{
    margin-top:20px;
}

.reminder .regist_input{
    width:960px;
    margin:20px auto;
}
.reminder .regist_input  .dl_table{
    border-collapse:separate;
    border-spacing:0px 5px;
    width:100%;
    margin-bottom:45px;
}
.reminder .regist_input  .dl_table > dl > dt,
.reminder .regist_input  .dl_table > dl > dd{
    background:#e6e6e6;
    vertical-align:top;
}
.reminder .regist_input  .dl_table > dl > dt{
    width:300px;
    padding:15px 30px;
    position:relative;
    font-size:16px;
}
.reminder .regist_input  .dl_table > dl > dt span.require{
    display:block;
    position:absolute;
    top:17px;
    right:10px;
    background:#8c0000;
    color:#fff;
    font-size:12px;
    padding:0 10px;
}
.reminder .regist_input  .dl_table > dl > dd{
    padding:10px 30px 10px 0;
    max-width:660px;
}
.reminder .regist_input .dl_table input[type="text"], 
.reminder .regist_input .dl_table input[type="password"]
{
    height:30px;
    border:1px solid #595959;
    padding:5px 10px;
    width:180px;
    vertical-align:text-top;
}
.reminder .regist_input .dl_table input[type="text"] + input[type="text"]{
    margin-left:20px;
}
.reminder .regist_input .dl_table input[type="text"].w125{width:125px;}
.reminder .regist_input .dl_table input[type="text"].w140{width:140px;}
.reminder .regist_input .dl_table input[type="text"].w300, 
.reminder .regist_input .dl_table input[type="password"].w300{width:300px;}
.reminder .regist_input .dl_table > dl > dd > select{
    height:30px;
    border:1px solid #595959;
    padding:5px 10px;
    min-width:180px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/img/select_arrow.png) right 50% no-repeat #fff;
    background-size: 10px, 100%;
}
.reminder .regist_input .dl_table > dl > dd > select::-ms-expand{
    display:none;
}
.reminder .regist_input .dl_table > dl > dd input[type="radio"],
.reminder .regist_input .dl_table > dl > dd input[type="checkbox"],
.reminder .regist_input .read_terms input[type="checkbox"]{
    display:none;
}
.reminder .regist_input .dl_table > dl > dd label,
.reminder .regist_input .read_terms label{
    position:relative;
    vertical-align:top;
    cursor:pointer;
}
.reminder .regist_input .dl_table > dl > dd input[type="radio"] + label:before{
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:50%;
    border:1px solid #5d5d5d;
    background:#fff;
    vertical-align:top;
    margin-right:5px;
}
.reminder .regist_input .dl_table > dl > dd input[type="radio"]:checked + label:after{
    content:"";
    display:block;
    width:12px;
    height:12px;
    border-radius:50%;
    position:absolute;
    top:3px;
    left:3px;
    background:#5e5e5e;
}
.reminder .regist_input .dl_table > dl > dd input[type="checkbox"] + label:before,
.reminder .regist_input .read_terms input[type="checkbox"] + label:before{
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    border:1px solid #5d5d5d;
    background:#fff;
    vertical-align:top;
    margin-right:5px;
}
.reminder .regist_input .dl_table > dl > dd input[type="checkbox"]:checked + label:after,
.reminder .regist_input .read_terms input[type="checkbox"]:checked + label:after{
    content:"";
    display:block;
    width:14px;
    height:14px;
    position:absolute;
    top:2px;
    left:2px;
    background:url(/img/checkbox_check.png);
    background-size:14px auto;
}
.reminder .regist_input .dl_table.address > dl > dt{
    width:180px;
    font-size:14px;
}
.reminder .regist_input .dl_table.address > dl + dl > dt,
.reminder .regist_input .dl_table.address > dl + dl > dd{
    padding-top:10px;
}
.reminder .read_terms{
    width:720px;
    margin:0 auto;
}
.reminder .read_terms .terms_wrap{
    height:150px;
    overflow-y:scroll;
    border:1px solid #595959;
    padding:10px;
}
.reminder .regist_input .btn{
    width:430px;
    height:50px;
    font-size:16px;
}
.reminder .regist_input .dl_table > dl > dd.date > select{
    width:110px;
    min-width:auto;
}
.reminder .regist_input .dl_table > dl > dd.date > span + select{
    margin-left:15px;
}
.reminder .regist_input .dl_table > dl > dd > .radio{
    display:flex;
    flex-wrap:wrap;
}
.reminder .regist_input .dl_table > dl > dd > .radio > div{
    margin-right:20px;
    padding:5px;
}
.reminder .regist_input .dl_table > dl > dd > .radio input[type="text"]{
    width:140px;
    margin-left:20px;
}
.reminder .regist_input .dl_table > dl > dd > .radio.alignment > div{
    width:30%;
}

.reminder .regist_complete{
    width:960px;
    margin:30px auto;
}
.reminder .regist_complete h4{
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    padding:30px 0;
    text-align:center;
    font-size:20px;
    font-weight:normal;
    line-height:2;
}
.reminder .regist_complete p{
    border-bottom:1px solid #dbdbdb;
    padding:45px 0;
    text-align:center;
    line-height:2;
}


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

.list_layout > div{
    width:100%;
    display:table;
    border:1px solid #e6e6e6;
}
.list_layout > div + div{
    margin-top: 20px;
}
.list_layout > div > div{
    display:table-cell;
}
.list_layout > div .image{
    width:325px;
    text-align:center;
    vertical-align:middle;
}
.list_layout > div .image .img_case{
    width:100%;
    height:200px;
    /*height:220px;
    background-size:contain;*/
}
.list_layout > div .caption{
    background:#e6e6e6;
}
.list_layout > div .caption .service_overview{
    padding:10px 20px;
    border-bottom:1px solid #fff;
    min-height:170px;
    word-break:break-all
}
.list_layout > div .caption .service_overview .tag{
    display:inline-block;
    width:120px;
    background:#427db4;
    color:#fff;
    margin-bottom:15px;
    font-size:12px;
    text-align:center;
}
.list_layout > div .caption .service_overview .tag.category{
    width:175px;
}
.list_layout > div .caption .service_overview .tag.event-repo{
    background:#657cac;
}
.list_layout > div .caption .service_overview .tag.mailmag{
    background:#ac6582;
}
.list_layout > div .caption .service_overview h4{
    font-size:18px;
    font-weight:normal;
}
.list_layout > div .caption .detail_link{
    color:#5a5a5a;
}
.list_layout > div .caption .detail_link a{
    display:block;
    padding:5px 0;
}
.list_layout > div .caption .detail_link .chevron_r:after{
    border-color:#5a5a5a;
    width:6px;
    height:6px;
    margin-left:5px;
}

/* サイドメニュー */
.side_menu{
    width:240px;
    background:#efecec;
    padding:20px 12px;
}
.side_menu .title{
    margin-bottom: 10px;
}
.side_menu ul li{
    width:100%;
    background:#fff;
    text-align:center;
    margin-bottom:10px;
}
.side_menu ul li a{
    display:block;
    padding:20px 0px;
}
.side_menu ul li.active{
    color:#fff!important;
    background-size:cover;
    background-color:#ccc;
}
.side_menu .login_area{
    width:100%;
    border:1px solid #8c0101;
    background:#f3f3f3;
    padding:10px;
    text-align:center;
}
.side_menu .tel_area{
    border:1px solid #a2a2a2;
    background:#f3f3f3;
    padding:8px;
    margin:10px 0;
}
.side_menu .tel_area span.tel{
    font-size:20px;
    vertical-align:middle;
}
.side_menu .tel_area span.tel:before{
    content:"";
    display:inline-block;
    width:40px;
    height:22px;
    background-image:url(/img/icon_freedial.png);
    background-size:contain;
    background-repeat:no-repeat;
}
.side_menu .login_area .btn{
    width:100%;
    padding:10px 0;
}
.side_menu .login_area a{
    display:block;
}
.side_menu .login_area a + a{
    margin-top:10px;
}

/* メインコンテンツ */
.main{
    width:690px;
}
.main .main_image{
    margin-bottom:20px;
	padding-top: 10px;
}
.main .main_image .img_case{
    width:690px;
    height:200px;
    margin-top:0;
    background-color:#ccc;
}

.main .benefit_detail h4,
.main .report_detail h4{
    font-size:16px;
    font-weight:normal;
    padding:5px 20px;
}
.main .benefit_detail .benefit_contents,
.main .report_detail .report_contents{
    background:#e6e6e6;
    padding:10px 20px;
    font-size:13px;
    margin-bottom:25px;
}

/* SERVICE
 * -----------------------------------------------  */

.service{
    width:960px;
    margin:0 auto;
}
.service .side_menu .title{
    border-bottom:2px solid #b88383;
}
.service .side_menu ul li{
    border:1px solid #b88383;
    color:#b88383;
}

.service .service_list h3{
    font-size:20px;
    color:#b88383;
    font-weight:normal;
    padding:5px 0;
}
.service .service_list .area_select{
    margin-bottom:20px;
}
.service .service_list .area_select .select_wrap{
    background:#b88383;
    padding:10px;
    font-size:11px;
}
.service .service_list .area_select .select_wrap select{
    font-size:10px;
    margin-left:10px;
    border:none;
    padding:0 10px;
}

.service_detail .service_info_wrap{
    margin-bottom:25px;
}
.service_detail .service_info_wrap > div{
}
.service_detail .service_info_wrap .photo_gallery{
    width:396px;
    height:325px;
}
.service_detail .service_info_wrap .photo_gallery .bx-viewport{
    height:270px;
    border:1px solid #e6e6e6;
    box-sizing:border-box;
}
.service_detail .service_info_wrap .photo_gallery #bx-pager{
    width:356px;
    margin:0 20px;
}
.service_detail .service_info_wrap .photo_gallery #bx-pager .thumbnail_wrap{
    width:68px;
    height:50px;
    display:block;
    margin:0 4px 0 0;
    float:left;
    background-color:#e6e6e6;
}
.service_detail .service_info_wrap .photo_gallery #bx-pager .thumbnail_wrap:last-child{
    margin:0;
}
.service_detail .service_info_wrap .photo_gallery #bx-pager .img_case{
    width:68px;
    height:50px;
    display:inline-block;
}
.service_detail .service_info_wrap .service_info{
    width:290px;
    background:#e6e6e6;
    min-height:325px;
}
.service_detail .service_info_wrap .service_info > div{
    padding:10px 20px;
    word-break:break-all;
}
.service_detail .service_info_wrap .service_info > div.premium_only{
    padding:8px 8px 0;
}
.service_detail .service_info_wrap .service_info .service_title{
    border-bottom:1px solid #fff;
}
.service_detail .service_info_wrap .service_info .service_title .date{
    font-size:12px;
    padding:3px 0;
}
.service_detail .service_info_wrap .service_info .service_title .tag{
    display:inline-block;
    text-align:center;
    font-size:12px;
    color:#fff;
    background:#427db4;
    width:125px;
    margin-top:3px;
}
.service_detail .service_info_wrap .service_info .service_title h3{
    font-size:18px;
    font-weight:normal;
}
.service .service_detail .benefit_detail h4{
    background:#e5d3d3;
}


.service_detail .benefit_detail .benefit_contents .dl_table{
    width:100%;
    vertical-align:middle;
}
.service_detail .benefit_detail .benefit_contents .dl_table dl > *{
    vertical-align:middle;
}
.service_detail .benefit_detail .benefit_contents .dl_table dl > dt{
    width:100%;
    min-width:50%;
    word-break:break-all;
}
.service_detail .benefit_detail .benefit_contents .dl_table dl > dd{
    padding-left:10px;
}
.service_detail .benefit_detail .benefit_contents .dl_table dd span.chevron_r:after{
    border-color:#fff;
    margin-left:10px;
}
.service_detail .benefit_detail .benefit_contents.contact .dl_table dt{
    width:120px;
}
.service_detail .benefit_detail .benefit_contents.contact .dl_table dt span{
    display:block;
    border:1px solid #000;
    text-align:center;
    padding:5px;
}
.service_detail .benefit_detail .benefit_contents.contact .dl_table dd.tel{
    min-width:200px;
    font-size:22px;
}
.service_detail .benefit_detail .benefit_contents.contact .dl_table dd.dl_btn{
    width:300px;
}
.service_detail .benefit_detail .benefit_contents .dl_table dd .btn{
    display:block;
    padding:15px;
    background:#b88383;
    font-size:16px;
    width:300px;
}



/* CONTENTS
 * -----------------------------------------------  */

.useful_contents{
    width:960px;
    margin:0 auto;
}

.useful_contents .side_menu .title{
    border-bottom:2px solid #7c8eb5;
}
.useful_contents .side_menu ul li{
    border:1px solid #7c8eb5;
    color:#7c8eb5;
}


.useful_contents .contents_list h3{
    margin-bottom:16px;
    font-size:30px;
    font-weight:normal;
    color:#38538d;
    line-height:100%;
}
.useful_contents .contents_list .category-cap{
    margin-bottom:18px;
}
.useful_contents .contents_list .category-cap h3{
    font-size:20px;
    margin-bottom:20px;
}
.useful_contents .contents_list .category-cap p{
    color:#38538d;
    font-size:15px;
}
.useful_contents .contents_list ul{
    display:flex;
    flex-wrap:wrap;
}
.useful_contents .contents_list ul li{
    margin-right:20px;
    margin-bottom:20px;
    width:335px;
    padding-bottom:35px;
    position:relative;
}
.useful_contents .contents_list ul li:nth-child(even){
    margin-right:0;
}
.useful_contents .contents_list ul li.blue{
    background:#afd2de;
}
.useful_contents .contents_list ul li.green{
    background:#bbd7d1;
}
.useful_contents .contents_list ul li .more a{
    display:block;
    border-top:1px solid #fff;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:35px;
    line-height:35px;
    text-align:center;
}
.useful_contents .contents_list ul li > div p{
    font-size:13px;
    padding:15px 20px;
}
.useful_contents .contents_list ul li h4{
    color:#fff;
    font-size:18px;
    font-weight:normal;
    padding:10px;
}
.useful_contents .contents_list ul li.blue h4{
    background:#49889c;
}
.useful_contents .contents_list ul li.green h4{
    background:#528d81;
}

.useful_contents .main .report_detail h4,
.useful_contents .main .benefit_detail h4{
    background:#cad4eb;
}

/* q&a */
.useful_contents .qa_list h3{
    background:#49889c;
    color:#fff;
    padding:12px 10px;
}
.useful_contents .qa_list ul li{
    width:100%;
    padding:0;
}
.useful_contents .qa_list ul li.blue{
    background:#ccd8dc;
}
.useful_contents .qa_list ul li.blue h4{
    background:#82a2ac;
}
.useful_contents .qa_list ul li > .overview{
    box-sizing:border-box;
    margin:15px;
    overflow:hidden;
    height:160px;
    -o-transition:height .4s ease-out;
    -ms-transition:height .4s ease-out;
    -moz-transition:height .4s ease-out;
    -webkit-transition:height .4s ease-out;
    transition:height .4s ease-out;
    position:relative;
}

.useful_contents .qa_list .qa_contents ul li{
    margin-right:0;
}

.useful_contents .qa_list ul li.shadow > .overview:after{
    content:'';
    width:100%;
    height:40px;
    position:absolute;
    bottom:0;
    left:0;
    background: linear-gradient(to bottom, rgba(204,216,220,0.02) 0%,rgba(204,216,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.useful_contents .qa_list .open .overview{
    height:auto;
    -o-transition:height .3s ease-out;
    -ms-transition:height .3s ease-out;
    -moz-transition:height .3s ease-out;
    -webkit-transition:height .3s ease-out;
    transition:height .3s ease-out;

}
.useful_contents .qa_list .open .overview:after{
    background:none;
}
.useful_contents .qa_list ul li > div p{
    font-size:14px;
    padding:0;
}
.useful_contents .qa_list ul li > div .answer{
    margin-bottom:20px;
}
.useful_contents .qa_list ul li > .more{
    padding:0;
    height:40px;
}
.useful_contents .qa_list ul li > .more a{
    display:block;
    text-align:center;
    font-size:15px;
    color:#5a5a5a;
    height:40px;
    line-height:40px;
    cursor:pointer;
    text-decoration:none;
}
.useful_contents .qa_list ul li > .more a:active{
    background:rgba(355,355,355,.3);
}
.useful_contents .qa_list ul li > .more a span.chevron_r:after{
    border-color:#5a5a5a;
}
.useful_contents .qa_list ul li.open > .more a span.chevron_r{
    margin-left: 5px;
    vertical-align:middle;
}
.useful_contents .qa_list ul li.open > .more a span.chevron_r:after{
    transform:rotate(-45deg);
}


/* INFORMATIONS
 * -----------------------------------------------  */

.information > section{
    width:960px;
    margin:0 auto;
}
.information .main_image{
    margin-bottom:50px;
}
.information .main_image .img_case{
    width:960px;
    height:200px;
}
.information .information_text{
    font-size:20px;
    color:#b88383;
    font-weight:normal;
    padding:5px 0;
    width:960px;
    margin:0 auto 30px;
}
.information .building_list{
    margin-bottom:40px;
}
.information .building_list .building_box{
    display:table;
    background:#e6e6e6;
    width:100%;
}

.information .building_list .building_box .building_img{
    display:table-cell;
    vertical-align:middle;
}
.information .building_list .building_box .img_case{
    width:325px;
    height:200px;
}
.information .building_list .building_box + .building_box{
    margin-top:30px;
}
.information .building_list .building_box .building_overview{
    display:table-cell;
    padding:25px 15px 10px 20px;
    width:635px;
    vertical-align:top;
}
.information .building_list .building_box .building_overview h3{
    font-size:20px;
    font-weight:normal;
    margin-bottom:10px;
}
.information .building_list .building_box .building_overview ul li{
    font-size:16px;
}
.information .building_list .building_box .building_overview .btn{
    display:block;
    width:100%;
    background:#c9a184;
    color:#fff;
    text-align:center;
    font-size:15px;
    padding:5px;
}
.information .building_list .building_box .building_overview .btn span.chevron_r:after{
    border-color:#fff;
    margin-left:40px;
}
.information .building_information{
    margin-bottom:30px;
}
.information .building_information h3{
    font-size:23px;
    font-weight:normal;
    color:#fff;
    background:#c9a184;
    padding:5px 10px;
    margin-bottom:20px;
}
.information .building_information .information_list{
    padding:15px;
    border:2px solid #bdbdbd;
}
.information .building_information .information_list h4{
    font-size:15px;
    font-weight:normal;
    margin-bottom:10px;
}
.information .building_information .information_list .dl_table dl dt{
    font-size:12px;
    width:90px;
}
.information .building_information .information_list .dl_table dl dd{
    font-size:14px;
}
.information .building_information .information_list .dl_table dl + dl dt,
.information .building_information .information_list .dl_table dl + dl dd{
    padding-top:10px;
}

.information .information_detail{
    margin-bottom:50px;
}
.information .information_detail h3{
    border-bottom:1px solid #af8364;
    font-size:20px;
    color:#af8364;
    font-weight:normal;
    padding-bottom:5px;
    margin-bottom:20px;
}
.information .information_detail h5{
    font-size:13px;
    font-weight:normal;
    background:#e5d2c4;
    padding:5px;
    margin-bottom:3px;
}
.information .information_detail .information_box + .information_box{
    margin-top:25px;
}
.information .information_detail .information_box > div{
    background:#e6e6e6;
}
.information .information_detail .information_box > div .caption{
    padding:15px;
    font-size:13px;
    position:relative;
    min-height:290px;
}
.information .information_detail .information_box .img_case{
    width:480px;
    height:290px;
}
.information .information_detail .information_box > div .caption .gallery{
    position:absolute;
    bottom:10px;
}
.information .information_detail .information_box > div .caption .gallery ul li{
    float:left;
    width:90px;
    margin-left:5px;
    height:54px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    cursor: pointer;
    opacity: .6;
}
.information .information_detail .information_box > div .caption .gallery ul li:first-child{
    margin-left:0;
}
.information .information_detail .information_box > div .caption .gallery ul .thumbnail.active{
    border: 1px solid #fc9806;
    opacity: 1;
}
.information .information_detail .information_box > div .caption .gallery ul .thumbnail:hover{
    opacity: 1;
}
.information .information_detail .information_box > div .caption .text li{
    border-left:5px solid #ccc;
    margin-bottom:10px;
    border-left:5px solid #bbb;
    color:#666;
    padding-left:10px;
}
.information .information_detail .information_box > div .caption .text li.active{
    border-left:5px solid #c9a184;
    color:#000;
}




/* CONTACT
 * ---------------------------------------------------------*/
.contacts section{
    width:960px;
    margin:auto;
}
.contacts section.main_image{
    margin-bottom:30px;
}
.contacts section.main_image h3{
//    padding:20px 25px;
//    background:#837957;
//    font-size:28px;
//    font-weight:normal;
//    color:#fff;
//    text-shadow: 0px 0px 8px rgba(66,4,4,0.8);
}
.contacts.faq section.faq_wrap{
    margin-bottom:120px;
}
.contacts.faq section.faq_wrap dt{
    background:#eae6df;
    color:#5a2727;
    padding:8px 8px 8px 45px;
    font-size:15px;
    border-bottom:2px solid #837957;
    position:relative;
    margin-bottom:15px;
}
.contacts.faq section.faq_wrap dt:before,
.contacts.faq section.faq_wrap dd:before{
    display:block;
    position:absolute;
    left:8px;
    top:7px;
    background:#837957;
    color:#fff;
    font-size:18px;
    padding:0 6px;
    margin-right:10px;
}
.contacts.faq section.faq_wrap dt:before{
    content: "Q";
}
.contacts.faq section.faq_wrap dd:before{
    content: "A";
}
.contacts.faq section.faq_wrap dd{
    padding:3px 0px 0px 45px;
    color:#5a2727;
    font-size:15px;
    position:relative;
}
.contacts.faq section.faq_wrap dd + dt,
.contacts.about section.about_wrap dd + dt,
.contacts.terms section dd + dt{
    margin-top:30px;
}

.contacts.about section.about_wrap,
.contacts.terms section.constitution_wrap{
    margin-bottom:70px;
}
.contacts.about section.about_wrap dt,
.contacts.terms section dt{
    background:#eae6df;
    color:#5a2727;
    font-size:15px;
    border-left:3px solid #837957;
    padding:10px;
    margin-bottom:18px;
    font-weight:bold;
}
.contacts.about section.about_wrap dd,
.contacts.terms section dd{
    font-size:12px;
    color:#5a2727;
}
.contacts.about section.about_wrap dd a{
    font-size:12px;
//    text-decoration:underline;
}
.contacts.terms section dt{
    background:#f0e9eb;
    border-color:#6f263d;
}
.contacts.terms section.terms_wrap{
    margin-bottom:100px;
}
.contacts.terms section h4{
    font-size:25px;
    border-bottom:1px solid #6f263d;
    color:#5a2727;
    padding-bottom:5px;
    margin-bottom:5px;
}
.contacts.terms section p{
    color:#5a2727;
    font-size:12px;
    margin-bottom:30px;
}
.contacts.terms section a{
    font-size:12px;
}
.contacts.terms .regist_terms_title{
    width:100%;
    height:;
    background:#6f263d;
    color:#fff;
    font-size:28px;
    text-align:center;
    padding:12px 0;
    margin-bottom:50px;
}
.contacts.privacy section h4{
/*    text-align:center; */
    color:#2e120e;
    font-size:20px;
    font-weight:bold;
    margin:40px 0 40px 30px;
}
.contacts.privacy section ul{
    width:780px;
    margin:0 auto 50px;
    display:flex;
}
.contacts.privacy section ul li + li{
    margin-left:60px;
}
.contacts.privacy section ul li > div{
    border:1px solid #000;
    background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding:15px 0 15px 0;
    width:360px;
    height:160px;
    position:relative;
}
.contacts.privacy section ul li > div.mail_blc{
}
.contacts.privacy section ul li > div > p{
    padding-left:55px;
}
.contacts.privacy section ul li > div p.contact_name{
    font-size:12px;
}
.contacts.privacy section ul li > div p.contact_mail{
    font-size:16px;
}
.contacts.privacy section ul li > div p.contact_tel span.tel{
    font-size:30px;
}
.contacts.privacy section ul li > div p.contact_tel span.tel:before{
    content:"";
    display:inline-block;
    width:46px;
    height:26px;
    background-image:url(/img/icon_freedial.png);
    background-size:contain;
    background-repeat:no-repeat;
}
.contacts.privacy section ul li > div p.contact_mail span.mail:before{
    width:25px;
    height:15px;
    vertical-align:middle;
}
.contacts.privacy section ul li > div .contact_time{
    text-align:center;
    padding:0 7px;
}
.contacts.privacy section ul li > div .contact_time > p{
    position:relative;
    margin:5px auto 3px;
    width:200px;
    background:#ddd;
    font-size:10px;
}
.contacts.privacy .btn{width:390px;height:50px;line-height:50px;}
.contacts.wellith section{
    text-align:center;
}
.contacts.wellith section.main_image{
    margin-top:70px;
    margin-bottom:45px;
}
.contacts.wellith section.copy{
    margin-bottom:80px;
}
.contacts.wellith .link_area{
    padding:0;
}
.contacts.wellith .link_area .link_wrap{
    width:450px;
    padding:10px 12px 10px 37px;
}
.contacts.wellith .imatowa_login .img_wrap {
    width:auto;
}
.contacts.wellith .link_area .btn{
    width:260px;
    height:50px;
    line-height:50px;
    font-size:13px;
    padding:0;
}

.login.service_contact  .regist_input .dl_table{margin-bottom:10px;}
.login.service_contact .contact_submit{border:1px solid #000;padding:50px;}
.login.service_contact .contact_submit .btn{font-size:14px;}


/* メンテナンス中 */
.maintenance{
    box-sizing:border-box;
}
.maintenance h2{
    font-size:25px;
    color:#710730;
}
.maintenance .text{
    line-height:2;
}
.maintenance .info{
    width:650px;
    margin:0 auto;
    border:1px solid #777;
    box-sizing:border-box;
}
.maintenance .info .wrap{
    padding:30px;
    text-align:left;
}
.maintenance .info .wrap em{
    display:block;
    padding:0 20px;
    font-style:normal;
    background:#e6e6e6;
    line-height:50px;
}
.maintenance .info .wrap p{
    padding:20px;
}

/* 夏季休業のお知らせ */
.outsiders{
    width:960px;
    margin:0 auto;
    padding-bottom:44px;
}
.outsiders dl{
    display: table;
    box-sizing :border-box;
    border:1px solid #707070;
    background: #fff;
}
.outsiders dl dt{
    display: table-cell;
    vertical-align:middle;
    width:240px;
    background:#707070;
    color:#fff;
    text-align:center;
    letter-spacing:0;
    font-size: 12px;
}
.outsiders dl dt em{
    font-style:normal;
    display:block;
    letter-spacing:1px;
    font-size: 14px;
}
.outsiders dl dd{
    display: table-cell;
    vertical-align:middle;
    width:720px;
    font-size: 12px;
    padding:12px 30px ;
}
.outsiders dl .greet{
    font-size:12px;
    text-align:center;
}
.outsiders dl dd .term{
    color:#b70202;
    margin:3px 0;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
.outsiders dl dd .text{
    font-size: 10px;
    line-height:1em;
}

/* イベント予約 */
.overview.event{
    border:2px solid #e6e6e6;
    padding:18px 20px;
}
.overview.event .dl_table > dl > dt,
.overview.event .dl_table > dl > dd{
    background:inherit;
    padding:0;
    font-size:16px;
}
.overview.event .dl_table .dl_table dt{
    text-indent:.5em;
    width:140px;
}

.overview.event .event_name{
    font-size:18px;
}
.overview.event .date,
.overview.event .location{
    margin-bottom:10px;
    font-size:16px;
}
.overview.event .img_case{
    width:220px;
    height:122px;
}

/* 購入者様特典 */
/* アマゾン特典 */
.top_banner{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center; /* Safari */
    justify-content:         center;   
}
.top_banner .amazon_campaign{
    padding-left:19px;
}

.login .amazon_campaign {
    width:690px;
    margin:0 auto 50px;
}
.login .amazon_campaign .notes li{
    font-size:10px;
}

/* SP
 * ---------------------------------------------------------*/

@media screen and (max-width: 640px) {
img{max-width:100%;height:auto;}
span.sp_br{display:block;}
.img_case{min-width:100%;}
.main_image{width:100% !important;}
.main_image img{max-width:100%;height:auto;}
.main_image .img_case{width:auto;max-width:100%;height:auto;}
section{width:100% !important;}

/* menu */
/* navigation */
nav {
    height: 100%;
    width: 240px;
    background-color: #710730;
    padding-top: 28px;
    left: 0;
    top: 0;
    z-index: 10000;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(-280px,0);
}
nav > a{
    display: block;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #855065;
    padding: 7px 28px;
    position: relative;
}
nav .sp_menu_category{
    display: block;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #855065;
    padding: 7px 28px;
    position: relative;
}
nav .sp_menu_category:after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -2px;
}
nav .sp_menu_category.selected:after{transform:rotate(135deg);margin-top:-7px;}
nav .sp_menu_contents{display:none;}
nav a{display:block;color:#fff;}
nav .sp_menu_contents a{
    border-bottom: 1px solid #855065;
    padding: 7px 0 7px 35px;
    font-size: 12px;
}
/* overlay layer */
.ssm-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    display: none;
    z-index: 9999;
}
.is-navOpen{
  overflow: hidden;
}

/* header */

#header_wrap{
}
.header_bar{
    min-width:0;
}
.header_bar .bar_contents{
    width:100%;
    padding:0 20px;
}
header{
    width:auto;
    height:50px;
}
.header_box{display:none;}
header .sp_header{display:flex;align-items:center;padding:15px;width:100%;background:#fff;z-index:500;}
header.sp_header_fixed .sp_header{position:fixed;top:0;}
header > ul{height:60px;margin:0;}

.sp_hide{display:none !important;}
.sp_show{display:block;}
#main_wrap{min-width:0;}
#main_wrap .menu_area > ul{ width:90%;}
.menu_area{display:none;}
.menu_area > ul li{margin:0 auto;}

.member_info_wrap{padding:10px 20px;border-bottom:1px solid #b9b9b9;}
.member_info{display:table;width:100%;vertical-align:middle;}
.member_info > div{display:table-cell;}
.member_info > div.btn_wrap{min-width:130px;text-align:right;}
.member_info.login_btn > div.btn_wrap{text-align:center;}
.member_info .btn{padding:5px 20px;}
.member_info.login_btn .btn{width:90%;padding:5px 0;}

.top{padding:0 2%;}
.slide2_area{display:none;}

.slide1_area{height:150px;margin-bottom:0;}
.top_slider1 li, .top_slider2 li{}
.main-container{padding-bottom:auto;}
.image-bloc{height:150px;}
.bx-wrapper img{max-width:414px;height:auto;}

.link_area .link_wrap.about_wellis{width:100%;padding:10px;}
.link_area .link_wrap.about_wellis .logo{
    width:50%;
    height:auto;
    margin:0 0 10px;
}
.link_area .link_wrap.about_wellis > .left,
.link_area .link_wrap.about_wellis .right{
    float:none;
}
.link_area .link_wrap.about_wellis .btn_area > div >p{
    font-size:10px;
}
.link_area .link_wrap.about_wellis .btn{
    width:100%;
}
.information_area{
    width:100%;
    background:#fff;
}
.information_area .information_wrap{
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #e5e5e5;
    padding:30px 0;
}
.information_area .information_wrap h4 {
    background: #b9b9b9;
    left:2%;
}
.information_area .information_wrap > ul{
    width:100%;
    max-height:440px;
    padding: 0 2%;
}
.information_area .information_wrap > ul > li:last-child{
    margin:0px;
}
.information_area .information_wrap > ul > li a{
    width:100%;
    min-width:100%;
}
.information_area .information_wrap > ul > li .info_img{
    width:50%;
}
.information_area .information_wrap > ul > li .info_img .img_case{
    width:100%;
    height:auto;
    padding-bottom:70.3%;
}
.information_area .information_wrap > ul > li .info_title{
    width:50%;
    padding-top:0;
    padding-left:2%;
    vertical-align:top;
}
.information_area .information_wrap > ul > li .info_title .status_box{
    margin-bottom: 5px;
}
.information_area .information_wrap > ul > li .info_title .status_box span{
    font-size:9px;
    margin-bottom:0;
}
.information_area .information_wrap > ul > li .info_time{
    display:block;
    margin-bottom: 5px;
}
.information_area .information_wrap > ul > li .info_tag{
    width:70%;
    min-width:auto;
    text-align: center;
    padding:3px 0;
    margin:0;
    vertical-align:middle;
}
.information_area .information_wrap > ul > li .info_premium {
    padding:0;
    margin:0;
    background:transparent;
    vertical-align:middle;

}
.information_area .information_wrap > ul > li .info_premium:before {
    position:static;
}
.information_area .information_wrap > ul > li .info_premium span{
    display:none;
}
.information_area .information_wrap > ul > li .info_text{
    line-height:1.2;
}
.information_area .information_wrap > ul > li .more{
    display:block;
    float:none;
}


.recommend_area{
    width: 90%;
    margin:0 auto 50px;
}
.recommend_area .recommend_wrap{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
}
.recommend_area .recommend_wrap h4{
    left:2%;
}
.recommend_area .recommend_wrap > ul{
    width:100%;
    padding: 0 2%;
}
.recommend_area .recommend_wrap > ul > li,
.recommend_area .recommend_wrap > ul > li + li{
    width:100%;
    margin:0;
    margin-bottom:10px;
}
.recommend_area .recommend_wrap > ul > li:last-child{
    margin:0;
}
.recommend_area .recommend_wrap > ul > li h5{
    font-size:12px;
    float:right;
    width:50%;
    padding:5px;
}
.recommend_area .recommend_wrap > ul > li .recommend_img{
    width:50%;
    float:left;
}
.recommend_area .recommend_wrap > ul > li .img_case{
    width:100%;
    height:auto;
    padding-bottom:70.3%;
    min-width:auto;
}
.recommend_area .recommend_wrap > ul > li span {
    display: block;
    font-size:10px;
    padding:0 2% 2% 52%;
}

.service_area{width:90%;}
.service_area ul {width: 100%;justify-content:space-between;}
.service_area ul li img {width: 100%;height:auto;}
.service_area ul li {width: 45%;margin-right:0;}
.service_area ul li .img_case{width: 100%;height:auto;padding-bottom:50%;margin-right:0;margin-bottom:10px;}
.contents_area{width:90%;}
.contents_area ul{width:auto;display:block;}
.contents_area ul > li{width:100%;}
.contents_area ul > li:after{content:"";display:block;clear:both;}
.contents_area ul > li > div{float:none;width:auto;margin-left:110px;}
.contents_area h4 img, .service_area h4 img{display:none;}
.contents_area h4 div, .service_area h4 div{width:100%;height:18px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.contents_area h4 .top_contents_img{background-image:url(/img/top_contents_title.png);}
.contents_area ul > li{position:relative;}
.contents_area ul > li:after{content:"";display:block;width:15px;height:15px;border-top:2px solid #7c8eb5;border-right:2px solid #7c8eb5;transform:rotate(45deg);position:absolute;right:10px;top:50%;margin-top:-7px;}
.contents_area ul > li a{display:block;}
.contents_area ul > li a:after{content:"";display:block;clear:both;}
.contents_area ul > li a > div{float:none;width:auto;padding-left:120px;padding-right:30px;}
.contents_area ul > li a .img_case{min-width:auto;}
.service_area h4 .top_service_img{background-image:url(/img/top_service_title.png);}

.img_case .text{font-size:16px;left:10px;}

.link_area{padding:20px 0;}
.link_area .link_wrap{width:auto;text-align:center;}
.link_area .imatowa_login .img_wrap{width:auto;margin-bottom:10px;display:block;float:none;}
.link_area .link_wrap .btn{margin-top:10px;width:100%;padding:8px;height:auto;line-height:1;font-size:12px;}
.link_area .imatowa_login .link_wrap .btn{width:auto;padding:8px 25px;}

.list_layout > div{display:block;}
.list_layout > div > div{display:block;}
.list_layout > div .image{width:auto;}
.list_layout > div .image .img_case{height:auto;padding-bottom:61.53%;}
/*.list_layout > div .image .img_case{height:auto;padding-bottom:68%;}*/
.list_layout > div .caption .service_overview .premium_only img{width:100%;height:auto;max-width:270px;}
.list_layout > div .caption .service_overview .info_box{width:200px;}
.list_layout > div .caption .service_overview .info_box > .tag{float:right;margin-bottom:0;}

.side_menu{float:none;width:auto;background:transparent;padding:0 2%;margin-top:20px;}
.side_menu .title{text-align:center;margin:0 0 10px;}
.side_menu > ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.side_menu > ul > li{width:48%;min-width:auto;}
.side_menu ul li a{font-size:12px;padding:20px 5px;}
.side_menu .tel_area{text-align:center;}
.side_menu .tel_area > p{display:inline-block;margin-right:10px;}
.side_menu .tel_area > div{display:inline-block;vertical-align:top;}
.side_menu .tel_area span.tel{font-size:16px;vertical-align:top;}

.side_menu .login_area{width:auto;margin:20px 0 0;}
.side_menu .login_area .sp_logo{margin:0 auto;width:70%;max-width:163px;padding-bottom:22.72%;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.side_menu .login_area a{display:inline-block;width:45%;}
.side_menu .login_area a + a{margin-left:5%;}

.main{width:auto;margin-top:30px;padding:0 2%;float:none !important;}
.main .main_image .img_case{width:100%;height:auto;padding-bottom:28.98%;margin:auto;}
.main .service_info_wrap .photo_gallery #bx-pager{width:100%;margin:auto;display:flex;justify-content:space-between;}
.main .service_info_wrap .photo_gallery #bx-pager .thumbnail_wrap{width:18.6%;}
.main .service_info_wrap .photo_gallery #bx-pager .img_case{width:auto;}
.main .service_info_wrap .photo_gallery .bx-viewport li .img_case{width:100%;height:auto;padding-bottom:90%;}
.main .service_info_wrap .photo_gallery{width:auto;height:auto;}
.main .service_info_wrap .service_info{width:auto;min-height:auto;margin:20px 0;}
.main .service_info_wrap .service_info .premium_only img{width:100%;max-width:240px;height:auto;}
.main .benefit_detail .benefit_contents .dl_table{display:block;width:auto;}
.main .benefit_detail .benefit_contents .dl_table,
.main .benefit_detail .benefit_contents .dl_table > dl,
.main .benefit_detail .benefit_contents .dl_table > dl > dt,
.main .benefit_detail .benefit_contents .dl_table > dl > dd{display:block;width:auto;}
.main .benefit_detail .benefit_contents .dl_table dl > dd{padding:10px 0 0;}
.main .benefit_detail .benefit_contents .dl_table dl > dd{padding:10px 0 0;}
.main .benefit_detail .benefit_contents .dl_table dd .btn{width:100%;padding:10px;}
.main .benefit_detail .benefit_contents.contact .dl_table dt{width:100%;}
.main .benefit_detail .benefit_contents.contact .dl_table dd.tel{width:auto;padding:10px 0;text-align:center;}


.service{width:100%;}
.service .main .area_select > div{float:none;}
.service .main .area_select h3{text-align:center;font-size:90%;}
.service .main .area_select .select_wrap{width:250px;margin:0 auto;}
.service_detail .benefit_detail .benefit_contents.contact .dl_table dd.dl_btn{ width:100%;}

.service .service_detail .service_info_wrap > .left{float:none;}
.service .service_detail .service_info_wrap > .right{float:none;}
ul.bxslider01 li{height:auto;}
div.controlWrap{width:auto;padding:0 20px;}
ul.bxslider02 li a{width:100%;height:auto;}

.useful_contents{width:100%;}
.useful_contents .left,.useful_contents .right{float:none;}
.useful_contents .contents_list{width:auto;}
.useful_contents .contents_list ul{display:block;}
.useful_contents .contents_list ul li{width:auto;margin-right:0;}

.information > section{width:auto;padding:0 20px;}
.information .main_image{margin-bottom:30px;}
.information .main_image .img_case{width:100%;height:auto;padding-bottom:20.8%;margin:10px auto;}
.information .building_list .building_box{position: relative;padding-bottom:34px;}
.information .building_list .building_box .building_img{width:40%;}
.information .building_list .building_box .img_case{width:100%;height:auto;padding-bottom:61.53%;}
.information .building_list .building_box .building_overview{width:60%;padding:10px;}
.information .building_list .building_box .building_overview h3{font-size:16px;}
.information .building_list .building_box .building_overview ul li{font-size:12px;}
.information .building_list .building_box .building_overview .btn{position:absolute;bottom:0;right:0;left:0;height:34px;}
.information > section.faq img{width:100%;max-width:190px;height:auto;}
.information .building_information h3{font-size:14px;}
.information .building_information .information_list{padding:10px;}
.information .information_detail h3{font-size:16px;}
.information .information_detail .information_box .left{float:none;}
.information .information_detail .information_box .w50p{width:100% !important;}
.information .information_detail .information_box .img_case{width:100%;height:auto;padding-bottom:59.96%;}
.information .information_detail .information_box > div .caption{min-height:auto;}
.information .information_detail .information_box > div .caption .gallery{position:static;margin-bottom:20px;}
.information .information_detail .information_box > div .caption .gallery ul{width:280px;margin:0 auto;}

.imatowa_login > div.right{float:none;text-align:center;}
.imatowa_login > div.right .blue{width:100%;max-width:260px;height:40px;line-height:40px;font-size:12px;}

.login{padding:0 20px;}
.login section.main_image .img_case,.agreement section.main_image .img_case{width:100%;height:auto;padding-bottom:20.8%;margin:20px auto;}
.login .regist_input{width:100%;margin:20px auto 40px;}
.login .regist_input h3{font-size:14px;}
.login .regist_input .notes{font-size:12px; line-height:1.4; text-align:left}
.login .regist_input .dl_table{display:block;}
.login .regist_input .dl_table > dl{display:block;}
.login .regist_input .dl_table > dl + dl{margin-top:3px;}
.login .regist_input .dl_table > dl > dt,.login .regist_input .dl_table > dl > dd{display:block;width:auto;padding:10px;}
.login .regist_input .dl_table > dl > dt span.require{position:static;display:inline-block;}
.login .regist_input .dl_table > dl > dd input{width:80% !important;}
.login .regist_input  .dl_table > dl > dd.text{padding:10px;}
.login .regist_input .dl_table > dl > dd.name div{display:block;width:100%;min-width:125px;}
.login .regist_input .dl_table > dl > dd.name input{width:70% !important;min-width:70px;}
.login .regist_input .dl_table > dl > dd label.name_label{width:50px;}
.login .regist_input .dl_table > dl > dd.name div + div{padding-left:0px;padding-top:10px;}
.login .regist_input .dl_table > dl > dd.date select{width:30% !important;}
.login .regist_input .dl_table > dl > dd.tel input{width:31% !important;}
.login .regist_input .dl_table > dl > dd select{width:100% !important;}
.login .regist_input .dl_table > dl > dd.date > select + select{margin-left:10px;}
.login .regist_input .dl_table.address > dl > dt, .login .regist_input .dl_table.address > dl > dd{padding:0;}
.login .regist_input .dl_table.address .postal_code div input{width:140px !important;margin-right:10px;}
.login .regist_input .dl_table.address .postal_code div{display:inline-block;vertical-align:middle;}
.login .regist_input .dl_table.address .postal_code div + div{margin-left:0px;}
.login .regist_input .dl_table dd.phone div{display:block;width:100%;}
.login .regist_input .dl_table dd.phone div + div{padding-top:10px;}
.login .regist_input .dl_table dd.phone input[type="text"]{width:60% !important;}
.login .regist_input .dl_table dd.phone input[type="text"]:first-child{margin-left:0px;margin-right:5px;}
.login .regist_input .dl_table dd.phone input[type="text"] + input[type="text"]{margin-right:5px;margin-left:0px;}
.login .regist_input .btn{width:100%;}
.login .regist_input .btn + .btn{margin-top:10px;}
.login .regist_input .dl_table input[type="text"] + input[type="text"]{margin:0;}
.login .regist_input .dl_table > dl > dd > .radio.alignment > div{width:auto;}

.login .login_text{font-size:12px;font-size:4vmin;width:100%;}
.information .information_text{font-size:12px;width:100%;padding:0 20px;text-align:center;}
.login .login_area .login_table dt {width:35%;padding:10px;font-size:12px;}
.login .login_area .password_remenber_area{padding:0;}
.login .login_area .remind_member{width:100%;}
.login .login_area ul li{font-size:12px;}
.login .login_area ul li a{font-size:12px;}

.login.service_contact .mb70{margin-bottom:30px !important;font-size:14px !important;}
.login .privacy_policy span{margin:0;}
.login .privacy_policy span + span{margin-top:10px;margin-left:0;}
.login.service_contact .contact_submit{padding:20px;}
.login.service_contact .contact_submit .btn{height:auto;font-size:12px;line-height:2;}

.login .regist_complete p{line-height:normal;}
.login .regist_complete div{line-height:normal;}

.premium_member .premium_member_box{padding:10px;}
.premium_member img{width:100%;height:auto;}
.premium_member .premium_member_box .login_btn_box{width:100%;}
.premium_member .premium_member_box .login_btn_box > div{padding:10px;}
.premium_member .premium_member_box .login_btn_box img{width:106px;height:50px;}
.premium_member .premium_member_box .login_btn_box .left{float:none;padding:10px;text-align:center;}
.premium_member .premium_member_box .login_btn_box .btn{width:100%;margin:0;}
.premium_member .premium_member_box .mb40{margin-bottom:20px !important;}
.premium_member .premium_member_box .mb70{margin-bottom:35px !important;}
.premium_member .premium_member_box .mb45{margin-bottom:20px !important;}


.agreement.contacts.terms .regist_terms_title{font-size:14px;}
.agreement .btn{width:100%;height:50px;font-size:12px;}

.contacts{padding:0 20px;}
.contacts .sp_contact_title{background-color:#837957;padding:5px 0;font-size:16px;font-weight:normal;text-align:center;color:#fff;margin-top:20px;}
.contacts.terms .sp_contact_title{background-color:#6f263d;}
.contacts.privacy section h4{margin:0 0 10px;font-size:12px;text-align:center;}
.contacts.privacy section ul{width:100%;display:block;margin:0 0 20px;}
.contacts.privacy section ul li > div{width:auto;}
.contacts.privacy section ul li > div > p{padding:0;text-align:center;}
.contacts.privacy section ul li > div p.contact_tel span.tel{font-size:24px;}
.contacts.privacy section ul li + li{margin:20px 0 0;}
.contacts.privacy .privacy_wrap .btn{width:100%;height:50px;line-height:50px;}
.contacts .link_area{padding:0;}
.contacts .link_area .btn{width:100%;height:40px;line-height:40px;padding:0;}

.wellith{padding:0 20px;}
.wellith section.main_image img{width:70%;height:auto;}
.wellith section.copy img,.wellith section.benefit img{width:100%;height:auto;}
.contacts.wellith .link_area .link_wrap{width:auto;padding:10px;}
.contacts.wellith .link_area .right{float:none;}
.contacts.wellith .link_area .btn{width:100%;max-width:260px;height:40px;line-height:40px;}
.contacts.wellith section.copy{margin-bottom:30px;}

.contacts.faq section.faq_wrap dt{font-size:12px;margin-bottom:5px;}
.contacts.faq section.faq_wrap dd{font-size:12px;}
.contacts.faq section.faq_wrap dt:before, .contacts.faq section.faq_wrap dd:before{font-size:11px;padding:2px 6px;}

.sp_tel_contact{padding:0 20px;margin-bottom:20px !important;}
.sp_tel_contact div{background:#f3f3f3;text-align:center;padding:5px;border:1px solid #a2a2a2;}
.sp_tel_contact span.tel{font-size:24px;}
.regist_complete span.tel:before,
.sp_tel_contact span.tel:before{
    content:"";
    display:inline-block;
    width:46px;
    height:26px;
    background-image:url(/img/icon_freedial.png);
    background-size:contain;
    background-repeat:no-repeat;
    vertical-align:middle;
}
.regist_complete span.tel:before{
    width:30px;
    height:18px;
}

.contacts.terms section h4{font-size:14px;}

.contacts.privacy section.privacy_wrap img{width:100%;max-width:360px;height:auto;} 
	
	
#footer_wrap{min-width:0;}
footer .site_map{display:none;}
footer .footer_title{width:auto;}
footer .footer_table{display:none;width:auto;}
footer .footer_table > li{display:block;}
footer .footer_table > li .footer_menu{padding-left:1em;margin-bottom:1em;}
footer .footer_table > li .footer_category{display:block;margin-bottom:1em;}
footer .copy_right{display:block;width:100%;padding-bottom:10px;text-align:center;border-top:1px solid #adacac;}
footer .copy_right:before{content:"";display:block;width:150px;height:28px;background-image:url(../img/common/ntt_logo.png);background-size:150px auto;background-repeat:no-repeat;margin:0px auto 10px;}
footer .copy_right img{margin-bottom:10px;}

.maintenance h2{
    font-size:80%;
}
.maintenance .text{
    font-size:60%;
    margin: 0 2%;
}

.maintenance .info{
    width:auto;
    margin: 0 2%;
}
.maintenance .info .wrap,
.maintenance .info .wrap em,
.maintenance .info .wrap p{
    padding:10px;
}
.maintenance .info .wrap em{
    line-height:1.4;
}

/* 夏季休業のお知らせ */
.outsiders {
    width:auto;
}
.outsiders dl{
    display:block;
}
.outsiders dl dt{
    display:block;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
}
.outsiders dl dd{
    display:block;
    width:100%;
    padding:10px 5%;
}
.outsiders dl dd .term span{
    display:block;
    font-size:100%;
}

/* イベント予約 */
.overview.event{
    padding:2%;
}
.overview.event .event_name{
    font-size:98%;
}

.top_banner {
    text-align: center;
    display: block;
}
.top_banner .purchase_campaign{
    margin-bottom:20px;
}
.top_banner .amazon_campaign {
    text-align: center;
    padding:0;
}

.login .amazon_campaign{
    margin-bottom:30px;
}
.login .amazon_campaign .notes li{
    font-size:9px;
}

}
/**** sp end ****/

/* エラー */
.error{
    padding:60px 300px;
}
.error .not_found{
    color:#5a2727;
}
.err_msg{
    color:red;
}

/*Global************************************************************/

.fleft{
float:left;
}

.fright{
float:right;
}

.cf:before, .cf:after{
content:"";
display:table;
}
.cf:after{
clear:both;
}

.left{
text-align:left;
}

.right{
text-align:right;
}
._pc{
	display: block;
}
._sp{
	display: none;
}
.center{
text-align:center;
}
.cnt_contents{
	max-width: 960px;
	margin: 0 auto;
	font-family:Helvetica,游ゴシック,'Yu Gothic',游ゴシック体,YuGothic,メイリオ,Meiryo,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#main_wrap{
	margin-bottom: 0;
}
.cnt_contents h3{
	font-size: 30px;
	text-align: center;
	font-weight: 300;
	letter-spacing: 4px;
	color: #568fa7;
    margin-bottom: 160px;
}
.cnt_contents p{
	font-size: 20px;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 40px;
	font-weight: 400;
}

.cnt_contents p.txt{
    padding-bottom: 120px;
}

/*LP - mailmag_register******************************/
.imatowa_logo{
	margin: 70px 0 40px;
}
#main_image{
	position: relative;
	margin-bottom: 120px;
	padding-top: 10px;
}
#main_image .bg{
	width: 100%;
	z-index: 1;
}
#main_image #main_txt{
	position: absolute;
	top: 50%;
	left:50%;
	margin-left: -320px;
	margin-top: -30px;
	z-index: 5;	
}

.sleep_li{
  padding-bottom:140px;
  margin-top: 0;
}

.sleep_li li{
		width:48%; 
		padding:0;
	}
.sleep_li li p{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
.sleep_li .sleep_txt{
	font-size: 14px;
	line-height: 2.2em;
}

.sleep_li .notes{
	margin-top: 5px;
	font-size: 10px;
	text-align: right;
}
.f_left{
		float: left;
	}
	.f_right{
		float: right;
      　
	}
#agreement_wrap{
	background: #568fa7;
	padding: 80px;
    padding-bottom: 20px;
    margin-bottom: 150px;
  margin-top: 0;
	}
#agreement_wrap .agreement_img{
	float: left;
	width: 21%;
	padding-right: 1%;
}
#agreement_wrap .txt_area{
	width: 78%;
	float: right;
	color: #fff;
}
#agreement_wrap .txt_area p{
	margin-top: 0;
	font-size: 15px;
	text-align: left;
	letter-spacing: 0;
}
#agreement_wrap .txt_area p.txt1{
	font-size: 16px;
    padding-bottom: 0px;
}

#agreement_wrap .txt_area p.txt2{
	font-size: 15px;
}

#agreement_wrap .txt_area p.txt2 span{
	font-size: 26px;
}

#agreement_wrap .txt_area p.txt2{
  padding-bottom: 0;
}

#agreement_wrap .txt_area p.txt3{
	border-top:1px solid #fff;
	padding-top: 5px;
}
#agreement_wrap .agreement_txt{
	float: left;
	width: 55%;
}
#agreement_wrap .agreement_txt .agreement_d1{
	background: #fff;
	padding: 40px 35px 30px;
	font-size: 18px;
	margin-top: 50px;
}
#agreement_wrap .agreement_txt .agreement_d1 .title{
	color: #394e76;
	font-weight: bold;
	border-bottom: 2px solid #394e76;
	text-align: center;
	font-size: 21px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
#agreement_wrap .agreement_txt .agreement_d1 span{
	color: #394e76;
}
#agreement_wrap .agreement_txt .agreement_d1 a{
	display: block;
	width: 50%;
	min-width: 200px;
	border-radius: 5px;
	background: #394e76;
	color: #fff;
	padding: 10px 15px;
	margin: 30px auto 0;
	text-align: center;
	font-size: 16px;
	opacity: 1;
	transition: 1s;
}
#agreement_wrap .agreement_txt .agreement_d1 a:hover{
	text-decoration: none;
	opacity: 0.7;
	transition: 1s;
}

#member_only{
	background: #70253c;
	max-width: 960px;
	margin: 40px auto;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	text-align: center;
	font-weight: 500;
	
}
#member_only  h4{
	font-size: 18px;
	margin-bottom: 10px;
}
#member_only p{
	font-size: 14px;
	letter-spacing: 0;
	margin-top: 20px;
	margin-bottom: 10px;
}
#member_only .menber_lead{
	border: 1px solid #fff;
	width: 80%;
	max-width: 500px;
	margin: 10px auto 0;
	padding: 10px 0;
	line-height: 18px;
}
#member_only .menber_lead span{
	font-weight:400;
	font-size:10px;
}
#member_only a{
	display: block;
	margin: 0 auto;
	width: 220px;
	color: #70253c;
	background: #fff;
	border-radius: 15px;
	font-weight: 900;
	font-size: 18px;
	padding: 8px 0;
	transition: 0.7;
}
#member_only a:hover{
	text-decoration: none;
	background: #e6e6e6;
}

#bn{
  margin:100px 0 120px 0;
}

#bn .back{
  text-align: center;
  color: #568fa7;
   position: relative;
}

#bn .back:before {
    border-top: 2px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

#bn .back span {
    background-color: white;
    display: inline-block;
    width: 50%;
    
    padding: 0 0.5em;
   font-size: 20px;
  font-weight: bold;
}

#bn .bnl ul{
  text-align: center; 
  max-width: 660px;
  margin: 40px auto;
  
}

#bn .bnl ul li{
  float: left;
  text-align: center; 
  padding: 35px;
}

#bn .bnl ul li a{
  color: #568fa7;
}

#bn .bnl ul li img{
  width: 150px;
  height: 100px;
}

.lines {
	display: flex;
	align-items: center;
	text-align: center;
	max-width: 660px;
	margin:0 auto;
	font-size: 20px;
	font-weight: bold;
	color: #568fa7;
}
.lines:before, .lines:after {
	content: "";
	flex-grow: 1;
	height: 2px; /* 線の太さを変えたいときはここを変える */
	background: #568fa7; /* 線の色を変えたいときはここを変える */
	margin:0 .4em; /* 文字と線の余白用 なくても良い */
}

@media screen and (max-width: 640px) {
#main_image{
	margin-bottom: 60px;
}
  
.cnt_contents p{
    font-size: 14px;
}
  
.cnt_contents h3{
		font-size: 16px;
		text-align: center;
		font-weight: bold;
        margin-bottom: 80px;
}
  
.cnt_contents p.txt{
    padding-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}
  
.imatowa_logo{
	margin: 5% 0;
		width: 50%;
}

#main_image #main_txt{
	position: absolute;
	top: 35%;
	left:0;
	margin-top: 1%;
	margin-left: 10%;
	z-index: 5;
	
}

#main_image #main_txt img{
		width: 90%;
}

.f_left{
		float: none;
}

.f_right{
		float: none;
        margin-top: 0;
}
  
li.f_right{
		float: none;
        margin-top: 0;
  
}
  
.sleep_li{
  margin-top: px;
  padding-bottom:50px;
}
	
.sleep_li li{
		width:95%; 
		margin: 0 auto;
}
  
.sleep_li li p{
    padding-bottom: 0;
    font-size: 12px;
    line-height: 2em;
}
  
.sleep_li li:nth-child(1){
		float: none;
}

.sleep_li li:nth-child(2){
		float: none;
		margin-top: 20px;
}
	
.sleep_li p.notes{
		margin-top: 5px;
		text-align: right;
		font-size: 10px;
}
	
.sleep_li li img{
		width: 100%;
}
 
#main_wrap{
        margin-bottom:0;
}  
  
#agreement_wrap {
		text-align: center;
        margin-top:0; 
}

#agreement_wrap .agreement_img,
#agreement_wrap .txt_area{
		float: none;
}
	
#agreement_wrap .agreement_img{
		width: 40%;
		padding-bottom: 10px;
}

#agreement_wrap .txt_area {
		margin: 0 auto;
		width: 90%;
		text-align: left;
}
  
#agreement_wrap{
    padding: 30px 5px 20px 5px;
    margin-bottom: 20px;
}
  
#agreement_wrap .txt_area p.txt2 span{
	font-size: 18px;
}
  
#agreement_wrap .txt_area p.txt2{
	font-size: 12px;
}
  
#agreement_wrap .txt_area p.txt1{
    font-size: 12px;
}
  
#agreement_wrap .txt_area p.txt3{
    padding-bottom: 20px;
    font-size: 12px;
}
  
#agreement_wrap .txt_area p.txt3 a{
    font-size: 12px;
}

#bn{
  margin:60px 0 30px 0;
}

#bn .back{
  text-align: center;
  color: #568fa7;
   position: relative;
}

#bn .back:before {
    border-top: 2px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

#bn .back span {
    background-color: white;
    display: inline-block;
    width: 50%;
    
    padding: 0 0.5em;
   font-size: 20px;
  font-weight: bold;
}

#bn .bnl ul{
  text-align: center; 
  max-width: 640%;
  margin: 20px auto;
}

#bn .bnl ul li{
  float: left;
  text-align: center; 
  padding: 18px;
}

#bn .bnl ul li a{
  color: #568fa7;
}

#bn .bnl ul li img{
  width: 150px;
  height: 100px;
}

.lines {
	display: flex;
	align-items: center;
	text-align: center;
	max-width: 640px;
	margin:0 auto;
	font-size: 20px;
	font-weight: bold;
	color: #568fa7;
}
.lines:before, .lines:after {
	content: "";
	flex-grow: 1;
	height: 2px; /* 線の太さを変えたいときはここを変える */
	background: #568fa7; /* 線の色を変えたいときはここを変える */
	margin:0 .4em; /* 文字と線の余白用 なくても良い */
}  
  
.cnt_contents p{
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 11.5px;
}  

.cnt_contents .point{
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    
}

.cnt_contents .footer{
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 40px;
}     
  
._pc{
		display: none;
}
._sp{
		display: block;
}
}