@charset "Shift_JIS";

/*================================自由領域====================================*/
#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents ol, #suntory_contents ul, #suntory_contents li, #suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents table, #suntory_contents th, #suntory_contents td, #suntory_contents form, #suntory_contents br, #suntory_contents address, #suntory_contents button, #suntory_contents span, #suntory_contents em, #suntory_contents i, #suntory_contents a, #suntory_contents button{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#suntory_contents #container{
    width: 640px;
    padding: 15px 0 20px 0;
}
#suntory_contents .border-area {
    border: 4px solid #e7e6e6;
    margin: 25px 0;
    padding: 25px;
    background: #FFF;
    color:#333;
}
#suntory_contents #outline_area {
    font-size:1rem;
}

#contents_hd #outline_area dl dd, #contents_hd #outline_area p, #contents_hd #outline_area ul li {
    line-height: 1.5em;
}

#suntory_contents #outline_area p{
    margin-bottom:15px
}

#suntory_contents #outline_area .cl_gold{
        color: #8c6125;
}

#suntory_contents #container span.cl_red{
    color:#f00;
}

#suntory_contents #container span.cl_blue{
    color:#00f;
}

#suntory_contents #container span.cl_orange{
    color: #f60;
}

#suntory_contents .note ul li, #suntory_contents .privasy ul.caution li{
    font-size:0.8em;
    line-height:1.1rem;
}

#suntory_contents .note ul.caution li, #suntory_contents .privasy ul.caution li{
    text-indent:-1em;
    margin-left:1em;
}

#suntory_contents .privasy ul.caution li{
    color:#666;
}

#container.regist_confirm #contents #contents_hd p {
    font-weight: normal;
    font-size: 1rem;
}

.regist_confirm #contents_hd {
    padding-bottom:10px
}

#contents .thanks_txt h2 {
    color: #333;
    padding: 0 0 1.5em;
    font-size: 1.2rem;
    line-height: 1.5em;
}

.thanks_txt {
    font-size: 1rem;
}

#contents .link_list {
    padding: 0;
}

#contents .link_list ul li a:before{
    display:none;
}

/* link
---------------------------------------------------- */
#suntory_contents #container #outline_area a:link, #suntory_contents #container .note a:link, #suntory_contents .privasy ul.caution li a:link,#contents .link_list ul li a:link{
text-decoration:none;
color:#1e1c5e;
}

#suntory_contents #container #outline_area a:visited, #suntory_contents #container .note a:visited, #suntory_contents .privasy ul.caution li a:visited,#contents .link_list ul li a:visited{
text-decoration:none;
color:#1e1c5e;
}

#suntory_contents #container #outline_area a:hover, #suntory_contents #container .note a:hover, #suntory_contents .privasy ul.caution li a:hover,#contents .link_list ul li a:hover,#suntory_contents #container #outline_area a.hover, #suntory_contents #container .note a.hover, #suntory_contents .privasy ul.caution li a.hover,#contents .link_list ul li a.hover{
text-decoration:underline;
color:#1e1c5e;
}

#suntory_contents #container #outline_area a:active, #suntory_contents #container .note a:active, #suntory_contents .privasy ul.caution li a:active,#contents .link_list ul li a:active{
text-decoration:none;
color:#1e1c5e;
}




#contents_hd #outline_area ul.caution li ul.caution li:last-child {
    padding-bottom: 0;
}

#contents_hd #outline_area dl dt{
	font-weight: normal;
}

#contents_hd #outline_area p.mt10 {
    margin-top: 1em;
}

#suntory_contents #contents .form_caution{
    margin-top: 1em;
}

#contents .thanks_txt p.info {
    color: #444;
    margin-bottom: 1em;
}
#contents .thanks_txt p.info:last-child {
    margin-bottom: 0;
}

/*================================自由領域====================================*/



/* ---------------ヘッダー---------------------- */
#suntory_contents header {
  padding: 30px 0;
  background-color: #06194f;
}
#suntory_contents header h1 {
  width: 640px;
  margin: 0 auto;
  text-align: left;
}
#suntory_contents header h1 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#suntory_contents header h1 .img1 {
}
#suntory_contents header h1 .img2 {
  margin-left: 40px;
  padding-top: 6px;
}

/* #contents .thanks_txt h2
-------------------------------------------------- */

#contents .thanks_txt h2 {
	color: #333;
}

