@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p');

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #a00000}
.f-redf00 { color: #FF0000}
/* レイアウト */
.t10b { font-size: 10px; line-height:14px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/* CSS初期設定 */
main article,
main img{
	width:100%;
	height:auto;
}

/*PCSP共通設定*/
section:nth-of-type(odd){background-color:#f0f0f0;}
section:nth-of-type(even){background-color:#fff;}
html {scroll-behavior: smooth;}/*smooth scroll*/

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock {
	overflow-x: scroll;
	overflow-y: hidden;
}
#dirPathBlock,
#anchorLinkBlock {margin: 0 1%;}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
#dirPathBlock p {width: max-content;}
h1 {
	font-size: 12px;
	margin: 0 1% 1%;
}

#pastlist {
    margin: 0;
    padding: 10px 0 0 0;
    height: auto!important;
}
.inner950{margin: 0 auto}
#mainVisualBox{
text-align: center;
letter-spacing: -0.4em;
background: url("../images/bg_main_sp.png") no-repeat 50% 100% #ffda0b;
background-size:120% auto;
padding: 10px 20px 30px;
overflow: hidden;
}

.topBox{
padding-top: 10px!important;
position: relative;
}

.topBox:after{
content: "";
width: 100%;
height: 500px;
margin: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
position: absolute;
background: url("../images/bg_ballon.png") no-repeat 50% 20%;
animation: fuwafuwa 5s infinite;
}


@keyframes fuwafuwa {
  0% { transform:translateY(0px); }
  50% { transform:translateY(30px); }
  100% { transform:translateY(  0px); }
}

.one{
width: 70%;
height: auto;
display: block;
margin: 0 auto 0
}

.two{
display: block;
margin: 0 auto;
}

.common{
padding: 30px 0 50px 0;
}


.common .inner{
margin: 0 20px;
line-height: 160%;
}


.common .inner h2{ 
font-family: "M PLUS 1p"; 
font-weight:bolder;
font-size: 20px;
margin: 0 0 30px 0;
text-align: center;
}

.common .inner h2 span{
display:inline-block;
padding: 0 0 10px 0;
border-bottom: 4px solid #000000;
position: relative;
}


.common .inner h2 span:after{
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom:-14px;
  left: 50%;
  margin: 0 0 0 -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
}


.common:nth-of-type(2n){
background: url("../images/bg_01.gif") #ffda0b no-repeat 50% 100%;
background-size: 100% auto
}
.common:nth-of-type(3n){
background: url("../images/bg_02.gif") #fffff1 no-repeat 50% 100%;
background-size: 100% auto
}

.textBox{
text-align: center;
font-size: 14px;
}

.bnrBox{
letter-spacing: -0.4em;
padding: 0 2% 0 0
}
.bnrBox li{
letter-spacing: normal;
display: inline-block;
width: 48%;
box-sizing: border-box;
margin: 0 0 1% 2%;
padding: 0;
}
.bnrBox li:nth-of-type(2n){
margin: 0 0 1% 2%;
}

.prefBox > ul{
letter-spacing: -0.4em;
display: table;
}
.prefBox > ul li{
display: table-cell;
font-family: "M PLUS 1p"; 
letter-spacing: normal;
border-left: 3px solid rgba(0,0,0,1.00);
border-top: 3px solid rgba(0,0,0,1.00);
background:rgba(255,255,255,1.00);
padding: 2px;
vertical-align: middle;
line-height: 15px;
text-align: center;
font-size: 12px;
font-weight: bold;
width: 20%;
cursor: pointer
}
.prefBox > ul li:last-of-type{
border-right: 3px solid rgba(0,0,0,1.00);
}


.prefBox > ul li.select{
background: rgba(0,0,0,1.00);
color:rgba(255,255,255,1.00)
}

.prefBox div{
border: 3px solid rgba(0,0,0,1.00);
background: #FFFFFF;
}

.prefBox div ul{
padding: 15px;
letter-spacing: -0.4e,;
}

.prefBox div ul li{
font-size: 14px;
margin: 0 5px 5px 0;
display: inline-block;
letter-spacing: normal;
}

.prefBox div ul li a{
display: block;
background: url("../images/im_arrow.png") no-repeat 0 5px;
padding: 0 0 0 20px;
background-size:13px auto;
font-weight: bold;
}
=====================*/

.ankerL{
letter-spacing: -0.4em;
padding: 20px 10px 0!important
}

.ankerL li{
float: left;
letter-spacing: normal;
vertical-align: top;
width: 33.3333333333333%;
padding: 1px;
margin: 0;
font-size: 9px;
box-sizing: border-box;

}

.ankerL li img{
display: block;
width: 100%;
height: auto;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
#wrapper {line-height: 1.231;}
.pcnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: auto;
}
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
    width: 100%;
	max-width:1080px;
	min-width:760px;
    margin: 0 auto 5px;
}

.inner950{
	width: 950px;
	margin: 0 auto!important
}

/* コンテンツ */
#mainVisualBox{
text-align: center;
letter-spacing: -0.4em;
background: url("../images/bg_main.png") no-repeat 50% 100% #ffda0b;
height: 390px;
overflow: hidden;
}

