@charset "UTF-8";
/* CSS Document */
body {
    color: #000000;
}

hr{
	border-style: dotted;
	border-bottom-width: 0px;
	margin-top: 30px;
    margin-bottom: 30px;
}
.style_button {
    padding: 1% 6%;
    border-radius: 30px;
    display: inline-block;
    transition: opacity .1s ease;
    float: left;
    margin: 1%;
	width:4.5em;
	text-align:center;
    color: #ffffff;
}

yodogawa.yodogawa-title{
	font-family: "A1 Gothic M";
	 padding: 10px 25px;
    border-radius: 30px;
    display: inline-block;
    transition: opacity .1s ease;
    float: left;
    margin: 5px;
    color: #ffffff;
}
	
.kakomi-maru1 {
    margin: 2em auto;
    padding: 1.5em;
	padding-bottom: 60px;
    color: #000000;
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
}		

.subtitle{
	font-family: "A1 Gothic M";
	font-size: 130%;
}
h3.subtitle{
	font-size: 150%;
	margin-top: 15px;
    margin-bottom: 10px;
}
h3.subtitle_1{
	font-size: 170%;
	margin-top: 15px;
    margin-bottom: 30px;
	font-family: "A1 Gothic M";
}
.bd_b {
    border-bottom: 0px solid #000;
}

#yodogawa{
    line-height: 1.9em;
	font-family: "A1 Gothic M";
}

#information .info_title, #information_free .info_title {
    line-height: 1.9em;
    width: 100%;
	font-family: "A1 Gothic R";
}

.box {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #000;
    background: #bfec39;
    border-radius: 5px;
	width: 50%;
}

.mokuji{float:right;}

@media (min-width: 641px){
	.kakomi-maru1 {
		width: 67%;
	}
	.yodogawa-kakomi-maru {
		width: 67%;
	}
#yodogawa.bd_t.bd_none {
    margin-top: -50px;
}
	}