@charset "UTF-8";
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	border: none;
}
body {
	background-image: url(../img/backimage.gif);
	background-repeat: no-repeat;
	background-color: #b8ac85;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
}
/*戻るボタン*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 30px;
}
.pagetop a {
	display: block;
	background-color: #ccc;
	text-align: center;
	color: #222;
	font-size: 1.8rem;
	text-decoration: none;
	padding: 5px 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a:hover {
	display: block;
	background-color: #b2d1fb;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*ヘッダー設定*/
.boxA {
	background-color: #36384c;
}
.box1 h1 {
	font-size: 3rem;
	font-family: 'Patyone One', sans-serif;
	font-weight: normal;
}
.box1 h1 a {
	color: #849974;
}
.box1 p {
	font-size: 1.2rem;
}
.menu li a {
	display: block;
	padding: 15px 15px;
	font-size: 1.4rem;
	color: #fff;
}
/*スライダー設定*/
.box3 {
}
/*メニュー設定*/
.red {
	color: #FC0;
}
.box4 {
	margin-top: 50px;
}
.box4-A {
	color: #fff;
}
.box4-B {
	color: #fff;
}
.box4 .title {
	font-size: 2.2rem;
	color: #613a43;
}
.box4 h2 {
	font-size: 1.8rem;
	text-align: center;
	margin-top: 15px;
	color: #38364c;
}
.box4-1:after {
	content: "";
	display: block;
	clear: both;
}
.box4-1 {
	float: left;
	width: 33.3333%;
	font-size: 3rem;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box4-2:after {
	content: "";
	display: block;
	clear: both;
}
.box4-2 {
	float: left;
	width: 33.3333%;
	font-size: 3rem;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box4-3:after {
	content: "";
	display: block;
	clear: both;
}
.box4-3 {
	float: left;
	width: 33.3333%;
	font-size: 3rem;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*.box4-B {
	width: 100%;
}*/
.box4-4:after {
	content: "";
	display: block;
	clear: both;
}
.box4-4 {
	float: left;
	width: 33.3333%;
	font-size: 3rem;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box4-5:after {
	content: "";
	display: block;
	clear: both;
	padding: 5px;
}
.box4-5 {
	float: left;
	width: 33.3333%;
	font-size: 3rem;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box4-6:after {
	content: "";
	display: block;
	clear: both;
}
.box4-6 {
	float: left;
	width: 33.3333%;
	font-size: 3rem;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*プロフィール設定*/
.box5 {
	margin-top: 20px;
}
.box5:after {
	content: "";
	clear: both;
	display: block;
}
.box5 .box5-B {
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
}
.box5 .box5-B:after {
	content: "";
	display: block;
	clear: both;
}
.box5 h2 {
	font-size: 1.8rem;
	color: #037367;
}
.box5 .detail {
	font-size: 4rem;
}
.box5 .bio {
	font-size: 4rem;
}
/*マップ設定*/
.box6 h2 {
	font-size: 2rem;
	color: #613a43;
}
.box6 .about {
	background-color: #613a43;
	color: #fff;
	text-align: center;
}
/*コピーライト*/
.box7 {
	background-color: #e9dccd;
	margin-top: 20px;
}
.box7 .copy p {
	font-size: 1.4rem;
	padding: 15px 5px;
}
/*##########360px以下##########*/
@media(max-width:360px) {
.box7 .copy p {
	font-size: 1rem;
}
/*.box6 .about span {
	display: inline-block;
	text-indent: -9999px;
}*/
.box6 i {
	font-size: 0.8rem;
}
.box6 .about span {
	font-size: 1.2rem;
}
.box6 .about li {
	font-size: 0.8rem;
}
.box4-2 {
	width: 2rem;
}
.box4-3 {
	font-size: 2rem;
}
}
/*######414px以下######*/
@media(max-width:414px) {
.box1 {
	height: 60px;
}
.box1 h1 {
	font-size: 2.5rem;
}
/*.box4 {
	background-color: rgba(54,56,76,0.4);
}*/
.box4 h2 {
	font-size: 1.4rem;
	text-align: center;
	padding-top: 15px;
	color: #38364c;
}
.box4 .title {
	font-size: 1.8rem;
	color: #613a43;
}
/*.box4-1:after {
	content: "";
	display: block;
	clear: both;
}*/
.box4-1 {
	float: left;
	width: 50%;
	font-size: 2.5rem;
}
/*.box4-2:after {
	content: "";
	display: block;
	clear: both;
}*/
.box4-2 {
	float: left;
	width: 50%;
	font-size: 2.5rem;
}
/*.box4-3:after {
	content: "";
	display: block;
	clear: both;
}*/
.box4-3:nth-child(3) {
	clear: both;
}
.box4-3 {
	float: left;
	width: 50%;
	font-size: 2.5rem;
}
/*.box4-4:after {
	content: "";
	display: block;
	clear: both;
}*/
.box4-4 {
	float: right;
	width: 50%;
	font-size: 2.5rem;
	margin-top: -30px;
}
/*.box4-5:after {
	content: "";
	display: block;
	clear: both;
	padding: 5px;
}*/
.box4-5 {
	float: left;
	width: 50%;
	font-size: 2.5rem;
}
/*.box4-6:after {
	content: "";
	display: block;
	clear: both;
}*/
.box4-6 {
	float: left;
	width: 50%;
	font-size: 2.5rem;
}
.box5 h2 {
	font-size: 1.4rem;
	color: #037367;
}
.box5 .detail {
	font-size: 3rem;
	padding: 5px;
}
.box5 .bio {
	font-size: 3rem;
	padding: 5px;
}
.box6 h2 {
	font-size: 1.4rem;
}
/*.box6 .about span {
	display: inline-block;
	text-indent: -9999px;
}*/
.box6 i {
	font-size: 1.4rem;
	margin-right: 5px;
}
.box6 .about span {
	font-size: 1.2rem;
}
.box7 .copy p {
	font-size: 1rem;
}
}
/*##########599px##########*/
@media(max-width:599px) {
.box4-inner {
	margin-top: 20px;
	padding: 15px 15px;
	text-align: center;
	background-color: rgba(54,56,76,0.4);
	color: #fff;
}
.box4-A {
	width: 100%;
	height: 120px;
}
.box4-B {
	width: 100%;
	height: 120px;
	padding-top: 15px;
}
.box5 .photo {
	width: 100%;
	height: auto;
}
.box5 .detail {
	margin-top: 20px;
}
.box5 .text {
	font-weight: bold;
}
.box6 h2 {
	margin-top: 20px;
}
.box4, .box5, .box6, .boxA-inner, .box7-inner {
	padding-left: 15px;
	padding-right: 15px;
}
.box6 .about li {
	color: #fff;
	font-size: 1.2rem;
	text-align: cente;
	padding: 5px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box6 .about span {
	font-size: 1.2rem;
}
}
/*##########600px-767px##########*/
@media(min-width:600px) and (max-width:767px) {
/*メニュー設定*/
.box4-inner {
	margin-top: 20px;
	padding: 15px 15px;
	text-align: center;
	background-color: rgba(54,56,76,0.4);
	color: #fff;
}
.box4-A {
	width: 100%;
	height: 120px;
}
.box4-B {
	width: 100%;
	height: 120px;
	padding-top: 15px;
}
.box5 .photo {
	width: 100%;
	height: auto;
}
.box5 .detail {
	margin-top: 20px;
}
.box5 .text {
	font-weight: bold;
}
.box6 h2 {
	margin-top: 20px;
}
.box6 .about li {
	color: #fff;
	font-size: 1.2rem;
	float: left;
	width: 33.3333%;
	text-align: cente;
	padding: 15px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box6 .about span {
	font-size: 1.2rem;
}
.box6 .about:after {
	content: "";
	clear: both;
	display: block;
}
.box6 .about li {
	color: #fff;
	font-size: 1.6rem;
	float: left;
	width: 33.3333%;
	text-align: cente;
	padding: 15px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box6 i {
	font-size: 2rem;
	margin-right: 5px;
}
.box6 .about span {
	display: inline-block;
	text-indent: -9999px;
}
}
/*##########767px以下##########*/
@media(max-width:767px) {
#menu {
	display: none;
}
#menubtn {
	padding: 6px 12px;
	border: solid 1px #aaa;
	border-radius: 5px;
	background-color: #fff;
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
}
#menubtn:hover {
	background-color: #ddd;
}
#menubtn i {
	outline: none;
}
#menubtn span {
	display: inline-block;
	text-indent: -9999px;
}
#menubtn i {
	color: #888;
	font-size: 1.5rem;
}
.menu li a {
	display: block;
	padding: 5px;
	color: #fff;
	font-size: 1.4rem;
}
.menu li a:hover {
	background-color: #eee;
}
.box2 .menu li a:hover {
	background-color: #ddd;
}
.box4, .box5, .box6, .boxA-inner, .box7-inner {
	padding-left: 15px;
	padding-right: 15px;
}
.box5 .photo {
	width: 100%;
	height: auto;
}
.box5 .detail {
	margin-top: 20px;
	padding: 5px 10px;
}
.box5 .bio {
	padding: 5px 10px;
}
.box5 .text {
	font-weight: bold;
}
.box6 h2 {
	margin-top: 20px;
}
}
/*##########768px以上##########*/
@media(min-width:768px) {
#menubtn {
	display: none;
}
#menu {
	display: block !important
}
.boxA:after {
	display: block;
	content: "";
	clear: both;
}
.box1 {
	float: left;
	width: auto;
}
.box2 {
	float: right;
	width: auto;
}
/*ナビゲーション*/
.menu li a {
	display: block;
	padding: 15px 15px;
	font-size: 1.4rem;
	color: #fff;
}
.menu li {
	float: left;
	width: auto;
}
.menu li a:hover {
	background-color: #ddd;
}
/*メニュー設定*/
.box4-inner {
	margin-top: 20px;
	padding: 15px 15px;
	text-align: center;
	background-color: rgba(54,56,76,0.4);
	color: #fff;
}
.box4-A {
	width: 100%;
	height: 120px;
}
.box4-B {
	width: 100%;
	height: 120px;
	padding-top: 15px;
	font-size: 3rem;
}
.box4-1, .box4-2, .box4-3, .box4-4, .box4-5, .box4-6 {
	font-size: 3.6rem;
}
/*プロフィール設定*/
.box5 .box5-B {
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.box5 .box5-B:after {
	content: "";
	display: block;
	clear: both;
}
.box5 .photo {
	float: left;
	width: 50%;
}
.box5 .detail {
	font-size: 3rem;
	float: left;
	width: 22.5%;
	padding-left: 5%;
}
.box5 .bio {
	float: left;
	width: 22.5%;
	font-size: 3rem;
}
.box5 .text {
	font-size: 1.8rem;
}
.box6 {
	margin-top: 20px;
}
.box3-inner, .box4, .box5, .box6, .boxA-inner, .box7-inner {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box6 .about span {
	font-size: 1.6rem;
}
.box6 .about:after {
	content: "";
	clear: both;
	display: block;
}
.box6 .about li {
	color: #fff;
	font-size: 1.6rem;
	float: left;
	width: 33.3333%;
	text-align: cente;
	padding: 15px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box6 i {
	font-size: 2rem;
	margin-right: 5px;
}
}
/*##########1190px以上##########*/
@media(min-width:1190px) {
.box5 .detail {
	font-size: 4rem;
	float: left;
	width: 22.5%;
	padding-left: 5%;
}
.box5 .bio {
	float: left;
	width: 22.5%;
	font-size: 4rem;
}
.box5 .text {
	font-size: 2.2rem;
}
/*ボックス左右設定*/
.box3-inner, .box4, .box5, .box6, .boxA-inner, .box7-inner {
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
}