.topBox{
padding-top: 30px!important;
position: relative;
}

.topBox:after{
content: "";
width: 100%;
height: 500px;
margin: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
position: absolute;
background: url("../images/bg_ballon.png") no-repeat 50% 20%;
animation: fuwafuwa 5s infinite;
}


@keyframes fuwafuwa {
  0% { transform:translateY(0px); }
  50% { transform:translateY(30px); }
  100% { transform:translateY(  0px); }
}

.one{
width: 650px;
height: auto;
display: block;
margin: 40px auto 0
}

.two{
width: 850px;
height: auto;
display: block;
margin: 0 auto;
}

.common{
padding: 0px 0 200px;
}


.common .inner{
width: 950px;
margin: 0 auto;
line-height: 280%;
}


.common .inner h2{ 
font-family: "M PLUS 1p"; 
font-weight:bolder;
font-size: 28px;
margin: 0 0 50px 0;
text-align: center;
}

.common .inner h2 span{
display:inline-block;
padding: 0 0 10px 0;
border-bottom: 4px solid #000000;
position: relative;
}


.common .inner h2 span:after{
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom:-14px;
  left: 50%;
  margin: 0 0 0 -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
}


.common:nth-of-type(2n){
background: url("../images/bg_01.gif") #ffda0b no-repeat 50% 100%
}
.common:nth-of-type(3n){
background: url("../images/bg_02.gif") #fffff1 no-repeat 50% 100%
}

.textBox{
text-align: center;
font-size: 18px;
}

.bnrBox{
letter-spacing: -0.4em;
}
.bnrBox li{
letter-spacing: normal;
display: inline-block;
box-sizing: border-box;
margin: 0 0 0 20px;
box-shadow:3px 3px 0px 1px rgba(0,0,0,0.1);
}
.bnrBox li:nth-of-type(1){
margin: 0;
}

.bnrBox li:hover{
opacity: 0.5;
box-shadow:none;
transition: 0.5s ;
transform: translate(3px, 3px);
}

.prefBox > ul{
letter-spacing: -0.4em;
}
.prefBox > ul li{
font-family: "M PLUS 1p"; 
letter-spacing: normal;
border-left: 3px solid rgba(0,0,0,1.00);
border-top: 3px solid rgba(0,0,0,1.00);
background:rgba(255,255,255,1.00);
padding: 10px;
text-align: center;
font-size: 20px;
font-weight: bold;
width: 20%;
display: inline-block;
box-sizing: border-box;
cursor: pointer
}
.prefBox > ul li:last-of-type{
border-right: 3px solid rgba(0,0,0,1.00);
}

.prefBox > ul li:hover{
background: rgba(255,255,255,0.5);
transition: 0.5s ;
}

.prefBox > ul li.select{
background: rgba(0,0,0,1.00);
color:rgba(255,255,255,1.00)
}

.prefBox div{
border: 3px solid rgba(0,0,0,1.00);
background: #FFFFFF;
}

.prefBox div ul{
padding: 15px;
letter-spacing: -0.4e,;
}

.prefBox div ul li{
font-size: 18px;
width: 19.5%;
display: inline-block;
letter-spacing: normal;
}

.prefBox div ul li a{
display: block;
background: url("../images/im_arrow.png") no-repeat 0 5px;
padding: 0 0 0 25px;
background-size:18px auto;
font-weight: bold;
}
=====================*/

.ankerL{
letter-spacing: -0.4em;
padding: 20px 0 0 0!important
}

.ankerL li{
display: inline-block;
letter-spacing: normal;
vertical-align: top;
}

.ankerL li img{
display: block;
}

}

.clear.ankerL.clearfix {margin-bottom: 5%;}