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

body {
    line-height:1;
    margin:0;
}
 
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

ul {
    list-style:none;
    padding:0;
}
li {
    padding:0;
}
 
input, select {
    vertical-align:middle;
}
 
a {
    display: block;
}
 
a {
    -webkit-tap-highlight-color:transparent;
}
/*---------------------------------------以上リセットCSS---------------*/
/*リンク*/
a:link		{
	color: #fff;
	text-decoration: none;
	}
a:visited	{
	color: #fff;
	text-decoration: none;
	}
a:hover		{
	color: #fff;
	text-decoration: none;
	}
a:active		{
	color: #fff;
	text-decoration: none;
	}
img	{
	border: none;
	width:100%;
	}
form {
	margin: 0;
	}

/*txt set*/
.txt60{font-size:0.6em; font-weight: nomal;}
.txt80{font-size:0.8em; font-weight: nomal;}
.txt90{font-size:0.9em; font-weight: nomal;}
.txt120{font-size:1.3em; font-weight: nomal;}

body{
	background-color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 75%;
	min-width: 320px;
	-webkit-text-size-adjust: none;
}
.wrapper{
	min-height:100%;
	height:auto;
	position:relative;
}

header{
	background: -moz-linear-gradient(top, #fff, #FFEFBF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FFEFBF));
	color: #fff;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
/*MENUボタン*/
header .btnMenu .btn{
	top: 10px;
	right: 10px;
	width: 100px;
	border-radius: 5px;
	border: 1px solid #FF3244;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 1;
	padding-top: 5px;
	padding-left: 5px;
	clear:both;
}
/*メニューボタンの押したときに切り替えする*/
header p.btn .icon{
	
	margin-right:0;
	margin-left:2px;
}

header nav{
}




/*--menu.#globalMenu　第二階層以降右上からのメニュー-------------------------------------------------------------*/

#globalMenu{
	top:5px;
	overflow:hidden;
	z-index:20;
}
/*クリック時のMENUボタンの大きさ*/

#globalMenu .btnBox p{
	width: 100px;
	height: 30px;
	background: #FF3244;
	border-radius: 5px;
	border: 1px solid #FF3244;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	top: -2px;
	right: 0px;
	text-align: center;
}

#globalMenu .btnBox p.btn{
}
#globalMenu .btnBox p.shadow{
}
#globalMenu .innerBox{
	width: 90%;
	margin: auto;
	/* [disabled]margin-top:0.5%; */
}

/*クリック時の下に出るメニュー*/
#globalMenu .menuArea{
	width:100%;
	clear:both;
}
#globalMenu .menuArea li{
	border-bottom:1px solid #fff;
	width:100%;
	margin:0;
	padding:1.5% 0;
	background:url(../images/arrow_w.png) right  top  no-repeat;
}
#globalMenu .menuArea li p{
	font-size: 100%;
	margin:10px;
	text-align: left;
	color: #fff;
}
#globalMenu .menuArea li p.left{
	clear:both;
}
#globalMenu .menuArea a{
	display:block;

}


/*--menu.hiddenMenu　第二階層以降右上からのメニューボタン------------------------------------------------------*/

/*menuボタン*/
p.btn{
	border: 1px solid #FF3244;
	border-radius: 1px;
	color: #333;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: #FF3244;
	padding-top: 5px;
	padding-left: 5px;
}

.btnMenu .btn{
	right: -6px;
	width: 100px;
	-webkit-tap-highlight-color: rgba(255,187,0,0);
}
p.btn .icon{
	margin-right:0;
	margin-left:2px;
}

nav{
}

/*menu全体大枠*/
.hiddenMenu{
	display:none;
	font-size:110%;
	position:absolute;
	top:1%;
	width:100%;
	font-weight:bold;
}
/*menu全体枠*/
.hiddenMenu .inner{
	padding:7px 10px 10px;
}
/*menuボタンの位置*/
.hiddenMenu .btnBox{
	height:30px;
	position:relative;
}

.hiddenMenu .btnBox p{
	background: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: 0;
}
/*menuをクリックした時のボタン背景色*/
.hiddenMenu .btnBox .btn{
	background:#fff;
	height:30px;
	top:10%;
}
/*menuをクリックした時のボタン*/
.hiddenMenu .btnBox p.shadow{
	/*-moz-box-shadow:0 0 10px #aaa;
	-webkit-box-shadow:0 0 10px #aaa;
	box-shadow:0px 0px 10px #aaa;
	height:21px;
	text-indent:-500px;*/
}

/*----- .innerBox -----*/
/*クリック時の下に出る枠*/
.hiddenMenu .innerBox{
	margin: 10px 0 0 0;
	padding: 10px 0;
	background-color: #FF9900;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;
	box-shadow: 0px 0px 10px #aaa;
	filter: alpha(opacity=87);
	-moz-opacity: 0.87;
	opacity: 0.87;
}
.innerBox .btnArea div{
	height:40px;
	margin:0 auto;
	text-align:center;
	padding-bottom:10px;
	position:relative;
	width:100%;
}
/*閉じるボタン*/
.innerBox .btnArea .btn{
	font-size: 100%;
	height: 30px;
	line-height: 30px;
	width: 80px;
	background-color: #FF6600;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 4px;
}
/*.innerBox .btnArea input.btn{
	width:82px;
}*/