/* ---------------------------フォーム----------------------------- */
#form_wrapper .delivery span {
    color: #f00;
    margin-left: 1em;
    display: inline-block;
}

#form_wrapper .box dl.delivery dd ul li input[type=tel] {
    width: 2em;
}

#form_wrapper .box dl dd ul li input[type=text] {
    width: 50%;
}

#form_wrapper .box > dl > dt{
    width: 300px;
}

#form_wrapper .box .grid dl.name dd ul li input[type=text] {
    width: 90px;
}

.grid.name {
    display: grid;
    grid-template-columns:1fr 8.6fr;
    grid-template-rows: auto auto;
    display: -ms-grid;
    -ms-grid-columns:1fr 8.6fr;
    -ms-grid-rows: auto auto;
}

.group_tit {
    grid-row: 1 / 3;
    padding: 7px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
}

.grid.address {
    display: grid;
    grid-template-columns:1fr 8.6fr;
    grid-template-rows: auto auto auto auto;
    display: -ms-grid;
    -ms-grid-columns:1fr 8.6fr;
    -ms-grid-rows: auto auto auto auto;
}

.group {
    grid-row: 1 / 5;
    padding: 6px;
    width: 57p;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
}

/*IE*/
.grid.name > .box1 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}.grid.name > .box2 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}.grid.address > .box3{
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}.grid.address > .box4 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}.grid.address > .box5 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}.grid.address > .box6 {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
}



#form_wrapper .box dl.required dt:before {
    display: none;
}

#form_wrapper span.ico {
    float: right;
    margin-right: 4px;
}

/* #form_wrapper .box
======================================================================= */
#form_wrapper .box > .required > dt{
    padding:7px 0 7px 7px;
}

#suntory_contents #form_wrapper ul li.other {
    margin: 5px 0;
}

#form_wrapper .box dl dd ul li.other input[type=text] {
    margin-top: 5px;
    width: 250px;
}

#suntory_contents #form_wrapper .email ul li:last-child, #suntory_contents #form_wrapper .kanjiname ul li:last-child, #suntory_contents #form_wrapper .city ul li:last-child, #suntory_contents #form_wrapper .apartment ul li:last-child {
    margin-top: 5px;
    display: block;
}

/* #form_wrapper .box dl dt
-------------------------------------------------- */
#form_wrapper .box .grid dl > dt{width: 178px;position:relative;}

#form_wrapper .box.mm_read .grid dl.required > dt:before,
#form_wrapper .box .grid dl.mm_read.required > dt:before{
left:5px;
}

#form_wrapper .box.mm_read .grid dl.required > dt em,
#form_wrapper .box .grid dl.mm_read.required > dt em{
padding-left:2.5em;
}

#form_wrapper .box > dl > dt {
    width: 239px;
}

#form_wrapper .box{margin-bottom:2.2em;font-size:12px;background:#fff;color:#444;vertical-align: middle;}

#form_wrapper .box .grid dl{
display:table;
width:100%;
border-right:1px solid #888;
border-top:1px solid #888;
}

#form_wrapper .box .grid dl > dt,
#form_wrapper .box .grid dl > dd{display:table-cell;vertical-align: middle;border-left:1px solid #888;padding:7px 0 7px 7px;line-height:1.2em;}

#form_wrapper .box .grid .required > dt{padding: 7px 0;}

#form_wrapper .box.mm_read .grid dl > dt,
#form_wrapper .box.mm_read .grid dl > dd,
#form_wrapper .box .grid dl.mm_read > dt,
#form_wrapper .box .grid dl.mm_read > dd{
display:block;
width:100%;
}

#form_wrapper .box .grid dl > dt,
#form_wrapper .box.mm_read .grid dl > dt,
#form_wrapper .box .grid dl.mm_read > dt{
background:#eee;
}

#form_wrapper .box.mm_read .grid dl > dd.bg,
#form_wrapper .box .grid dl.mm_read > dd.bg{
background:#ccc;
}

#form_wrapper .box.mm_read .grid dl > dt,
#form_wrapper .box .grid dl.mm_read > dt{
border-bottom:1px solid #888;
}

#form_wrapper .box .grid dl.mm_read dd ul.caution li{
font-size:0.8em;
color:#666;
}


