@charset "utf-8";



/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, figure, img, fieldset,
a, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
code, form, legend, input, textarea,{
	
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:16px;
}



ol, ul{
	list-style: none;  
}

html{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
}


body {
	background: #FFF;
　/*background: #a3181b;*/
	color:#363133;
	margin:0;
	padding:0;
}





@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */

#Contents_cgi	{
	width: 640px;
	overflow: hidden;
	height: 1%;
	z-index: 5;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
}

.sp-image {
	display: block;
	}
	
.pc-image {
	display: none;
	}	
	
.sp-menu-space {
	
	padding-left:　20px;
	}

}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */

#Contents_cgi	{
	width: 640px;
	overflow: hidden;
	height: 1%;
	z-index: 5;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 58px;
	padding-left: 58px;
}

.pc-image {
	display: block;
	}

.sp-image {
	display: none;
	}
.sp-menu-space {
	display: none;
	}	
	

}


/* -------------------------------------------------------------- */


a.mouseOver:hover img{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/


#header{
	max-width: 640px;
	margin: auto;
	position: fixed;
	top: 0px;
	z-index: 50;
}

#header .header-contents{
	max-width: 640px;
	margin: auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: flex-start;
	
}


#header .header-contents .logo {
	width:52%;
	height:auto;
	float:left
	
}

#header .header-contents .tel {
	width: 48%;
	height: auto;
	float: right;
}


#header .header-contents .logo img{
	width: 100%;
	height: auto;
}

#header .header-contents .tel img{
	width: 100%;
	height: auto;
}



#main {
	max-width: 640px;
	padding-top: 64px;
	min-height: 100%;
}


#Pass {
	font-size:0.9em;
	padding-left:0.9em;
}



#mp-head {
	margin: 0 1em 0 1em;
	width: 640px;
}
#mp-head h1 {
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	font-size: medium;
	color: #ffffff;
	background-image: url("../imgs/menubg.png");
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	padding-left: 1em;
}



/* --------------------------------------------------------------- */


@media screen and (min-width: 641px) {
	


.iframe_oshirase {
	display: none;
}
/* -------------------------------
.iframe_oshirase {
	width: 640px;
	height: 286px;   
    
}
-------------------------------- */

	
}



@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */


#mp-main {
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	color: #4c4c4c;　/* 検証のためグリーン */
	
	width: 640px;
	background-color: #FFF;
	margin: 20px auto;
}


}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */


#mp-main {
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	color: #4c4c4c;　/* 検証のためグリーン */
	font-size: 18px;
	width: 640px;
	background-color: #FFF;
	margin: 20px auto;
}
}

#mp-main h1 img{
	width: 100%;
	margin-right: auto;
	margin-left: auto;	
}

#mp-main h2 img{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1px;
	padding-bottom: 1px;	
}

.notes{
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.35em;
	padding-right: 20px;
	padding-left: 6px;
	margin-bottom: 8px;
	
}

.notes ul {
	
	
}

.notes ul p {
	padding-bottom: -2px;
	
	font-weight:bold;
	color: #B92A2C;
}

.notes li {
    position: relative;
	padding-bottom: 6px;
	font-size: 1em;
}

.notes li:before {
    content: "※";
    position: absolute;
    top: 0px;
    left: -1em;
   
}
.notes a:link{
	
	color: #399;
	text-decoration: underline;
}

.notes2{
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.45em;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 8px;
}


@media only screen and (max-width:768px){
   /* 表示領域が640px以下の場合に適用するスタイル */
   


.notes li:before {
	font-size: 1.2em;
    content: "※";
    position: absolute;
    top: 0px;
    left: -1em;
   
}
   
}

.comment{
	font-size: 0.9em;
	padding-left: 2em;
	padding-top: 0.3em;
}

#mp-main .notes_kakunin{
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.4em;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 18px;
	color: #366;
}


.iframe_oshirase {
	display: none;
}

/* -------------------------------

.iframe_oshirase {
	width: 100%;    
}

.iframe_oshirase {
	display: none;
	height: 0px;
	width: 0px;
}

	

.iframe_oshirase {
    width: 99%;
    
}

-------------------------------- */

#mp-main h3{
	font-size: 1.35em;
	position: relative;
	background: #CC0033;
	box-shadow: 0px 0px 0px 8px #CC0033;
	border: dashed 2px white;
	color: #ffffff;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 1.2em;
	padding-bottom: 0.5em;
	padding-left: 1.2em;
	margin-right: 6px;
	margin-left: 6px;
}



