@charset "utf-8";
/*=================================
メニューページレイアウト
===================================*/

.area p.menu-text1{
font-size: 15px;
line-height: 1.5em;
padding: 10px;
margin-top: 5px;
color: #000;
background-color: rgba(255, 255, 255, 0.6)
}
.area p.menu-text2{
font-size: 15px;
line-height: 1.6em;
padding: 10px 0px 0px 15px;
margin-bottom: 0px;
color: #000
}
.area ul{
margin-bottom: 30px
}
.area p{
font-size: 15px;
line-height: 1.8em;
letter-spacing: 0.05em;
text-align:justify;
margin-bottom: 0px
}

.area p.amino{
font-size: 15px;
line-height: 1.8em;
letter-spacing: 0.05em;
padding: 0px 0px 10px 15px;
margin-bottom: 0px
}
/*==========表==========*/
.hyo{
	width:100%;
	color: #000;
	border-spacing:0px;
	margin-bottom: 50px;
}
.hyo p{
	width:99%;
	color: #000;
	font-weight: normal;
}
.hyo th {
text-align:left;
}
.hyo td {
  text-align:right;
  border:1px;
  border-bottom-style:solid;
  border-bottom-color:#265CFF;
}
.naiyo {
text-align:left;
font-weight: bold;
border:1px;
border-bottom-style:solid;
border-bottom-color:#265CFF;
letter-spacing: 0.15em;
}

.hosoku {
width:100%;
font-size: 13px;
color:#265CFF;
text-align:left;
padding: 5px 0px 5px 10px;
letter-spacing: 0.10em;
line-height:1.5
}


/*駅名タイトル*/
.area p.train-text2{
display: block;
font-family: "Klee One", cursive;
text-align: left;
color: #fff;
background-color: rgba(38, 92, 255, 0.7);
}

/*==============
駅ボタン
==============*/
.train-b{
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}

.train-b a{
background-color:rgba(255, 255, 255, 0.6);
text-align:center;
border: 1px solid #265CFF;
color: #265CFF;
font-family: "Klee One", cursive;
font-weight: 500;
font-style: normal;
transition:all 0.3s;
line-height: 1.2em

}
.train-b a:hover {
background-color: rgba(255, 255, 77, 0.8);
color: #000;cursor: pointer;}

/*チェック文*/
.check {
margin-bottom: 15px;
}
.check ul{
margin-bottom: 0px;
}
.check li {
position: relative;
font-size: 14px;
color: #000;
font-weight: bold;
align-items: center;
padding-left: 20px;
padding-bottom: 5px;
letter-spacing: 0em;
width: 100%;

}
.check ul li:before{ 
position: absolute;
width: 0.8em;
height: 0.4em;
border-bottom: 4px solid #265CFF;
border-left: 3px solid #265CFF;
transform: rotate(-45deg) translate(2px, -2px);
content: '';
top:10px;
right: 0;
bottom: 0;
left:0px;
}

/* ########### 427px 以下 ########### */
@media screen and (max-width: 427px) {

/*駅名タイトル*/
.area p.train-text2{
display: block;
font-size: 15px;
letter-spacing: 0em;
padding:10px 5px 10px 10px;
margin-bottom:30px
}
/*表*/
.hyo th {
width: 60%;
}
.naiyo {
font-size: 16px;
padding: 40px 0px 5px 0px;
}
.hyo td {
width: 40%;
font-size: 15px;
letter-spacing: 0em;
padding: 40px 0px 5px 10px;
}
}
/* ########### 428px 以上 ########### */
@media screen and (min-width: 428px) {
/*表*/
.hyo th {
width: 65%;
}
.naiyo {
font-size: 17px;
padding: 50px 0px 5px 10px;
}
.hyo td {
width: 35%;
font-size: 16px;
letter-spacing: 0em;
padding: 50px 10px 5px 10px;
}
}
/* ########### 428pxから530pxまで ########### */
@media screen and (min-width: 428px) and (max-width: 530px) {
/*駅名タイトル*/
.area p.train-text2{
display: block;
font-size: 17px;
letter-spacing: 0em;
padding:10px 5px 10px 10px;
margin-bottom:30px
}
}
/* ########### 531px 以上 ########### */
@media screen and (min-width: 531px) {

/*駅名タイトル*/
.area p.train-text2{
display: block;
font-size: 17px;
letter-spacing: 0.1em;
padding:10px 0px 10px 20px;
margin-bottom:20px;
}
}
/* ########### 427px 以下 ########### */
@media screen and (max-width: 427px) {
/*駅ボタン*/
.train-b{
margin-bottom: 70px
}
.train-b a{
position: relative;
display:inline-block;
padding: 5px 0 5px 0;
}
.train-b a.menu1 ,.menu3{
width: 48%;
font-size: 15px;
letter-spacing: 0em;
margin-top: 0px;
margin-bottom:10px
}
.train-b a.menu2{
width: 98%;
font-size: 17px;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
}
/* ########### 428pxから590pxまで ########### */
@media screen and (min-width: 428px) and (max-width: 590px) {

/*駅ボタン*/
.train-b{
margin-bottom: 70px
}
.train-b a{
position: relative;
display:inline-block;
padding: 5px 0 5px 0;
}
.train-b a.menu1 ,.menu3{
width: 48%;
font-size: 17px;
letter-spacing: 0.1em;
margin-top: 0px;
margin-bottom:10px
}
.train-b a.menu2{
width: 98%;
font-size: 17px;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
}
/* ########### 591pxから940pxまで ########### */
@media screen and (min-width: 591px) and (max-width: 940px) {

/*駅ボタン*/
/*駅ボタン*/
.train-b{
margin-bottom: 70px
}
.train-b a{
position: relative;
display:inline-block;
padding: 5px 0 5px 0;
}
.train-b a.menu1{
width: 31%;
font-size: 17px;
letter-spacing: 0.1em;
margin-top: 0px;
margin-bottom:15px
}
.train-b a.menu2 ,.menu3{
width: 48%;
font-size: 17px;
letter-spacing: 0.1em;
margin-bottom: 15px;

}
}
/* ########### 941px 以上 ########### */
@media screen and (min-width: 941px) {

/*駅ボタン*/
.train-b{
margin-bottom: 70px
}
.train-b a{
position: relative;
display:inline-block;
padding: 5px 0 5px 0;
}
.train-b a.menu1 ,.menu3{
width: 23%;
font-size: 17px;
letter-spacing: 0.1em;
margin-top: 0px;
margin-bottom:15px
}
.train-b a.menu2{
width: 48%;
font-size: 17px;
letter-spacing: 0.1em;
margin-bottom: 0px;

}
}