@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*********************************************************
Copyright © 2018 MimoAgent inc. All Rights Reserved.
**********************************************************/
/* 基本レイアウト・フォント装飾関連 */
.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}

/* レイアウト */
.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}

img{
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}

.pcnone{
	display:none!important
}
/* CSS初期設定 */
#bg img {
	border:0;
	vertical-align:bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}


.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

p.images img{
	width:250px;
	height:auto!important;
}

h1{
	background:none;
	font-weight:normal;
	margin:5px 0
}
h2, h3 {font-weight: bold;}

.pcnone{
	display:none;
}

#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*------------------------------
Important news
------------------------------*/
#newsImportant{
	width: 100%;
	max-width: 970px;
	margin: 0 auto;
	margin-bottom: 10px;
	display:flex;
}
#newsImportant dt{
	width: 72px;
    height: fit-content;
	background: #e62d2d;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	margin-top: 1px;
	padding: 3px 0;
}
#newsImportant dd{
	width: 100%;
	padding: 0 10px;
}
#newsImportant li{
	padding: 3px 3px 3px 12px;
	position: relative;
}
#newsImportant li:nth-of-type(n+2){border-top: 1px dotted #ccc;}
#newsImportant li:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #555555;
	border-right: 0;
    position: absolute;
	top: 7px;
	left: 0;
}

/* --------------------------------------------------- common */
main article {
    width: 100%!important;
    margin: 0 auto;
}

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

#sectionB06,#sectionB02,#sectionB04{
background:url(../images/footprints.png);
padding-bottom: 10px!important;
	overflow: hidden;
}

.bgBIn{
	width:950px;
	margin:0 auto;
	padding:50px 0;

}

#sectionB01 .bgBIn{
	padding:10px 0 20px 1px
}


.btnI a:hover{
	transition: 0.2s ;
	opacity: 0.7 ;
	text-decoration:none!important
}

/*new*/
#newsImportant{
	margin: 5px;
	display:flex;
	font-size: 11px;
}
#newsImportant dt{
	width: 72px;
    height: fit-content;
	background: #e62d2d;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	margin-top: 2px;
    padding: 3px 0;
}
#newsImportant dd{
	width: 100%;
	padding: 0 10px;
}
#newsImportant li{
	padding: 5px 3px 5px 12px;
	position: relative;
}
#newsImportant li:nth-of-type(n+2){border-top: 1px dotted #ccc;}
#newsImportant li:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #555555;
	border-right: 0;
    position: absolute;
	top: 7px;
	left: 0;
}

/* --------------------------------------------------- headerBnr */

#headerBnr{
	text-align:left;
	margin-bottom:20px;
	letter-spacing: -.4em;
}

#headerBnr li{
	display:inline-block;
	margin:0 0 0 7px;
	letter-spacing: normal;
}

#headerBnr li:nth-of-type(1){
	margin:0;
}

#headerBnr li a:hover{
	transition: 0.2s ;
	opacity: 0.7 ;
	text-decoration:none!important
}

#headerBnr .itemPc { display: block !important; margin-top: 10px; }
#headerBnr .itemSp { display: none !important; }

.bgBIn .jrsetPc { display: block !important; margin-top: 10px; }
.bgBIn .jrsetSp { display: none !important; }


#headerBnr .attention {
	line-height: 1.4;
	margin-top: 10px;
	padding: 10px;
	border: 2px #F00 solid;
	background: #FFF;
    letter-spacing: 0;
}


/* --------------------------------------------------- slideBnrWrap */

#slideBnrWrap{
	overflow:hidden;
	margin-bottom: 10px;
}
#slideBnrWrapL{
	width:200px;
	float:left;
	margin-right:40px;
}

#slideBnrWrapL ul{
	display:block;
}

#slideBnrWrapL ul li{
	margin-bottom:10px;
}

#slideBnrWrapL ul li img{
	margin-bottom:5px;
}

#slideBnrWrapL ul li span{
	display:block;
	font-size:12px;
}
#slideBnrWrapL ul li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}


#slideBnrWrapR{
	overflow:hidden;
	margin-bottom:0px;
	/*height: 410px;*/
}

#titleBox{
	background:#F4F4FB;
	padding:15px 0 15px;
}

#slideBnrWrapR a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}

#fixedBnr{
	text-align:center;
	overflow:hidden;
	letter-spacing: -.4em;
    margin-top: 10px;
}
#fixedBnr li{
	display:inline-block;
	width:49%;
	letter-spacing: normal;
	vertical-align: top;
}

