/*
THEME NAME: nakamura-clinic rsv
THEME URI: https://nakamura-clinic.me
DESCRIPTION: なかむら胃腸肛門クリニック, renewal on 2023
AUTHOR: 273 web services, llc
AUTHOR URI: http://www.273ws.com
*/

/***********************************  MTS  ***********************************/

/*calendar*/
.monthly-calendar{
	position:relative;
}
.monthly-calendar table{
	border-collapse:collapse;
	border:1px solid #ccc;
	margin-bottom:1em;
	width:100% !important;
}
.monthly-calendar th {
	border-collapse:collapse;
	border:1px solid #ccc;
}

.monthly-calendar td{
	border-collapse:collapse;
	border:1px solid #ccc;
	font-size:1.0em;
}
.monthly-calendar .disable{
	background:#eee;
}
.monthly-calendar .calendar-caption{
	font-size:1.25em;
	padding-bottom:1em;
}
.monthly-calendar .schedule-note{
	font-size:0.8em;
}
.monthly-calendar .monthly-prev, .monthly-calendar .monthly-next{
	font-size:0.8em;
}
.monthly-calendar .calendar-title{
	display:none;
}
.monthly-calendar .monthly-prev-next{
	position:absolute;
	width:100%;
	top:3px;
}
.monthly-calendar .calendar-mark{
font-size:1.0em;
}
.monthly-calendar .schedule-note{
font-size:0.7em;
}
.monthly-calendar .calendar-daylink{
display:block;
}

/*休日表示の削除*/
.monthly-calendar .holiday .day-number{
color:#333 !important;
}
.monthly-calendar .holiday .schedule-note{
display:none;
}

.mtssb-timetable-name{
	display:none;
}
.mtssb-timetable-date{
	font-size:1.25em;
	font-weight:bold;
	padding-bottom:25px;
}
.mtssb-daily-action{
text-align:center;
}
.mtssb-daily-action button{
background: ddd;
border:1px solid #ccc;
border-radius: 5px;
font-family:'M PLUS 1', sans-serif;
font-size:0.9rem;
padding:5px 10px;
text-align:center;
color: #333;
}
#action-button{
text-align:center;
margin-bottom:1em;
}

#action-button button,
#subscription-cancel-button,
#subscription-search-button{
background-image: linear-gradient(180deg, rgba(255, 247, 219, 1), rgba(255, 236, 200, 1));
border:1px solid #ccc;
border-radius: 5px;
font-family:'M PLUS 1', sans-serif;
font-size:1.1rem;
padding:10px 20px;
text-align:center;
color: #963900;
}

/*form*/

#booking-message-fieldset,
.booking-form-people-number-row,
.option-confirm-header,
#confirmation-booking-message-title,
#confirmation-booking-message{
display:none !important;
}

.content-form .rsv_form_confirm{
	font-size:1.2rem;
	text-align:center;
	font-weight:bold;
	border:none;
}
.content-form th, .content-form td, .confirm_table th, .confirm_table td{
font-size:1.0rem;
padding-bottom:1em;
border:none;
}
.content-form th, .confirm_table th{
width:30%;
text-align:right;
padding-right:20px;
}

@media screen and (max-width : 480px) {
.content-form th, .content-form td, .confirm_table th, .confirm_table td{
display:block;
}
.content-form th, .confirm_table th{
width:100%;
text-align:left;
padding-right:0px;
padding-bottom:0.5em;
}

}

/***********************************  reset  ***********************************/
* {margin: 0;padding: 0;box-sizing: border-box;}
a {text-decoration : none}
ul, ol {list-style : none}
img {max-width:100%}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 1em;}

/*tag*/
html {
	font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	color: #333;
	background: #fff;
}
a {
	color: #963900;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #ee9500;
}
p{margin-bottom:1em;}

/***********************************  class  ***********************************/

/*common*/
.bold {font-weight: bold;}
.small2 {font-size: 0.8rem !important;}
.small {font-size: 0.9rem !important;}
.large1 {font-size: 1rem !important;}
.large12 {font-size: 1.2rem !important;}
.large13 {font-size: 1.3rem !important;}
.large15 {font-size: 1.5rem !important;}
.large2 {font-size: 2rem !important;}
.large25 {font-size: 2.5rem !important;}
.large3 {font-size: 3rem !important;}
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}
.fl {float: left;}
.fr {float: right;}
.cf:after {
    content:" ";
    display:block;
    clear:both;
}
.displaynone{display:none;}

