/* CSS Document */






/* ■■■■■header■■■■■ */

#header .logo {
	padding:10px 390px 0 0;
	width:290px;
	float:left;
}


#header .navi{float:left;}








@media screen and (max-device-width:749px){ /*スマホ*/
h1 img {
	width:100%;
	height:auto;
}
}
















@media screen and (min-device-width:750px){ /*PC*/

/* ■■■■■gnavi■■■■■ */





#g_nav .navfix {
	width:170px;
}




/* ■■メニュー■■ */


#g_nav {
	padding:0 0 0 10px;
	width:170px;
	float:left;
	position:relative;
}




#g_nav ul {
	display:block;
	padding:10px 0 0 0;
	width:170px;
	height:250px;
	background:#ffffff;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}


#g_nav ul li {
	display:block;
	padding:0 0 0 9px;
	width:25px;
	height:190px;
	background-repeat:no-repeat;
	font-size:1.3rem;
	line-height:20px;
	float:left;
}
#g_nav ul li.shoujou {
	padding:0;
}


#g_nav ul li:not(:last-child) {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

#g_nav ul li:last-child {
	padding:0;
	width:170px;
	height:30px;
	background-image:url(../images/sitemap_ic.png);
	background-size:25px;
	background-position:bottom 2px left 56px;
	border-top:2px solid #c5c1bd;
	position:relative;
	top:10px;
	right:-136px;
}

#g_nav ul li a {
	background-repeat:no-repeat;
}


#g_nav ul li:last-child a {	
	display:inline-block;
	padding:3px 0 2px 0px;
	-webkit-writing-mode:horizontal-tb;
	-ms-writing-mode: lr-tb;
	font-size:1.2rem;
	line-height:1.5rem;
	writing-mode: horizontal-tb;
	border-bottom:1px solid #504c48;
}


#g_nav ul li.miyoshi a {background-image:url(../images/miyoshi_ic.png);}
#g_nav ul li.annai a {background-image:url(../images/annai_ic.png);}
#g_nav ul li.hajimete a {background-image:url(../images/hajimete_ic.png);}
#g_nav ul li.shinryou a {background-image:url(../images/shinryou_ic.png);}
#g_nav ul li.shoujou a {background-image:url(../images/shoujou_ic.png);}

#g_nav ul li:not(:last-child) a {
	display:inline-block;
	padding:33px 0 0 10px;
	background-size:30px;
	background-position:top  left 10px;
	line-height:2.5rem;
}


/* ■■カレンダー■■ */

#tile .calendar {
	width:170px;
	height:196px;
	border-bottom:10px solid #ffffff;
}

/* ■■バナー■■ */

#tile .banner {
	width:82px;
	height:82px;
	background:#ffffff;
	float:left;
}

#tile .banner:nth-child(odd) {
	margin:0 0 6px 6px;
}


#tile .banner iframe {
	margin:0 6px 0 0;
	width:82px;
	height:82px;
	border-bottom:6px solid #ffffff;
	float:left;
}
#tile .banner a {
	display:block;
	margin:0 6px 0 0;
	width:82px;
	height:82px;
	border-bottom:6px solid #ffffff;
	float:left;
}

#tile .banner a img {
	width:82px;
	height:82px;
}



}











/* ■■■■■contents■■■■■ */


main {
	line-height:1.5;
	letter-spacing:1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
main {
	font-size:1.3rem;
	letter-spacing:0;
}
}

@media screen and (min-device-width:750px){ /*PC*/
main {
	width:755px;
	float:left;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
main {
	padding:0 0 80px 0;
	width:100%;
}
}
	





/* ■■p_nav■■ */

#p_nav {
	background:#ffffff;
}

@media screen and (min-device-width:750px){ /*PC*/
#p_nav {
	padding:0 0 3px 15px;
	width:740px;
	position:relative;
	top:280px;
	z-index:10;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#p_nav {
	padding:0 0 3px 5px;
	width:100%;
	position:relative;
	top:34vw;
	z-index:10;
}
}






/* ■■pankuzu■■ */

.pankuzu {
	padding:2px 0 3px 3px;
	display:block;
	height:20px;
	border-bottom:2px solid #c5c1bd;
	background-repeat:no-repeat;
}

@media screen and (min-device-width:750px){ /*PC*/
.pankuzu {
	width:737px;
	background-position:center left 54px;
}
}


@media screen and (max-device-width:749px){ /*スマホ*/
.pankuzu {
	font-size:1.2rem;
	background-position:top 5px left 47px;
}
}





.pankuzu li {
	display:block;
	float:left;
}