#fixedBnr li p{
	font-size:14px;
    /*font-weight: bold;*/
	padding-top: 4px;
}

#fixedBnr li span{
    display:block;
	font-size:14px;
	margin-top: 4px;
}

#fixedBnr li:first-child,
#fixedBnr li:nth-child(3){ /*最初と3番目*/
	margin-right:2%;
}

#fixedBnr li img{
	width:100%;
	margin:0 auto;
	height:auto;
}

#fixedBnr li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}


/*newBox*/

#sectionB02 h2{
	font-size:22px;
	text-align:center;
	margin-bottom:20px;
	padding-bottom:10px;
	color:#141487;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

#sectionB02 h2 i{
	margin-right:10px;
}



.listText{
	background:#FFF;
	width:550px;
	padding:20px 0;
	min-height:410px;
	margin-right:30px;
	float:left;
	border-top:6px solid #afafd0;
}

.listText dl.news {
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.listText dl.news  dt{
	clear: left;
	float: left;
	width: 110px;
    }

.listText dl.news  dd{
	margin-left: 110px;
}

.listText dl.news:nth-of-type(2n){
background: #fbfaff
}

.listText dl.news:last-child{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0;
}

.listText li{
	font-size:14px;
	padding: 15px 20px;
	line-height:150%;
	border-bottom:1px dotted rgba(0,0,0,0.1);
}
.listText li:nth-of-type(2n){
background: #fbfaff
}

.listText li:last-child{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0;
}

.listText li.cmp{
	background: #FFE6E6;
}

#keyWordBox{
	background:#FFF;
	overflow:hidden;
	padding:20px;
	margin-bottom:30px;
	border-top:6px solid #afafd0;
}

#keyWordBox li{
	display:inline-block;
	font-size:14px;
	padding-right:10px;
	margin-right:10px;
	margin-bottom:10px;
	border-right:1px solid rgba(0,0,0,0.1);
}

#keyWordBox li:last-child{
	border-right:none
}



#rankingBox{
	background:#FFF;
	overflow:hidden;
	padding:20px 20px 10px 20px;
	border-top:6px solid #afafd0;
}

#rankingBox li{
	overflow:hidden;
	display:block;
	font-size:14px;
	padding:13px 10px 13px 50px;
	border-bottom:1px dotted rgba(0,0,0,0.1);
}


#rankingBox li a{
	display:block;
}
#rankingBox ul{
	margin-top:-10px;
}

#rankingBox li:nth-of-type(1){
	background:url(../images/im_ranking01.png) no-repeat 0 50%;
	background-size:12% auto;
	padding:0 10px 13px 40xp
}

#rankingBox li:nth-of-type(2){
	background:url(../images/im_ranking02.png) no-repeat 0 50%;
	background-size:12% auto;
}

#rankingBox li:nth-of-type(3){
	background:url(../images/im_ranking03.png) no-repeat 0 50%;
	background-size:12% auto;
}
#rankingBox li:nth-of-type(4){
	background:url(../images/im_ranking04.png) no-repeat 0 50%;
	background-size:12% auto;
}
#rankingBox li:nth-of-type(5){
	background:url(../images/im_ranking05.png) no-repeat 0 50%;
	background-size:12% auto;
}

#rankingBox li:last-child{
	border-bottom:none;
	padding:13px 10px 13px 50px;
}

#btnLink4{
	text-align:center;
	letter-spacing: -.4em;
	padding:0px 0 0 0;
	clear:both;
}

#btnLink4 li{
	display:inline-block;
	width:21.2%;
	letter-spacing: normal;
	margin:0 0 0 5%;
}

#btnLink4 li:nth-of-type(1){
	margin: 0 0 0 0;
}

#btnLink4 li a{
	display:block;
	background:#141487;
	padding:18px 20px;
	font-size:18px;
	text-align:center;
	color:#FFF;
	position:relative;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

#btnLink4 li a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  position:absolute;
  top:30%;
  left:10%;
}

.commonTit{
	display:block;
	text-align:center;
	font-size:30px;
	margin-bottom:50px;
	color:#141487;
	padding:30px 0 20px 0;
	text-align:center;
}

.commonTit strong{
	display:inline-block;
	position:relative;
	padding:0 10px;
}

.commonTit strong i{
	font-size:30px;
	margin:0 10px 0 0
}

