img{width:100%;}


.fspace{height:40px;}
.contents-inner{padding:0px 20px;/*max-width:375px;*/}


#footer{
	height:36px;
	width:100%;
	
	/*
	position: fixed !important;
	position:absolute;
	bottom:0;
	z-index:10;
	*/
	/*position:absolute;*/
	
}

.page
{
	margin:0 auto;
	/*width:320px;*/
	width:100%;
}

.header
{
	background-color:#FFF;
	
	height:35px;
	padding:9px 10px 9px 5px;
}

.header img{
	width:auto !important;
	
	}
	
.header h1{display:inline !important;}

.logo
{
	float:left;
	margin:0;
	padding:0;
}
.menu
{
	float:right;
}
.menu_off
{
	position:relative;
	top:5px;
	width:auto !important;
}

.nav
{
	display:none;
	position:absolute;
	z-index:2000 !important;
	right:0px;
	top:48px;
	
	width:250px;
	box-shadow:-5px 5px 10px rgba(0, 0, 0, 0.2);
	
	background-color:#fff;
	
	
}


.nav li
{
	list-style:none;
	display:block;
	
	margin:0px;
	padding:12px 0px 11px 18px;
	
	letter-spacing:1px;
	

}
.nav li+li{
	border-top:1px solid #CCC;
}
.nav a
{
	/*padding:0px 0px 0px 30px;*/
	text-decoration:none;
	
	color:#444 !important;
	/*font-weight:bold;*/
	font-size:16px;
}


.overlay {
    position:fixed;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.3;
    filter:alpha(opacity=30);
    -ms-filter:"alpha(opacity=30)";
    z-index:999;
}


.overlay_menu {
	display: none;
	
    z-index:1200;
    
    position:absolute;
	right:0px;
	top:0px;
	background-color:#fff;
	height:35px;
	padding:13px 10px 0px;
}

.overlay_menu img{height:21px;width:25px !important;}


.footer img{
	width:auto !important;}
.footer
{
	background-color:#DAD11E !important;
	/*text-align:center;*/
	
	/*
	display:-webkit-box;
	display:box;
	*/
	
	height:60px;
	width:100%;
	
	/*
	border:1px solid #000000;
	padding:5px;
	height:50px;
	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	*/
}
.footer a
{
	text-decoration:none;
	color:#fff;
	
	line-height:2.4em;
}

.copyright
{
	background-color:#DAD11E;
	color:#FFF;
	
	font-size:7px;
	line-height:1.4em;
	text-align:center;
	
	padding:0 0 5px 0;
}
.copyright_left
{
	float:left;
	/*background-color:#000;*/
	
	height:47px;
}
.copyright_left img
{
	margin:18px 0 0 7px;
}
.copyright_right
{
	float:right;
	text-align:right;
	

	color:#FFF;
	
	font-size:9px;
	line-height:1.4em;
	padding-top:0.8em;
}

