@charset "UTF-8";
/* CSS Document */


/* 製作工程文字と背景 */
.koutei_bgcolor {
	background-color: #000;
	color:#fff;
	line-height:0;
}
.koutei_nobgcolor {
	color:#f00;
	line-height:0;
}
.koutei-txt {
	font-size:18px;
	text-align:left;
	line-height:25px;
}
.koutei-txt2 {
	font-size:12px;
	text-align:left;
	line-height:18px;
}

img {
	border:0;
max-width : 100% ;
height : auto ;
}

.txtcolor {
	color:#faa;
}

@media screen and (max-width:480px) and (-webkit-min-device-pixel-ratio:2) { 
/* 全体 */*/
	#wrap {
		overflow : hidden;
	}
	body {
	-webkit-text-size-adjust : 100% !important;
	width:100%;
	background-image: url(../img/main_img1.png);
	background-repeat:no-repeat;
	background-color:#fff;
	background-position:center -30px;
	background-size:contain;
	text-align:center;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	
a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FF5533;
	text-decoration:none;
}
a:visited {
	color: #806100;
}
a:hover {
	color: #E79D00;
}
a:active {
	color: #F5D877;
}

p {
	margin-top:2px;
	margin-bottom:2px;
	}

.link_box {
	width:100%;
	height:100%;
	margin:0;
	font-size: 14px;
}

.txt_deco1 {
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	margin:0 auto 3px 7px;
}
.txt_deco2 {
	text-align:left;
	font-size:14px;
	font-weight: normal;
	margin:5px auto 10px 7px;
	text-decoration: none;
}
.txt_deco3 {
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	margin:0 auto 3px 7px;
	text-decoration: none;
}
.txt_deco_red1 {
	font-size: 12px;
	color:#A60002;
}
.txt_deco_red2 {
	font-size: 12px;
	color:#A60002;
}
.txt_deco_red3 {
	font-size: 16px;
	color:#A60002;
}
.txt_deco_red4 {
	font-size: inherit;
	color:#A60002;
}
img {
	border:0;
max-width : 100% ;
height : auto ;
}
.lineheight00 {
	line-height: 0px;
	width:100%;
	margin: 0 auto;
	text-align: center;
}
.lineheight00 > img {
	width: 100%;
	margin: 0 auto;
}

/* 見出し */
h1 {
	font-size:12px;
	font-weight:bold;
}
h2 {
	font-size:14px;
	font-weight:bold;
	margin:0;
}
h2 p {
	text-align: center;
}

/* 小見出し画像 */
h3 {
	margin:3px;
	font-size:14px;
	margin:0 auto 5px auto;
	line-height: 1em;

}
/* 注文電話番号 */
h4 {
	text-align: center;
	margin:3px;
	font-size: 16px;
}
h5 {
	font-size: medium;
}
h6 {
	margin:5px auto;
	color: #D70003;
	font-size: 14px;
}

/* 本文 */
#mainWrapper {
	font-size:12px;
	font-weight:normal;
	color: rgba(30,30,30,1.00);
}

/* メインイメージ */
#mainimg {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	overflow:hidden;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}

.mainimgtxt{
	font-size:12px;
	text-align: center;
	margin:3px 10px 0 auto;
}

.sample_img_bt {
	height:100px;
	overflow:hidden;
}

/* テーブル */
.menu2 table {
	width:100%;
}

.td_txt1 {
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	text-align:right;
	vertical-align:middle;
	background-color:#cfc;
	padding:3px;
}

.td_txt2 {
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color: #ffc;
	padding:3px;
}

.td_txt3 {
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	padding:3px;
}

.td_txt4 {
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	padding:3px;
}

.td_txt5 {
	text-align:center;
	vertical-align:middle;
	border:none;
}
.td_txt6 {
	border:1px solid #999;
	text-align:center;
	vertical-align:middle;
}
.td_txt7 {
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	vertical-align:middle;
}

/* ページ上部 */
header {
	width:100%;
	height:18px;
	border-bottom:1px solid #333;
	margin-bottom:3px;
	z-index:100;
}

.header_txt {
	font-size: 8px;
	margin:32px auto 0 auto;
	text-align: center;
}

