﻿/*----------------------------------------------------------------------------------------------
    Styles for#thanks
----------------------------------------------------------------------------------------------*/ 
#body__wrap_thankyou{width:960px; margin:0 auto; background:#FFF;}
#thanks__thankyou_prihead{}
#thanks__thankyou{ width:90%; margin:15px auto 0;}
#thanks__thankyou_left{ width:20%; float:left;}
#thanks__thankyou_right{ width:61%; float:right; color:#000; margin:34px 0 0 0;font-size:2.7rem; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;font-weight:bold; }
.thanks__thankyou_right_title{ font-size:3.8rem; font-weight:bold;margin: 0 auto 0 -20px;}
#thanks__mail-box_wrap{width:90%; margin:0 auto;}
#thanks__mail-box_wrap img{width:100%;}
#thanks__mail-box{ width:100%; margin:0 auto;background:url(../img/base/base_thanks_frame02.png) repeat-y; background-size:100%;}
#thanks__mail-box p{ width:87%; margin:0 auto; }
.thanks__mail-box_title{ font-size:3rem; font-weight:bold; color:#F00;}
.thanks__letter h2{ font-size:1.8rem; font-weight:bold; line-height:1.4;padding-left:50px;margin-top: 20px; background:url(../img/base/base_cheack_02.png) no-repeat left;}
.sub-head_thanks h1{ width:900px; margin:0 auto; padding:40px 0 20px; font-size:4.4rem;font-weight:bold; color: #E30003;text-align:center; line-height:1.4;}
.sub-head_thanks_line{background-color: #ffff00; color:#F00;}
.thanks__click img:hover{ opacity:0.5;}

/*----------------------------------------------------------------------------------------------
    Styles for .BolettoBox_thanks
----------------------------------------------------------------------------------------------*/ 
.BolettoBox_thanks {width: 100%;margin:10px auto 20px;padding: 0px;}
.BolettoBox_thanks ul {display: inline;}
.BolettoBox_thanks li {font-size: 1.8rem;line-height: 1.2;letter-spacing: -1px;border-bottom: 1px dotted #b78227;padding: 15px 0 15px 53px;
font-weight: bold;color: #141414;background: url(../img/uehara_contents_txt_08.png)no-repeat 2% 50%;}
.BolettoBox_thanks li p{width: 820px;font-weight: initial;font-size: 2rem;border-top: 1px dashed #aaa;margin: 10px auto 0;padding: 10px 0 0;}
.BolettoBox_thanks li:nth-child(even) {background-color: #FFFEF6;}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   【 max-width: 640px 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
@media screen and (max-width: 640px) {
/*----------------------------------------------------------------------------------------------
    Styles for#thanks
----------------------------------------------------------------------------------------------*/ 
#body__wrap_thankyou{width:100%; margin:0 auto; background:#FFF;}
#thanks__thankyou_prihead{ margin:0;}
#thanks__thankyou{ width:90%; margin:15px auto 0;}
#thanks__thankyou_left{ width:30%; float:left;}
#thanks__thankyou_right{ width:68%; float:right; color:#000; margin:20px 0;font-size:1.5rem; font-weight:bold;}
.thanks__thankyou_right_title{ font-size:1.6rem; font-weight:bold;}
#thanks__mail-box_wrap{width:90%; margin:0 auto;}
#thanks__mail-box_wrap img{width:100%;}
#thanks__mail-box{ width:100%; margin:0 auto;background:url(../img/base/base_thanks_frame02.png) repeat-y; background-size:100%;}
#thanks__mail-box p{ width:87%; margin:0 auto; }
.thanks__mail-box_title{ font-size:2rem; font-weight:bold; color:#F00;}
.thanks__letter h2{ font-size:1.8rem; font-weight:bold; line-height:1.4;padding-left:50px; background:url(../img/base/base_cheack_02.png) no-repeat left;}
.sub-head_thanks h1{ width:100%; margin:0 auto; padding:40px 0 20px;font-size:3rem;font-weight:bold; color: #E70003 ;text-align:center; line-height:1.4;}
.sub-head_thanks_line{background-color: #ffff00; color:#F00;}
.thanks__click img:hover{ opacity:0.5;}
}