@charset "UTF-8";

/*
	サブページ 標準
*/
body {
	font-family:YuGothic, Meiryo, sans-serif;
	margin:0;
	padding:0;
	background:#f6f6f6;
	font-size:100%;
	line-height:1.5;
	-webkit-text-size-adjust:100%;
}

a {text-decoration:none;}
a:link {color:#00f;}
a:visited {color:#808;}
a:hover {text-decoration:underline;}



/* 要素 */
div {margin:0;padding:0;}
p {margin:1em 0;padding:0;line-height:1.6;}
h2 + h3, h3 + h4 {margin:1em 0 0.5em 0;}
h1, h2, h3, h4 {line-height:1.4;}
h1 + p, h2 + p, h3 + p, h4 + p {margin:0 0 1em 0;}

h1 {margin:0 0 0.5em 0;padding:0.5em 0 0 0;font-size:135%;border-bottom:2px solid #f80;}
h2 {margin:2em 0 0.5em 0;padding:0;font-size:125%;border-bottom:1px solid #fa5;}
h3 {margin:2em 0 0.5em 0;padding:0 0 0 0.5em;font-size:115%;border-left:5px solid #fa5;}
h4 {margin:2em 0 0.5em 0;font-size:100%;}

pre {
	margin:0;
	padding:5px;
	font-family: monospace;
	background: #eee;
	font-size:95%;
	line-height: 1.2;
	overflow:auto;
	border:1px solid #aaa;
}

.aa {font-family:'MS PGothic','ＭＳ Ｐゴシック',sans-serif;font-size:90%;line-height:normal;}

table {border-collapse:collapse;font-size:90%;}
th, td {border:1px solid #222;padding:3px;font-weight:normal;word-break:break-all;}

form {margin:0;}
input, select, textarea {width:95%;max-width:380px;font-size:120%;padding:5px;}
ul, ol {margin:0;}
li {margin:0.5em 0;padding:0;}
dt {font-weight:bold;}
dd {margin:0 0 0 2em;}
hr {background:#f80;color:#f80;border:none;height:1px;}
blockquote {padding:5px;border:solid #aaa 1px;background:#f5f8ff;}

.page_mokuji {display:table;margin:1em 0;padding:6px;border:1px solid #aaa;background:#f5f8ff;}
.page_mokuji h4 {margin:0.5em 0 0 0;}



/* page */
#page_header {margin:0;padding:12px 8px;background:#fff;border-top:3px solid #333;border-bottom:1px solid #ccc;}
#page_header img {vertical-align:middle;border:none;}

.page_wrap {width:100%;max-width:1020px;margin:0 auto;}
.page_wrap_flex {
	width:100%;
	max-width:1050px;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
}

#page_content {margin:0;padding:0;background:#fff;}
#page_box_main {margin:0;padding:0 8px 3em 8px;}
#page_box_sub {margin:0;padding:0 8px 3em 8px;}

#page_path ol {margin:1em 0;padding:3px;font-size:80%;border-bottom:1px solid #ddd;background: #f5f8ff;list-style:none;}
#page_path li {display:inline-block;margin:0 0 0 0.5em;padding:0;}
#page_path li:before {content:" > ";}
#page_path li:first-child:before {content:"";}

#page_date {margin:1em 0 0.5em 1em;padding:0;font-size:85%;}
#page_first {margin:0 0 1em 0;}

#page_footer {margin:0;padding:1.5em;border-top:1px solid #333;font-size:90%;}

#page_category ul {margin:0;padding:0;}
#page_category li {display:inline-block;margin:0 0.5em 0.5em 0;padding:6px;background:#f6f6f6;}



/* 広告 */
#gads_p_top {margin:1em 0;padding:0;}
#gads_p_bottom {margin:5em 0;padding:0;}
#gads_kanren_bottom {margin:1em 0;padding:0;width:100%;max-width:800px;}



/* 外部サービス */
.gmap {width:100%;max-width:480px;height:270px;border:0;}
.youtube {width:100%;max-width:480px;height:270px;border:0;}
.sns_button span {margin:0 0.5em 0.5em 0;display:inline-block;vertical-align:bottom;}




/* パソコン用 */
@media all and (min-width:800px) {

td {word-break:normal;}
li {margin:0.3em 0;}
.aa {font-size:12pt;}
.gmap {max-width:640px;height:480px;}
.youtube {max-width:640px;height:480px;}

}