@charset "utf-8";
/* new 各館ページ */

#extruderBottom {
display: none;
}

/***  common ***/
.common_nav {
width: 100%;
margin:  20px 0 0;
}

.common_nav ul {
display: flex;
}

.commonheadnav {
margin: 20px 0;
}

.commonheadnav ul {
display: flex;
justify-content: space-between;
}


.footer_bg {
width: 100%;
padding: 30px 0;
margin: 0;
background: #f2f2f2;
}

.footer {
width: 931px;
margin: 0 auto;
}

.mailcontact {
width: 100%;
text-align: center;
margin: 2% 0;
}

.footer_facility {
width: 850px;
margin: 0 auto 0;
display: flex;
justify-content: space-between;
}

.footer_facility {
align-items: center;

}

.dk_facility_kousan {
padding: 25px 0 0;
}

/**************************************************************  matsudo ***/

.main_image_wrap {
width: 100%;
display: flex;
margin: 40px 0 0;
justify-content: space-between;
}

.icatch_img {
}

.topics_location {
width: 100%;
display: flex;
justify-content: space-between;
margin: 40px 0;
}

.topics {
width: 500px;
padding: 0 0 30px;
border-bottom: 1px solid #CCC;
}

.topics h2, .locationmap h2 {
border-bottom: 1px solid #999;
margin: 0 0 30px;
}

.topics_inner {
width: 480px;
}

.topics dl {
overflow: scroll;
overflow-x: hidden;
height: 250px;
}

.topics dt {
width: 100px;
line-height: 1.8;
float: left;
margin: 0 0 20px;
clear: both;

}

.topics dd {
width: 320px;
line-height: 1.8;
float: right;
padding: 0 30px 0 0;
margin: 0 0 20px;
}


.topics dd a {
display: block;
margin: 5px 0 0;
text-decoration: none;
color: #333;
}

.topics_bnr {
width: 100%;
height: auto;
}

.topics dd a:hover {
opacity: 0.8;
}


.locationmap {
width: 340px;
border-bottom: 1px solid #CCC;
padding: 0 0 30px;
}


.blog_title {
border-bottom: 1px solid #999;
margin: 0 0 30px;
}

.blog dl {
overflow:  hidden;
}

.blog dt {
width: 100px;
line-height: 1.8;
float: left;
margin: 0 0 20px;
}

.blog dd {
width: 750px;
line-height: 1.8;
float: right;
padding: 0 30px 0 0;
margin: 0 0 20px;
}

.main_title { 
width: 100%;
text-align: center;
margin: 40px auto;
}

.main_col {
	width: 899px;
	margin: 0 auto;
}

.page_title {
	margin: 40px 0 0 !important;
}

.contact_button {
clear: both;
width: 607px;
margin: 30px auto;
}



.subtxt {
	margin: 20px 0;
	line-height: 1.8;
}

.rooms_madori {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 50px 0;
}

.shoukai {
	width: 430px;
}

.madori{
width: 400px;
}

.summrywrap table {
border: none;
margin: 20px 0;
}

.summrywrap td {
padding: 10px;
}

.offer_title {
margin: 50px 0 0;
}

.offer_sub_title {
margin: 50px 0 0;
}
.offer_subtxt {
margin: 0 0 30px;
}


/*** equipment ***/
.equipmentwrap h5 {
margin: 50px 0 0;
}

.service {
width: 700px;
margin: 40px auto;
padding: 20px 40px;
border: 1px solid #CCC;
position: relative;
}

.service_button {
position: absolute;
top: -15px;
left: 30px;
}

.equipment_any {
width: 100%;
display:  flex;
justify-content: space-between;
margin: 60px 0;
}

.any_left, .any_right {
width: 430px;
}

.any_left p, .any_right p {
margin: 0 0 0 7px;
}

.concept2 {
	margin: 0 0 40px;
}

.kitchen_equipment_button {
margin: 5px 0 0 40px;
}
.common_kitchen {
	display: flex;
	margin: 20px 0;
}

.common_any h4 {
margin: 30px 0 0;
}
.commonwrap h4 {
margin: 40px 0 0;
}


.mapwrap {
width: 100%;
display:  flex;
justify-content: space-between;
margin: 20px 0;
}

.googlemap {
	margin: 10px 0 0;
}

.matsudo_station {
width: 350px;
}

.mapwrap h4 {
margin: 10px 0 0;
}
.mapwrap p {
font-weight: 600;
margin: 10px 0;
line-height: 1.5;
}

.stationmap  {
padding: 80px 0 0;
}


.summarywrap {
display: flex;
justify-content: flex-start;
}

.summarywrap ul li {
line-height: 1.8;
margin: 0 0 10px
}

.summary_left, .summary_right {
margin: 20px 50px 0 10px;
}


.inblock {
	margin:  0 0 0 50px;
}

.commonwrap .accesspoint p {
	font-size: 14px !important;
	line-height: 1.8
}

