@charset "UTF-8";

/*

	[Base] Formatting browser's default styles
		0. Reset
		1. HTML, Body, Anchor
		2. Headings
		3. Lists
		4. Tables
		5. Forms
		6. Others

	[Layout] 
		0. Base Layout
		1. Header
		2. Content
		3. Footer

	[Module] 
		1. Common Elements
		2. Common Module
		90. Others
		99. Clearfix

	[Page] 
		1. HOME
		2. KOE
		3. LIST
*/

/*/////////////////////////////////////////////////////////////
[Base] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Reset
------------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer,
header, hgroup, menu, nav, section {
	display: block;
}

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
------------------------------------------------------------ */
html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}
body {
	color: #333333;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
	line-height: 1.4;
}
a {
	color: #333333;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(ff,de,00,0.3); /* タップ時の背景色 */
}

/* ------------------------------------------------------------
	2. Headings
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* ------------------------------------------------------------
	3. Lists
------------------------------------------------------------ */
li {
	list-style: none;
}

/* ------------------------------------------------------------
	4. Tables
------------------------------------------------------------ */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* ------------------------------------------------------------
	5. Forms
------------------------------------------------------------ */
fieldset {
	border: none;
}
input, textarea, select, label {
	font-size: 100%;
	vertical-align: middle;
}
textarea {
	overflow: auto;
}

/* ------------------------------------------------------------
	6. Others
------------------------------------------------------------ */
img {
	border: none;
	vertical-align: middle;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
strong {
	color: #dc2159;
}
mark {
	font-weight: bold;
}
object {
	vertical-align: middle;
	outline: none;
}
blockquote, q {
	quotes: none;
}
q:before, q:after {
	content: '';
}
code {
	font-family: monospace;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #333;
	cursor: help;
}
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
hr {
	display: none;
}
pre {
	font-family: monospace;
}

/*/////////////////////////////////////////////////////////////
[Layout] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Base Layout
------------------------------------------------------------ */
body {
}
div,p,a,dl{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	
}



/* その他 */
/*--margin padding style
--------------------------------------------------------------*/
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.aCenter{text-align:center;}

/* Copyright
------------------------------------------------- */

/* 画像保存禁止
------------------------------------------------- */
img.nS {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}



/*/////////////////////////////////////////////////////////////
[Module] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */
.clearfix:after{
	content : '';
	display : block;
	clear : both;
}

/*/////////////////////////////////////////////////////////////
common parts
//////////////////////////////////////////////////////////////*/

#siteHeader{
	background:#FFF;
	display:table;
	width:100%;
	}
#siteHeader h1{
	width:100%;
	display:table-cell; vertical-align:middle;
	}
#siteHeader h1 img{width:100%;height:auto;}
#siteHeader .go_toppage{
	display:table-cell; vertical-align:middle;
	width:33%;
	padding-left: 18%;
    padding-right: 2%;
	padding-top:5px;
	padding-bottom:5px;
	}
#siteHeader .go_toppage a{}
#siteHeader .go_toppage img{width:100%;height:auto;}
#content{
	background:url(../img/bg_content.gif) repeat;
	padding:0 0 20px 0;
	}
#content h2{}
#content h2 img{width:100%;height:auto;}

#content .inner{
	padding:0 10px;
}

.subtitle{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	display:table;
	width:100%;
	-webkit-border-radius: 10px 10px 0 0;  
    -moz-border-radius: 10px 10px 0 0;  
    border-radius: 10px 10px 0 0;
}
.date{
	display:table-cell; vertical-align:middle;
	padding:3px;text-align:center;
	background:#ffea00;color:#000;
	font-size:90%;
	border:1px solid #000;
	width:35%;
	-webkit-border-radius: 10px 0 0 0;  
    -moz-border-radius: 10px 0 0 0;  
    border-radius: 10px 0 0 0;
	font-weight:bold;
}
.place{
	display:table-cell; vertical-align:middle;
	padding:3px 3px 3px 8px;text-align:left;
	background:#000;color:#fff;
	font-size:90%;
	border:1px solid #000;
	-webkit-border-radius: 0 10px 0 0;  
    -moz-border-radius: 0 10px 0 0;  
    border-radius: 0 10px 0 0;
	font-weight:bold;
}
.guest{
	border-top:3px solid #ECA4CE;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	font-size:100%;
	background:#F9CCE5;
	color:#E2007E;
	padding:10px;
	font-weight:bold;
	display:block;
	width:100%;

}
.guest dt{
	float:left;
}
.guest dd{
	padding-left:4em;
}
.moyou1{
	line-height:0;
	background-color:#FFF;
	margin:0;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:none;
	border-top:none;
	font-size:0;
	padding-bottom:10px;
}
.moyou1 img{
	width: 100%;
	vertical-align:top;
}