#mp-main h4{
	position: relative;
	border: 1px solid #B92A2C;
	font-size: 22px;
	font-weight: bold;
	margin-top: 1.4em;
	margin-right: 8px;
	margin-bottom: 0.6em;
	margin-left: 8px;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	color: #B92A2C;
}
 
#mp-main h4:before{
	content: "";
	position: absolute;
	background: #B92A2C;
	top: 65%;
	left: 0.5em;
	margin-top : -22px;
	height: 28px;
	width: 6px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}


	
#mp-main p,li,dt,dl {
	line-height:1.4;
	font-size: 1.1em;
}
#mp-main p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

 /*
#mp-main a:hover {
	font-size: 22px;
	color:#dd8d2a;
	text-decoration: underline;
}
#mp-main a {
	font-size: 22px;
	color:#4c4c4c;
	text-decoration: none;
}
*/

@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */
#mp-main input.text,input.password,textarea,select {
	padding: 0.4em;
	font-size: 28px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	background-color: #fdfdfd;
	background-repeat: repeat-x;
	border: 1px solid #abadb3;
	transform: scale(0.9);
	margin-right: 6px;
}

#mp-main input.number {
	padding: 0.4em;
	font-size: 28px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	background-color: #fdfdfd;
	background-repeat: repeat-x;
	border: 1px solid #abadb3;
	transform: scale(0.9);
	margin-right: 18px;
	margin-left: 16px;
}
}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */
#mp-main input.text,input.password,input.number,textarea,select {
	padding: 0.4em;
	font-size: 1.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	background-color: #fdfdfd;
	background-repeat: repeat-x;
	border: 1px solid #abadb3;
	margin-right: 6px;
}

}

#mp-main textarea {
	width: 88%;
	height: 10em;
	margin-right: 30px;
	margin-left: 18px;
}

/* for browsers except IE6  */
#mp-main input[type="text"],input[type="password"],textarea[name],select[name] {
	background-image: url("../imgs/textbox_shadow.png");
}
/* */
#mp-main input.submit, input.reset, button {
	font-size: 1.7em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	overflow: visible;
	height: 2.8em;
	padding-top: 0.2em;
	padding-right: 0.8em;
	padding-bottom: 0.2em;
	padding-left: 0.8em;
	margin-left: 10px;
	margin-right: 10px;
}

#mp-main  input.file {
	font-size: 1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	overflow: visible;
	height: 2.8em;
	padding-top: 0.4em;
	padding-right: 0.8em;
	padding-bottom: 0.4em;
	padding-left: 0.8em;
	/* 
	font-size: 20px;
	height: 2.2em;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	 */
}

#mp-main  input.filebutton {
	font-size: 1.7em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	overflow: visible;
	height: 2.8em;
	padding-top: 0.2em;
	padding-right: 0.8em;
	padding-bottom: 0.2em;
	padding-left: 0.8em;
	/* 
	font-size: 20px;
	height: 2.2em;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	 */
}

#mp-main input[type="checkbox"],input[type="radio"] {
    width: 28px;
    height: 28px;
    vertical-align: middle;
}


@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */	
#mp-main select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
}

#mp-main option {
	padding-right: 1em;
	font-size: 28px;
	transform: scale(0.9);
}

}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */	
#mp-main select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
}

#mp-main option {
	padding-right: 1em;
}

}

#mp-main option[selected="selected"] {
	background-color: #eeeeee;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

#mp-main img {
	border: 0px;
}

#mp-main table {
	margin-bottom: 1em;
}

@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */
#mp-main div.fieldset {
	padding: 0.2em;
	margin-bottom: 1em;
}


}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */
#mp-main div.fieldset {
	border: 1px solid #ecbcbc;
	margin-bottom: 1em;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
}

}


#mp-main div.fieldset dl {
	padding:0;
}

@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */

#mp-main div.fieldset dt {
	color: #190707;
	height: auto;    /* 24px */
	line-height: 1.4em;
	padding-left: 18px;    /* 28px */
	padding-top: 12px;    /* 1px */
	font-size: 1.35em;
	padding-bottom: 12px;
	background-color: #dfefff;
}