.commonwrap .accesspoint h3 {
	font-size: 16px;
	margin: 20px 0 10px;
	background: #DDDDDD;
	padding: 10px 0 10px 20px;
}

/**************************************************************  matsudo ***/



/*****************************************************************************/
 @media only screen and (max-width:768px) {
.logo {
	width:297px;
	float: none;
	margin: 10px auto;
}

img {
	width: 100%;
	height: auto;
}
.commonheadnav {
display: none;
}
#extruderBottom {
display: block;
}

.main_image_wrap {
width: 100%;
display: flex;
margin: 10px 0 0;
justify-content: space-between;
}
.main_col {
	width: 100%;
	margin: 0 auto;
}

.main_title { 
width: 50%;
margin: 5% auto;
}

.commonheadnav {
margin: 20px 0;
}

.commonheadnav ul {
display: flex;
justify-content: space-between;
}


/***  main catch ***/
.common_title {
width: 50%;
}

/***  common ***/
.common_nav {
width: 100%;
margin:  20px 0 0;
}

.common_nav ul {
display: flex;
align-items: center;
}

.common_nav ul li {
width: 20%;
}

.common_nav ul li img {
vertical-align: middle;
}


/***  footer ***/
.mailcontact {
width: 70%;
margin: 2% auto;
}

.footer_facility {
width: 98%;
margin: 2%   auto;
display: block;
text-align: center;
}

.footer_facility {
align-items: center;
}

.footer_facility img {
width: 90%;
}
.dk_facility_kousan {
}






/***  topics ***/
.topics_location {
width: 100%;
display: block;
justify-content: space-between;
margin: 20px 0;
}

.topics {
width: 100%;
padding: 0 0 30px;
border-bottom: 1px solid #CCC;
}

.topics h2, .locationmap h2 {
border-bottom: 1px solid #999;
margin: 0 0 3%;
}

.topics_inner {
width: 100%;
height: auto;
}

.topics dl {
overflow: scroll;
overflow-x: hidden;
}

.topics dt {
width: 100px;
line-height: 1.8;
float: none;
margin: 0 0 1%;
}

.topics dd {
width: 95%;
float: none;
border-bottom: 1px solid #CCC;
padding: 0 0 3%;
}




.topics dd a {
display: block;
width:100%;
text-decoration: none;
color: #333;
}




.locationmap {
width: 100%;
border-bottom: 1px solid #CCC;
padding: 0 0 30px;
}


.locationmap h2 img {
width: 70%;
}

.locationmap .trainmap {
width: 80%;
margin: 0 auto;
display: block;
}

.blog_title {
border-bottom: 1px solid #999;
margin: 0 0 30px;
}

.accessmap {
width: 80%;
margin: 10px auto;
}

.mapwrap {
width: 100%;
display:  block;
margin: 20px 0;
}

.googlemap {
width: 98%;
margin: 10px auto;
}

.googlemap iframe {
width: 98%;
margin: 0 auto;
}


.stationmap  {
padding: 2% auto;
}

.matsudo_station img {
width: 50%;
margin: 0 auto;
}

.contact_button {
clear: both;
width: 100%;
margin: 3% auto;
}


.service {
width: 85%;
margin: 40px auto;
padding: 20px 5%;
border: 1px solid #CCC;
position: relative;
}

.service_button {
position: absolute;
top: -15px;
left: 30px;
}


.equipmentwrap h5 {
margin: 1% 0;
}


.kitchentxt {
width: 50%;
}


.equipment_any {
width: 100%;
display: block;
}

.any_left, .any_right {
width: 90%;
margin: 0 auto;
}

.any_left p, .any_right p {
width: 80%;
margin: 0 0 0 7px;
}



.rooms_madori {
	width: 98%;
	display: block;
	margin:  0;
}

.shoukai {
	width: 98%;
	margin: 0 auto;
}

.madori{
	width: 98%;
	margin: 0 auto 20px;
}

.madori img {
width: 90%;
display: block;
margin: 0 auto;
}


.offer_sub_title{
margin: 3% 0 0;
}

.offer_subtxt {
width: 60%;
margin: 0 0 10px;
}


.summarywrap {
display: block;

}

.summarywrap ul li {
line-height: 1.8;
margin: 10px 0 0;
}

.summary_left, .summary_right {
margin: 0;
}


.page_title {
	margin: 20px 0 0 !important;
}


.stationmap  {
padding: 1% 0 0;
}

.matsudo_station h3 {
width: 80%;
}

.matsudo_station h4 {
width: 80%;
}

.kitchen_equipment_button {
width: 201px;
margin: 5px auto 10px;
}

.common_kitchen {
	display: block;
}

.footer {
width: 100%;

}

/**************　タイトル調整　************/
.kitchentxt {
width: 50%;
}

.commontxt,  .title50{
width: 50%;
}

.title70 {
width:70%;
}
.accesstxt, .title80 {
width: 80%;
}



}