@media screen and (min-device-width:750px){ /*PC*/
.pankuzu li {
	margin:0 20px 0 0;
	padding:0 4px;
	height:20px;
	font-size:1.1rem;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.pankuzu li {
	margin:0 9px 0 0;
	padding:0 3px;
}
}
	




.pankuzu li a:link,
.pankuzu li a:active,
.pankuzu li a:visited {
	display:block;
	padding:4px 0 0 0;
	height:16px;
	color:#504c48;
	line-height:1;
	text-decoration:none;
}
.pankuzu li a:hover {
	color:#aba190;
	text-decoration:underline;
}

.pankuzu li.arrow {
	margin:0 5px 0 0;
	padding:0 15px 0 0;
}

.pankuzu li.home {letter-spacing:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.pankuzu li.home {letter-spacing:1px;}
}






/* ■■■■■page_menu■■■■■ */

.page_menu {
	display:block;
	border-left:1px solid #c5c1bd;
}

@media screen and (min-device-width:750px){ /*PC*/
.page_menu {
	margin:5px 0 0 0;
	width:739px;
	height:60px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.page_menu {
	min-height:24px;
	margin:3px 0 0 0;
}
}






.page_menu li {
	display:block;
	border-right:1px solid #c5c1bd;
	float:left;
}

@media screen and (min-device-width:750px){ /*PC*/
.page_menu li {
	height:60px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.page_menu li {
	margin:0 0 4px 0;
}
}




.page_menu li a:link,
.page_menu li a:active,
.page_menu li a:visited {
	display:block;
	color:#504c48;
	text-decoration:none;
	letter-spacing:0.3px;
}
@media screen and (min-device-width:750px){ /*PC*/
.page_menu li a:link,
.page_menu li a:active,
.page_menu li a:visited {
	padding:16px 10px;
	font-size:1.6rem;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
.page_menu li a:link,
.page_menu li a:active,
.page_menu li a:visited {
	padding:2px 5px;
	font-size:1.4rem;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.page_menu li a:link,
.page_menu li a:active,
.page_menu li a:visited {
	letter-spacing:0;
}
}
.page_menu li a:hover {
	color:#aba190;
	text-decoration:underline;
}








/* ■■contents■■ */

@media screen and (min-device-width:750px){ /*PC*/
#contents {
	padding:120px 0 0 0;
}
}


@media screen and (max-device-width:749px){ /*スマホ*/
#contents {
	padding:80px 0 0 0;
}
}









/* ■■body■■ */


@media screen and (min-device-width:750px){ /*PC*/
#contents .body {
	margin:-90px 0 0 0;
	padding:90px 0 0 0;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
#contents .body {
	margin:-50px 0 0 0;
	padding:50px 0 0 0;
}
}






@media screen and (min-device-width:750px){ /*PC*/
#contents .body > div {
	margin:0 0 60px 0;
	padding:0 30px 10px 60px;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
#contents .body > div {
	margin:0 5vw;
	padding:10px 0 30px 0;
	width:90vw;
}
}





/* ■■h2■■ */

#contents h2 {
	letter-spacing:1px;
	background-repeat:no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#contents h2 {
	letter-spacing:0;
}
}

@media screen and (min-device-width:750px){ /*PC*/
#contents h2 {
	padding:15px 0 30px 60px;
	background-position:bottom 15px left;
	font-size:2.4rem;
}
#contents:first-child {
	padding-top:120px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#contents h2 {
	padding:3vw 0 3vw 8vw;
	background-position:top 15px left;
	background-size:100% auto;
	font-size:2.2rem;
}
}




h2 a:link,
h2 a:active,
h2 a:visited {
	color:#504c48;
	text-decoration:none;
}

h2 a:hover {
	color:#aba190;
	text-decoration:underline;
}


/* ■■h3■■ */

#contents h3 {
	letter-spacing:0;
}

@media screen and (min-device-width:750px){ /*PC*/
#contents h3 {
	font-size:1.6rem;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#contents h3 {
	font-size:1.6rem;
}
}


#contents p {
	font-size:1.1rem;
}
@media screen and (min-device-width:750px){ /*PC*/
#contents p {
	padding:0 0 15px 0;
}
}


#contents ul,
#contents li,
#contents dl,
#contents dt,
#contents dd {
	font-size:1.1rem;
}


#contents .check {
	font-weight:bold !important;
}



/* ■■■■■footer■■■■■ */



footer {
	background-image:url(../images/line1.gif);
	background-position:top center;
	background-repeat:no-repeat;
}


@media screen and (min-device-width:750px){ /*PC*/
footer {
	padding-top:70px;
}
}