@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background-color:transparent;
}
body {
    line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

ul {
    list-style:none;
}
button{border:none;}
blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {text-decoration: line-through;}
abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {vertical-align:middle;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #e5ebf1 inset !important;
}
img {vertical-align:bottom;}
/*-------------------------------------------------
///////////////////////////////////////////////////
        usefull item
///////////////////////////////////////////////////
-------------------------------------------------*/
.tar{ text-align:right !important; }
.tac { text-align:center !important; }

.mb0 { margin-bottom:0px !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb11 { margin-bottom:11px !important; }
.mb12 { margin-bottom:12px !important; }
.mb13 { margin-bottom:13px !important; }
.mb14 { margin-bottom:14px !important; }
.mb15 { margin-bottom:15px !important; }
.mb16 { margin-bottom:16px !important; }
.mb17 { margin-bottom:17px !important; }
.mb18 { margin-bottom:18px !important; }
.mb19 { margin-bottom:19px !important; }
.mb20 { margin-bottom:20px !important; }
.mb21 { margin-bottom:21px !important; }
.mb22 { margin-bottom:22px !important; }
.mb23 { margin-bottom:23px !important; }
.mb24 { margin-bottom:24px !important; }
.mb25 { margin-bottom:25px !important; }
.mb26 { margin-bottom:26px !important; }
.mb27 { margin-bottom:27px !important; }
.mb28 { margin-bottom:28px !important; }
.mb29 { margin-bottom:29px !important; }
.mb30 { margin-bottom:30px !important; }
.mb31 { margin-bottom:31px !important; }
.mb32 { margin-bottom:32px !important; }
.mb33 { margin-bottom:33px !important; }
.mb35 { margin-bottom:35px !important; }
.mb38 { margin-bottom:38px !important; }
.mb40 { margin-bottom:40px !important; }
.mb42 { margin-bottom:42px !important; }
.mb43 { margin-bottom:43px !important; }
.mb45 { margin-bottom:45px !important; }
.mb46 { margin-bottom:46px !important; }
.mb47 { margin-bottom:47px !important; }
.mb48 { margin-bottom:48px !important; }
.mb50 { margin-bottom:50px !important; }
.mb52 { margin-bottom:52px !important; }
.mb55 { margin-bottom:55px !important; }
.mb58 { margin-bottom:58px !important; }
.mb59 { margin-bottom:59px !important; }
.mb60 { margin-bottom:60px !important; }
.mb62 { margin-bottom:62px !important; }
.mb65 { margin-bottom:65px !important; }
.mb68 { margin-bottom:68px !important; }
.mb70 { margin-bottom:70px !important; }
.mb75 { margin-bottom:75px !important; }
.mb78 { margin-bottom:78px !important; }
.mb80 { margin-bottom:80px !important; }
.mb85 { margin-bottom:85px !important; }
.mb90 { margin-bottom:90px !important; }
.mb95 { margin-bottom:95px !important; }
.mb100 { margin-bottom:100px !important; }
.mb112 { margin-bottom:112px !important; }

.mr0 { margin-right:0px !important; }
.mr3 { margin-right:3px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr10 { margin-right:10px !important; }
.mr11 { margin-right:11px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr21 { margin-right:21px !important; }
.mr22{margin-right: 22px !important}
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr33 { margin-right:33px !important; }
.mr35 { margin-right:35px !important; }
.mr38 { margin-right:38px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

.nmt3hem{margin-top: -3.5em !important;}
.nmt3em{margin-top: -3em !important;}
.nmt2hem{margin-top: -2.5em !important;}
.nmt2em{margin-top: -2em !important;}
.nmt1hem{margin-top: -1.5em !important;}
.nmt1em{margin-top: -1em !important;}


.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml21 { margin-left:21px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml80 { margin-left:80px !important; }
.ml93{ margin-left:93px !important;}
.ml166{ margin-left:166px !important;}

.mt5{ margin-top: 5px !important;}
.mt60{ margin-top: 60px !important;}
.pt0{ padding-top: 0 !important;}
.pt4{ padding-top:4px !important; }
.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt21{ padding-top:21px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt35{ padding-top:35px !important; }
.pt38{ padding-top:38px !important; }
.pt42{ padding-top:42px !important; }
.pt46{ padding-top:46px !important; }
.pt50{ padding-top:50px !important; }
.pt55{ padding-top:55px !important; }

.p16{padding: 16px !important;}
.prml16{padding: 0 16px 16px 16px !important;}
.pb0{padding-bottom: 0 !important}
.pb5{padding-bottom: 5px !important}
.pb9{padding-bottom: 9px !important}
.pb10{padding-bottom: 10px !important}
.pb11{padding-bottom: 11px !important}
.pb12{padding-bottom: 12px !important}
.pb13{padding-bottom: 13px !important}
.pb14{padding-bottom: 14px !important}
.pb15{padding-bottom: 15px !important}
.pb16{padding-bottom: 16px !important}
.pb17{padding-bottom: 17px !important}
.mt40{ margin-top: 40px !important; }
.mlr24 {
    margin-left:24px !important;
    margin-right: 24px !important;
}

.pr10{ padding-right: 10px !important;}
.pr20{ padding-right: 20px !important;}
.pr30{ padding-right: 30px !important;}
.pr100{ padding-right: 100px !important;}

img {-ms-interpolation-mode: bicubic;}


.flL{ float:left; }
.flR{ float:right; }

.w40p{width: 40% !important;}
.w50p{width: 50% !important;}
.w100p{width: 100% !important;}
.w30{width: 30px !important;}
.w40{width: 40px !important;}
.w60{width: 60px !important;}
.w100{ width: 100px !important;}
.w120{ width: 120px !important;}
.w164{width: 164px !important;}
.w306{width: 306px !important;}
.w338{width: 338px !important;}
.w363{width: 363px !important;}
.w396{width: 396px !important;}
.w350{width: 350px !important;}
.w357{width: 357px !important;}
.w368{width: 368px !important;}
.w384{width: 384px !important;}
.w400{width: 400px !important;}
.w403{width: 403px !important;}
.w413{width: 413px !important;}
.w420{width: 420px !important;}
.w471{width: 471px !important;}
.w516{width: 516px !important;}
.w557{width: 557px !important;}
.w696{width: 696px !important;}
.w726{width: 726px !important;}

.wsnowrap{ white-space:nowrap;}

.lh19{line-height: 19px !important;}
.lh24{line-height: 24px !important;}
.lh25{line-height: 25px !important;}

.clearfix:after,
.contents-bottom:after{
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
.clearfix,
.contents-bottom{
    _height: 1px;
    min-height: 1px;/*・･*//*/
height: auto;
overflow: hidden;
/**/
}
.clear {
    clear: both;
}

.op a img ,
.op input,
.bgop a,
.sidr-class-bgop a{
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s; /* Firefox 4 */
    -webkit-transition: opacity 0.5s; /* Safari and Chrome */
    -o-transition: opacity 0.5s; /* Opera */
}

.op a img:hover,
.op input:hover,
.bgop a:hover,
.sidr-class-bgop a:hover {
    opacity: 0.7;
    -moz-opacity: 0.7; /* Firefox */
    filter: alpha(opacity=70); /* IE6/7 */
    -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
img.op,
input.op {
    opacity: 0.7;
    -moz-opacity: 0.7; /* Firefox */
    filter: alpha(opacity=70); /* IE6/7 */
    -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
.op1 a img,
.op1 input {
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s; /* Firefox 4 */
    -webkit-transition: opacity 0.5s; /* Safari and Chrome */
    -o-transition: opacity 0.5s; /* Opera */
}

.op1 a img:hover,
.op1 input:hover {
    opacity: 0.6;
    -moz-opacity: 0.6; /* Firefox */
    filter: alpha(opacity=60); /* IE6/7 */
    -ms-filter: "alpha(opacity=60)"; /* IE8 */
}
img.op1,
input.op1 {
    opacity: 0.6;
    -moz-opacity: 0.6; /* Firefox */
    filter: alpha(opacity=60); /* IE6/7 */
    -ms-filter: "alpha(opacity=60)"; /* IE8 */
}
.ofh{
    overflow: hidden;
    zoom:1;
}

.vat{ vertical-align: top;}
.vam{ vertical-align: middle;}
.vab{ vertical-align: bottom;}
.dt{ display: table;}
.dtc{ display: table-cell; *float: left;}
.dib{ display: inline-block;}
.hide{ display: none !important;}
.pos{ position: static !important;}

.fs9{font-size: 9px !important;}
.fs10{font-size: 10px !important; line-height: 15px;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}

.fc-blue{ color:#d4e4e9;}

.show_sp{ display: none;}
.show_tb{ display: none;}
.show_pc{ display: block;}
.show_pctb{display: block;}

.show_sp.dib{ display: none;}
.show_pc.dib{ display: inline-block; margin-right: 1em;}

.hidden {
    display: none;
}

/*-------------------------------------------------
///////////////////////////////////////////////////
        PC/TB COMMON
///////////////////////////////////////////////////
-------------------------------------------------*/
@media screen and (min-width : 480px) {
    body#p-from table.from-tab2 input[type="text"],
    body#p-from table.from-tab2 textarea{
        /*width: 100%;*/
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
}
/*-------------------------------------------------
///////////////////////////////////////////////////
        PC COMMON
///////////////////////////////////////////////////
-------------------------------------------------*/
body, th, td, h1, h2, h3, h4, h5, h6, pre, input, textarea, option, div, p, dt, dd, li, address {}
body {
    font-family:"Helvetica Neue", Helvetica, Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    *font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    *font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif\9;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    font-size: 12px;
    color:#697077;
   background-image: url(../img/bg.png);
}
a {
    color:#7c9cbc;
    text-decoration:underline;
    line-height: 1.1;
}
a:hover {
    color:#7c9cbc;
    text-decoration:none;
}
.txtd-none{ text-decoration: none;}
#snav a{ text-decoration: none;}

article{text-align:left;}

.ico-pdf{
    width: 18px;
    height:auto;
    padding-left: 5px;
    padding-right: 5px;
}

#logo a,
.ico-sns a,
#g-nav li a,
.btn-lang a,
.btn-lang_en a,
.btn-company a,
.btn-contact a,
footer #copylight,
.btn-pagetop a,
#f-sitemap dt,
#h-menu a,
#btn-f-menu a{
    background-image: url(../img/parts.png);
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.ico-sns li a,
#g-nav li a,
.btn-lang a,
.btn-lang_en a,
.btn-company a,
.btn-contact a,
.btn-pagetop a{
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s; /* Firefox 4 */
    -webkit-transition: opacity 0.5s; /* Safari and Chrome */
    -o-transition: opacity 0.5s; /* Opera */
}
.ico-sns li a:hover,
/*#g-nav li a:hover,*/
.btn-lang a:hover,
.btn-lang_en a:hover,
.btn-company a:hover,
.btn-contact a:hover,
.btn-pagetop a:hover{
    opacity: 0.7;
    -moz-opacity: 0.7; /* Firefox */
    filter: alpha(opacity=70); /* IE6/7 */
    -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
#h-menu,
#btn-f-menu{display: none;}

#wrapper {}
#header{
    width: 100%;
    height: 81px;
    margin:0 auto;
    padding: 20px 0 0 0;
    position: relative;
    z-index: 1500;
    background-image: url(../img/bg-head.png);
    background-repeat: repeat-x;
}
#logo{
    width: 100px;
    height: 24px;
    position: absolute;
    top:38px;
    left:69px;
}
#logo a{
    width: 100px;
    height: 24px;
    background-position: -780px 0;
}
#logo-txt{
    /*width: 269px;*/
    /*height: 24px;*/
    /*line-height: 24px;*/
    left: 160px;
    position: absolute;
    top: 38px;
}
#logo-txt h1{font-weight: normal;}
#logo-txt span{display: none;}
.p-from-index #logo-txt span.index{ display: inline;}
.p-from-confirm #logo-txt span.confirm{ display: inline;}

#main{
    padding:30px 0 0 0;
    zoom: 1;
    overflow: hidden;
}
.contents,
.contents-top,
.contents-bottom{
    width: 904px;
}
.contents{
    background-image: url(../img/bg-waku.png);
    background-repeat: repeat-y;
    margin:0 auto 78px auto;
}
.contents-top{
    background-image: url(../img/bg-waku-top.png);
    background-repeat: no-repeat;
    padding-top: 48px;
}
.contents-bottom{
    background-image: url(../img/bg-waku-bottom.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 53px;
}
.box{
    width: 758px;
    margin:0 auto;
}
.box h2{
    margin-bottom: 17px;
    padding-left: 2px;
}
table.from-tab,
table.from-tab2{
    width: 100%;
}
table.from-tab{margin-bottom: 36px;}
table.from-tab th,
table.from-tab td{
    border: solid 1px #bcc9d6;
    padding: 20px 22px;
    color:#27313c;
}
h2.h-bline{
    padding-bottom: 16px;
    border-bottom: solid 1px #bcc9d6;
    margin-bottom: 43px;
    position: relative;
}
h2.h-bline span{
    position: absolute;
    top:0;
    right:0;
    color:#a47273;
    font-weight: normal;
}
table.from-tab2{margin-bottom: 50px;}
table.from-tab2 th,
table.from-tab2 td{
    text-align: left;
    /*vertical-align: middle;*/
    padding-bottom: 10px;
}
table.from-tab2 th{
    width: 200px;
    text-align: right;
    padding-right: 52px;
    font-weight: normal;
    color:#27313c;
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
}
table.from-tab2 td .fs10{color:#697077;}
.red{
    color:#a47273;
    padding-left: 0.5em;
}
input[type="text"],
input[type="password"],
textarea{
    background-color: #e5ebf1; /* layer fill content */
    -moz-box-shadow: inset 1px 1px 1px rgba(124,156,188,.3); /* inner shadow */
    -webkit-box-shadow: inset 1px 1px 1px rgba(124,156,188,.3); /* inner shadow */
    box-shadow: inset 1px 1px 1px rgba(124,156,188,.3); /* inner shadow */
    border: none;
    padding: 10px;
    margin-bottom: 7px;
}

ul.radio-sex{}
ul.radio-sex li,
ul.birthday-select li{
    float: left;
    margin-right: 1em;
}
ul.birthday-select li{line-height: 34px;}
ul.birthday-select li .jqTransform{float: left; margin-right: 0.5em;}

ul.sub-tab{}
ul.sub-tab li{
    width: 102px;
    float: left;
    margin-right: 1em;
    margin-bottom: 0.5em;
}
ul.sub-tab li.wsn{white-space: nowrap;}
ul.sub-tab li.w60{ width: 60px;}
.f-txt{
    padding-bottom: 14px;
    padding-right: 12px;
    text-align: right;
    border-bottom: solid 1px #bcc9d6;
    margin-bottom: 45px;
    color:#8e9499;
}
.btn-box{
    width: 384px;
    margin:0 auto;
    text-align: center;
}
.btn-box input,
.btn-box a{float: left;}

.fdselect{ display: none;}
.blue-r-box{
    padding: 30px 38px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #e5ebf1; /* layer fill content */
    color:#27313c;
    line-height: 21px;
    margin-bottom: 40px;
}
body.p-from-confirm table.from-tab2 th,
body.p-from-confirm table.from-tab2 td{
    padding: 20px 22px;
    border: solid 1px #bcc9d6;
    vertical-align: top;
    line-height: 22px;
    color:#27313c;
    text-align: left;
}
body.p-from-confirm table.from-tab2 th{
    width: 160px;
    background-color: #f9fafc;
}
#btn-close{
    width: 15px;
    height: 15px;
    position: absolute;
    top:41px;
    right: 69px;
}
#form-attention,
.form-attention{
    zoom: 1;
    overflow: hidden;
    clear: both;
    padding: 30px 0 0 0;
}
#form-attention li,
.form-attention li{
    line-height: 18px;
    margin:0 0 5px 20px;
    list-style-type: square;
}
.error-txt2{
    padding-top: 3px;
    color:#A47273;
}
input[type="text"],
textarea{
    width: 100%;
    font-size: 12px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.form_s{ width: 20% !important;}

.h-confirm {
    margin-bottom: 15px;
}

/*-------------------------------------------------
///////////////////////////////////////////////////
    TB COMMON
///////////////////////////////////////////////////
-------------------------------------------------*/
@media screen and (max-width: 979px) {
    .show_sp{ display: none;}
    .show_tb{ display: block;}
    .show_pc{ display: none;}
    .show_pctb{display: block;}

    header{width: 100% !important;}
    .contents,
    .contents-top,
    .contents-bottom{width: 100% !important;}

    body.p-shop-list ul.maplist li span.tit a:after{
        background-image: url(../img/icon.png);
        -webkit-background-size: 263px auto;
        background-size: 263px auto;
    }
    #logo{
        margin-left: 42px;
        z-index: 600;
        position: relative;
        top:18px;
        left:auto;
    }
    #logo a{
        background-position: -456px 0;
        -webkit-background-size: 568px auto;
        background-size: 568px auto;
    }

    .contents{
        width: 684px !important;
        margin:0 auto 50px auto;
        background-image: none !important;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px; /* border radius */
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; /* prevents bg color from leaking outside the border */
        background-color: #fff; /* layer fill content */
        -moz-box-shadow: 0 2px 6px rgba(53,81,109,.42); /* drop shadow */
        -webkit-box-shadow: 0 2px 6px rgba(53,81,109,.42); /* drop shadow */
        box-shadow: 0 2px 6px rgba(53,81,109,.42); /* drop shadow */
    }
    .contents-top,
    .contents-bottom{background-image: none !important;}
    section .box{
        position: relative;
        overflow: visible !important;
    }

    .box{
        width: 588px;
    }
    ul.sub-tab li{ width: 120px;}
    .sp-w60p{ width: 60%;}
    .sp-w30p{ width: 24%;}

}
.btn_blue{
    background-color: #69829c;
    padding: 11px 20px 11px 20px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    vertical-align: top;
    cursor: pointer;
}
.btn_blue:hover{
    color: #ffffff;
    opacity: 0.7;
}
.bnr_box{
    /*width: 100%;
    height: 300px;
    line-height: 300px;
    background-color: #cccccc;
    text-align: center;
    color: #ffffff;*/
    margin-bottom: 36px;
}

.bnr_box_sp{
    margin: 0 19px 30px 19px;

}


/*-------------------------------------------------
///////////////////////////////////////////////////
SP COMMON
///////////////////////////////////////////////////
-------------------------------------------------*/
@media screen and (max-width: 479px) {
    .show_sp{ display: block}
    .show_tb{ display: none;}
    .show_pc{ display: none;}
    .show_pctb{display: none;}
    a{color:#44678b;}

    .sp-mlr19{margin-left:19px !important; margin-right: 19px !important;}
    .sp-mlr10{margin-left:10px !important; margin-right: 10px !important;}
    .sp-plr19{padding-left:19px !important; padding-right: 19px !important;}
    .sp-plr10{padding-left:10px !important; padding-right: 10px !important;}

    .contents,
    .contents-top,
    .contents-bottom,
    section .box,
    .ttl-sub,
    #main-box{width: 100% !important;}

    #header{
        height: 34px;
        padding-top: 16px;
    }
    #logo{
        margin-left: 16px;
        margin-top: 0;
        top:0;
    }
    #logo a{ background-position: -456px -28px;}
    .contents{
        margin: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0; /* border radius */
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; /* prevents bg color from leaking outside the border */
        background-color: #fff; /* layer fill content */
        -moz-box-shadow: 0 0 0 rgba(53,81,109,.0); /* drop shadow */
        -webkit-box-shadow: 0 0 0 rgba(53,81,109,.0); /* drop shadow */
        box-shadow: 0 0 0 rgba(53,81,109,.0); /* drop shadow */
    }
    .contents-top{padding-top: 0;}
    .contents-bottom{padding-bottom: 0;}
    #logo-txt{display: none;}
    #main{padding-top: 0;}
    .ttl{
        width: 100%;
        margin-bottom: 18px;
    }

    .p-from-confirm .ttl{
        margin-bottom: 0;
    }


    .ttl img{
        width: 100%;
        height:auto;
    }
    .box{
        /*padding-top: 18px;*/
        padding-bottom: 10px;
        background-image: url(../img/sp/bg.png);
    }
    .w-box{
        width: 95%;
        margin:0 auto;
        padding: 19px 0 10px 0;
        border: 1px solid rgba(188,201,214,.43); /* stroke */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px; /* border radius */
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; /* prevents bg color from leaking outside the border */
        background-color: #fff; /* layer fill content */
        overflow: hidden;
        zoom: 1;
    }
    table.from-tab{
        width: 92%;
        margin:0 auto;
        border-bottom: 1px solid #BCC9D6;
    }
    table.from-tab td{border-bottom: none;}
    table.from-tab td .ttl-s{
        background-color: #f7f8fa;
        padding: 9px 12px;
    }
    table.from-tab td .txt-s{
        padding: 9px 12px;
    }
    table.from-tab th,
    table.from-tab td,
    table.from-tab2 th,
    table.from-tab2 td{
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
                text-align: left;
                padding: 0;
                font-size: 10px;
                line-height: 16px;
    }
    table.from-tab2{
        margin-bottom: 21px;
    }

    table.from-tab2 th{
        padding: 14px 19px 4px 19px;
/*        border-left: none !important;
        border-right: none !important;*/

    }
    table.from-tab2 td{
        border-top: none !important;
/*        border-left: none !important;
        border-right: none !important;
*/        padding:0 19px 14px 19px;
    }
    .h-bline{
        margin-bottom: 0 !important;
        border-bottom: solid 1px #dce2eb !important;
    }
    .h-bline span{ left: 19px !important; color:#697077 !important; font-size: 11px;}
    .h-bline span br{display: none;}
    .h-bline span.error-txt{right: 19px !important; text-align: right !important; font-size: 10px; color: #A47273 !important;}

    .h-confirm {
        border-top: 1px solid #dce2eb;
        padding-left: 19px;
        padding-right: 19px;
        padding-top: 20px;
        margin-bottom: 20px;
    }


    ul.sub-tab{
        width: 100%;
        zoom: 1;
        overflow: hidden;
    }
    ul.sub-tab li{
        width: 33% !important;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin-right: 0;
    }
    ul.birthday-select,
    ul.radio-sex{
        zoom: 1;
        overflow: hidden;
    }
    .f-txt{
        line-height: 18px;
        text-align: center;
        margin-bottom: 0px;
    }
    .btn-box{
        width: 246px;
        margin:0 auto 25px auto;
        zoom: 1;
        overflow: hidden;
    }
    .btn-close,
    .btn-preview{
        width: 123px;
        height: 48px;
        float: left;
    }
    textarea,
    .sp-w100p,
    .sp-w30p,
    .sp-w60p,
    .sp-w35p{
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .sp-w30p{width: 30%;}
    .sp-w35p{width: 35%;}
    .sp-w60p{width: 60%;}

    .bbnone{
        /*margin-bottom: 0;*/
        padding-bottom: 0;
        border-bottom: none;
    }
    .jqTransform{ position: relative;}
    .fdselect {
        width:246px;
        height:30px;
        display:block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-image:url(../img/sp/select.png);
        background-repeat:no-repeat;
        -webkit-background-size: auto 30px;
        background-size: auto 30px;
        position: relative;
        font-size: 11px;
        line-height:30px;
        padding-left:14px;
        white-space:nowrap;
        overflow:hidden;
        text-align: left;
        -webkit-text-overflow:ellipsis;
        text-overflow:ellipsis;
        color:#27313c;
    }
    .jqTransform select{width: 246px;}
    .jqTransform.w49 select{width: 49px;}
    .jqTransform.w75 select{width: 75px;}
    .fdselect.w49{background-image: url(../img/sp/select-dd.png); width: 49px;}
    .fdselect.w75{background-image: url(../img/sp/select-yy.png); width: 75px;}


    select.fds,
    select.fds2 {
        width:246px;
        position: absolute;
        left: 0;
        zoom:1.1;
        z-index: 2;
        opacity: 0.01;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 10px;
        line-height: 30px;
    }
    input[type="radio"]{
        width: 13px;
        height: 13px;
        border:solid 1px #d2d2d2;
        background-color: #ffffff;
        margin-right: 4px;
        -webkit-appearance: none;
        position: relative;
        top:-1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    input[type="radio"]:checked:before {
    position: absolute;
    left: 3px;
    top: 3px;
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    background: #7f7f7f;
    }
    input[type="text"],
    textarea{
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-top: solid 1px #c2d0df;
        border-left: solid 1px #c2d0df;
    }
    input[type="image"]{
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    body.p-from-confirm .box{padding-top: 10px ;}
    body.p-from-confirm table.from-tab .w40p,
    body.p-from-index table.from-tab .w40p{ width: 100% !important;}
    body.p-from-confirm table.from-tab2{
        width: 92%;
        margin:0 auto 10px auto;
        border-bottom: 1px solid #BCC9D6;
    }
    body.p-from-confirm table.from-tab2 th{width: 100%;}
    body.p-from-confirm h2.h-bline{
        border-bottom: none !important;
    }
    body.p-from-confirm table.from-tab2 th{
        background-color: #F7F8FA;
        padding: 9px 12px;
        border-bottom: none !important;
        color:#3f4953;
    }
    body.p-from-confirm table.from-tab2 td{
        border-bottom: none !important;
        padding: 12px;
        color:#3f4953;
    }
    body.p-from-confirm .blue-r-box {
        padding: 8px;
        margin-bottom: 0px;
    }
    body.p-from-confirm .blue-r-box p{
        font-size: 11px;
        padding: 22px 25px;
        -moz-border-radius: 1px / 1px 1px 1px 1px;
        -webkit-border-radius: 1px / 1px 1px 1px 1px;
        border-radius: 1px / 1px 1px 1px 1px; /* border radius */
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; /* prevents bg color from leaking outside the border */
        background-color: #fff; /* layer fill content */
        border-bottom: solid 1px #d4dde5;
        border-right: solid 1px #d4dde5;
    }
    .f-txt{border-bottom: 1px solid rgba(188, 201, 214, 0.43);}
    .sp-borbox{
        border-top: solid 1px #dce2eb;
        padding: 23px 0 13px 0;
    }
    body.p-from-confirm .btn-box{margin-bottom: 0;}
    #btn-close{
        top:14px;
        right: 17px;
    }

    #form-attention{
        padding: 0 15px;
    }

}