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

/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
header,footer,nav,section{
    margin:0;
    padding:0;
	border:none;
	outline:none;
	font-size:1rem;
}

header,footer,nav,section{display:block;}

html{
}

li{list-style:none;}



/*----------------------------------------
	全ページ共有ここから
----------------------------------------*/
body{
	background:url(img/bg.jpg) #FFF;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
     -webkit-text-size-adjust: none; /* 文字の拡大縮小を防ぐ */
	line-height: 1.4;
	font-size: 12px;
	max-width: 750px;
	margin: auto;
}

/* リンク色変更はここ */
a{
	color: #EC6D81;
	text-decoration:none;
	font-size: 1.5em;
	font-weight: bold;
}

/*【角丸】
 　角丸にしたいコンテンツに
 　クラスで指定してください。
*/
.corner{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.corner img{
	background:#FFF;
	padding:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.img1 {
	width: 100%;
	text-align: center;
}

.img2 {
	width: 90%;
	text-align: center;
}

h2 {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

p {
	width: 92%;
	vertical-align: middle;
	margin: 1em auto .5em;
}

strong {
	color: #EC6D81;
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 3px double #FFF100;
}

.txt01 {
	color: #EC6D81;
	width: 96%;
	font-weight: bold;
	font-size: 1.3em;
}

.txt02 {
	color: #EC6D81;
	font-weight: bold;
	font-size: 1.5em;
}

.txt03 {
	color: #49180C;
	font-weight: bold;
}

.box {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}

.q1 {
	color: #EC6D81;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 30px;
	background: url(img/q1.png) no-repeat left;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
}

.q2 {
	color: #EC6D81;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 30px;
	background: url(img/q2.png) no-repeat left;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
}

.q3 {
	color: #EC6D81;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 30px;
	background: url(img/q3.png) no-repeat left;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
}

.q4 {
	color: #EC6D81;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 30px;
	background: url(img/q4.png) no-repeat left;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
}

.q5 {
	color: #EC6D81;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 30px;
	background: url(img/q5.png) no-repeat left;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
}

.an {
	background: url(img/A.png) no-repeat scroll left .7em;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: hidden;
}

#sidebar {
	margin-top: 80%;
}

.line01 {
	border-bottom: 1px solid #DC6B82;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.txt02 {
	color: #EC6D81;
	font-weight: bold;
	font-size: 1.5em;
}

/* スクロール */

#menu_bottom {
	margin:1 auto;
	position:relative;
	border:1px solid #d5d5d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#FFF;
	padding: 25px 0 2px;
	word-wrap:break-word;
	overflow:hidden;
	width: 99%;
}

#menu_bottom span{ margin:0; padding:0;}
.close_b {
	position:absolute;
	top:0px;
	right:0px;
}
#menu_bottom span.close_b img{ margin:0px; padding:3px;}
.close_b a {
	text-decoration:none;
}

#menu_bottom
{
	z-index:1000;
	-moz-box-shadow: 0px 0px 0px #888;
	-webkit-box-shadow: 0px 0px 0px #888;
	box-shadow: 0px 0px 0px #888;
	margin-left:auto;
	margin-right:auto;
}
#htmltmp
{
	z-index:10;
}

/*--------------------
	共通ヘッダ部分
--------------------*/
header{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #A2AA67), color-stop(0.50, #ADB574), color-stop(0.49, #B4BA7F), color-stop(0.00, #B9BF85));
	background:-webkit-linear-gradient(top, #B9BF85 0%, #B4BA7F 49%, #ADB574 50%, #A2AA67 100%);
	background:-moz-linear-gradient(top, #B9BF85 0%, #B4BA7F 49%, #ADB574 50%, #A2AA67 100%);
	background:-o-linear-gradient(top, #B9BF85 0%, #B4BA7F 49%, #ADB574 50%, #A2AA67 100%);
	background:-ms-linear-gradient(top, #B9BF85 0%, #B4BA7F 49%, #ADB574 50%, #A2AA67 100%);
	background:linear-gradient(top, #B9BF85 0%, #B4BA7F 49　%, #ADB574 50%, #A2AA67 100%);
	border-bottom:solid 1px #787C55;
}

/*	サイト名やタイトル
--------------------*/
header h1{
	padding:.25em 0;
	border-bottom:solid 1px #EFF1D6;
	text-shadow:0 0 1px #CCD1A2;
	text-align:center;
}
section{
	padding:10px 0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #E6D9D9;
}


/*	広告
--------------------*/
.ad{
	max-width:95%;
	margin:auto;
	overflow:hidden;
	display:block;
	text-align:center;
	border:solid 1px #FFF;
}

.ad img{
	max-width:98.5%;
	height:auto;
	margin:auto;
	display:block;
	border:solid 1px #E0E4B4;
}

.ad span{
	background:#FFF;
	max-width:98.5%;
	height:auto;
	margin:auto;
	padding:5px;
	display:block;
	border:solid 1px #E0E4B4;
	text-align:left;
}

/*	タイトル
--------------------*/
#title h1{
	font-size:30px;
	text-align:center;
}


/*--------------------
	共通フッター部分
--------------------*/
footer{
	padding-top:10px;
	border-top:solid 1px #FFF;
}

footer a{
	text-decoration:underline;
}

/*	インデックス・戻る
--------------------*/
.jump{
	overflow:hidden;}

.goindex,
.back{
	background:#B0B777;
	color:#FFF;
	position:relative;
	float:right;
}

.goindex{
	padding:.65em 1.5em;

	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}

.back{
	margin:3px 1px 0 0;
	padding:.525em 1.5em .5em 1em;
	float:right;

	-moz-border-radius:5px 0px 5px 0px;
	-webkit-border-radius:5px 0px 5px 0px;
	border-radius:5px 0px 5px 0px;
}

/*	フッタメニュー
--------------------*/
.foot_nav{
	background:#B0B777;
	padding:.8em .5em .5em;
	overflow:hidden;
	clear:both;
}

.foot_nav ul{
	width:50%;
	color:#FFF;
	float:left;
	position:relative;
}

.foot_nav ul li{
	margin:auto;
	margin-bottom:2px;
}

.foot_nav ul li a{
	width:98%;
	padding:.75em 0;
	font-size:12px;
	display:block;
	color:#FFF;
	border-style:solid;
	border-color:#BCC28B #D8DBBB #D8DBBB #BCC28B;
	border-width:1px 1px 1px 1px;
	text-align:center;
}

#copy{
	padding:.5em 0;
	font-size:12px;
	text-align:center;
}


/*----------------------------------------
 INDEXページここから
----------------------------------------*/

/*	リスト画像有り(画像サイズ小)
--------------------*/
.img60 img{
	max-width:60px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img60 h3{
	margin:0 0 .2em 80px;
	color:#798338;}

a.img60 p{
	color:#B0B777;
}

.img60 h3:after,
.img60 h3:before{
	margin-top:-.2em;}

/*	リスト画像有り(画像サイズ大)
--------------------*/
.img80 img{
	max-width:80px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img80 h3{
	margin:0 0 .2em 100px;
	color:#798338;}

a.img80 p{
	color:#B0B777;
}

.img80 h3:after,
.img80 h3:before{
	margin-top:-.3em;
}

/*	リスト画像無し・リンク無し
--------------------*/
.no_img h3{
	margin:0 0 .2em 1em;
	color:#798338;}

.no_img h3:after,
.no_img h3:before{
	margin-top:-.2em;
}

a.no_img p{
	color:#B0B777;
}

/*	一部リンク
--------------------*/
.part_link{
	background:#FFA49B;
	padding:.1em .5em;
	color:#FFF;
}


/*----------------------------------------
 詳細ページここから
----------------------------------------*/
/*-- 本文 --*/
.free_txt{
	margin:0 .45em;
}

.free_eyecatch{
	max-width:95%;
	height:auto;
	margin:10px auto;
	display:block;
	border:solid 1px #E0E4B4;
}

p.free_eyecatch{
	background:#FFF;
	max-width:93%;
	height:auto;
	margin:auto;
	padding:5px;
	display:block;
	border:solid 1px #E0E4B4;
	text-align:left;
}

.btn{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFCCC6), color-stop(0.00, #FFE3DF));
	background:-webkit-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-moz-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-o-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-ms-linear-gradient(top, #FFE3DF 0%,  #FFCCC6 100%);
	background:linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);

	margin-top:1em;
	display:block;
	border:solid 1px #FFD7D3;
}

.btn span{
	padding:.6em 0;
	display:block;
	border:solid 1px #FFF9ED;
	color:#B0B777;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0 #8F9851,-1px -1px 0 #FFFFFF;
}

/* @group ポジション */

.alnR { text-align: right; }
	.alnL { text-align: left; }
	.alnC { text-align: center; }
	.floL { float: left; }
	.floR { float: right; }
	.clear { clear: both; }



/* @end */

/* @group パディング */

.noPdd{padding:0 !important;;}
	.pdd5{padding:5px !important;}
	.pddT5{padding-top:5px !important;}
	.pddR5{padding-right:5px !important;}
	.pddB5{padding-bottom:5px !important;}
	.pddL5{padding-left:5px !important;}
	.pdd10{padding:10px !important;}
	.pddT10{padding-top:10px !important;}
	.pddR10{padding-right:10px !important;}
	.pddB10{padding-bottom:10px !important;}
	.pddL10{padding-left:10px !important;}
	.pdd15{padding:15px !important;}
	.pddT15{padding-top:15px !important;}
	.pddR15{padding-right:15px !important;}
	.pddB15{padding-bottom:15px !important;}
	.pddL15{padding-left:15px !important;}
	.pdd20{padding:20px !important;}
	.pddT20{padding-top:20px !important;}
	.pddR20{padding-right:20px !important;}
	.pddB20 {
	padding-bottom: 20px !important; }
	.pddL20{padding-left:20px !important;}
	.pdd25{padding:25px !important;}
	.pddT25{padding-top:25px !important;}
	.pddR25{padding-right:25px !important;}
	.pddB25 {
	padding-bottom: 25px !important; }
	.pddL25{padding-left:25px !important;}
	.pdd30 {
	padding: 30px !important; }
	.pddT30 {
	padding-top: 30px !important; }
	.pddB30{padding-bottom:30px !important;}
	.pddR30 {
	padding-right: 30px !important; }
	.pddL30 {
	padding-left: 30px !important; }
	.pdd35 {
	padding: 35px !important; }
	.pddT35 {
	padding-top: 35px !important; }
	.pddB35{padding-bottom:35px !important;}
	.pddR35 {
	padding-right: 35px !important; }
	.pddL35 {
	padding-left: 35px !important; }
	.pdd40 {
	padding: 40px !important; }
	.pddT40 {
	padding-top: 40px !important; }
	.pddB40{padding-bottom:40px !important;}
	.pddR40 {
	padding-right: 40px !important; }
	.pddL40 {
	padding-left: 40px !important; }



/* @end */

/* @group マージン */

.noMrg{margin:0 !important;}

.MrgSideAuto {
	margin: 0 auto !important; }
	.Mrg5{margin:5px !important;}
	.MrgT5{margin-top:5px !important;}
	.MrgR5{margin-right:5px !important;}
	.MrgB5{margin-bottom:5px !important;}
	.MrgL5{margin-left:5px !important;}
	.Mrg10{margin:10px !important;}
	.MrgT10{margin-top:10px !important;}
	.MrgR10{margin-right:10px !important;}
	.MrgB10{margin-bottom:10px !important;}
	.MrgL10{margin-left:10px !important;}
	.Mrg15{margin:15px !important;}
	.MrgT15{margin-top:15px !important;}
	.MrgR15{margin-right:15px !important;}
	.MrgB15{margin-bottom:15px !important;}
	.MrgL15{margin-left:15px !important;}
	.Mrg20{margin:20px !important;}
	.MrgT20{margin-top:20px !important;}
	.MrgR20{margin-right:20px !important;}
	.MrgB20{margin-bottom:20px !important;}
	.MrgL20{margin-left:20px !important;}
	.Mrg25{margin:25px !important;}
	.MrgT25{margin-top:25px !important;}
	.MrgR25{margin-right:25px !important;}
	.MrgB25{margin-bottom:25px !important;}
	.MrgL25{margin-left:25px !important;}
	.Mrg30{margin:30px !important;}
	.MrgT30{margin-top:30px !important;}
	.MrgR30{margin-right:30px !important;}
	.MrgB30{margin-bottom:30px !important;}
	.MrgL30{margin-left:30px !important;}
	.Mrg35{margin:35px !important;}
	.MrgT35{margin-top:35px !important;}
	.MrgR35{margin-right:35px !important;}
	.MrgB35{margin-bottom:35px !important;}
	.MrgL35{margin-left:35px !important;}
	.Mrg40{margin:40px !important;}
	.MrgT40{margin-top:40px !important;}
	.MrgR40{margin-right:40px !important;}
	.MrgB40{margin-bottom:40px !important;}
	.MrgL40{margin-left:40px !important;}

.MrgL50{margin-left:50px !important;}



/* @end */

/* @group テキスト調整 */

.Text15 {
		font-size: 1.5em; }
	.Text14 {
		font-size: 1.4em; }
	.Text13 {
		font-size: 1.3em; }
	.Text12 {
		font-size: 1.2em; }
	.Text11 {
		font-size: 1.1em; }
	.Text10 {
		font-size: 1em; }
	.Text09 {
		font-size: 0.9em; }
	.Text08 {
		font-size: 0.8em; }
	.Text07 {
		font-size: 0.7em; }
	.Text06 {
		font-size: 0.6em; }
	.LineH18 {
		line-height: 1.8em; }
	.LineH17 {
	line-height: 1.7em; }
	.LineH16 {
	line-height: 1.6em; }
	.LineH15 {
	line-height: 1.5em; }
	.LineH14 {
	line-height: 1.4em; }
	.LineH13 {
	line-height: 1.3em; }
	.LineH12 {
	line-height: 1.2em; }



/* @end */

#footer {
	width:100%;
	margin:0px auto;
	padding-top: 1em;
	background-color: #FFD7D7;
	text-align: center;
}

#footer a.firstChild{
	font-size:100%;
}
#footer p.lastChild{
	font-size:75%;
	padding-bottom: 1em;
	margin-bottom: 0;
}

.fixedbtn {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255,255,255,.5);
  padding: 2vw 0;
}

.fixedbtn img {
  display: block;
  margin: auto;
  max-width: 750px;
}

body {
  padding-bottom: 13vw;
}

.bnr {
	background: url(img/ptrn.png) repeat;
	background-size: 26px 27px;
}

.bnr.bnr2 {
	background: url(img/ptrn.jpg) repeat;
    background-size: 100%;
}

.bnr h1 {
	padding: 0;
	border-bottom: none;
}

.bnr img {
	width: 100%;
}

.bnr #bnr {
	margin-top: -5.5%;
}

.bnr.bnr2 #bnr {
	margin-top: 0;
}

.fuwafuwa {
	-webkit-animation-name: btn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	-moz-animation-name: btn;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease;
	animation-name: btn;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	transition: .3s;
}

@-webkit-keyframes btn {
  0% {
    -webkit-transform: translate(0, 2px);
  }
  50% {
    -webkit-transform: translate(0, -2px);
  }
  100% {
    -webkit-transform: translate(0, 2px);
  }
}

@-moz-keyframes btn {
  0% {
    -moz-transform: translate(0, 2px);
  }
  50% {
    -moz-transform: translate(0, -2px);
  }
  100% {
    -moz-transform: translate(0, 2px);
  }
}

@keyframes btn {
  0% {
    transform: translate(0, 2px);
  }
  50% {
    transform: translate(0, -2px);
  }
  100% {
    transform: translate(0, 2px);
  }
}