@charset "UTF-8";

/*-----Base-------------------------*/
body {
	background-color: #fff;
	color: #000;
	font-family: YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
	line-height: 1.5;
	margin: auto;
	padding: 0;
	font-size:18px;
}

a:link { color: #fff/*#2d160b*/; text-decoration:none;}
a:visited { color: #fff/*#2d160b*/; text-decoration:none;}
a:hover { color: #00bcd4; text-decoration:none;}

img { border: 0; max-width: 100%; }
hr.style1 { border:0; border-top: 1px #999999 solid;}

.aka { color:#CC3300; }
.fontl { font-size:24px; font-weight:bold;}

h1 { color:#282a73; font-size:28px; clear:both;  margin:auto; padding:15px 5px 0 5px;}
h1:before { content: '\25CF'; color:#282a73; margin-right: 2px; font-size:32px;}


.fb { background:#fff; color:#fff; /*font-size:26px;*/
border: solid #1877f2 2px;
	padding: 0.2em 1.0em;
	display: inline-block;
	line-height: 1.0;
	vertical-align: middle;
	border-radius: 1.5em;}


.insta{ background:#fff; color:#fff; /*font-size:26px;*/
border: solid #D72F7D 2px;
	padding: 0.2em 1.0em;
	display: inline-block;
	line-height: 1.0;
	vertical-align: middle;
	border-radius: 1.5em;}


h3 { background:#7a1f22; color:#fff; font-size:26px; margin:auto;
	padding: 0.5em 1.5em;
	display: inline-block;
	line-height: 1.3;
	vertical-align: middle;
	border-radius: 1.5em;}
h3 a:link { color: #fff;}



.header_box { border-top:10px #282a73 solid; background-image: url(img/title.jpg);
 height: 50vh;
 background-position: center center;
 background-size:cover;
 display: flex;
 align-items: end;
 justify-content: left;
}
.header_title { color: #fff; font-size: 2rem; font-weight: 700; padding: 32px;}


#tohinode { background:#282a73; text-align:right; font-size:26px; font-weight:bold;}
.tolink a:link { color: #fff; padding: 0 10px;}
.tolink a:hover { color: #ffff00;}
.tolink:after {  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 32px;/*画像の幅*/
  height: 32px;/*画像の高さ*/
  background-image: url(img/yajirushi2.gif);
  background-size: contain;
  vertical-align: middle;
  margin-left:10px;
}

.box1 { clear:both; margin:auto; padding:5px 5px;}
dl { padding-left: 30px;}

.subtxt{ font-size:14px;}


#footer { background:#282a73; padding: 80px 20px 80px; font-size:14px; color: #ffffff; margin-top:50px; text-align:center;}
#footer a:link { color: #ffff00; font-weight:bold;}
#footer a:hover { color: #00bcd4;}


/*---<     pagetop     >---*/
#pageTop { position: fixed; bottom: 50px; right: 50px; }
#pageTop a {
display: block;
z-index: 999;
padding: 10px 5px 0 5px;
border-radius: 50px;
width: 50px; height: 50px;
background-color: #eee7e0;
text-align: center;
}
#pageTop a:hover { text-decoration: none; opacity: 0.7; }


/* ########### 767px以下 ########### */
@media (max-width: 767px) {
.left3	{ margin:auto; padding:0; text-align:center; width:60%;}
}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {
.main { margin: auto; width: 1000px; }

/*-----left&right----*/
.left	{ float:left; width:45%; margin:auto; padding:0;}
.right	{ float:right; width:45%; margin:auto; padding:0;}
.left2	{ float:left; width:30%; margin:auto; padding:0;}
.left3	{ float:left; width:30%; margin:auto; padding:0;}
.right2	{ float:right; width:60%; margin:auto; padding:0;}

}

/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {

}