.commonTit strong:after{
	content:"";
	position:absolute;
	background:rgba(217,217,245,0.5);
	bottom:-20px;
	left:0;
	right:0;
	-webkit-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	width:100%;
	height:10px;
}

.naviM01{     /*関西発*/
	display:block;
	text-align:center;
	letter-spacing: -.4em;
	border-bottom:8px solid #141487;
	margin-bottom:35px;
}

.naviM01 li{
	display:inline-block;
	letter-spacing: normal;
	background:rgba(217,217,245,1);
	font-size:20px;
	width: 19%;
	padding:15px 0 25px;
	color:#141487;
	margin:0 0 0 0.8%;
	cursor:pointer;
	position: relative;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.naviM03{     /*北陸発*/
	display:block;
	text-align:center;
	letter-spacing: -.4em;
	border-bottom:8px solid #141487;
	margin-bottom:35px;
}

.naviM03 li{
	display:inline-block;
	letter-spacing: normal;
	background:rgba(217,217,245,1);
	font-size:20px;
	width: 19%;
	padding:15px 0 25px;
	color:#141487;
	margin:0 0 0 0.8%;
	cursor:pointer;
	position: relative;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}



.naviM02{     /*エリアから探す*/
	display:table;
	text-align:center;
	overflow: hidden;
	border-bottom:8px solid #141487;
	margin-bottom:35px;
	width: 100%;
	height: 75px;
	table-layout: fixed;
	border-collapse: separate!important;
	border-spacing: 10px 0!important;

}

.naviM02 li{
	display:table-cell;
	font-size:18px;
	color:#141487;
	margin:0 0 0 0;
	padding:0px 0 0 0;
	cursor:pointer;
	width: 16.666666666%;
	vertical-align: middle;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background:rgba(217,217,245,1);
	position: relative;

}

.naviM01 li:after,
.naviM02 li:after,
.naviM03 li:after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  position:absolute;
  bottom:-3%;
  left:45%;
}

.naviM01 li:hover,
.naviM02 li:hover,
.naviM03 li:hover{
	transition: 0.2s ;
	opacity: 1 ;
	background:#d1d1ed;
	text-decoration:none!important
}

.naviM01 li.select01,
.naviM02 li.select02,
.naviM03 li.select03{
	background:#141487;
	color:#FFF;
}

.naviM01 li.select01:hover,
.naviM02 li.select02:hover,
.naviM03 li.select03:hover{
	cursor:default;
	opacity: 1 ;
	text-decoration:none!important;

}

.contents01,.contents02,.contents03{
	overflow:hidden;
}

.contents01 li{
	width:22.6%;
	margin:0 30px 30px 0;
	float:left;
	font-size:16px;
	background:#F4F4FF
}

.contents03 li{
	width:22.6%;
	margin:0 30px 30px 0;
	float:left;
	font-size:16px;
	background:#FFF;
}

.contents01 li a:hover,
.contents03 li a:hover{
	transition: 0.2s ;
	opacity: 0.6 ;
	text-decoration:none!important
}

.contents01 li:nth-of-type(4n),
.contents03 li:nth-of-type(4n){
	margin:0 0 30px 0
}

.contents01 li img,
.contents02 li img,
.contents03 li img{
	width:100%;
	height:auto;
	margin-bottom:0;
}

.contents01 li strong,
.contents02 li strong,
.contents03 li strong{
	display:block;
	padding:15px;
}


.prefTit{
font-size: 26px;
text-align: center;
padding: 15px;
margin-bottom: 0;
color: #141487;
display: block;
}

.prefTit{
position: relative;
display: block;
padding: 0 0;
}
/*
.prefTit:before,.prefTit:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 38%;
height: 2px;
background-color: #141487;
}

.prefTit:before {left:0;}
.prefTit:after {right: 0;}
*/

.ichioshiTit{
background: rgba(217,217,245,0.6);
font-size: 20px;
padding: 10px 30px;
color: #141487;
margin: -30px 0 0 0;
display: inline-block;
-webkit-border-radius: 0 10px 0 0;
border-radius: 0 10px 0 0;
}

.ichioshiTit i{
font-size: 28px;
margin-right: 15px;
position: relative;
top: 3px;
}



.listText2{
	background:#FFF;
	padding:20px 0;
	margin-bottom: 100px;
	border-top:6px solid rgba(217,217,245,0.8);
	box-shadow: 0 0 1px #000000;
}