#mp-main div.fieldset dt.inquiry {
	background-color: #FFCCCC;
}

#mp-main div.fieldset dt.c {
	background-color: #F1EFEB;
}

}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */

#mp-main div.fieldset dt {
	color: #190707;
	height: auto;    
	line-height: 1.15em;
	padding-left: 18px;    
	padding-top: 10px;    
	font-size: 1.1em;
	padding-bottom: 10px;
	background-color: #dfefff;
}

#mp-main div.fieldset dt.inquiry {
	background-color: #FFCCCC;
}

#mp-main div.fieldset dt.c {
	background-color: #F1EFEB;
}

}

#mp-main div.fieldset dt span.optional {
	background-image: url("../imgs/optional.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 65px;
	font-size: 22px;
}
#mp-main div.fieldset dt span.required {
	background-image: url("../imgs/required2.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 65px;
	font-size: 1em;
}




#mp-main div.fieldset dd ul {
	margin-left: 0px;
	padding-left:0px;
}


#mp-main div.fieldset dd ul li{
	list-style-position: outside;
	padding-bottom: 7px;
	line-height: 1.18em;
	font-size: 0.95em;
	list-style-type: disc;
	text-indent: -0.3em;
}



.img_menu {
	margin-left:-28px;
	width: 100%;
	margin-right:4px;
	padding-top: 18px;
}


.kinki {
	margin-left: -12px;
	margin-right: 12px;
	margin-bottom: 12px;
	background-color: #FF9;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 10px;
	line-height: 1.4em;
}

.kinki ul {
	padding-bottom: 0px;
	
}

.kinki li {
	list-style-position: outside;
	padding-bottom: 10px;
	margin-left:24px;
	font-size: 0.8em;
	list-style-type: disc;
}


ul.mark li {
	font-size: 0.95em;
	list-style-position: outside;
  list-style-type: disk;
  text-indent: -0.3em;
}
ul.mark li:before {
	display: inline;
	content: "・";
}

.kinki p {
	font-size: 0.95em;
	margin-left:20px;
	line-height: 1.5em;
}
	

.kinki p a:link{
	
	color: #F00;
	text-decoration: underline;
}

.kinki p a:hover {
	
	color: #993366;
	text-decoration: underline;
}



@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */
#mp-main div.fieldset dd {
	padding-bottom: 1em;
	font-size: 1em; /* 1.15em */
	line-height: 1.6em;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	color: #4c4c4c;/* 検証のためブルー */
}

#mp-main div.fieldset dd span.subtext {
	font-size: 0.8em;
	line-height: 1.05em;	
}

#mp-main div.fieldset dd h6 {
	padding_bottom: 0;
	margin-bottom:0.2em;
	padding_top: 1em;
	font-size: 1.2em; /* 1.15em */
	line-height: 1.4em;
	color: #006666;
}

#mp-main div.fieldset dd span.h {
	padding-bottom: 1.4em;
	font-size: 1.25em; /* 1.15em */
	line-height: 1.6em;
	color: #006666;
}

#mp-main div.fieldset dd p{
	font-size: 1.15em;
}

#mp-main div.fieldset dd .link {
	font-size: 1.15em;
	color:#F39;
	text-decoration:underline;/*下線を引く*/
	text-decoration-color:#F39;/*下線のい色*/
}

#mp-main div.fieldset dd.f_kakunin {
	font-size: 1.55em;
}



}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */
#mp-main div.fieldset dd {
	padding-bottom: 1em;
	font-size: 1em; /* 1.15em */
	line-height: 1.3em;
	
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	color: #4c4c4c;/* 検証のためブルー */
}

#mp-main div.fieldset dd span.subtext {
	font-size: 0.8em;
	line-height: 1.05em;	
}

#mp-main div.fieldset dd h6 {
	padding_bottom: 0;
	margin-bottom:0.2em;
	padding_top: 1em;
	font-size: 1.1em; /* 1.15em */
	line-height: 1.3em;
	color: #006666;
}


#mp-main div.fieldset dd span.h {
	padding-bottom: 1.2em;
	font-size: 1em; /* 1.15em */
	line-height: 1.3em;
	color: #006666;
}

#mp-main div.fieldset dd p{
	font-size: 0.9em;
}

#mp-main div.fieldset dd .link {
	font-size: 1em;
	color:#F39;
	text-decoration:underline;/*下線を引く*/
	text-decoration-color:#F39;/*下線の色*/
}
}