/*--pagetop -----------------------------------------------------------------------------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	cursor: pointer;
	border: 1px solid #ff8f00;
	background-color: rgba(255,102,0,0.83);
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 10px;
	z-index: 3;
}
#pagetop_button {
  margin: 50px auto 20px auto;
  width: 200px;
  padding: 10px;
  border: solid 2px #ccc;
  background-color: #eee;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}


/*------------footer-----------------------------------*/
footer {
	background-color: #76B1F3;
	clear: both;
	margin: 5% 0 0 0;
	padding: 2% 0 2% 0;
	text-align: center;
	width: 100%;
	color: #fff;
	border-right-width: medium;
}


.pc_link{
	width: 60%;
	border-color: #fff;
	border-right-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	margin: 10px auto;
	line-height:200%;
}


footer h3{
	font-size:110%;
	vertical-align:middle;
	margin:5% auto;
}

footer h4{
	margin:3% 0 ;
}
.copyright{
	clear:both;
	margin:5%;
}
h3.float{
	float:left;
	margin:5%;
}




/*---------追加----------------------------------*/

ul.att	{
	list-style-type: disc;
	}
	
ul.att li	{
	line-height:1.4;
	margin:10px 0 10px 10px ;	
	}


/*イメージぼかし*/
.blur {
	display: inline-block;
	position: relative;
}
.blur:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 
	  inset 0 0 20px #fff /* 背景色と同じ色 */,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff;
}	


.txt_red{
  color:#F00;
}	

/**インフォメーション**********************/
ul.top_info{  
    width: 92%;
	margin: 30px 1% 0;
    padding: 10Px 2%;
	background-color:#FFF1D8;
	border-radius: 5px;
}
ul.top_info li.top_info_txt{
	text-align: left;
    list-style:disc;
    font-size: 0.9em;
	margin: 8px 0 8px 20px;
    padding-left:2px;
	color: #000000;
}
.pen{
	 background: linear-gradient(rgba(255, 255, 255, 0) 40%, yellow 50%); 
	 color:#FF0408;
	 font-weight: bold;
}
/**hanamaya*******************/
.hanamaya_grid{  
    width: 94%;
	margin: 10px 1%;
    padding:10px 2%;
	border:1px solid;
	border-radius: 5px;
}
ul.hanamaya_grid02{
	width:100%;
	margin:0px 0 ;
	padding:0 0 0 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;    
	}
   ul.hanamaya_grid02 li.hanamaya_grid02_ph{
	width:40%;
	margin: 0 1% 0 0;
	padding:10px 0;
	float:left;
	list-style: none;
	}
	ul.hanamaya_grid02 li.hanamaya_grid02_ph img{
	max-width: 100%;
	height: auto;
	}
	ul.hanamaya_grid02 li.hanamaya_grid02_txt{
	width:57%;
	margin: 0  ;
	padding:10px 1%;
	float:left;
	list-style: none;
	font-size: 0.95em;
	line-height: 1.6em;
	}	


.hanamaya_tit{  
    font-weight: bold;
	font-size: 1.3dm;
	letter-spacing: 3px;
}
ul.hanamaya{  
    width: 90%;
	margin: 10px 5%;
    padding: 0;
}
ul.hanamaya li.hanamaya_txt{
	text-align: left;
    list-style:disc;
    font-size: 0.9em;
	margin: 8px 0;
    paddin-left:0px;
	color:#000;
}
.sub_title_txt_s{
    font-size: 0.8em;
	color:#000;
	font-weight: nomal;
}

/*****************************************************************
form-tbl
****************************************************************/
.form-tbl{
	width: 98%;
	padding: 0;
	margin: 0 2% 0 0;
	color:#000;
	text-align: center;
}

.form-tbl th,
.form-tbl td{
	padding: 13px 5px;
	font-size: 0.9em;
	border: 1px solid #fff;
	border-radius:0px;
	text-align: left;
}

.form-tbl th.form-header{
	background: #999;
	text-align: center;
	color: #fff;
}
 .form-tbl .td01{
     background:#F1F1F1;
     border-radius: 5px;
     line-height: 1.8em;
	 
}
.form-tbl .td02{
	background:#E0E0E0;
     border-radius: 5px;
    color:#000;
	width:20%;
} 

.form-btn-wrapper {
	margin: 10px 0 0 0;
	font-size: 12px;
	text-align: center;
	line-height: 2;
}

.tbl-bg01{
	background: #ffffff;
}

.submit-btn-wrapper{
	text-align: center;
}

.grid_form_att{
    width: 100%;
	margin: 10px 0;
    padding: 10px 1%;
    background: #ffffff;
    border-radius: 5px; 
    text-align: left;
    border: #cccccc 1px  dotted;
	color:#333;
	line-height: 1.6em;
}    
  
    
ol.form_att{  
    width: 90%;
	margin: 10px 5%;
    padding: 0;
}
ol.form_att li{
	text-align: left;
    list-style:decimal;
    font-size: 0.9em;
    paddin-left:20px;
	color:#333;
	line-height: 1.6em;
}
.must {
    color:#FD8D00;
	/*display: block;
	background-color:#FF8C41;
	padding: 1px 1px;
	font-size: 0.7em;
	color: #FFF;
	float: left;
	margin: 0px 1px;*/
}
ul.form_att{  
    width: 90%;
	margin: 10px 5%;
    padding: 0;
}
ul.form_att li.form_att_txt{
	text-align: left;
    list-style:disc;
    font-size: 0.9em;
	margin: 8px 0;
    paddin-left:20px;
	line-height: 1.6em;
}
p.tbl_att{  
    color:#000;
}