@charset "utf-8";
/* CSS Document */

/* 鳥羽プレミアムお宿マネー */
#tobaPremium{position:relative; overflow:hidden;width:100%;max-width:1024px;margin:30px auto;line-height:1.7;}
#tobaPremium h3{font-size:24px;text-align:center;}
#tobaPremium h3 span{color:#C41550;font-weight:bold;}
#tobaPremium h4{background:#FFB9C6;color:;margin-bottom:10px;padding: 7px 10px;}
#tobaPremium .mainThum{margin:1em auto;}
#tobaPremium .mainThum img{width:100%;}
#tobaPremium .coupon{position:relative; overflow:hidden;margin:1em auto;}
#tobaPremium .coupon img{width:48%;float:left;border:1px solid #ccc;box-sizing: border-box;}
#tobaPremium .coupon img.thum1{margin-right:4%;}
#tobaPremium .formTitle{font-size:24px;text-align:center;margin:3em auto 1em auto;border-top:1px dotted #ccc;padding-top:2em;}
#tobaPremium .cuptxt{font-size:16px;text-align:center;margin:1em auto;}
#tobaPremium .noteList{margin-bottom:1em;}
#tobaPremium .noteList span.bold{font-weight: bold;}
#tobaPremium .link{max-width:300px;width:95%;margin:2em auto 0 auto;}
#tobaPremium .link a{display:block;background:#5F5F5F;padding:15px 10px;text-align:center;text-decoration:none;font-size:18px;color:#fff;letter-spacing:1px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;}
#tobaPremium .link a:hover{opacity:0.75;}
#tobaPremium table{width:100%;}
#tobaPremium .table1 th{background:#FFE9ED;font-weight:normal;vertical-align: middle;}
#tobaPremium .table1 td{background:#fff;}
#tobaPremium .table1 th,
#tobaPremium .table1 td{ vertical-align:middle; border:1px solid #FFB1C1; padding:5px 10px;display: table-cell;box-sizing: border-box;text-align:left;}
#tobaPremium .boxx .in{display:-webkit-flex;display:flex;text-align:left;}
#tobaPremium .boxx .item {padding:0 50px 0 0;text-align:left;}
#tobaPremium .boxx .item h5{font-size:15px;margin-bottom:10px;}
#tobaPremium .mgb30{margin-bottom:30px !important;}

#tobaPremium #form{width:100%;}
#tobaPremium #form .formTable th{width:150px;}
#tobaPremium #form .formTable th,
#tobaPremium #form .formTable td{font-size:16px;vertical-align:middle;text-align:left;padding:10px;}
#tobaPremium #form .formTable th{font-weight:bold;color:#333;}
#tobaPremium .formTable input{padding:8px 5px;font-size:16px;}
#tobaPremium .submitBtn,
#tobaPremium .formTable select,
#tobaPremium .formTable label{cursor: pointer;font-size:16px;}
#tobaPremium .sendBtn{text-align:center;}
#tobaPremium .sendBtn input[type="button"],
#tobaPremium .sendBtn input[type="submit"]{ cursor: pointer ;background:#E8107F;color:#fff;border:none;font-weight:bold; padding:15px;font-size:18px;width:100%;display:block; max-width:320px; margin:10px auto;-webkit-appearance: none;}
#tobaPremium .sendBtn input[type="button"]:hover,
#tobaPremium .sendBtn input[type="submit"]:hover{ cursor: pointer ;background:#D8006F;}

/*よくあるご質問*/
#tobaPremium #faq .title{display:flex;padding: 2rem .5rem 2rem;color: #C41550;font-weight: bold;
text-align: left;}
#tobaPremium #faq .title .qa{margin-right: 1.7rem;}
#tobaPremium #faq .title p{font-size:18px;width:90%;line-height:2;letter-spacing: initial;margin-bottom: 0;text-shadow: none;}
#tobaPremium #faq .box{padding: .5rem .5rem 1rem;}
#tobaPremium #faq .box > *{float:left;}
#tobaPremium #faq .box p{width:90%;line-height:2;letter-spacing: initial;}
#tobaPremium #faq .qa{font-size:30px;margin-right:2rem;line-height:1.4;}

/*アコーディオン全体*/
#tobaPremium #faq .accordion-area section {border-top: 1px solid #FFB1C1;}
#tobaPremium #faq .accordion-area li:first-child section{border-top: none;}
#tobaPremium #faq .accordion-area li:last-child section{border-bottom: 1px solid #FFB1C1;}

/*アコーディオンタイトル*/
#tobaPremium #faq .title {position: relative;/*+マークの位置基準とするためrelative指定*/cursor: pointer;font-size:18px;padding:1.5rem .5rem;transition: all .5s ease;}

/*アイコンの＋と×*/
#tobaPremium #faq .title::before,
#tobaPremium #faq .title::after{position: absolute;content:'';width: 15px;height: 1px;background: #FFB1C1;}
#tobaPremium #faq .title::before{top:48%;right: 15px;transform: rotate(0deg);}
#tobaPremium #faq .title::after{top:48%;right: 15px;transform: rotate(90deg);transition: all .5s ease;}
/*　closeというクラスがついたら形状変化　*/
#tobaPremium #faq .title.close::after{transform: rotate(0deg);}
/*アコーディオンで現れるエリア*/
#tobaPremium #faq .box {display: none;/*はじめは非表示*/padding:1rem .5rem 3rem .5rem;}
#tobaPremium #faq .box p{text-shadow:none;font-size:18px;}

@media screen and (max-width: 825px){ 
#tobaPremium #faq .accordion-area{margin:0 auto 0;max-width:640px;}
#tobaPremium #faq .title {font-size:14px;padding-right:2.2rem;}
#tobaPremium #faq .box {padding:1rem .5rem 1rem .5rem;}
#tobaPremium #faq .box p{font-size:15px;}
}

/* SmartPhone */
@media screen and (max-width: 825px){ 
	#tobaPremium .formTitle{margin:1.5em auto 1em auto;padding-top:1.3em;}
  #tobaPremium #form .formTable th{padding-bottom:0;}
  #tobaPremium #form .formTable th,
	#tobaPremium #form .formTable td{width:100%;display:block;}
}
@media screen and (max-width: 640px){ 
	#tobaPremium .table1{border-bottom:1px solid #FFB1C1;}
	#tobaPremium .table1 th,
	#tobaPremium .table1 td{width:100%;display:block;border-bottom:none;}
	#tobaPremium .boxx .in{display:block;display:block;}
	#tobaPremium .boxx .item {padding:0 0 15px 0;}
}