#mp-main div.fieldset dd.delimit {
	border-bottom: 1px dotted #ecbcbc;
}

@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */
#mp-main div.fieldset span.err {
	color: #CC0000;
	font-size: 1.28em;
}
}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */
#mp-main div.fieldset span.err {
	color: #CC0000;
	font-size: 1em;
}
}


#mp-main div.fieldset input.text.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset input.number.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset input.radio.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset input.checkbox.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset textarea.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset select.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.errs {
	background-image: url("../imgs/warning2.png");
	background-repeat: no-repeat;
	color: #880000;
	margin-top: 1em;
	margin-bottom: 1em;
	min-height: 36px;
	height: auto !important;
	height: 36px;
	padding-top: 34px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */	
#mp-main span.radioelement {
	margin-right: 1.2em;
	color: black;
	font-size: 28px;
	line-height: 1.75em;
}

#mp-main span.checkelement {
	margin-right: 1.2em; /* 1.8em */
	color: black;
	font-size: 28px;
	line-height: 1.8em;
}

#mp-main span.small {
	margin-right: 1.2em; /* 1.8em */
	color: black;
	font-size: 22px;
	line-height: 1.8em;
}

.small {
	font-size: 22px;
}


}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */	
#mp-main span.radioelement {
	margin-right: 1.2em;
	color: black;
	font-size: 1em;
}

#mp-main span.checkelement {
	margin-right: 1.2em; /* 1.8em */
	color: black;
	font-size: 1em;
}


}

#mp-main .privacy {
	font-size: 17px;
	padding-left: 10px;
}

#mp-main div.button{
	text-align: center;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	max-width: 640px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
	background-color: #c8151d;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.foot_ttl {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #FFF;	
}

.reserved {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;	
}


#footer2 {
	max-width: 640px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
	margin-top: 30px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}

.foot_ttl2 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #000;
}

.reserved2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;	
}



/*------------------------------------------------------------
	カレンダー
------------------------------------------------------------*/



.calenderframe {
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 28px;
	padding-bottom:22px;
}

.calenderframe img {
	width:90%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;	
}

.calender {
	position: relative;
	width: 90%;
	padding-top: 51%;
	margin-right: auto;
	margin-left: auto;
	
}
.calender iframe {
  position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/*------------------------------------------------------------
	確認画面用
------------------------------------------------------------*/
@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */
#mp-main span.checkview {
	margin-right: 0.2em; /* 1.8em */
	color: black;
	font-size: 28px;
	line-height: 1.65em;
}

}

/*------------------------------------------------------------
	テーブルメニュー
------------------------------------------------------------*/

@media screen and (max-width: 640px) {
   /* 表示領域が640px以下の場合に適用するスタイル */
#mp-main div.fieldset table	{
		width:100%;
		border:#C4BBAC 1px solid;
		border-collapse:collapse;
		margin-bottom:30px;
		}

		#mp-main div.fieldset table th	{
			border:#C4BBAC 1px solid;
			border-collapse:collapse;
			background:#F1EFEB;
			text-align:left;
			padding:10px 8px;
			font-size:22px;
			}

		#mp-main div.fieldset table td	{
			border:#C4BBAC 1px solid;
			border-collapse:collapse;
			padding:10px 8px;
			font-size:23px;
			}
			
		#mp-main div.fieldset table .f24 {
			font-size:26px;
			}
			
		#mp-main div.fieldset table span.checkelement {
			margin-right: 1.2em; /* 1.8em */
			color: black;
			font-size: 23px;
			line-height: 1.8em;
}
.vertical {
	writing-mode: vertical-rl;
	white-space: nowrap;
	text-orientation: upright
}

			


}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */
#mp-main div.fieldset table	{
		width:100%;
		border:#C4BBAC 1px solid;
		border-collapse:collapse;
		margin-bottom:30px;
		}

		#mp-main div.fieldset table th	{
			border:#C4BBAC 1px solid;
			border-collapse:collapse;
			background:#F1EFEB;
			text-align:left;
			padding:13px 10px;
			width:180px;
			}

		#mp-main div.fieldset table td	{
			border:#C4BBAC 1px solid;
			border-collapse:collapse;
			padding:13px 10px;
			}
			
}


#menudate {
	
}