@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body{font-family: 'Noto Sans JP', sans-serif;}


.h1deco_standing_bar{
	color:#fff;
	font-weight:bold;
	margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    padding: 1px;
    background-color: #333;
    margin-bottom: 10px;
    line-height: 1;
}


.h2deco{
    border-bottom: solid 0px black;
    font-size: 10px;
    margin-left: 5px;
    margin-top: -25px;
}


.h3deco_switchbar{
    border-left: solid 10px #000;
    padding: 5px;
}

.h3deco_public_stand1{
    border-left: solid 10px #FEE361;
    padding: 5px;
}

.h3deco_public_stand2{
    border-left: solid 10px #020501;
    padding: 5px;
}


.h3deco_hub1{
    border-left: solid 10px #FE0010;
    padding: 5px;
}

.h3deco_hub2{
    border-left: solid 10px #1D268A;
    padding: 5px;
}


.menu{
    border: dotted 1px #ddd;
    padding: 0px;
	max-width: 600px;
	margin-left: auto;
    margin-right: auto;
}

.menu li{}

.menu li a{
color: #ff3565;
}


ol.menu5 {
  counter-reset : item ;
  list-style : none ;
}
ol.menu5 li { display: block ; }
ol.menu5 li:before {
  content: counters(item, ".") ". ";
  counter-increment: item ;
}

.masking-tape{
  position: absolute;
  top: -1em;
  left: 30%;
  width:20%;
  height:30px;
  background-image: linear-gradient(-45deg, rgba(227,155,140,.4) 25%, transparent 25%, transparent 50%, rgba(227,155,140,.4) 50%, rgba(227,155,140,.4) 75%, transparent 75%, transparent 100%);
  background-size: 20px 20px;
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-4deg); 
}


.imgcenter5 {
text-align: center;
}



/*switchbar----------------------------------------*/
.title_switchbar{
	text-align: left;
    font-size: large;
    margin-left: auto;
    margin-right: auto;
	border: 10px solid #000;
    padding: 10px;
    color: #fff;
    background-color: #000;
    margin-bottom: 10px;
}
    