#form_wrapper .box dl.email dd ul li input[type=email] {
    width: 250px;
}
/* ================================================================================
#contents #form_wrapper SP
==================================================================================== */
@media screen and (max-width:767px){
#form_wrapper .delivery span {
    display: block;
    margin: 5px 0;
}

#form_wrapper .box > dl > dt{
    width: 100%;
}

#form_wrapper .box dl dd ul li input[type=text] {
    width: 96%;
}

#form_wrapper .box .grid dl.name dd ul li input[type=text] {
    width: 90px;
}

.grid.name {
    display: block;
}

.group_tit {
    grid-row: 1 / 3;
    padding: 7px;
    -ms-grid-columns: 1;
    -ms-grid-rows: 2;
}

.grid.address {
    display: block;
    margin-bottom: 2em;
}

.group {
    grid-row: 1 / 5;
    padding: 7px;
    -ms-grid-columns: 1;
    -ms-grid-rows: 5;
}




#form_wrapper h2.tit{
font-size:1em;
margin-left:0.3em;
}

#form_wrapper #form_area{margin-top:0;}

#form_wrapper .box{
margin-bottom:1em;
font-size:0.95em;
}

#form_wrapper .box .grid dl,
#form_wrapper .box .grid dl:last-child{
display:block;
border:none;
}

#form_wrapper .box .grid dl > dt,
#form_wrapper .box .grid dl > dd,
#form_wrapper .box.mm_read .grid dl > dt,
#form_wrapper .box .grid dl.mm_read > dt{
display:block;
border:none;
padding:6px;
}

#form_wrapper .box .grid dl dt{width:100%;}
#form_wrapper .box .grid dl.required dt:before{
position:absolute;
top:6px;
left:6px;
}

#form_wrapper .box .grid dl.required dt em,
#form_wrapper .box.mm_read .grid .grid dl.required > dt em,
#form_wrapper .box .grid .grid dl.mm_read.required > dt em{
padding-left:3em;
line-height:1.4em;
}

#form_wrapper .box .grid dl dd label{
display:block;
padding:0.25em 0 0.18em 0;
}

#form_wrapper .box .grid dl dd .check .rihgt_txt{width:82%;}

#form_wrapper .box .grid dl dd .column_list ul,
#form_wrapper .box dl dd .column_list.column2 ul,
#form_wrapper .box dl dd .column_list.column3 ul,
#form_wrapper .box dl dd .column_list.column4 ul,
#form_wrapper .box dl dd .column_list.column5 ul{
display:block;
width:100%;
}

#form_wrapper .box .grid dl dd ul li input[type=text],
#form_wrapper .box .grid dl dd ul li input[type=tel],
#form_wrapper .box .grid dl dd ul li input[type=email],
#form_wrapper .box .grid dl dd ul li input[type=password],
#form_wrapper .box .grid dl dd ul li select,
#form_wrapper .box .grid dl dd ul li textarea{
box-shadow:1px 1px 3px #ccc inset;
padding:3px;
border-radius:5px;
}

#form_wrapper .box .grid dl dd ul li input[type=text]:focus,
#form_wrapper .box .grid dl dd ul li input[type=tel]:focus,
#form_wrapper .box .grid dl dd ul li input[type=email]:focus,
#form_wrapper .box .grid dl dd ul li input[type=password]:focus,
#form_wrapper .box .grid dl dd ul li select:focus,
#form_wrapper .box .grid dl dd ul li textarea:focus{
box-shadow:0px 0px 8px #55d;
border:1px solid #55d;
}

#form_wrapper .box dl dd ul li select{margin-right:5px;height:28px;}

#form_wrapper .box dl.name dd ul li input[type=text]{width:90px;}

#form_wrapper .box dl.city dd ul li em,
#form_wrapper .box dl.apartment dd ul li em{
display:none;
}

#form_wrapper .box dl.city dd ul li input[type=text],
#form_wrapper .box dl.apartment dd ul li input[type=text]{
width:96%;
}

#form_wrapper .box dl.age dd ul li i{
display:block;
padding-top:3px;
}

#form_wrapper .box dl.email dd ul li input[type=email]{
width:96%;
}

#form_wrapper .box dl.email dd ul li i{
display:block;
padding-top:3px;
}

}


/*zipcode*/
#form_wrapper #zipcode_wrap .zip ul li dl {
    display: block;
}