/* ロゴ */
#logo {
	position:absolute;
	top:3px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}	
#logo img {
	width: 50px;
}
/* ナビボタン */

.navi_bt {
	position:fixed;
	top:5px;
	left:5px;
	z-index:9999;
	width: 50px;
	height:auto;
}
.page_title1 {
	width:100%;
	text-align: center;
}
.page_title1 img {
	margin:0 auto;
}
/* ナビプルダウン */
.navi_window {
	position:fixed;
	width:calc(100% - 10px);
	height:auto;
	top:90px;
	left:5px;
	background-color:rgba(220,220,220,0.80);
	border:1px solid #ccc;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.60);
	z-index:9998;
}

.navi_window img {
	margin:3px;
}

.link_bt {
	display:table-cell;
	vertical-align: middle;
	padding:0 auto;
	margin:3px;
	width:250px;
	height:60px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	border:1px solid #333;
	background: -moz-linear-gradient(left, #FFE694, rgba(255,255,255,1));
	background: -webkit-gradient(linear, left bottom, left top, from(#FFE694), to(rgba(255,255,255,1)));
	border-radius:5px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}
.link_bt img {
	height:0%;
	width:auto;
	vertical-align: middle;
}

/* メインイメージ */
.mainimg {
 width:100%;
	margin:-5px auto 0 auto;
	z-index:1;
}

/* 店舗イメージ */
.tenpo_img {
	width:49%;
	height:auto;
	float:left;
	padding-right:1%;
	}
	
.tenpo_txtimg {
	width:50%;
	height:auto;
	float:right;
	}
.menu_bt1_area {
		width:100%;
		text-align:center;
		padding-top:5px;
	}
.menu_bt1 {
		width:60%;
		margin:0 auto;
	}
.googlemap_area {
	clear:both;
	text-align:center;
}

.tenpo_borderimg {
}
.tenpo_txt {
	font-size:16px;
	margin:5px 10px;
}

.tenpo_txt table {
	border:1px solid #8C008C;
	background-color:#fff;
}

/* お知らせ欄 */
	.toi_area {
		width:calc(100% - 20px);
		height:auto;
		margin:0 auto 5px auto;
		padding:5px;
		border:3px solid #666;
		border-radius: 10px;
		background-color:#fff;
		color:#333;
		font-family:sans-serif;
		line-height:1.4em;
		font-size:14px;
		text-align: center;
	}

	.toi_area > p {
text-align: left;
		margin:0 10px 0 10px;
	}
	.bt_area1 {
		margin:0 auto;
		text-align: center;
	}
	.bt_area1 img {
		width:95%;
	}
	.toi_area2 {
		width:calc(100% - 120px);
		height:auto;
		margin:5px auto;
		padding:5px;
		border:3px solid #666;
		border-radius: 10px;
		background-color:#fff;
		color:#333;
		font-family:sans-serif;
		line-height:1.5em;
		font-size:16px;
	}
	.toi_area2 label {
		width:100%;
		text-align: left;
		margin:5px auto 10px 15px;
	}
	.toi_area3 {
		width:calc(100% - 120px);
		height:auto;
		margin:0 auto 15px auto;
		padding:5px 5px 0 5px;
		border:3px solid #cc3300;
		border-radius: 10px;
		background-color:#fff;
		color:#333;
		font-family:sans-serif;
		font-size:20px;
	}
		.toi_area3 input {
			font-size: 20px;
			font-weight: bold;
	}
	.toi_txt1 {
		width:70%;
		padding:2px;
	}
	
	.toi_txt2 {
		width:30%;
		padding:2px;
	}
.holiday_area {
	width:calc(100% - 20px);
 height:auto;
	margin:10px auto 0 auto;
	padding:5px;
	border:3px solid #666;
	border-radius: 10px;
	background-color:#fff;
	color:#333;
	font-family:sans-serif;
	line-height:-0.3em;
	font-size:18px;
	font-weight:nomal;
	text-align:left;
	}
.holiday_man {
	position: absolute;
	width:50px;
	margin:0 auto;
	padding-left:5px;
	}
.holiday_day {
	width:auto;
	margin:0;
	letter-spacing: -0.1em;
	}
.holiday_txt1 {
	}
.calender_bt {
	width:100%;
	height: auto;
	text-align:center;
	margin:0 auto;
	}

.calender_bt img {
		width:100%;
	 z-index:9997;
	}
	
	.title_img1 img {
		width:100%;
	}
	
	/* 教団ページお知らせ欄 */
	.kage_info { 
		color:#C8C8C8;
		font-size:20px;
		margin:20px 10px;
		background-color:#222222;
		padding:10px;
		border:1px solid #c8c8c8;
	}
	
/* 一覧プルダウン */
.calen_window {
	position:relative;
	width:80%;
	margin:-5px auto 20px auto;
	background-color:rgba(255,255,255,0.90);
	border:1px solid #ccc;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.6);
	font-size:14px;
	text-align:left;
	line-height:1.4em;
	padding:5px auto 5px 10px;
}

.calen_windowtxt {
	margin:5px 5px 5px 10px;
}

.main_cont1 {
	width:calc(100% - 80px);
	margin:0 auto 30px auto;
	padding:10px;
	border:1px solid #333;
	border-radius: 3px;
	background-color:#fff;
	color:#333;
	text-align:left;
	}
	
.main_cont1 img {
		margin:0 auto;
		padding:0 auto;
	}
.main_cont1 iframe {
	width:90%;
	height:400px;
	margin:5px auto;
	border:5px solid #999;
	border-radius:8px;
}

.order_txt_center1 {
	text-align:center;
}

.main_cont1 p {
	font-size: x-large;
}
.main_cont1 pre {
	font-size: x-large;
}

/* 一覧プルダウン */
.main_win1 {
	padding:20px;
}

.main_win1 p {
	font-weight:bold;
}


/* アコーディオン */
label {
	display: block;
	margin: 0;
}

input[type="checkbox"].on-off{
	display: none;
}

.menu2 ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
	width:90%;
	padding:20px;
	margin:0 auto 20px auto;
	background-color:rgba(255,255,255,0.90);
	border:2px solid #ccc;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.6);
	font-size:16px;
}

.menu2 li {
	padding: 5px;
}

.top_img1 {
	margin:0px 10px 10px 10px;
	border:1px solid #333;
	border-radius:15px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}

.menu3 ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu3 li {
	padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
				padding:0;
				border:none;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;
				
}

/* 表示非表示1 */

.menu div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

input[type="checkbox"].on-off + div{
    height: 0;
				padding:0;
				border:none;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + div{
    height: 730px;
}

.prof_bgcolor {
	font-size:18px;
	font-weight:bold;
	margin:0 5px 10px 5px;
	padding:15px 0 15px 90px;
	border:1px solid #111;
	background: -moz-linear-gradient(left, #FFE694, rgba(255,255,255,0));
	background: -webkit-gradient(linear, left bottom, left top, from(#FFE694), to(rgba(255,255,255,0)));
	border-radius:5px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
	text-align:left;
}
.prof_bgcolor img {
	margin:auto 20px auto 5px;
}

/* 製作工程文字と背景 */
.koutei_bgcolor {
	font-size:22px;
	font-weight:nomal;
	margin:0;
	padding:5px;
	backgroundcolor: #000;
	color:#fff;
}


/* 配達 */
.deli_win {
	border:1px solid #FF8100;
	margin:10px;
	padding:10px;
	background-color:#FFF5D0;
	font-size:16px;
}


/* 弁当メニュー */
	.bento_cont1 {
	width:calc(100% - 10px);
	margin:0 auto 30px auto;
	padding:0;
	border:none;
	}
	
.bento_menu1 {
		background-color:rgba(255,255,255,0.8);
		border-radius:3px;
		border-left:5px solid #8C008C;
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;
		border-right:1px solid #aaa;
		margin-left:70px;
		margin-bottom:15px;
		padding:0;
		box-shadow:2px 2px 2px rgba(0,0,0,0.4);
	}
	
.bento_menu1 ul {
	text-align:left;
	padding:0;
	background-color:rgba(200,200,200,0.40);
	clear:both;
	margin:0;
	text-align:left;
	}
	
.bento_sam1 {
		float:left;
		margin:0;
		height:70px;
		overflow:hidden;
	}
	.bento_img1 {
		float:left;
		margin:-70px 0 0 0;
	}
.bento_txt1 {
		font-size: xx-large;
		text-align:left;
		margin-left:295px;
		margin:auto;
	}
.bento_txt2 {
	margin:3px 5px 3px 295px;
	font-size:14px;
	line-height:1.2em;
	}

.order_bt_area {
	width:calc(100% - 100px);
 height:auto;
	margin:0 auto 10px auto;
	padding:10px;
	border:6px solid #cc6600;
	border-radius: 50px;
	background-color:#fff;
	font-size:18px;
	font-weight:bold;
	letter-spacing: -0.1em;
	font-family:sans-serif;
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
	}

.form_area {
font-size:14px;
}

.form_area select {
font-size:14px;
}
	
.form_area option {
font-size:14px;
}

.jirei_img1{
	width:50%;
	height:100%;
	float:left;
	margin:5px;
}
.jirei_txt1{
	width:100%;
	margin:5px;
	text-align:left;
	line-height:1.2em;
}

/* ページリターン */
#pageTop {
  position: fixed;
  bottom: 10px;
  right: 5px;
}
#pageTop img {
width:50px;
}
 
#pageTop a {
  display: block;
  z-index: 9999;
		border:none;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* 独自チェックボックス　*/
.form_area {
}

/* ラベルのスタイル　*/
.form_area label {
	padding-left:		45px;	
	font-size:		16px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.form_area label:before {
	content:		'';
	width:			32px;	
	height:			32px;	
	display:		inline-block;
	position:		absolute;
	left:		0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px rgba(0,0,0,0.5);
	border-radius:		6px;
}
/* 元のチェックボックスを表示しない */
.form_area input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.form_area input[type=checkbox]:checked + label:before {
	content:		'\2713';	
	font-size:	16px;	
	color: #fff;	
	background-color:	#3355ff;	
}

input {
	margin:5px;
	font-size:16px;
}
option {
	width:98%;
	height:auto;
}
textarea {
	width: 90%;
	margin:0 auto;
	font-size:12px;
}
/* フッター */
.footer {
	width:98%;
	padding:3px 0 0 0;
	border-top:1px solid #666;
	background-color:#fff;
	font-size:10px;
	text-align: center;
	}
}

@media screen and (min-width:481px) and (max-width:10000px){ 
/* 全体 */*/
	#wrap {
		overflow : hidden;
	}
	body {
	-webkit-text-size-adjust : 100% !important;
	width:480px;
	background-image: url(../img/main_img1.png);
	background-repeat:no-repeat;
	background-color:#fff;
	background-position:center -50px;
	background-size:480px;
	text-align:center;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	
a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FF5533;
	text-decoration:none;
}
a:visited {
	color: #806100;
}
a:hover {
	color: #E79D00;
}
a:active {
	color: #F5D877;
}

p {
	margin-top:2px;
	margin-bottom:2px;
	}

.link_box {
	width:100%;
	height:100%;
	margin:0;
	font-size: 14px;
}

.txt_deco1 {
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	margin:0 auto 3px 7px;
}
.txt_deco2 {
	text-align:left;
	font-size:14px;
	font-weight: normal;
	margin:5px auto 10px 7px;
	text-decoration: none;
}
.txt_deco3 {
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	margin:0 auto 3px 7px;
	text-decoration: none;
}
.txt_deco_red1 {
	font-size: 12px;
	color:#A60002;
}
.txt_deco_red2 {
	font-size: 12px;
	color:#A60002;
}
.txt_deco_red3 {
	font-size: 16px;
	color:#A60002;
}
.txt_deco_red4 {
	font-size: inherit;
	color:#A60002;
}
img {
	border:0;
max-width : 100% ;
height : auto ;
}
.lineheight00 {
	line-height: 0px;
	width:100%;
	margin: 0 auto;
	text-align: center;
}
.lineheight00 > img {
	width: 100%;
	margin: 0 auto;
}
/* 見出し */
h1 {
	font-size:12px;
	font-weight:bold;
}
h2 {
	font-size:14px;
	font-weight:bold;
	margin:0;
}
h2 p {
	text-align: center;
}

/* 小見出し画像 */
h3 {
	margin:3px;
	font-size:14px;
	margin:0 auto 5px auto;
	line-height: 1em;
}
/* 注文電話番号 */
h4 {
	text-align: center;
	margin:3px;
	font-size: 16px;
}
h5 {
	font-size: medium;
}
h6 {
	margin:5px auto;
	color: #D70003;
	font-size: 14px;
}

/* 本文 */
#mainWrapper {
	font-size:12px;
	font-weight:normal;
	color: rgba(30,30,30,1.00);
}

/* メインイメージ */
#mainimg {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	overflow:hidden;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}

.mainimgtxt{
	font-size:12px;
	text-align: center;
	margin:3px 10px 0 auto;
}

.sample_img_bt {
	height:100px;
	overflow:hidden;
}

/* テーブル */
.menu2 table {
	width:100%;
}

.td_txt1 {
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	text-align:right;
	vertical-align:middle;
	background-color:#cfc;
	padding:3px;
}

.td_txt2 {
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color: #ffc;
	padding:3px;
}

.td_txt3 {
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	padding:3px;
}

.td_txt4 {
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	padding:3px;
}

.td_txt5 {
	text-align:center;
	vertical-align:middle;
	border:none;
}
.td_txt6 {
	border:1px solid #999;
	text-align:center;
	vertical-align:middle;
}
.td_txt7 {
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	vertical-align:middle;
}

/* ページ上部 */
header {
	width:100%;
	height:18px;
	border-bottom:1px solid #333;
	margin-bottom:3px;
	z-index:100;
}

.header_txt {
	font-size: 8px;
	margin:32px auto 0 auto;
	text-align: center;
}

/* ロゴ */
#logo {
	position:absolute;
	top:3px;
	margin: 0 auto;
	width: 480px;
	text-align: center;
}	
#logo img {
	width: 50px;
}
/* ナビボタン */

.navi_bt {
	position:fixed;
	top:5px;
	left:5px;
	z-index:9999;
	width: 70px;
	height:auto;
}
.page_title1 {
	width:100%;
	text-align: center;
}
.page_title1 img {
	margin:0 auto;
}
/* ナビプルダウン */
.navi_window {
	position:fixed;
	width:200px;
	height:auto;
	top:80px;
	left:0;
	background-color:rgba(220,220,220,0.80);
	border:1px solid #ccc;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.60);
	z-index:9998;
}

.navi_window img {
	margin:3px;
}

.link_bt {
	display:table-cell;
	vertical-align: middle;
	padding:0 auto;
	margin:3px;
	width:200px;
	height:40px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	border:1px solid #333;
	background: -moz-linear-gradient(left, #FFE694, rgba(255,255,255,1));
	background: -webkit-gradient(linear, left bottom, left top, from(#FFE694), to(rgba(255,255,255,1)));
	border-radius:5px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}
.link_bt img {
	height:0%;
	width:auto;
}

/* メインイメージ */
.mainimg {
 width:100%;
	margin:-5px auto 0 auto;
	z-index:1;
}

/* 店舗イメージ */
.tenpo_img {
	width:49%;
	height:auto;
	float:left;
	padding-right:1%;
	}
	
.tenpo_txtimg {
	width:50%;
	height:auto;
	float:right;
	}
.menu_bt1_area {
		width:100%;
		text-align:center;
		padding-top:5px;
	}
.menu_bt1 {
		width:60%;
		margin:0 auto;
	}
.googlemap_area {
	clear:both;
	text-align:center;
}

.tenpo_borderimg {
}
.tenpo_txt {
	font-size:14px;
	margin:5px 10px;
}

.tenpo_txt table {
	border:1px solid #8C008C;
	background-color:#fff;
}

/* お知らせ欄 */
	.toi_area {
		width:calc(100% - 20px);
		height:auto;
		margin:0 auto 5px auto;
		padding:5px;
		border:3px solid #666;
		border-radius: 10px;
		background-color:#fff;
		color:#333;
		font-family:sans-serif;
		line-height:1.4em;
		font-size:14px;
		text-align: center;
	}

	.toi_area > p {
text-align: left;
		margin:0 10px 0 10px;
	}
	.bt_area1 {
		margin:0 auto;
		text-align: center;
	}
	.bt_area1 img {
		width:95%;
	}
	.toi_area2 {
		width:calc(100% - 120px);
		height:auto;
		margin:5px auto;
		padding:5px;
		border:3px solid #666;
		border-radius: 10px;
		background-color:#fff;
		color:#333;
		font-family:sans-serif;
		line-height:1.5em;
		font-size:14px;
	}
	.toi_area2 label {
		width:100%;
		text-align: left;
		margin:5px auto 10px 15px;
	}
	.toi_area3 {
		width:calc(100% - 120px);
		height:auto;
		margin:5px auto;
		padding:5px;
		border:3px solid #cc3300;
		border-radius: 10px;
		background-color:#fff;
		color:#333;
		font-family:sans-serif;
		line-height:1.5em;
		font-size:24px;
	}
		.toi_area3 input {
			font-size: 24px;
			font-weight: bold;
	}
.holiday_area {
	width:calc(100% - 40px);
 height:auto;
	margin:10px auto 0 auto;
	padding:5px;
	border:3px solid #666;
	border-radius: 10px;
	background-color:#fff;
	color:#333;
	font-family:sans-serif;
	line-height:-0.3em;
	font-size:16px;
	font-weight:nomal;
	text-align:left;
	}
.holiday_man {
	position: absolute;
	width:50px;
	margin:0 auto;
	padding-left:5px;
	}
.holiday_day {
	width:auto;
	margin:0;
	letter-spacing: -0.1em;
	}
.holiday_txt1 {
	}
.	 {
 display: inline-block;
	width:100%;
	height: auto;
	text-align:center;
	margin:0 auto;
	}

.calender_bt img {
		position:relative;
		width:100%;
	 	z-index:9997;
	}
	
	.title_img1 img {
		width:100%;
	}

	/* 教団ページお知らせ欄 */
	.kage_info { 
		color:#C8C8C8;
		font-size:x-large;
		margin:20px 10px;
		background-color:#222222;
		padding:10px;
		border:1px solid #c8c8c8;
	}
	
/* 一覧プルダウン */
.calen_window {
	position:relative;
	width:80%;
	margin:-5px auto 20px auto;
	background-color:rgba(255,255,255,0.90);
	border:1px solid #ccc;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.6);
	font-size:14px;
	text-align:left;
	line-height:1.4em;
	padding:5px auto 5px 10px;
}

.calen_windowtxt {
	margin:5px 5px 5px 10px;
}

.main_cont1 {
	width:calc(100% - 80px);
	margin:0 auto 30px auto;
	padding:10px;
	border:1px solid #333;
	border-radius: 3px;
	background-color:#fff;
	color:#333;
	text-align:left;
	}
	
.main_cont1 img {
		margin:0 auto;
		padding:0 auto;
	}
.main_cont1 iframe {
	width:90%;
	height:400px;
	margin:5px auto;
	border:5px solid #999;
	border-radius:8px;
}

.order_txt_center1 {
	text-align:center;
}

.main_cont1 p {
	font-size: x-large;
}
.main_cont1 pre {
	font-size: x-large;
}

/* 一覧プルダウン */
.main_win1 {
	padding:20px;
}

.main_win1 p {
	font-weight:bold;
}


/* アコーディオン */
label {
	display: block;
	margin: 0;
}

input[type="checkbox"].on-off{
	display: none;
}

.menu2 ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
	width:90%;
	padding:20px;
	margin:0 auto 20px auto;
	background-color:rgba(255,255,255,0.90);
	border:2px solid #ccc;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.6);
	font-size:14px;
}

.menu2 li {
	padding: 5px;
}

.top_img1 {
	margin:0px 10px 10px 10px;
	border:1px solid #333;
	border-radius:15px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}

.menu3 ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu3 li {
	padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
				padding:0;
				border:none;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;
				
}

/* 表示非表示1 */

.menu div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

input[type="checkbox"].on-off + div{
    height: 0;
				padding:0;
				border:none;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + div{
    height: 730px;
}

.prof_bgcolor {
	font-size:16px;
	font-weight:bold;
	margin:0 5px 10px 5px;
	padding:15px 0 15px 90px;
	border:1px solid #111;
	background: -moz-linear-gradient(left, #FFE694, rgba(255,255,255,0));
	background: -webkit-gradient(linear, left bottom, left top, from(#FFE694), to(rgba(255,255,255,0)));
	border-radius:5px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
	text-align:left;
}
.prof_bgcolor img {
	margin:auto 20px auto 5px;
}


/* 製作工程文字と背景 */
.koutei_bgcolor {
	font-size:22px;
	font-weight:nomal;
	margin:0;
	padding:5px;
	backgroundcolor: #000;
	color:#fff;
}


/* 配達 */
.deli_win {
	border:1px solid #FF8100;
	margin:10px;
	padding:10px;
	background-color:#FFF5D0;
	font-size:14px;
}


/* 弁当メニュー */
	.bento_cont1 {
	width:calc(100% - 10px);
	margin:0 auto 30px auto;
	padding:0;
	border:none;
	}
	
.bento_menu1 {
		background-color:rgba(255,255,255,0.8);
		border-radius:3px;
		border-left:5px solid #8C008C;
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;
		border-right:1px solid #aaa;
		margin-left:70px;
		margin-bottom:15px;
		padding:0;
		box-shadow:2px 2px 2px rgba(0,0,0,0.4);
	}
	
.bento_menu1 ul {
	text-align:left;
	padding:0;
	background-color:rgba(200,200,200,0.40);
	clear:both;
	margin:0;
	text-align:left;
	}
	
.bento_sam1 {
		float:left;
		margin:0;
		height:70px;
		overflow:hidden;
	}
	.bento_img1 {
		float:left;
		margin:-70px 0 0 0;
	}
.bento_txt1 {
		font-size: xx-large;
		text-align:left;
		margin-left:295px;
		margin:auto;
	}
.bento_txt2 {
	margin:3px 5px 3px 295px;
	font-size:14px;
	line-height:1.2em;
	}

.order_bt_area {
	width:calc(100% - 100px);
 height:auto;
	margin:10px auto 10px auto;
	padding:10px;
	border:6px solid #cc6600;
	border-radius: 50px;
	background-color:#fff;
	font-size:20px;
	letter-spacing: -0.1em;x	
	font-weight:bold;
	font-family:sans-serif;
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
	}

.form_area {
font-size:14px;
}

.form_area select {
font-size:14px;
}
	
.form_area option {
font-size:14px;
}

.jirei_img1{
	width:50%;
	height:100%;
	float:left;
	margin:5px;
}
.jirei_txt1{
	width:100%;
	margin:5px;
	text-align:left;
	line-height:1.2em;
}

/* ページリターン */
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 5px;
}
#pageTop img {
width:70px;
}
 
#pageTop a {
  display: block;
  z-index: 9999;
		border:none;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* 独自チェックボックス　*/
.form_area {
}

/* ラベルのスタイル　*/
.form_area label {
	padding-left:		45px;	
	font-size:		16px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.form_area label:before {
	content:		'';
	width:			32px;	
	height:			32px;	
	display:		inline-block;
	position:		absolute;
	left:		0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px rgba(0,0,0,0.5);
	border-radius:		6px;
}
/* 元のチェックボックスを表示しない */
.form_area input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.form_area input[type=checkbox]:checked + label:before {
	content:		'\2713';	
	font-size:	16px;	
	color: #fff;	
	background-color:	#3355ff;	
}

input {
	margin:5px;
	font-size:16px;
}
option {
	width:98%;
	height:auto;
}
textarea {
	width: 90%;
	margin:0 auto;
	font-size:14px;
}
/* フッター */
.footer {
	width:98%;
	padding:3px 0 0 0;
	border-top:1px solid #666;
	background-color:#fff;
	font-size:10px;
	text-align: center;
	}
}