.title_switchbar a {
text-decoration: none;
color: #fff;
}
.title_switchbar a:link { color: #fff; } 


.preoffertitle_switchbar{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
	border: 2px solid #D01B7C;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_switchbar a {
text-decoration: none;
}
.preoffertitle_switchbar a:link { color: black } 

.buruburu_switchbar {
    display: inline-block;
-webkit-animation:hurueru 3s infinite linear alternate;
animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#333 0%, #333 100%);
    background-image: linear-gradient(#333 0%, #333 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 10px solid #FFABAB;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_switchbar{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_switchbar {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_switchbar a{
    color: white;
}

.attention_switchbar {
 width: 90%;
 margin: 10px auto 10px;
 padding: 10px 10px 0;
 border: 3px solid #5C0264;
 position: relative;
 border-radius: 3px;
 background-color: #fff;
}
.attention-title_switchbar {
 position: absolute;
 top: -13px;
 left: 20px;
 padding: 0 5px;
 background-color: #5C0264;
}
.attention-title_switchbar .fa {
 margin-right: 5px;
}
.caution_switchbar {
 background-color: #000;
 border: 2px solid #000;
 color: #fff;
 border-radius: 3px;
}
.attention-red_switchbar {
 border-color: #000;
 margin-top: 15px;
}

p.attention10{
	padding:5px;
}

.caution_switchbar {
 background-color: #5C0264;
 border: 2px solid #5C0264;
 color: #fff;
 border-radius: 3px;
}

.attention-red_switchbar {
 border-color: #5C0264;
}

/*switchbar----------------------------------------*/


/*public_stand----------------------------------------*/
.title_public_stand{
	text-align: left;
    font-size: large;
    margin-left: auto;
    margin-right: auto;
	border: 10px solid #FEE361;
    padding: 10px;
    color: #fff;
    background-color: #020501;
    margin-bottom: 10px;
}
    


.title_public_stand a {
text-decoration: none;
color: #fff;
}
.title_public_stand a:link { color: #fff; } 


.preoffertitle_public_stand{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
	border: 2px solid #D01B7C;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_public_stand a {
text-decoration: none;
}
.preoffertitle_public_stand a:link { color: black } 

.buruburu_public_stand {
    display: inline-block;
-webkit-animation:hurueru 3s infinite linear alternate;
animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#020501 0%, #020501 100%);
    background-image: linear-gradient(#020501 0%, #020501 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 10px solid #FEE361;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_public_stand{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_public_stand {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_public_stand a{
    color: white;
}

.attention_public_stand {
 width: 90%;
 margin: 10px auto 10px;
 padding: 10px 10px 0;
 border: 3px solid #5C0264;
 position: relative;
 border-radius: 3px;
 background-color: #fff;
}
.attention-title_public_stand {
 position: absolute;
 top: -13px;
 left: 20px;
 padding: 0 5px;
 background-color: #5C0264;
}
.attention-title_public_stand .fa {
 margin-right: 5px;
}
.caution_public_stand {
 background-color: #FF6B73;
 border: 2px solid #FF6B73;
 color: #fff;
 border-radius: 3px;
}
.attention-red_public_stand {
 border-color: #FF6B73;
 margin-top: 15px;
}

p.attention10{
	padding:5px;
}

.caution_public_stand {
 background-color: #5C0264;
 border: 2px solid #5C0264;
 color: #fff;
 border-radius: 3px;
}

.attention-red_public_stand {
 border-color: #5C0264;
}

/*public_stand----------------------------------------*/



/*hub----------------------------------------*/
.title_hub{
	text-align: left;
    font-size: large;
    margin-left: auto;
    margin-right: auto;
	border: 10px solid #1D268A;
    padding: 10px;
    color: #fff;
    background-color: #FE0010;
    margin-bottom: 10px;
}
    


.title_hub a {
text-decoration: none;
color: #fff;
}
.title_hub a:link { color: #fff; } 


.preoffertitle_hub{
	text-align: left;
    font-size: midium;
    margin-left: auto;
    margin-right: auto;
	border: 2px solid #D01B7C;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.preoffertitle_hub a {
text-decoration: none;
}
.preoffertitle_hub a:link { color: black } 

.buruburu_hub {
    display: inline-block;
-webkit-animation:hurueru 3s infinite linear alternate;
animation:hurueru 3s infinite linear alternate;
    width:50%;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#FE0010 0%, #FE0010 100%);
    background-image: linear-gradient(#FE0010 0%, #FE0010 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 10px solid #1D268A;
    margin-left:20%;
	margin-right:auto;
    text-align:center;
    margin-bottom: 20px;
    font-size:large;
    margin-top: 10px;
}

@-webkit-keyframes hurueru_hub{
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes hurueru_hub {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.buruburu_hub a{
    color: white;
}

.attention_hub {
 width: 90%;
 margin: 10px auto 10px;
 padding: 10px 10px 0;
 border: 3px solid #5C0264;
 position: relative;
 border-radius: 3px;
 background-color: #fff;
}
.attention-title_hub {
 position: absolute;
 top: -13px;
 left: 20px;
 padding: 0 5px;
 background-color: #5C0264;
}
.attention-title_hub .fa {
 margin-right: 5px;
}
.caution_hub {
 background-color: #FF6B73;
 border: 2px solid #FF6B73;
 color: #fff;
 border-radius: 3px;
}
.attention-red_hub {
 border-color: #FF6B73;
 margin-top: 15px;
}

p.attention10{
	padding:5px;
}

.caution_hub {
 background-color: #5C0264;
 border: 2px solid #5C0264;
 color: #fff;
 border-radius: 3px;
}

.attention-red_hub {
 border-color: #5C0264;
}

/*hub----------------------------------------*/





.underlineblue{ 
		border-bottom: solid 2px #00bfff;
  }

.backgroundblue{ 
		background-color: #00bfff;
  }


p.mentitle{
	text-align:center;
	background-color:#87cefa;
	margin: 10px;

}



p.womentitle{
	text-align:center;
	background-color:#ffe4e1;
	margin: 10px;

}



.tb_hikaku{
	width:100%;

}

.tb_hikaku th{
	border:solid 1px;
}


.tb_hikaku td{
	border:solid 1px;
}




td.tb_hikaku_first{
	text-align:center;
}



ol.hikaku {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 0.3em 0.8em;
	border: solid 2px #ffb107;
	width: 80%;
    margin-right: auto;
    margin-left: auto;
}
ol.hikaku  li {
  border-bottom: dashed 1px orange;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
}
ol.hikaku  li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.hikaku  li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}


table {
	width:100%;
}

/*tableにスクロールバーを追加スタート*/
.scroll{
overflow: auto; /*tableをスクロールさせる*/
white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
margin-bottom: 2em;
}
.scroll:-webkit-scrollbar{ /*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
/*tableにスクロールバーを追加エンド*/

table a{
	color:#fff;
}

tr.first_nightbra th{
	background: #fff;
}

.first_nightbra td{
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:center;
	background: #ffffe0;
}

.tbl-r02_nightbra th {
  background: #4169e1;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r02_nightbra td {
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:left;
 	background:#fff;
 }
.last_nightbra th {
  background: #4169e1;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.last_nightbra td{
	border: solid 1px #ccc;
 	padding: 10px;
 	text-align:left;
 	background:#fff;
}

th.tbl-th_nightbra{
	font-size:small;
}