#form_wrapper .box .grid dl #zipcode_wrap dl,
#form_wrapper .box .grid dl > dd #zipcode_wrap dl dd{
    border: 0;
    padding: 0;
}

/*.err*/
#form_wrapper .box dl._err > dt{width: 238px;}

#form_wrapper .box .grid dl._err > dt{background-color:#f9c;width: 177px;}

#form_wrapper .box.mm_read .grid dl._err > dt,
#form_wrapper .box .grid dl.mm_read._err > dt{
background-color:#f9c;
width: 100%;
}

#form_wrapper .join p.er_msg_point {
    font-weight: 900;
    color: #f00;
}

@media screen and (max-width:767px){
#form_wrapper .join p.er_msg_point {
    font-size: 1.07em;
}

#form_wrapper .box dl._err > dt,#form_wrapper .box .grid dl._err > dt{
width: 100%;
}
}


/* #submitbtn*/
#submit_box ul li a, #submit_box ul li a.hover, #submit_box ul li a:active {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    width: 162px;
}

#container.regist_confirm #form_wrapper #submit_box ul li.to_back a,#container.regist_confirm #form_wrapper #submit_box ul li.to_back a.hover,#container.regist_confirm #form_wrapper #submit_box ul li.to_back a:active{
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    width:122px;
}

#container.regist_confirm #form_wrapper #submit_box ul li.to_back {
top: 30px;
}

#suntory_contents #container.regist_form #submit_box ul li a {
    background: url("/btc/sma/normal02/form/img/submit_btn5_on.gif") no-repeat center;
    height: 38px;
}

#suntory_contents #container.regist_confirm #submit_box ul li a {
    background: url("/btc/sma/normal02/form/img/submit_btn2_on.gif") no-repeat;
}

#suntory_contents #container.regist_confirm #submit_box ul li.to_back {
    background: url("/btc/sma/normal02/form/img/submit_back_on.gif") no-repeat center;
    height:53px;
}

#submit_box ul li.to_done {
    margin-left: 110px;
}
#suntory_contents #submit_box a{
    background-color:transparent;
    display:inline-block;
}

#submit_box a:hover img {
    visibility:hidden;
}
/* ---------------フォーム色味------------------ */
#suntory_contents #form_wrapper .group_tit,#suntory_contents #form_wrapper .group {
    border-top: 1px solid #c4c2c2;
    background-color: #f0f0f0;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

#form_wrapper .box.mm_read .grid dl > dd.bg, #form_wrapper ..box .grid dl.mm_read > dd.bg {
    background-color: #f0f0f0;
}

#form_wrapper .box .grid dl > dt, #form_wrapper .box.mm_read > dl > dt, #form_wrapper .box .grid dl.mm_read > dt {
    background-color: #f0f0f0;
}

#form_wrapper .box .grid dl,
#form_wrapper .box .grid dl:last-child,
#form_wrapper .box .grid dl > dt,
#form_wrapper .box .grid dl > dd,
#form_wrapper .box.mm_read .grid dl > dt,
#form_wrapper .box .grid dl.mm_read > dt,
#form_wrapper .box .grid dl.mm_read > dt{border-color:#c4c2c2;border-right: none;border-left: none;}


#form_wrapper .box.mm_read > dl > dd.bg, #form_wrapper .box > dl.mm_read > dd.bg {
    background-color: #f0f0f0;
}

#form_wrapper .box > dl > dt, #form_wrapper .box.mm_read > dl > dt, #form_wrapper .box > dl.mm_read > dt {
    background-color: #f0f0f0;
}

#form_wrapper .box > dl,
#form_wrapper .box > dl:last-child,
#form_wrapper .box > dl > dt,
#form_wrapper .box > dl > dd,
#form_wrapper .box.mm_read > dl > dt,
#form_wrapper .box > dl.mm_read > dt,
#form_wrapper .box > dl.mm_read > dt{border-color:#c4c2c2;border-right: none;border-left: none;vertical-align: middle;}

#contents #form_wrapper .btca_box h3 {
    background: #a7d2bf;
}


@media screen and (max-width:767px){
#suntory_contents #form_wrapper .group_tit,#suntory_contents #form_wrapper .group {
    border:0;
    background-color: #06194f;
    color: #fff;
}

#form_wrapper .box.mm_read > dl > dd.bg, #form_wrapper .box > dl.mm_read > dd.bg{
	background-color: #a7d2bf;
}


}