.alignleft{
float:left;
margin:0px 25px 1em 0px;
}
.alignright{
float:right;
margin:0px 0px 1em 25px;
}

.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb25{margin-bottom:25px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}

.flex{
display:flex;
justify-content: space-between;
align-items: center;
}
.flex_rev{
display:flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
.col2{
width:48%;
}
.col3{
width:30%;
}
.pc_show{display:block;}
.sp_show{display:none;}

/*my class*/
.shingo_m {font-family:'M PLUS 1', sans-serif;}
.serif{	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.fa-circle{color:#fabe00;}
.w640 {max-width: 640px;}
.w960 {max-width: 960px;}
.boxcenter {margin: 0 auto;}
.mb05em {margin-bottom: 0.5em !important;}
.mb1em {margin-bottom: 1em !important;}
.mb2em {margin-bottom: 2em !important;}
.mb3em {margin-bottom: 3em !important;}

.btn{
background-image: linear-gradient(180deg, rgba(255, 247, 219, 1), rgba(255, 236, 200, 1));
border:1px solid #ccc;
border-radius: 5px;
font-family:'M PLUS 1', sans-serif;
font-size:1.1rem;
padding:10px 20px;
text-align:center;
color: #963900;
}
.btn:disabled{
background:#ddd;
color:#888;
}
.alertbox {
	border-radius: 10px;
	background: #fff8e1;
	padding: 25px;
}

.section_bottom{margin-bottom:100px !important;}

/*old class*/
.size24 {font-size: 1.5rem; /*24px*/}
.size21 {	font-size: 1.3125rem; /*21px*/}
.size18 {	font-size: 1.125rem; /*18px*/}
.size16 {	font-size: 1rem; /*16px*/}
.size14 {	font-size: 0.875rem; /*14px*/}
.size12 {	font-size: 0.75rem; /*12px*/}
.pr1em{padding-right:1em;}
.red {	color: #963900;}
.red2 {	color: #c30;}
.gray {	color: #777;}
.black {	color: #333;}
.bold {	font-weight: bold;}
.arrow {
	background: url(images/icon_arrow_default.png) left center no-repeat;
	padding-left: 18px;
}
.arrow:hover {
	background: url(images/icon_arrow_over.png) left center no-repeat;
}
.marker {
	border-bottom: 1px solid #ee3800;
	padding-bottom: 2px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}


/* layout, title */
.wrapper{
max-width:1000px;
padding:0px 20px;
margin:0 auto;
}

h2.title, .contents h2 {
	background: #fff8e1;
	border-top: 1px solid #ee9500;
	border-bottom: 1px solid #ee9500;
	height: 50px;
	line-height: 50px;
	font-family: 'M PLUS 1', sans-serif;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	margin-bottom: 50px;
}
h3.title, .contents h3 {
	font-family: 'M PLUS 1', sans-serif;
	text-align: center;
	font-size: 1.2rem;
	border-top: 1px solid #ee9500;
	border-bottom: 1px solid #ee9500;
	padding: 5px 0px;
	margin-bottom: 25px;
}
h4.title, .contents h4 {
	background: url(images/icon_bullet.png) left 8px no-repeat;
	padding-left: 18px;
	font-family: 'M PLUS 1',sans-serif;
}
h5.title, .contents h5 {
	background: #777;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-family: 'M PLUS 1', sans-serif;
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 1em;
	letter-spacing: 0.1em;
}


@media screen and (max-width : 800px) {
.flex, .flex_rev{display:block;}
.col2, .col3{width:100%;}
.flex .col2:nth-child(1), .flex_rev .col2:nth-child(1){margin-bottom:50px;}
.pc_show{display:none;}
.sp_show{display:block;}
.section_bottom{margin-bottom:50px !important;}

}/*end query*/

@media screen and (max-width : 480px) {
.alignleft,.alignright{
float:none;
margin:0px auto 20px auto;
display:block;
}
}/*end query*/

/***********************************  header, nav, footer  ***********************************/
header{
background:#fef8e1;
border-bottom:1px solid #963900;
position:fixed;
width:100%;
top:0px;
z-index:10;
}
header .wrap{
padding:20px 25px 10px 25px;
}
header h1{
width:470px;
/*padding-top:10px;*/
}
header p{
font-size: 0.8rem;
}

.header_btn{
margin-bottom:10px;
}
.header_btn li{
display:inline-block;
margin-left:20px;
}
.header_btn a{
display:block;
width:130px;
height:80px;
text-align:center;
padding-top:15px;
margin-top:-30px;
font-family: 'M PLUS 1', sans-serif;
border:1px solid #963900;
border-radius: 5px;
line-height: 1.2;
background:#fff;
}

.header_menu li{
display:inline-block;
margin-left:20px;
}
.header_menu li a{
font-family: 'M PLUS 1', sans-serif;
}
nav{
background:#fff7ec;
border-top:1px solid #963900;
}
nav > ul{
display:flex;
justify-content: center;
max-width:960px;
margin:0 auto;
}
nav > ul > li{
background:#fff;
border-right:1px solid #963900;
width:25%;
 text-align:center;
 position:relative;

}
nav > ul > li:first-child{
border-left:1px solid #963900;
}
nav ul li a{
font-family: 'M PLUS 1', sans-serif;
font-size:18px;
font-weight:bold;
display:block;
padding:10px 20px;
}
nav ul li a:hover{
background:#fff7ec;
}
nav > ul > li > ul{
 display:none;
 position: absolute;
 top: 0;
 left: 0;
 width:100%;
 background:#fff;
 border-right:1px solid #963900;
 border-left:1px solid #963900;
 border-bottom:1px solid #963900;
}
nav > ul > li > ul > li{
 border-bottom:1px solid #ccc;
}
nav > ul > li > ul > li:last-child{
 border-bottom:none;
}
.pagetop_btn{
position:fixed;
right:-5px;
top:50%;
transform: translateY(-50%);
z-index:9;
width:68px;
height:92px;
}
.pagetop_btn a{
display:block;
padding-top:20px;
font-family: 'M PLUS 1', sans-serif;
text-align:center;
width:68px;
height:92px;
border:1px solid #963900;
border-radius: 5px;
line-height: 1.2;
background:#fff;
}
footer{
background:#fef8e1;
padding:25px 0px;
}
footer .timetable th, footer .timetable td{
padding:0px 5px;
}
.footer_bnr{
 border:2px solid #ef9130;
 border-radius:10px;
 background:#fff;
}
.footer_bnr h3{
 background:#ef9130;
 padding:5px;
 text-align:center;
 color:#fff;
 font-weight:bold;
 font-size:1.2em;
  border-radius:8px 8px 0px 0px;
}
.footer_bnr p{
 margin:20px;
}
.footer_bnr .gma{
 display:flex;
 background:url("images/bnr_gma.png") no-repeat left center;
 height:90px;
 justify-content:right;
 padding-right:10px;
 align-items:center;
 font-size:1.3em;
 font-weight:bold;
 border:1px solid #ccc;
  border-radius:5px;
}
.footer_bnr .placenta{
 display:flex;
 background:url("images/bnr_placenta.png") no-repeat left center;
 height:90px;
 justify-content:right;
 padding-right:10px;
 align-items:center;
 font-size:1.3em;
 font-weight:bold;
 border:1px solid #ccc;
 border-radius:5px;
}
.footer_menu{
display:flex;
}
.footer_menu ul{
width:50%;
margin-left:1em;
padding-left:1em;
}
.footer_menu li{
color:#888;
list-style: disc;
line-height:1.3;
}
.footer_menu li a{
font-size:0.8rem;
color:#555;
}
.footer_menu li a:hover{
color:#ee9500;
}
.copyright{
background:#fcb931;
color:#fff;
text-align:center;
font-size:0.8rem;
padding:10px 0px;
}

@media screen and (max-width : 960px) {
header h1{
/*width:400px;
padding-top:12px;*/
}
header p{
font-size: 0.4rem;
}
.header_menu li{
font-size: 0.8rem;
margin-left:15px;
}
.header_btn{
margin-bottom:10px;
}
.header_btn li{
display:inline-block;
margin-left:10px;
}
.header_btn a{
width:100px;
height:75px;
padding-top:15px;
margin-top:-30px;
font-size:0.8rem;
}
.pagetop_btn{
width:60px;
height:80px;
}
.pagetop_btn a{
padding-top:15px;
width:60px;
height:80px;
border:1px solid #963900;
border-radius: 5px;
line-height: 1.2;
background:#fff;
font-size:0.8rem;
}

}/*end query*/

.sp_header, .sp_nav, .sp_menu,.sp_open, .sp_close{display:none;}

@media screen and (max-width : 800px) {
header .wrap{padding:15px 20px 10px 20px;}
header h1{
width:100%;
padding-top:0px;
}
header ul,header p{display:none;}
nav{display:none;}
.footer_menu{display:none;}
footer p{font-size:0.9rem;}

.pagetop_btn{display:none;}


.sp_nav{
display:block;
position:fixed;
width:100%;
bottom:0px;
z-index:10;
font-family:'M PLUS 1', sans-serif;
color: #963900;
font-size:0.8rem;

}
.sp_nav ul{
display:flex;
border-top:1px solid #ccc;
align-items: center;
}
.sp_nav li{
width:25%;
border-right:1px solid #ccc;
text-align:center;
padding:4px 0px 2px 0px;
background: #fff8e1;
}
.sp_nav li:last-child{
border:none;
}


.sp_menu{
position:fixed;
left:0px;
top:0px;
width:100%;
background:rgba(255,255,255,0.8);
height: 100vh;
overflow: auto;
padding-bottom:100px;
}
.sp_menu ul{
border-top:1px dotted #ccc;
border-bottom:2px solid #fcb931;
}
.sp_menu ul li{
background:#fff;
}
.sp_menu ul li a{
display:block;
padding:8px 25px;
font-family:'M PLUS 1', sans-serif;
text-align:left;
border-bottom:1px dotted #ccc;
background:url("images/icon_arrow_over.png") right 25px center no-repeat;
}
.sp_menu ul li ul{
border-top:none;
border-bottom:1px dotted #ccc;
}
.sp_menu ul li ul li a{
display:block;
padding:6px 50px;
border-bottom:none;
font-size:0.9rem;
}
.sp_open{display:block;}
.footer_bnr .gma,.footer_bnr .placenta{
  background-size:50%;
 height:60px;
 font-size:1.2em;
}
}/*end query*/

/***********************************  home  ***********************************/
/*home_feature*/
.home_feature .photo, .home_feature .text{
width:50%;
}
.home_feature .title{
font-size:1.25rem;
border-bottom:1px solid #963900;
margin-bottom:10px;
padding-bottom:10px;
font-weight:bold;
}
.home_feature p{
padding:0px 15px;
font-size:0.9rem;
}
.home_feature .box-shadow{
box-shadow: 5px 5px 0 #963900;
}

/*home_btn*/
.home_btn{
padding:25px 0px 0px 0px;
background:#fef8e1;
text-align:center;
 font-family: 'M PLUS 1', sans-serif;
}
.home_btn li{
display:inline-block;
width:160px;
margin-bottom:25px;
}

/*home_news*/
.home_news li{
	margin-bottom:25px;
}
.home_news li:last-child{
	margin-bottom:0;
}
.home_news .date{
	font-size:0.9rem;
	margin-bottom:0em;
}
.home_news .title{
	font-size:1.2rem;
	margin-bottom:0.5em;
	 font-family: 'M PLUS 1', sans-serif;
}
.home_news .title a{

}

/*home_slider*/
.home_slider{
position:relative;
height:600px;
margin-bottom:10px;
width:100%;
}

.home_slider .slide{
position:absolute;
width:100%;
top:0px;
left:0px;
}

.home_slider li{
text-indent: -999px;
width:100%;
height:600px;
}
.home_slider .slide01{background:url("images/home_slide01.jpg") no-repeat center top;background-size: cover;}
.home_slider .slide02{background:url("images/home_slide02.jpg") no-repeat center top;background-size: cover;}
.home_slider .slide03{background:url("images/home_slide03.jpg") no-repeat center top;background-size: cover;}
.home_slider .slide04{background:url("images/home_slide04.jpg") no-repeat center top;background-size: cover;}
.home_slider .copy{
position:absolute;
left:0px;
bottom:0px;
width:100%;
text-align:center;
line-height: 1.5;
background:rgba(255,255,255,0.8);
padding:15px 0px;
}
.home_slider h2{font-size:1.5rem;font-weight:bold;}
.home_slider p{font-size:1.25rem;}
.home_slider .blank{display:inline;}
.home_slider .break{display:none;}

/*.home_slider .copy2{
position:absolute;
width:100%;
top:-15px;
left:0px;
text-align:center;
z-index:2;
}
.home_slider .copy2 h2{
display:inline-block;
margin:0 auto;
background:rgba(255,255,255,0.8);
padding:15px;
border-radius:10px;
font-size:1.5rem;
font-weight:bold;
}*/

@media screen and (max-width : 800px) {
/*home_feature*/
.home_feature .photo{width:100%;max-width:480px;margin:0 auto;}
.home_feature .text{width:100%;max-width:480px;margin:0 auto;}
.home_feature .title{font-size:1.1rem;text-align:center;}
.home_feature p{padding:0px;}

/*slider*/
.home_slider{height:400px;}
.home_slider .slide li{height:400px;}
.home_slider .slide01{background:url("images/home_slide01_sp.jpg") no-repeat center top;background-size: cover;}
.home_slider .slide02{background:url("images/home_slide02_sp.jpg") no-repeat center top;background-size: cover;}
.home_slider .slide03{background:url("images/home_slide03_sp.jpg") no-repeat center top;background-size: cover;}
.home_slider .slide04{background:url("images/home_slide04_sp.jpg") no-repeat center top;background-size: cover;}

.home_slider .copy{padding:10px 0px;}
.home_slider h2{font-size:1.2rem;}
.home_slider p{font-size:0.9rem;}
/*.home_slider .copy2 h2{font-size:1.2rem;}*/

}/*end query*/

@media screen and (max-width : 480px) {
.home_btn li{
width:145px;
font-size:0.9rem;
}
.home_slider .copy .blank{display:none;}
.home_slider .break{display:block;}
}/*end query*/

/***********************************  page, single, blog  ***********************************/

/*greeting*/
.message{
display:flex;
justify-content: space-between;
}
.message .photo{
width:45%;
}
.message .text{
width:52%;
}
.message .name{
text-align:right;
}

/*page */
.page{
display:flex;
flex-direction: row-reverse;
padding-top:50px;
}
.page section{
margin-bottom:100px;
}
.page .contents{
width:720px;
padding:0px 40px;
}
.page .side{
width:240px;
}
.page .side .sidewrap{
position:sticky;
padding-bottom:50px;
}
.page .side li{
margin-bottom:10px;
border:1px solid #ccc;
padding:5px 0px 5px 10px;
}
.page .side li.current{
	background: #fff8e1;
	border: 1px solid #ee9500;
}
.page .side li a{
display:block;
color:#333;
font-family: 'M PLUS 1', sans-serif;
}
.page .side li li{
font-size:0.9rem;
border:none;
margin-bottom:0px;
}
.page .side li ul{display:none;}
.page .side li.current ul{display:block;}

.page .side .second{
margin-left:25px;
}
.pagetitle{
height:240px;
display:flex;
align-items: center;
}
.pagetitle h2{
width:100%;
text-align: center;
font-size:1.8rem;
}
.pagetitle h2 .h2yoyaku{
font-size:1.5rem;
}
.submenu1{background: url("images/pagetitle01.jpg") center center no-repeat;background-size: cover;}
.submenu2{background: url("images/pagetitle02.jpg") center center no-repeat;background-size: cover;}
.submenu3{background: url("images/pagetitle03.jpg") center center no-repeat;background-size: cover;}

.pagenav{display:none;}

.pagenation{
margin-top:3em;
border-top:1px dotted #ccc;
padding-top:1em;
width:100%;
}

.nav-links{width:100%;}
.nav-previous{float:left;}
.nav-next{float:right;}

.newslist li{ margin-bottom:1em; }
.newslist a{ font-size:1.2rem;}

.bloglist li{
	margin-bottom:25px;
	border-bottom:1px dotted #ccc;
	padding-bottom:25px;
}
.bloglist .thumbnail{
	float:left;
	width:180px;
}
.bloglist .text{
	margin-left:205px;
}
.bloglist .title, .newslist .title{
	font-weight:bold;
	font-size:1.1rem;
	padding-left:20px;
	background:url('images/icon_bullet.png') left 10px no-repeat;
}
.newslist .important_title{
	font-weight:bold;
	font-size:1.1rem;
	padding-left:20px;
	background:url('images/icon_bullet_red.png') left 10px no-repeat;
}


@media screen and (max-width : 800px) {

/*greeting*/
.message{
display:block;
}
.message .photo{
width:100%;
margin-bottom:25px;
text-align:center;
}
.message .text{
width:100%;
}
.message .name{
text-align:center;
}

.page{
display:block;
}
.page section{
margin-bottom:50px;
}
.page .contents{
width:100%;
padding:0px;
}
.page .side{
display:none;
}
.pagetitle{
height:180px;
}
.pagetitle h2{
font-size:1.5rem;
}
.submenu1{background: url("images/pagetitle01_sp.jpg") center center no-repeat;background-size: cover;}
.submenu2{background: url("images/pagetitle02_sp.jpg") center center no-repeat;background-size: cover;}
.submenu3{background: url("images/pagetitle03_sp.jpg") center center no-repeat;background-size: cover;}

.pagenav{
	display:block;
	background: #fff8e1;
	border: 1px solid #ee9500;
	margin-bottom:50px;
	text-align:center;
	/*position:sticky;*/
}
.pagenav li{
	display:inline-block;
	margin:0px 5px;
}
.pagenav a{
	font-family:'M PLUS 1', sans-serif;
	color:#000;
	font-size:0.9rem;
}

.bloglist .thumbnail{
	float:none;
	margin:0 auto 25px auto;
}
.bloglist .text{
	margin-left:0px;
}
	
}/*end query*/

/***********************************  old style  ***********************************/


.pagemenu {
	margin-top: 20px;
 margin-bottom:50px;
	text-align: center;
}
.pagemenu li {
	display: inline-block;
	margin: 0px 10px;
	font-family: 'M PLUS 1', sans-serif;
}
.imgleft {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 45%;
}
.imgright {
	float: right;
	margin: 0px 0px 20px 20px;
	width: 45%;
}
.imgleft img, .imgright img {
	max-width: 100%;
}
.imgnagare {
	float: right;
	width: 150px;
	padding-left: 20px;
	box-sizing: border-box;
}
.border_table {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
.border_table td, .border_table th {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.number_list {
	padding-left: 2em;
	list-style: decimal;
}
.bullet_list {
	padding-left: 1em;
	list-style: disc;
}
.price_list {
	padding-left: 2em;
	list-style: disc;
}
.price_list li {
	margin-bottom: 1em;
}
.alphabet_list {
	padding-left: 2em;
	list-style: lower-alpha;
}
.data_list dl {
	margin-bottom: 0.5em;
}
.data_list dt {
	float: left;
	width: 180px;
}
.data_list dd {
	margin-left: 200px;
}
.performancelist{
margin-left:18px;
margin-bottom:1em;
}
.performancelist li{
display:inline-block;
font-size:0.8rem;
margin-right:2px;
}

.timetable {
	border: 1px solid #999;
	border-collapse: collapse;
	width: 100%;
	background: #fff;
}
.timetable th {
	border: 1px solid #999;
	border-collapse: collapse;
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
}
.timetable td {
	border: 1px solid #999;
	border-collapse: collapse;
	text-align: center;
	padding: 5px;
	min-width: 30px;
	vertical-align: middle;
}
.timetable .week {
	background: #ee9500;
	color: #fff;
	font-weight: bold;
}
.timetable .holiday{
	background:#ddd;
	color:#555;
}
.timetable .time{
	font-size:0.9rem;
}

@media screen and (max-width : 800px) {
	.imgleft, .imgright {
		float: none;
		margin: 0px auto 20px auto;
	}
	.w640, .w150, .w480 {
		width: 90%;
	}
 	.faq_q {
		font-size: 1em;
		text-align: left;
	}
 .data_list dt {
		float: none;
		width: 100%;
	}
	.data_list dd {
		margin-left: 0px;
	}
	.timetable th {
		font-size: 1em;
		text-align:center;
		padding: 2px;
	}
	.timetable td {
		padding: 2px;
		min-width: auto;
		vertical-align: middle;
		font-size: 1em;
	}
.timetable .time{
	font-size:0.8rem;
}
}/*end query*/

@media screen and (max-width : 480px) {
	.imgleft, .imgright {width:100%;}
}/*end query*/