#content .waku{
	background:#FFF;
	padding:10px;
	-webkit-border-radius: 10px;  
    -moz-border-radius: 10px;  
    border-radius: 10px;
}
#content .waku2{
	background:#FFF;
	padding:10px;
	 -webkit-border-radius: 0 0 10px 10px;  
    -moz-border-radius: 0 0 10px 10px;  
    border-radius: 0 0 10px 10px;
}
#content .waku3{
	background:#FFF;
	padding:10px;
	-webkit-border-radius: 10px 10px 0 0;  
    -moz-border-radius: 10px 10px 0 0;  
    border-radius: 10px 10px 0 0;
}
#map_wrap{
	width:100%;
	padding:4px;
	border:2px solid #85B200;
	background-image:url(../img/bg_map2.gif),url(../img/bg_map2.gif),url(../img/bg_map2.gif),url(../img/bg_map2.gif),url(../img/bg_map.gif);
	background-position:top left,top right,left bottom,right bottom,top left;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,repeat;
}
#map_canvas{
	width:100%;
	height:190px;
}

.photo_wrap{
	background:#FFF;
	width:100%;
	padding:0 2px;
	position:relative;
}
.photo_wrap .photo_bg{
	width:100%;
}
.photo_wrap .photo{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
}
.photo_wrap .photo img{
	display:block;
	margin:4% auto 0;
	width:91%;
	height:auto;
}
.note{
	background:url(../img/bg_note.gif) repeat;
	width:100%;
	line-height:25px;
	font-size:100%;
	margin:0;
	padding-top:2px;
	padding-bottom:2px;
}
.send_gps{
  width:100%;
  color:#ffffff;
  font-weight:bold;
  background:#337fcc;
  font-size:120%;
  font-weight:bold;
  text-shadow:1px 1px 1px #9D0056;
  text-align:center;
  display:block;
  text-decoration:none;
  border:1px solid #9D0056;
  padding:15px 0 11px 0;
  	-webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;

	background: #f8bfdf;
	background: -moz-linear-gradient(top,  #f8bfdf 0%, #ec5cad 47%, #e2007e 50%, #a8005d 100%); 	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bfdf), 		
	color-stop(47%,#ec5cad), color-stop(50%,#e2007e), color-stop(100%,#a8005d));
	background: -webkit-linear-gradient(top,  #f8bfdf 0%,#ec5cad 47%,#e2007e 50%,#a8005d 100%); 
	background: -o-linear-gradient(top,  #f8bfdf 0%,#ec5cad 47%,#e2007e 50%,#a8005d 100%);
	background: -ms-linear-gradient(top,  #f8bfdf 0%,#ec5cad 47%,#e2007e 50%,#a8005d 100%);
	background: linear-gradient(to bottom,  #f8bfdf 0%,#ec5cad 47%,#e2007e 50%,#a8005d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bfdf', endColorstr='#a8005d',GradientType=0 );
  box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset,0px 1px 1px #000;
  cursor:pointer;
  margin:1em 0;
}

#topnavi{}
#topnavi a{
  width:100%;
  color:#ffffff;
  font-weight:bold;
  background:#337fcc;
  font-size:120%;
  font-weight:bold;
  text-shadow:1px 1px 1px #9D0056;
  text-align:center;
  display:block;
  text-decoration:none;
  border:1px solid #9D0056;
  padding:15px 0 11px 0;
  	-webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;

	background: #f8bfdf;
	background: -moz-linear-gradient(top,  #f8bfdf 0%, #ec5cad 47%, #e2007e 50%, #a8005d 100%); 	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bfdf), 		
	color-stop(47%,#ec5cad), color-stop(50%,#e2007e), color-stop(100%,#a8005d));
	background: -webkit-linear-gradient(top,  #f8bfdf 0%,#ec5cad 47%,#e2007e 50%,#a8005d 100%); 
	background: -o-linear-gradient(top,  #f8bfdf 0%,#ec5cad 47%,#e2007e 50%,#a8005d 100%);
	background: -ms-linear-gradient(top,  #f8bfdf 0%,#ec5cad 47%,#e2007e 50%,#a8005d 100%);
	background: linear-gradient(to bottom,  #f8bfdf 0%,#ec5cad 47%,#e2007e 50%,#a8005d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bfdf', endColorstr='#a8005d',GradientType=0 );
  box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset,0px 1px 1px #000;
  cursor:pointer;
  margin:1em 0;
  position:relative;
}
#topnavi a::after{
	content:"";
	background:url(../img/arw_topnavi.png) no-repeat;
	width:14px; height:14px; overflow:hidden;
	position:absolute; top:38%; right:10px;
}
#suisyo_btn{
	border-top:1px solid #999;
	color:#1C54D5;
	text-align:center;
	display:block;
	padding:15px 0;
	font-size:100%;
	 -webkit-border-radius: 0 0 10px 10px;  
    -moz-border-radius: 0 0 10px 10px;  
    border-radius: 0 0 10px 10px;
	background: #efefef;
	background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
	position:relative;
}
#suisyo_btn::after{
	content:"";
	background:url(../img/arw_suisyo.gif) no-repeat;
	width:14px; height:14px; overflow:hidden;
	position:absolute; top:38%; right:20px;
}
#present_no_link{
	width:100%;
	color:#666;
	background-color:#F6B2D8;
	font-weight:bold;
	font-size:120%;
	font-weight:bold;
	text-shadow:1px 1px 1px #fff;
	text-align:center;
	display:block;
	text-decoration:none;
	border:0px none;
	padding:10px 0 10px 0;
	-webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;
	position:relative;
	text-align:center;
}
#present_no_link p{
	display:block;
	margin:0 auto;
}
#present_no_link img{
	width:40%;height:auto;
	padding-left:20px;
}

#quiz_wrap{
}

#question{
    background: none repeat scroll 0 0 #FBE0EF;
    border-radius: 5px 5px 5px 5px;
    font-size: 90%;
    padding: 11px;
}
#question span{
color:#00b;font-size:15px;
}


#graph_wrap{
	background-color:#F0F0E1;
	background-image:url(../img/bg_graph.gif),url(../img/bg_graph.gif),url(../img/bg_graph.gif),url(../img/bg_graph.gif);
	background-position:top left,top right,left bottom,right bottom;
	background-repeat: no-repeat,no-repeat,no-repeat, no-repeat;
	border:2px solid #E9E9D1;
	width:100%;
	padding:7px;
	-webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;
	margin-top:10px;
}
#unit{color:#565653;text-align:right;}
#bar_wrap_top{
	background:#FFF;
	border:1px solid #E9E9D1;
	border-bottom:none;
	width:100%;height:7px;
	-webkit-border-radius: 5px 5px 0 0;  
    -moz-border-radius: 5px 5px 0 0;  
    border-radius: 5px 5px 0 0;
	overflow: hidden;
}

