@charset "utf-8"; 

/* Mainエリア内のデザインを記述する。ただし、各ページ固有のデザインは、各ページのヘッダー内に記述する。 */

/* 見出し＆本文 */
#pagetitle { margin-left:15px; font-size:24px; }

main h1, main h2, main h3, main h4, main h5, main h6, main p { margin:0 0 0.2em; padding:0.2em 10px; color: #565656; text-align:left;}
p { font-size:18px; line-height:1.8; margin:0 0 4px; text-align:left;}

.t01 { font-size:40px;padding: 10px;}
.t02 { font-size:24px;padding: 10px; font-weight: normal;}
.t03 { font-size:20px;padding: 10px;}
.t04 { font-size:20px;padding: 10px;}
.t05 { font-size:18px;padding: 10px;}

.bg01 {background-image:url("../images/tbg01.jpg"); background-position:center; background-size:auto;background-repeat:no-repeat; padding:0;color: #FFFFFF; text-align: center; font-size: 30px;}

.bg02 {background-color:#FBFFF1; padding: 40px 0;}

.bbd {border-bottom:  1px #656565 dotted;padding: 14px 10px;}
.bbd img {width:12px; margin-bottom: 11px}

/*.arth1 {font-weight: 100; float:none; font-size:36px;margin:10px 0 15px 0; text-align:left; color:#32a682;}

.arth1 {color:#32a682;text-align: center; font-weight: 100;font-size:40px;
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 6px solid #60DDB6;
	display: inline-block;
	margin: auto;
}

.arth1:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #32a682;
}*/

.arth1_1 {font-size: 40px; color: #32a682; margin: 20px auto 15px;position: relative;padding: 0.5rem 1rem 0.5rem 0.5rem;border-bottom: 6px solid #32a682;width: fit-content;}
.arth1_1:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background:#60DDB6;
}

.arth1_2 {font-size: 40px; color: #f877d8; margin: 20px auto 15px;position: relative;padding: 0.5rem 1rem 0.5rem 0.5rem;border-bottom: 6px solid #f877d8;width: fit-content;}
.arth1_2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background:#F7B1E6;
}

.arth1_3 {font-size: 40px; color: #f1ad09; margin: 20px auto 15px;position: relative;padding: 0.5rem 1rem 0.5rem 0.5rem;border-bottom: 6px solid #f1ad09;width: fit-content;}
.arth1_3:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background:#EFC86B;
}

.arth1_4 {font-size: 40px; color: #b35ae6; margin: 20px auto 15px;position: relative;padding: 0.5rem 1rem 0.5rem 0.5rem;border-bottom: 6px solid #b35ae6;width: fit-content;}
.arth1_4:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background:#d19fee;
}

.arth1_5 {font-size: 40px; color: #33b9be; margin: 20px auto 15px;position: relative;padding: 0.5rem 1rem 0.5rem 0.5rem;border-bottom: 6px solid #33b9be;width: fit-content;}
.arth1_5:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background:#7bd7da;
}

.arth1_6 {font-size: 40px; color: #09a7f1; margin: 20px auto 15px;position: relative;padding: 0.5rem 1rem 0.5rem 0.5rem;border-bottom: 6px solid #09a7f1;width: fit-content;}
.arth1_6:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background:#83D0F4;
}

.arth1_7 {font-size: 40px; color: #e95c7a; margin: 20px auto 15px;position: relative;padding: 0.5rem 1rem 0.5rem 0.5rem;border-bottom: 6px solid #e95c7a;width: fit-content;}
.arth1_7:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background:#f2899f;
}

.arth1_8 {font-size: 40px; color: #6475ca; margin: 20px auto 15px;position: relative;padding: 0.5rem 1rem 0.5rem 0.5rem;border-bottom: 6px solid #6475ca;width: fit-content;}
.arth1_8:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background:#a8b3e7;
}


.arth2 { margin:10px 6px; padding:2px 10px 6px; border-bottom:2px dashed #32a682; font-size:24px; color: #32a682; text-align:left; border-left:4px #32a682 solid;font-weight: normal;}
.arth3 {margin:10px 0 -4px; padding:14px; color:#3A5181; text-align:left; font-size:20px; font-weight:normal; line-height:1.4;background-color:#E2FDFF; border-radius: 10px;}
.arth4 {margin:10px 0 -4px; padding:14px; color:#000; text-align:left; font-size:20px; font-weight:normal; line-height:1.4;background-color:#fff; border-radius: 10px;}
.arth5 {margin:10px 4px; padding:8px 8px 6px 10px; color:#fff; text-align:left; font-size:18px;font-weight:normal; line-height:1.4; background-color:#32a682; border-radius: 6px;}

.arth6 {color:#fff; font-size: 16px;background-color:#32a682; padding: 4px; width: 100px;text-align: center;  border-radius: 20px;}
.arth7 {font-size: 18px;}

.arth8 {margin:10px 0 -4px; padding:0; color:#32a682; text-align:left; font-weight:normal;}

.r_box { border: 2px solid #FF6F6F; padding: 6px;}

.to01 {color:#fff; font-size: 16px;background-color:#76AFF7; padding:4px 8px; width: 100px;text-align: center;  border-radius: 4px; font-weight: normal; margin: 0 10px;white-space: nowrap}
.to02 {color:#fff; font-size: 16px;background-color:#FFA000; padding:4px 8px; width: 100px;text-align: center;  border-radius: 4px; font-weight: normal; margin: 0 10px;white-space: nowrap}
.to03 {color:#fff; font-size: 16px;background-color:#E82225; padding:4px 8px; width: 100px;text-align: center;  border-radius: 4px; font-weight: normal; margin: 0 10px;white-space: nowrap}

.tbb { border-bottom: 1px solid #BABABA; margin-bottom: 12px;}

.st01 { font-size: 22px;}
.st02 { font-size: 26px; color: #0092d2;}

.bgg { background-color: rgba(0,0,0,0.50); padding:10px 18px; color:#FFFFFF; text-align:left; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

.sb { display: none;}
.bb { border-bottom:1px #BB9D4C solid;}
.lsd { list-style: disc; margin:0; padding:4px 25px 4px 28px; text-align:left; line-height:2; font-weight:normal;font-size:14px; line-height:1.8;}
.c_b { clear:both}

.co { color: #FF8E30;}

.fsll { font-size:150%; line-height:1.2;}
.fsl { font-size:110%; line-height: 2.5;}
.fsm { font-size:90%;}
.fss { font-size:10px; line-height:1.2; margin:-4px 0 4px;}

.com_ta { margin:0 auto; border-collapse:collapse;}
.com_ta tr th{border-collapse:collapse; border-bottom:1px solid #9B7615; padding:20px 10px; text-align:center; color:#32a682;}
.com_ta tr td{border-collapse:collapse; border-bottom:1px solid #9B7615; padding:20px 10px; color: #535353;}

.sn { display:block;}
.sb { display: none;}
.mn { margin:0;}

.red { color: #FF0004;}

.min_h { min-height: 80vh;}

.mt01 {margin-top: 100px;}

.min_h100 { min-height: 100px;}
.min_h150 { min-height: 150px;}
.min_h15x { min-height: 155px;}
.min_h200 { min-height: 200px;}
.min_h250 { min-height: 250px;}
.min_h300 { min-height: 300px;}
.min_h350 { min-height: 350px;}
.min_h400 { min-height: 400px;}
.min_h450 { min-height: 450px;}
.min_h500 { min-height: 500px;}


.ic { padding: 6px;background-color:#32a682; color:#FFFFFF;margin-right: 6px;font-size: 80%;
border-radius:6px;         /* CSS3 */
-moz-border-radius:6px;    /* Firefox */
-webkit-border-radius:6px; /* Safari,Chrome */ }

.box01 { border: 1px solid #000000; padding: 10px; margin: 10px}

.box02 {background-color: #FFFFFF; padding: 20px;border-radius: 16px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.redbox { background-color: #FF0000; border-radius: 8px; padding: 10px;}
.bow { border-left: 1px #FFFFFF solid; border-right: 1px #FFFFFF solid;}

.bo1 {text-align:center;width: 90%; max-width: 380px; display:block;  color:#FFF; background-color:#1b4590; margin:5px auto; font-size:20px; font-weight: normal;line-height: 1.2;padding: 12px 4px;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo1 a {color:#FFF; text-decoration: none; width:100%; display: block;}
.bo1:hover {color:#FFF; text-decoration: none; background-color:#53a1dc;}
.bo1:visited   { color: #fff; text-decoration: none;}
.bo1:active   { color: #fff; text-decoration: none;}

.ti1 { text-indent:-1em; margin:-6px 0 0 1em;}
.ti2 { text-indent:-2em; margin:0 0 0 2em;}

.day {width:90px;float:left;}
.category { color:#FFFFFF; padding:2px 0 0;margin:0 12px; width:90px; text-align:center; font-size:13px; float:left;}
.category a { color:#fff; }
.category a:hover { color:#ccc; }

.info01 { background-color:#29abe2;color:#FFFFFF; padding:2px 0 0;margin:0 12px; width:90px; text-align:center; font-size:13px; float:left;}
.info02 { background-color:#d418ab;color:#FFFFFF;padding:2px 0 0;margin:0 12px;width:90px;text-align:center;font-size:13px;float:left;}
.info03 { background-color:#c69c6d;color:#FFFFFF;padding:2px 0 0;margin:0 12px;width:90px;text-align:center;font-size:13px;float:left;}
.info04 { background-color:#999999;color:#FFFFFF;padding:2px 0 0;margin:10px 0;width:90px;text-align:center;font-size:13px; float:right;}

.sin_table { margin: 0; padding: 0; border-collapse: collapse;}
.sin_table tr td { margin: 0;}
.t_box {background: linear-gradient(#f0f0f0, #e3e3e3); border-radius: 8px; width: 100%; font-weight: normal; padding: 0;}
.sintyaku {background-color:#ff0000;border-radius: 8px 0 0 8px; color: #FFFFFF; padding:10px 0 10px; text-align: center; width: 160px; margin: 0; font-size: 20px;}
.down01 {color: #808080; margin: 0; text-align: right;padding: 10px 20px;}
.down01 a { color:#808080 }
.down01 a:hover { color:#808080 }

.news { border-bottom: 2px solid #ff0000; border-right:2px solid #ff0000; margin: 10px 0; padding: 4px 8px; }
.day {width: 10%; vertical-align: top;padding: 10px 6px 10px 0;}
.article {width:70%;vertical-align: top; text-align: left;padding:10px 6px 10px 0;}
.down02 { width: 20%;min-width: 170px; vertical-align: top; text-align: right;padding: 10px 0 10px;}
.down02 a {color: #000000;}
.down02 a:hover {color: #000000;}
.down02 img { width: 30px;vertical-align: top; margin: -6px 0 0;}

.bn { background-color:#0099FF; color:#FFFFFF; margin:0 auto; text-align:center; width:24px}

.bcb { background-color:#000000; color:#FFFFFF; text-align:center; width:80px; height:80px; padding:24px 0 0; font-size:12px;
border-radius:40px;         /* CSS3 */
-moz-border-radius:40px;    /* Firefox */
-webkit-border-radius:40px; /* Safari,Chrome */}
.bcb strong { font-size:20px;}

.bcb2 { background-color:#000000; color:#FFFFFF; text-align:center; width:50px; height:50px; padding:15px 0 0; font-size:12px; margin:0 auto;
border-radius:40px;         /* CSS3 */
-moz-border-radius:40px;    /* Firefox */
-webkit-border-radius:40px; /* Safari,Chrome */}

.bcg { background-color: #999999; color:#FFFFFF; text-align:center; width:50px; height:50px; padding:16px 0 0; font-size:14px;
border-radius:40px;         /* CSS3 */
-moz-border-radius:40px;    /* Firefox */
-webkit-border-radius:40px; /* Safari,Chrome */}
.bcg strong { font-size:20px;}

.list_deci { list-style-type:decimal;text-align:left; margin:8px 15px 0 24px; padding:0; font-size:16px; line-height:1.9; }
.list_disc { list-style:disc;text-align:left; margin:8px 15px 0 24px; padding:0; font-size:16px; line-height:1.9}
.list_circle { list-style:circle;text-align:left; margin:8px 15px 0 24px; padding:0; font-size:16px; line-height:1.9}

.list_style_enkaku {font-size: 16px; text-align: left;; list-style: none;margin: 0 0;}
.list_style_enkaku li {border-bottom: 1px dotted #737373; margin: 0 0 10px; padding: 0 0 10px; }

.max1400 { max-width: 1400px;margin: auto;}
.max1300 { max-width: 1300px;margin: auto;}
.max1200 { max-width: 1200px;margin: auto;}
.max1100 { max-width: 1100px;margin: auto;}
.max1000 { max-width: 1000px;margin: auto;}
.max900 { max-width: 900px;margin: auto;}
.max800 { max-width: 800px;margin: auto;}
.max700 { max-width: 700px;margin: auto;}
.max600 { max-width: 600px;margin: auto;}
.max500 { max-width: 500px;margin: auto;}
.max400 { max-width: 400px;margin: auto;}
.max300 { max-width: 300px;margin: auto;}
.max200 { max-width: 200px;margin: auto;}
.max100 { max-width: 100px;margin: auto;}

.timg {vertical-align:text-bottom;margin: 0 6px 0 0;}

body .w10 {width: 10px;}
body .w20 {width: 20px;}
body .w30 {width: 30px;}
body .w40 {width: 40px;}
body .w45 {width: 45px;}
body .w50 {width: 50px;}

/* 背景スライド */


/* インライン */
small  { font-size:75%; font-weight:normal; }

a { color:#039; text-decoration:none; }
a:hover { color:#136; text-decoration:underline; }
.toma a img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.R { text-align:right; }
.L { text-align:left; }
.C { text-align:center; }

.fig01 { float:right; }
.fig01 img { box-shadow:1px 2px 8px #999; margin:0 8px 5px 15px; border:5px solid #fff; }
.fig01 figcaption { text-align:right; margin-right:10px; }

/* リスト */
main ul, main ol { padding:0 2em 0.5em; }

.tbl01 { border-collapse:collapse; margin:1em 16px; }
.tbl01 th, .tbl01 td { padding:1.3em 1em; border:1px solid #196D5E; background-color: #FFFFFF;}
.tbl01 th { font-weight:bold; color:#fff; background:#32a682; text-align:center; }

.nowr {white-space: nowrap;width: 30px; padding:0;}

.ga_nav { width:240px; float:left; margin:4px; background-color:#A07D00; color:#FFFFFF; border-radius:20px; text-align:center; padding:4px; font-size:14px}
.ga_nav a { color:#FFFFFF}

.imgbn img { margin:0 0 6px}

.info { border:1px solid #333333; padding:26px; text-align:left; min-height:593px;}
.info_h { text-align:center; font-size:20px; border-bottom:1px #333333 solid;}

.t_r { text-align:right}


/* モニター幅960px以下 */
@media only screen and (max-width:960px) { 

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:576px) {

.bg01 {font-size:24px;}
	
.sn { display:none;}
.sb { display: block;}
.ga_nav { width:98%; float: none;}

.col_3 .sp50 { width:48%; float:left;  margin:1%;}

.sps { text-align: center;}
	
.bow {border-top: 1px #FFFFFF solid;border-bottom: 1px #FFFFFF solid; border-left: none; border-right: none;}
	
.mt01 {margin-top: 120px;}

}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
section, article { margin:0 0 1em; padding:15px; }
.start p {
	left: 58%;
}
.col_3 .sp50 { width:47%; float:left; margin:1%;}

}