﻿/*#wrap #contents {
    padding: 0 0px !important;
}*/
ol, ul {
    list-style: none;
    padding: 0;
}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb0{margin-bottom:0px !important;}
.mgtb30{margin:30px 0;}
.red{color: #f00;}
.w100{width: 100%!important;}
.red{color: #f00;}
.lh15{line-height: 1.5em;}
.mgb10{margin-bottom: 10px;}
.mgb20{margin-bottom: 20px;}
.mgtb20{margin-bottom: 20px; margin-top: 20px;}
.w100{width: 100%;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgt40{margin-top:40px;}
.mgb0{margin-bottom:0px !important;}
.mgtb30{margin:30px 0;}
.pdb3{padding-bottom: 3em !important;}
.pdb4{padding-bottom: 4em !important;}
.left85{left: 75px !important;}
.h35{height: 3.5em;}
.tac{text-align: center !important;}
.fs08{font-size: 0.8em;}
.mgr10{margin-right: 10px;}
.flb50{flex-basis: 50%;}
.bgc_w{background-color: #fff;}
#container-all {
	width:100%;
	margin:0 auto;
}
@media screen and (min-width:768px) {
	.w50pc{width: 50%;}	
}
@media screen and (max-width:767px) {
nav{margin: 0 10px;}
.fs08sp{font-size: 0.8em;}
	.w50sp{width: 50%;}	
#container-all,.container-all {
	width:100%;
}
.maindesign .fslarge {
    font-size: 1.2em;
}
}
#container-all a {
	text-decoration:none;
}
.tbl02 {
border-collapse: collapse;
margin: 0 auto 20px;
padding: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
/*font-size: 2em;*/
}
.tbl02 tr {
text-align: center;
padding: 20px 0;
}
.tbl02 th, .tbl02 td {
padding: 20px 0;
border: 1px solid #ccc;
}
.tbl02 th {
background-color: #ea5b9d;
color: #FFF;
padding: 10px;
font-feature-settings: "palt";

}
.tbl02 td {
background-color: #fff;
}
.text_date{
	font-size: 1.3em;
	font-weight: bold;
}
#main .series-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#main .series-flex a:nth-child(-n + 2){
	margin-top: 0;
}
#main .series-flex a .text-area{
	line-height: 1.3;
	padding: 10px;
	text-align: justify;
}
#main .series-flex a .text-area .db-name{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 5px;
}
#main .series-flex a .text-area p{
	font-size: 0.9em;
}
@media screen and (min-width:768px){

#main .cols2-1 .flex_con{
width: calc(50% - 20px);
	display: flex;
	flex-direction: column;
}
#main .cols2-1 .flex_con p{
	flex: 1;
}
}
@media screen and (max-width:767px){
	.tbl02 {
font-size: 4vw;
}
.tbl02 th,
.tbl02 td{
	font-feature-settings: "palt";
    font-size: 0.8em;
    line-height: 1.2;
	padding: 1.5vw;
}

}
#main p {
    line-height: 1.3em;
}
#main .under-txt {
    line-height: 1.3em;
    margin: 20px auto;
}
.disp-fl{
	display: flex;
}
.flex50{
	display: flex;
}
.flex50 div{
	flex-basis: 70%;
}
.disp-fl p{
	padding: 5px;
	}
.flb50{flex-basis: 50%;}
#main .relation {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main a.feature {
    color: #000000;
    text-decoration: none;
}
#main .feature {
    width: 49%;
    height: auto;
    min-height: 75px;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #ccc;
    position: relative;
    transition: 0.6s;
    justify-content: space-between;
	display: flex !important;
}
#main .feature .relation_text {
	width: 70%;
	padding-left: 10px;
}
#main .feature .feat_title {
	font-size: 1.2em;
	font-weight: bold;
}
#main .feature .feat_text {
	font-size: 0.8em;
	line-height: 1.2;
	margin-top: 10px;
}
#main .feature .relation_img {
	width: 20%;
	padding-right: 5px;
}
#main .feature .relation_img img {
	width: 100%;
	height: auto;
	max-width: 80px;
}
@media screen and (max-width:767px){
.botton_box2 li {
    width: calc(50% - 7px);
    margin-right: calc(21px / 2);
    margin-bottom: 10px;
    text-align: center;
}
	.botton_box2 li:nth-child(3n) {
    margin-right: calc(21px / 2);
}
	.botton_box2 li:nth-child(2n) {
    margin-right: 0px;
}
		.botton_box li:nth-child(2n) {
    margin-right: 0px;
}
	.disp-fl{
		flex-direction: column;
	}
	.pc-only {
    display: none!important;
}
	#main .breadcrumb {
		padding-left: 10px;
	}
	#main .title {
		background-image: url(../img/title_sp.jpg);
	}
	/*#main .main_title {
    	font-size: 8vw;
	}*/
	#main .feature-hdg2 {
		margin-top: calc(60px - 0.6rem) !important;
	}
	#main .featureBox_inner {
		position: absolute;
		top: -10px;
		left: 50%;
		transform: translateX(-50%);
		border: 5px solid #fff;
		width: 100%;
		max-width: 270px;
		background: #fff;
		box-sizing: border-box;
	}
	#main .featureBox .fBTitle {
		padding: 10px 20px;
		font-size: 1.0em;
		width: 99%;
		margin: 0 auto;
		text-align: center;
	}
	#main .featureBox .fbWording {
		display: flex;
		flex-wrap: wrap;
		margin: 25px 0 5px;
		font-size: 16px;
	}
	#main .reserve_link {
		margin-bottom: 15px;
	}
	#main .feature__items li {
		width: 100%;
	}
	#main .feature {
		width: 100%;
		align-items: center;
	}
/*	#main .heading_3 {
		font-size: 1.0em;
	}*/
}
#main .fs-medium{
	padding: 0.8rem 1.7rem;
}