#bar_wrap{
	background:#FFF;
	border:1px solid #E9E9D1;
	border-top:none;
	width:100%;height:102px;
	-webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	overflow: hidden;
}
.bar{
	float:left;
	background-color:#ccc;
	border:1px solid #333;
	width:20%;
	margin-top:100px;
}
.bar p{
	height:100px;width:100%;
}
#bar1{ background:#C2D87F;border:1px solid #84B000;}
#bar1 p{ border-left:2px solid #DAE8B2;}
#bar2{ background:#B3D9FF;border:1px solid #56A9FE;}
#bar2 p{ border-left:2px solid #D1E8FF;}
#bar3{ background:#E8A6FF;border:1px solid #D048FE;}
#bar3 p{ border-left:2px solid #F1CAFF;}
#bar4{ background:#FFC992;border:1px solid #FB9329;}
#bar4 p{ border-left:2px solid #FFDFBE;}


#point_wrap{}
#point_wrap p{
	color:#565653;text-align:center;
	float:left;
	width:20%;
}
#point1{}


#answer_wrap{width:100%;padding-top:10px;}
#answer_wrap a{ display:block;margin-bottom:10px;cursor:pointer;}
#answer_wrap img{ width:100%;height:auto;}
#answer_wrap div{}
#answer_wrap div a{ width:49%;float:left;}
#answer_wrap div a:last-child{ float:right;}

#answer1{}
#answer2{}
#answer3{}
#answer4{}

.question-end-wrap #answer_wrap img{ opacity: 0.5;}

.ans_length4 #bar1{margin-left:4%;}
.ans_length4 .bar{margin-right:4%;}
.ans_length4 #bar4{margin-right:0;}
.ans_length4 #point_wrap #point1{ margin-left:4%;}
.ans_length4 #point_wrap p{ margin-right:4%;}
.ans_length4 #point_wrap #point4{ margin-left:0;}

