@charset "utf-8";

* {
	margin: 0px;
}
body {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	background-color: #165e83;
}

/**** header ****/
header img {
	width: 100%;
	margin: 0px auto;
}
.main_img_mobile {
	display: block;
}
.main_img {
	display: none;
}
.main_img_pc {
	display: none;
}

/**** nav ****/
.navigation {
}
.kubun {
	color: #fef4f4;
	font-weight: bold;
	float: left;
}
.eng {
	display: block;
	text-align: center;
}
.eng a {
	color: #fef4f4;
}
.eng a:hover {
	color: #b7282e;
}
.navigation ul {
	clear: both;
	padding: 0px;
	list-style-type: none;
}
.navigation .menubar {
	list-style-type: none;
	float: left;
	width: 20%;
	text-align: center;
	color: #fef4f4;
}
.navigation ul li a {
	color: #165e83;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	border: 1px solid #165e83;
	line-height: 1.8rem;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.63, #d5a35d), color-stop(0.00, #f5f5f5));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #d5a35d 63%);
	background: -moz-linear-gradient(top, #f5f5f5 0%, #d5a35d 63%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #d5a35d 63%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #d5a35d 63%);
	background: linear-gradient(to bottom, #f5f5f5 0%, #d5a35d 63%);
}
.navigation ul li a:hover {
	color: #b7282e;
	text-decoration: none;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.69, #d9cf26), color-stop(0.00, #f5f5f5));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #d9cf26 69%);
	background: -moz-linear-gradient(top, #f5f5f5 0%, #d9cf26 69%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #d9cf26 69%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #d9cf26 69%);
	background: linear-gradient(to bottom, #f5f5f5 0%, #d9cf26 69%);
}

/**** /navigation ****/

/**** contents ****/
.contents {
	width: 96%;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	background-color: #0f2350;
	display: inline-block;
	clear: left;
	text-align: justity;
	word-break: break-all;
}
.contents h1 {
	font-size: 160%;
	color: #fff;
	padding-left: 4%;
	margin-top: 20px;
	border-left: 10px solid #fff;
	border-bottom: 1px solid #fff;
	clear: both;
}
.font1 {
	color: #fef263;
}
.contents p {
	margin: 10px 20px;
	color: #fff;
}
.photo img {
	padding-top: 10px;
	padding-left: 2%;
	padding-right: 2%;
	max-width: 96%;
}
.contents a {
	color: #fff;
}
.contents a:hover {
	color: #d3381c;
}
/**** /contents ****/

/**** privacy ****/
#privacy {
	clear: both;
	margin-top: 5%;
	margin-left: 10px;
}
#privacy ul {
	padding: 0px;
}
#privacy ul li {
	list-style-type: none;
}
#privacy ul li a {
	color: #fef4f4;
	text-decoration: none;
}
#privacy ul li a:hover {
	color: #b7282e;
}

/**** /privacy ****/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 40px;
}
.pagetop a {
	display: block;
	background-color: red;
	text-align: center;
	color: #fff;
	font-size: 1rem;
	text-decoration: none;
	padding: 10px;
}
.pagetop a:hover {
	display: block;
	background-color: green;
	text-align: center;
	color: red;
	font-size: 1rem;
	text-decoration: none;
	padding: 10px;
}

/**** footer ****/
footer p {
	margin-top: 20px;
	font-size: 0.8rem;
	color: #fef4f4;
	text-align: center;
}
/**** /footer ****/

/*************** ここからレスポンシブ ***************/
/*************** 幅550px以上で適用 ***************/

@media screen and (min-width: 550px) {
.main_img_mobile {
	display: none;
}
body {
	background-image: url("../img/yoshi_top.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/**** navigation ****/
.navigation {
	margin-left: 10px;
	margin-right: 10px;
}
.kubun {
	margin-top: 10%;
	margin-left: 10px;
	float: none;
}
.eng {
	margin-left: 20px;
	text-align: left;
}
.navigation .menubar {
	margin-top: 60%;
	font-size: 1.5rem;
}
.navigation ul li a {
	line-height: 3rem;
	font-size: 16px;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.69, #d9cf26), color-stop(0.00, #f5f5f5));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #d5a35d 69%);
	background: -moz-linear-gradient(top, #f5f5f5 0%, #d5a35d 69%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #d5a35d 69%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #d5a35d 69%);
	background: linear-gradient(to bottom, #f5f5f5 0%, #d5a35d 69%);
}
/**** /navigation ****/
/**** contents ****/
.photo img {
	float: right;
	max-width: 50%;
}
/**** /contents ****/
/**** privacy ****/
#privacy ul li {
	float: left;
	width: 50%;
}
#privacy ul li a {
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 1),0 1px 1px rgba(255, 255, 255, 1);
}
/**** /privacy ****/
/**** footer ****/
footer p {
	clear: both;
	line-height: 3rem;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 1),0 1px 1px rgba(255, 255, 255, 1);
}
/**** /footer ****/

}

/*************** 幅900px以上で適用 ***************/

@media screen and (min-width: 900px) {
.main_img_mobile {
	display: none;
}
body {
	background-image: url("../img/yoshi_top_pc.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/**** navigation ****/
.navigation {
	margin-top: 3%;
}
.navigation ul {
	margin-top: 10px;
}
.navigation .menubar {
	font-weight: bold;
	color: #fef4f4;
	text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.9), 0 2px 2px rgba(255, 255, 255, 0.6);
	border: none;
	line-height: 3rem;
}
/**** /navigation ****/

}