.listText2 li{
	font-size:14px;
	padding: 10px 10px;
	line-height:150%;
	border-bottom:1px dotted rgba(0,0,0,0.1);
}
.listText2 li:nth-of-type(2n){
background: #fbfaff;
}


.listText2 li:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}


.eventBox{
overflow: hidden;
border-top:6px solid rgba(217,217,245,0.8);
padding-top: 20px;
margin-bottom: 10px;
}
.eventBox dl{
width: 255px;
float: left;
padding: 20px;
background: #FFFFFF;
margin: 0 30px 30px 0;
}

.eventBox dl:nth-of-type(3n){
margin: 0 0 30px 0;
}

.eventBox dl dt{
font-size: 16px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom:1px dotted rgba(0,0,0,0.1);
}

.eventBox dl dd{
font-size: 14px;
line-height: 20px;
}

.bT{
border-top: 3px solid #FFFFFF;
padding-top: 20px;
}



.prefTit strong {
position: relative;
color: #141487;
font-size: 24px;
padding: 10px 0;
display: inline-block;
text-align: center;
margin:10px 0;
line-height: 60px;
}
.prefTit strong:before {
content: "";
position: absolute;
top: -0;
left: 50%;
width: 150px;
height: 70px;

border-radius: 50%;
border: 5px solid #D9D9F5;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

/*slider---------------------------------------------------*/


.slick-slide{
	opacity: 0.5;
	background:#FFF
}

.slick-active{
	opacity: 0.5 ;
}
.slick-center{
	opacity: 1 !important;
}

.slide_selector{
	z-index:1!important;
	position:relative;
	overflow:hidden;
}

.slide_selector img {
    width: 400px;
    height: auto;
}

.slide_selector p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}

.kikanS{
display: block;
font-size: 12px;
margin-top: 8px;
}

.kikanS span{
display: inline-block;
background: #EDEBEB;
padding: 3px;
margin-right: 5px;
}

/* Slider ------------------------------------------------*/
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	z-index:100;
}

.slick-slider img{
	margin:0 5px;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 50px;
    padding: 0;
	z-index:2;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
			
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
z-index:1!important;
    display: block;
}px;
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	z-index:100;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

#matomeTit{
	text-align:center;
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #141487;
	margin-top:40px;
}

#matomeTit i{
	margin:0 10px 0 0;
}

#btnBox{
overflow: hidden;
}

#detailWrap{
width: 500px;
float: left;
margin-right: 30px;
}


#btnBox li{
margin-bottom: 35px;
}

#btnBox li a{
border: 2px solid #D1D1D1;
display: block;
font-size: 18px;
position: relative;
padding: 20px;
text-align: center;
color: black;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

#btnBox li a:hover{
	text-decoration: none!important;
	transition: 0.2s ;
	opacity: 0.3 ;
}


#btnBox li a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  position:absolute;
  top:30%;
  left:5%;
}

#twitterBox{
border: 1px solid #E4E4E4;
overflow: scroll;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
width: 418px;
height: 400px;
}

.tenpoTit{
clear: both;
color: #141487;
border-left: 8px solid #141487;
padding: 0 0 0 10px;
margin-bottom: 15px;
font-size: 20px;
font-weight: bold;
}

ul.tenpoBox{
overflow: hidden;
text-align: center;
margin-bottom: 30px;
}

ul.tenpoBox li{
display: inline-block;
width: 16.5%;
margin-left: 10px;
}

ul.tenpoBox li a{
font-size: 15px;
padding: 10px;
}

ul.tenpoBox li a{
border: 2px solid #D1D1D1;
display: block;
font-size: 14px;
position: relative;
padding: 12px 5px;
text-align: center;
color: black;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

.tenpoBox li a::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  position:absolute;
  top:30%;
  left:5%;
}

.tenpoBox li a:hover{
	text-decoration: none!important;
	transition: 0.2s ;
	opacity: 0.3 ;
}
#toiawaseBox{
background: #FFFFFF;
padding: 30px;
width: 700px;
margin: 0 auto 30px;
text-align: center;
}

#toiawaseBox dt{
font-size: 26px;
color: #141487;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}

#toiawaseBox dd strong{
font-size: 34px;
font-weight: bold;
display: block;
text-align: center;
color: crimson;
margin-bottom: 10px;
}

#toiawaseBox dd span{
font-size: 16px;
}

#toiawaseBox dd p{
background: #FFE1E2;
display: inline-block;
padding: 10px;
margin-top: 15px;
}

#toiawaseBox dd .bn{
margin-top: 20px;
}