.ans_length3 #bar4,
.ans_length3 #point4,
.ans_length3 #answer4{display:none;}
.ans_length3 #bar1{margin-left:8%;}
.ans_length3 .bar{margin-right:12%;}
.ans_length3 #bar2{margin-right:0;}
.ans_length3 #point_wrap #point1{ margin-left:8%;}
.ans_length3 #point_wrap p{ margin-right:12%;}
.ans_length3 #point_wrap #point2{ margin-right:0;}

.ans_length2 #bar4,.ans_length2 #bar3,
.ans_length2 #point4,.ans_length2 #point3,
.ans_length2 #answer4,.ans_length2 #answer3{display:none;}
.ans_length2 #bar1{margin-left:26%;}
.ans_length2 .bar{margin-right:12%;}
.ans_length2 #bar2{margin-right:0;}
.ans_length2 #point_wrap #point1{ margin-left:26%;}
.ans_length2 #point_wrap p{ margin-right:12%;}
.ans_length2 #point_wrap #point2{ margin-right:0;}

.ans_length1 #bar4,.ans_length1 #bar3,.ans_length1 #bar2,
.ans_length1 #point4,.ans_length1 #point3,.ans_length1 #point2,
.ans_length1 #answer4,.ans_length1 #answer3,.ans_length1 #answer2{display:none;}
.ans_length1 #bar1{margin-left:40%;}
.ans_length1 #point_wrap #point1{ margin-left:40%;}
.ans_length1 #answer_wrap div { text-align:center;}
.ans_length1 #answer_wrap div a{ float:none;margin:0 auto;}

#suisyo_browser{padding:1em;background:#eee;border:1px solid #ccc;margin:10px 0;}
#suisyo_browser ul{padding-left: 1em; font-size:90%;}
#suisyo_browser li{text-indent:-1em;}
#suisyo_attention{}
#suisyo_attention ul{padding-left: 1em; font-size:80%;}
#suisyo_attention li{text-indent:-1em;}

#gopresent{
	background:#E2007E;
	padding:10px 50px 10px 10px;
	box-shadow:0px 8px 10px #aaa;
	position:relative;
	cursor:pointer;
	display:none;
	margin-bottom:15px;
}
#present_pop_title{
	padding-right:20%;
	padding-bottom:10px;	
}
#present_pop_title img{
	width:100%;height:auto;
}
#present_pop_keihin{
	background:#fff;
	color:#ff0000;
	box-shadow:4px 4px 4px #CCC inset;
	-webkit-border-radius: 10px;  
    -moz-border-radius: 10px;  
    border-radius: 10px;
	padding:10px;

}
#gopresent::after{
	content:"";
	background:url(../img/arw_present_pop.gif) no-repeat;
	width:15px; height:16px; overflow:hidden;
	position:absolute; top:43%; right:20px;
}


#siteFooter{
	background:#FFF;
	
	}
#siteFooter #go_head{
	display:block;
	width:100%;

	background:url(../img/arw_gohead.gif) no-repeat 95% center #333;
	padding-top:1em;
	padding-bottom:1em;
	color:#FFF;
	text-align:center;
	padding::20px;
	}
#siteFooter .footerinner{
	width: 100%;
	background-image: linear-gradient(bottom, rgb(253,253,253) 31%, rgb(238,238,238) 66%);
	background-image: -o-linear-gradient(bottom, rgb(253,253,253) 31%, rgb(238,238,238) 66%);
	background-image: -moz-linear-gradient(bottom, rgb(253,253,253) 31%, rgb(238,238,238) 66%);
	background-image: -webkit-linear-gradient(bottom, rgb(253,253,253) 31%, rgb(238,238,238) 66%);
	background-image: -ms-linear-gradient(bottom, rgb(253,253,253) 31%, rgb(238,238,238) 66%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.31, rgb(253,253,253)),
		color-stop(0.66, rgb(238,238,238))
	);
	
}
#siteFooter .attention_inner{
	padding:15px 0px 9px;
	display:table; vertical-align:middle;
	width: 100%;
	}
#siteFooter .footer_logo{
	display:table-cell; vertical-align:middle;
	padding-left:10px;
	width:30%;
	}
#siteFooter .footer_logo img{
	width:100%;height:auto;
}
#siteFooter .attention{
	display:table-cell; vertical-align:middle;
	padding-right:8px;
	padding-left:3%;
	font-size:80%;
	
	}
#siteFooter #copyright{text-align:center;font-size:80%;}