@charset "utf-8";
/* 
 style info : indexスタイル

2019/08/22
 */

/*----------------------------------------------------
	#head
----------------------------------------------------*/
#head{
	width:100%;
	border-bottom: 3px solid #077;
	padding-bottom: 4px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/

h2{
	background: #ff9;
	font-size: 130%;
	width:100%;
	height: auto;
	line-height:40px;
	padding-left:10px;
	margin:5px 0 15px 0;
	font-weight: normal;
	border-left: none;
}

.h2title {
	line-height: 25px;
	padding: 6px 10px;
	margin-top: 2px;
}

/*----------------------------------------------------
	toha
----------------------------------------------------*/

.toha_pc {
	width: 100%;
	height: 135px;
	background-image: url("../img/suzuran_card.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 200px auto;
	margin-bottom: 10px;
}

.toha_pc h3{
	/*width: 100%;*/
	font-size: 120%;
	margin-left: 1em;
	margin-right: 250px; 
	font-weight: normal;
}

.toha_sp {
	width: 100%;
	height: 265px;
	background-image: url("../img/suzuran_card.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 200px auto;
	/*margin-top: 150px;*/
}

.toha_sp h3{
	width: 100%;
	font-size: 120%;
	font-weight: normal;
	padding-top: 140px;
}

/*ロイヤルカード画像変更*/
.toha_pc_r,.toha_sp_r {
	background-image: url("../img/suzuran_card_r.jpg");
}


/*----------------------------------------------------
	カード選択ボタン（選択中）
----------------------------------------------------*/
.select_now {
	opacity: 0.4;
}

/*----------------------------------------------------
	リンク文字色変更
----------------------------------------------------*/
.color_blue {
	color: #03f;
}

/*	pickup
----------------------------------------------------*/
.pickup{
	margin-bottom:0;
}

/*Webチラシ
----------------------------------------------------*/
.inputBox{
	background-color: #DDD;
	padding: 5px;
}


section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .qa
----------------------------------------------------*/
.qa th  {
	width: 30%;
	text-align: left;
	border-left: none;
	border-right: none;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}

.qa td {
	border-left: none;
	border-right: none;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
 
@media only screen and (max-width:480px){
    .qa {
    	margin: 0 -10px;
    }
    .qa th, .qa td{
    	width: 100%;
    	display: block;
    	border-top: none;
    }
    .qa th{
  		border-top: 2px solid #999;
  		border-bottom: 1px solid #999;
  		border-bottom: none;
  	}
  	.qa td{
  		border-top: none;
  		border-bottom: 1px solid #999;
  		border-bottom: none;
  	}
  .qa tr:first-child th {
  	/*border-top: 1px solid #ddd;*/
  }
}