@charset "shift_jis";



#header {
	width: 1113px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}



/* 
---------------------------------------------
style main css
---------------------------------------------
*/
#main {
	width: 887px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	padding: 10px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	box-shadow:0px 0px 8px 2px #dbdbdb;
	-moz-box-shadow:0px 0px 8px 2px #dbdbdb;
	-webkit-box-shadow:0px 0px 8px 2px #dbdbdb;
}


/* 
---------------------------------------------
style footer css
---------------------------------------------
*/

#footer_box {
	width: 100%;
	background-color: #76AE15;
}
#footer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#fnavi {
	color: #FFF;
	width: 100%;
	padding-top: 6px;
}
#fnavi li {
	float: left;
}
#fnavi a {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
#fnavi a:hover {
	color: #9CC;
	text-decoration: none;
}
.copyright {
	clear: both;
	padding-top: 14px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #FFF;
}



/*カウントダウンタイマー
-------------------------------*/

.count_down{
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #fff;
	padding: 2rem;
}
.count_down .count_down_class1{
  font-size: 2.7rem;
}

@media screen and (max-width: 640px) {
/*スマートフォン*/

.count_down .count_down_class1{
  font-size: 2rem;
}}/*スマートフォンEND*/

/*無料キャンペーン終了まで
-------------------------------*/

.count_down p#muryomc{
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 640px) {
/*スマートフォン*/

.count_down p#muryomc{
  font-size: 1.4rem;
}}/*スマートフォンEND*/



/* ==============================================*/
/*  同意チェックボックス全体
==============================================*/

.kozin-check{
	text-align: left;
	margin: 1rem auto 0;
	width: 600px;
}


/* ==============================================*/
/*  アコーディオン
==============================================*/


/* チェックボックスは非表示 */
.accordion-hidden{
  display: none;
}

/* 個人情報の取り扱いについて部分 */
.accordion-open {
  display: block;
  padding: 0px 0 0 30px!important;
  cursor: pointer;
  margin: 5px 0;
  font-size: 0.9rem;
  font-weight: bold;
  position: relative;/* 変更部分 */
}

/* 開閉状態を示すアイコン+の作成 */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 14px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  backface-visibility: hidden;
}

/* 一本は縦にして+を作る */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたら縦棒を横棒にして-にする */
.accordion-hidden:checked + .accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* 文章部分 */
.accordion-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
}

/* チェックボックスにチェックが入ったら個人情報の取り扱い部分を表示する */
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  padding: 10px;
  font-size: 0.9rem;
}
.accordion p{
	text-align: left;
}

/* ボタンの調整 */

.tac{
	text-align: center!important;
}

.lastbtn{
	display: block;
	margin: 0 auto;
}