.red{color:#c11920;}


.h2midashi{
	text-align:center;
background-color:#bca01b;
color:#fff;
padding:12px 0px;
font-size:20px;
line-height:1.3em;


}


.h3midashi{
	font-size:23px;
	margin:15px 0px 10px;
	line-height:1.3em;
	font-weight:bold;
	}


.bg{background:url(../img/bg_01.png) left top repeat-y; background-size:cover;}

.top .bg{background:none;}

.slider
{
	padding:0;
	margin:0;
	
	position:relative;
	top:-5px;
	
}

.mincho{	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}

.s-mincho{font-family: 'Noto Serif', serif; }


.menubox{
	margin:20px 0px 0px; }
	
.menubox a{
	color:#919395;
	text-decoration:none;
	}
	
.menubox p{
	margin:5px 0px 0px;
	}


.busyomenu-box{padding-bottom:20px;
}

.busyo-hr{border-bottom:1px solid #9a9370;margin-left:-20px;margin-right:-20px;margin-bottom:20px;}
.busyo-hr2{border-bottom:1px solid #9a9370;margin-left:-20px;margin-right:-20px;}

.busyo-hr3{border-bottom:1px solid #9a9370;}


.bn{margin-bottom:5px;}


a .course-link{
	
background:url(../img/feature1-07.png) center center no-repeat;
background-size:100% auto;
padding:12px;
color:#fff;

font-size:23px;
line-height:1.2em;

box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4) inset;
margin:15px 0px;

}

a .course-link span{
	font-size:20px;
}

/*コース詳細*/

.center{text-align:center;}


.busho{text-align:center}
.busho-chara{
width:120px;/*152px*/

 margin:0 auto;
 /*margin-top:-140px;*/
 margin-top:-100px
}

.busho-chara2{
width:228px;

 margin:0 auto;
 margin-top:-140px;
 
}


.course-box{
	background-color:#fff;
	border:1px solid #e6d272;
	padding:32px 25px 25px;
	position:relative;/*top:-15px;*/
	}
	
	
.timebox{border-top:1px solid #636363;
border-bottom:1px solid #636363;
padding:15px 0px;
margin:15px 0px 0px;
font-weight:bold;
background:url(../img/course-03.png) left 50% no-repeat;
background-size:25px;
padding-left:34px;
}

.spot-midashi{
	position:relative;
	margin-top:40px;
	margin-bottom:15px;
	}
	
.spot-chara{
	width:50%;
	position:absolute;
	right:-15px;
	bottom:-15px;
	}
	
	
a .spot-link{
	color:#1e1e1e;
overflow:hidden;
border-bottom:1px solid #9a9370;
background:url(../img/index-06.png) 97% center no-repeat;
background-size:13px 21px;


 display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
}


.beginner{
	width:30px !important;
	margin-left:2px;
	
	}
	

a .spot-link p{
	font-size:16px;
	max-width:46%;
	}

a .spot-link .spotimg{
	width:30%;
	float:left;
	margin-right:5%;
	}

/*近くのスポット*/

a .spot-link2{
	color:#1e1e1e;
overflow:hidden;
border-bottom:1px solid #9a9370;

 display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  padding-right:20px;

    -webkit-justify-content: flex-start;
	 justify-content: flex-start;
	
	
}

a .spot-link2 .spotimg{
	width:30%;
	
	margin-right:10px;
	
	}

a .spot-link2 p.spotname{
	font-size:16px;
	width:46%;
	padding-right:10px;
	
	box-sizing:border-box;
	
	}
	
a .spot-link2 p.distance{
	color:#c11920;

text-align:right;
margin-left:auto;
	
	}


.bold
{
	font-weight:bold;
}


.normal
{
	font-weight:normal;
}


/*スポット詳細*/


.midokoro{
	background:url(../img/spot-04.png) left top repeat;
	background-size:38px;
	margin:30px -20px 20px;
	padding:20px;
	
	position:relative;
	
	}

.comment{border-radius:10px;background:#FFF;
padding:15px;
width:65%;
box-sizing:border-box;

}

.comment p{
	
	min-height:66px;
	display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */

 }


.midokoro img{
	height:130px;
	width:auto !important;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-65px;
	
	}
	
@media (min-width: 402px) {
	
.midokoro img{
	height:130px;
	width:auto !important;
	position:absolute;
	right:7%;
	top:50%;
	margin-top:-65px;
	
	}

}

.page_body
{
	padding:5px 10px;
	
	color:#444;
	
	font-size:1.0em;
	line-height:1.4em;
}
.page_body table
{
	width:100%;
}
.page_body td, .page_body th
{
	border-bottom:1px solid #9a9370;
	padding:10px 8px 10px 0px;
	
	font-size:0.9em;
}
.page_body th
{
	white-space:nowrap;
	/*padding:0 10px 0 0;*/
}
.page_body td
{
	word-break:break-all;
}

.page_body a{
	color:#c11920;}

.body_1 th
{
	color:#816500;
	text-decoration:none;
}


a .busyomenu-box p{
	color:#1e1e1e;
	margin:15px 0px 0px;
	font-size:22px;
	font-weight:bold;
	line-height:1em;
	
	background:url(../img/index-06.png) right 50% no-repeat; background-size:13px 21px;
	
	overflow:hidden;
	
	}
	
a .busyomenu-box p span.tokusyu{
	background-color:#bca01b;
	color:#fff;
	padding:5px 8px;
	margin-right:10px;
	font-size:20px;
	font-weight:normal;
	float:left;
	width:76px;
	box-sizing:border-box;
	}
	
	
a .busyomenu-box p span.title{
	float:left;
line-height:1.3em;
padding-top:3px;
width:calc(100% - 86px );
padding-right:15px;
box-sizing:border-box;
	
	
	}
	
.busyomenu-box{overflow:hidden;}	
	
/*スタンプページ*/	
	

.map
{
	padding:0;
	margin:0;
	
	position:relative;
	top:-5px;
}
.ggmap
{
	position:relative;
	
	padding-bottom:56.25%;
	/*padding-top:30px;*/
	height:0;
	overflow:hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.map_box
{
	background:url(../img/stamppage-02.png) center center repeat;
	background-size:cover;
	
	margin:0;
	line-height:1.3em;
	
	position:relative;
	top:-5px;
	
	overflow:hidden;
	
}

.map_box_l
{
	float:left;
	width:calc(100% - 100px) ;
	height:100px;
	padding-left:15%;
	padding-right:0px;
	box-sizing:border-box;
	
    word-break: break-all;
	
	text-align:center;
	font-size:15px;
	
	font-weight:bold;
	
	
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向右揃え（Safari用） */
 justify-content: center; /* 横方向右揃え */
 
 
}

.map_box_r
{

/*position:absolute;
	right:20px;
	bottom:0px !important;
	padding:0;
	margin:0;
	width:75px;*/
	
	
	height:100px;
	
	
	 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: flex-end; /* 横方向右揃え（Safari用） */
 justify-content: flex-end; /* 横方向右揃え */
 
 margin-right:20px;


}

.map_box_r img{height:80px;width:auto !important;}


.stamp_button_bg
{
	background:url(../img/stamppage-05.png) center center repeat;
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4) inset;
		background-size:cover;
		padding:12px 0px 8px;

	position:relative;
	top:-5px;
line-height:1em;
}


.stampbtn{width:70% !important;height:auto;margin:0 auto;}


.map_text
{
	background-color:#fff4c1;
	padding:10px;
	
	font-size:0.8em;
	line-height:1.5em;
	

	position:relative;
	top:-5px;
}


.spot-stamp{
	color:#1e1e1e;
border-bottom:1px solid #9a9370;

 display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  
  height:61px;
  padding:0px 20px;
  overflow:hidden;
  
}


.spot-stamp p{
	  float:left;
  width: calc( 100% - 48px );
  box-sizing:border-box;

	}

.spot-stamp img{
	width:48px;
	float:right
	}


/*ログインメンバー登録*/


.submitBtn_member
{
	border:0px;
	width:140px;
	height:44px;
	background:url(../img/member.jpg) left top no-repeat;
	
	background-size:140px;
	
	  border-radius: 0;
	  
	  
}
.submitBtn_sendmail
{
	border:0px;
	width:140px;
	height:44px;
	background:url(../img/send.jpg) left top no-repeat;
	
	background-size:140px;
	
	  border-radius: 0;
}
.submitBtn_setting
{
	border:0px;
	width:140px;
	height:44px;
	background:url(../img/setting.jpg) left top no-repeat;
	
	background-size:140px;
	
	  border-radius: 0;
}
.submitBtn_send
{
	border:0px;
	width:175px;
	height:55px;
	background:url(../img/submitbtn_send.png) left top no-repeat;
	
	background-size:140px;
}
.submitBtn_stamp
{
	border:0px;
	width:140px;
	height:44px;
	background:url(../img/submitBtn_stamp.png) left top no-repeat;
	
	background-size:140px;
}
.submitBtn_login
{
	border:0px;
	width:140px;
	height:44px;
	background:url(../img/login.jpg) left top no-repeat;
	background-size:140px;
    border-radius: 0;
}

.stampBtm_on
{
	border:0px;
	width:295px;
	height:44px;
	background:url(../img/stamp_btm3.png) left top no-repeat;
	background-size:295px;
}

.input_text
{
	border:0;
	padding:10px;
	border:solid 1px #c69b47;
	margin:0;
	width:260px;
	width:100%;
	box-sizing:border-box;
	
	
   border-radius: 0;
	
}
.input_checkbox
{
	margin:0 6px 0 0;
	
	width:24px;
	height:24px;
	-moz-transform:scale(1.0);
	-webkit-transform:scale(1.0);
	transform:scale(1.0);
	
	
	border:solid 1px #c69b47;
	 border-radius: 0;
}

.checkbox
{
    float:left;
    height:24px;
}
.checkbox_text
{
    float:left;

	position:relative;
	top:0.2em;

	height:24px;
	
	padding-top:auto;
	padding-bottom:auto;
	
	text-align:left;
	
	
}
.clear_both
{
	clear:both;
}


/*スタンプ確認*/


.stamp-no{
	position:relative;
	}
	
.stamp-no p{
	position:absolute;
	color:#fff;
	
	font-size:50px;
	margin-top:-28px;
	top:50%;
	left:9%;
	text-align:center;
	width:20%;
	line-height:1em !important;
	
	
  }
.h4{
    padding:10px 20px;
    background-color:#e5dec0;
    font-weight: bold;
    }
      
.jump-link-text a{
    color:#c11920;
    text-decoration:underline;
    }    

.couse-stamp-tokusyu{
    width:95%;
	color:#1e1e1e;
	padding: 10px 10px 10px 20px;
    overflow:hidden;
    border-bottom:dashed 1px #9a9370;
    display: -webkit-flex;
    display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  }
  
a .couse-stamp{
	color:#1e1e1e;
	padding:10px 20px;
    overflow:hidden;
    border-bottom:1px solid #9a9370;
    background:url(../img/index-06.png) 97% center no-repeat;
    background-size:13px 21px;
    display: -webkit-flex;
    display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
    }
	

ul{
list-style-type:none;
line-height:1.4em;
}
	

li.present_type{
	background-image:url(../img/markpre.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:20px;
}


li.present_type2{
	background-image:url(../img/markpre.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
}	

/*総合賞・応募可能なプレゼント（集めたスタンプの数で変化）*/
li.present_type_check{
	background-image:url(../img/markpre_check.png);
	background-repeat:no-repeat;
	background-position:0px 2.4px;
	padding-left:20px;
    color:#c11920;
}
	  

@media (min-width: 600px) {
	.stamp-no p{
    font-size: 70px;
	margin-top:-38px;
	top:50%;
	}
  }  
  
	
.stamp_body
{
	padding:10px 10px;
	
	color:#252525;
	
	font-size:1.0em;
	line-height:1.4em;
}
	
.stamp_body table
{
	margin:0 auto;
	
	table-layout:fixed;
	width:300px;
	word-wrap:break-word;
	
	border-spacing:2px;
	border-collapse:separate;
	
	
}
.stamp_body th
{
	/*background-color:#E0CC0A;*/
	color:#252525;
	text-align:center;
	
	font-size:13px;
	line-height:1.4em;
	
	width:94px;
	word-break:break-all;
	
	padding:5px 2px 3px 2px;
}
.stamp_body td
{
	
	width:98px;
	height:98px;
	
	background-color:#FFF;
	background:url(../img/no-stamp.png);
	
	background-position:center center;
	background-repeat:no-repeat;
	/*left top no-repeat;*/
	
	background-size:67px;
	background-color:#FFF;
	margin:0;
	padding:0;
	
	position:relative;
}

.stamp_body td.on_stamp{
	
	background:url(../img/stamp.png);
	background-position:center center;
	background-repeat:no-repeat;
	/*left top no-repeat;*/
	
	background-size:67px;
	background-color:#FFF;
	}


.bg_1{
	background-color:#e5dec0;
	}
	
	
.stamp_body img
{
	margin:0;
	padding:0;
	vertical-align:bottom;
	
	position:absolute;
	top:0;
	left:0;
}


.err_msg
{
	color:#ff0000;
}


.border_none{
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

.attention_txt{
	font-size:95%;
	color:#c3150e;
	background:rgba(0,0,0,0.1);
	padding:5px;
	font-weight:bold;
}


.modal-content {
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	position:fixed;
	display:none;
	z-index:2;
	width:50%;
	margin:0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
}
 
.modal-content p {
	margin:0;
	padding:0;
}

.modal-overlay {
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.modal-open {
	color:#00f;
	text-decoration:underline;
}

.modal-open:hover {
	cursor:pointer;
	color:#f00;
}

.modal-close {
	color:#00f;
	text-decoration:underline;
	position: absolute;
	right: -3px;
	top: -3px;
}

.modal-close:hover {
	cursor:pointer;
	color:#f00;
}

.present-chusen {
	font-size:80%;
	color:#fff;
	background-color:red;
	padding:2px;
}

.present-senchaku {
	font-size:80%;
	color:#fff;
	background-color:blue;
	padding:2px;
}

.present-course {
	font-size:90%;
	color:#fff;
	background-color:#bca01b;
	padding:2px;
}