@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*ninjya*/
#NnVD {
    padding-left: 2500px;
}



/********* 共通設定 ***********************************************************************************************************************************/

/*================================================
 *  一般・文字設定
 ================================================*/

	body {
		font-size: 17px;
		/*font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		color: #352f25;
		line-height: 1.6;
		background-color:rgba(255,220,0,1.00);
		background-image:url(../images/yerrow-b.gif);
	}

	#contents {
		margin:0 auto;
	}


/* リンク色 ページ全体 */
	a {
		color:#f39100;
	}
	a:hover {
		color:#d98200;
	}

/* サブタイトル設定 */
	
	h1 {
		clear:both;
		font-size:45px;
		color:#655845;
		text-align:center;
		line-height: 0.6em;
		margin-top: 50px;
		margin-bottom: 30px;
	}

	h1 span {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 30px;
	}

	h2 {
		clear:both;
		font-size:41px;
		color:#655845;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	h2 span {
		font-size:15px;
		font-weight:bold;
		font-weight: 500;
	}

	h4 {
		font-size:35px;
		font-family: 'M PLUS 1p', sans-serif;
		color:#655845;
		letter-spacing: 0.1em;
		font-feature-settings: "palt";
		text-align:center;
		text-justify: inter-ideograph;
		line-height: 0.6em;
		margin: 120px auto 40px auto;
	}
	

	p {
		margin:0 0 3em 0;
	}

	img {
		vertical-align:bottom;
	}

	em {
		font-weight:bold;
	}

	strong {
		font-weight:bold;
		color:#ff0000;
	}

	pre {
		margin:1em 0;
		padding:1em;
	}


/*=================================================================================
 * メニューバー共通　
 ==================================================================================*/

	header h1 {
		padding:5 0 5 10;
	}

	header h1 a {
		color:#fff;
		text-decoration:none;
	}
	.headA {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		text-decoration: none;
	}


/*================================================
 *  追従メニュー用
 ================================================*/
	.site-header{
		display: flex;
		padding: 0px;
		position: absolute;
		justify-content: space-between;
		width: 100%;
		z-index: 100000;
	}
	.site-header.fixed{
		position: fixed;
		top: 0;
	}

/*================================================
 *  背景
 ================================================*/
	#paper01 {
		/*背景色　なし*/
		margin-top: 80px;
	}

	#paper02 {
		/*背景色　白*/
		background-color:#fff;
	}

	#paper03 {
		/*背景色　黄色*/
		background-color:#FFDB4F;
	}

	#paper04 {
		/*背景色　なし*/
	}

	#paper05 {
		/*背景色　黄色*/
		background-color:#FFDB4F;
	}

	#paper06 {
		/*背景色　うす黄色*/
		padding:50px;
		background-color:#FFEBAD;
	}

	#paper07 {
		/*背景色　黄色*/
		background-color:#FFDB4F;
	}


	
/*================================================
 *  フッター
 ================================================*/

	/* 営業日、カレンダー（２ヶ月分）の設定
	  並び順、文字の大きさ等
	  ウインドウサイズによって変更するので
	  サイズ別に設定を記入 */

	footer {
		position:relative;
		margin:0 auto;
		font-size:11px;
		color:#fff;
		text-align:center;
	}

	.footer-background {
		width:100%;
		background-color: rgba(122,78,57,1.00);
		/*background-color:#066FB9;*/
		padding-top: 1px;
		padding-bottom: 15px;
		margin: 0px 0px;
	}

	.footer-text {
		margin-top: -20px;
		margin-left: 30px;
	}

	.footer-link {
		position:relative;
		margin:0 auto;
		margin-top: 50px;
		font-size:15px;
		color:#fff;
		text-align:center;
		font-weight: 800;
	}
	.footer-link span {
		display: inline-block;
	}

	footer a:link{
		color: white;
		text-decoration: none;
	}

	footer a:visited{
		color: white;
		text-decoration: none;
	}

	footer a:hover{
		color: tomato;
	}


.btn-push {
  display: inline-block;
  max-width: 280px;
  text-align: left;
  background-color:#0197F9;
  font-size: 22px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  border-bottom: 4px solid #033256;
  line-height: 1.3em;
  letter-spacing:0.1em;
  margin-top: 12px;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.btn-push:active {
    transform: translateY(4px);
    border-bottom: none;
	color:white;
}
.btn-push:hover {
   background-color: #ffa300;
	border-bottom: 4px solid #d37800;
}



/*================================================
 *  バナー
 ================================================*/
.contents_bana {
	background-color:gray;
    width:320px;
    height:100px;
	margin-top: 30px;
	margin-left: 30px;
}


/*================================================
 *  カレンダー部分
 ================================================*/	

	/* 営業日、カレンダー（２ヶ月分）の設定
	  並び順、文字の大きさ等
	  ウインドウサイズによって変更するので
	  サイズ別に設定を記入 */

	/*　営業日 文字設定  */
	.calendar {
		width: 100%;
	}
	.calendar h2 {
		display: flex;
		vertical-align: baseline;
		align-items: flex-end;  /*サイズの違う文字の下揃え*/
		margin-bottom:2em;
		margin-top: 10px;
		margin-right: 0px;
		margin-left: 0px;
	}

	footer .calendar h2 span {
		font-size:11px;
		margin-left: 10px;
		margin-bottom: 3px;
	}

	.calendar .time {
		text-align: left;
	}
	.calendar .eigyou {
		text-align: left;
		display: flex;
		margin: 0px;
	}
	.calendar .text {
		text-align: left;
	}

	.calendar{
			font-size:17px;
	}

	/* 枠設定 */
	footer .calendar {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 35px;
		text-align: center;
	}
	footer .calendar p {
		text-align: left;
		font-size: 17px;
	}
	footer .calendar h2 {
		font-size:25px;
		color:white;
		text-align:left;
		margin-bottom: 20px;
		color:#FFDB9F;
	}

	

/*================================================
 *  ページトップへの戻るボタン
 ================================================*/
	.totop {
		position:fixed;
		bottom:20px;
		right:15px;
		margin-bottom: 0px;
	}
	.totop a {
		display:block;
		text-decoration:none;
	}
	.totop img {
		background:#867254;
	}
	.totop img:hover {
		background:#6d5d45;
	}



/********* レスポンシブ設定 ********************************************************************************************************************/
/********* スマートフォン 　、 タブレット -1169px　、 パソコン 1170-　　最大1200px ******************************************************************/


/*==================================================================================================================
 *  画面幅400以下　スマートフォン向けデザイン
 ==================================================================================================================*/

/*** メニュー部分はスマートフォン用 *********/
/*********** スマートフォン用  ****************************************/

	@media screen and (max-width:430px) {

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display: none;
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: block;
		}

	/*-- 背景の表示設定 --*/
		body {
			font-size: 14px;
		}

		#contents {
			box-sizing:border-box;
			width:100%;
		}

		#contents_inner {

			margin-left: 20px;
			margin-right: 20px;
			text-align: left;
		}

		.rogo {
			text-align: center;
			width: 100%;
			margin-right: 40px;
		}

		.headB_back {
			z-index:800;
			width:350px;
			background:#9b8462;
			opacity:0.85;
			filter:alpha(opacity=80);
			-ms-filter:"alpha(opacity=80)";
		}
		
		
	/*-- タイトルロゴ設定 --*
	.title-image {
		background-image:url(../images/yerrow-b.gif);
		position: relative;
		width: 90%;
		height: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}

		/*-- メニュー部分設定 --*/
		
	.menubar {
		display: block;
		width: 100%;
		background-color:rgba(132,87,13,1.00);
		opacity:0.90;
		filter:alpha(opacity=60);
		-ms-filter:"alpha(opacity=80)";
	}
	.menu-flex {
		display: flex;
		flex-direction: row;
	}
		
	.menubar .menu_button {
		width: 40px;
		margin: auto 0;
		margin-left: 10px;
	}
		
	.menubar .rogo .headA {
		display: block;
		line-height: 50px;
		padding: 0 30px;
		color: white;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size: 22px;
		text-decoration: none;
	}


	/*-- 内側背景(ペーパー部分)設定 --*/
	#paper01 {
		/**背景色　なし*/
		/**background-image:url(../images/paper01.jpg);
		box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-top: 80px;
		margin-bottom: 50px;
		padding:0px;
	}

	#paper02 {
		/**背景色　白*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:5px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper03 {
		/**背景色　黄色*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: -50px;
		margin-top: 100px;
		padding:5px 35px 0px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper04 {
		/**背景色　うす黄色*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:5px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper05 {
		/**背景色　黄色*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:5px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper06 {
		/*背景色　うす黄色*/
		/*background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:5px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper07 {
		/**背景色　黄色*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:5px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}
	

	/* チラシサンプルの並び方・余白設定 スマートフォン用*/
	.chirashi_sumple .sumple1 {
		/**縦に積む*/
		  display: flex;
		  flex-direction: column;
		  flex-wrap: wrap;
		/*中央寄せ*/
		  justify-content: center;
		  align-items: center;
	}
	.chirashi_sumple .sumple2 {
		display: flex;
		/*縦に積む*/
		  display: flex;
		  flex-direction: column;
		  flex-wrap: wrap;
		/*中央寄せ*/
		  justify-content: center;
		  align-items: center;
	}
	.chirashi_text {
		flex: 1; /*大きさ均等*/
	}
	.chirashi {
		flex: 1;
	}
	.chirashi_center {
		flex: 1;
	}

	
	/*フッター*/
	footer .calendar {
		width: 100%;
	}
	footer .calendar h2 {
		font-size: 22px
	}
	footer .calendar h2 span {
		font-size:9px;
		margin-left: 10px;
		margin-bottom: 3px;
	}

	.calendar .eigyou {
		text-align: left;
		display: flex;
		margin: 0px;
	}
	.calendar .eigyou span {
		white-space: nowrap;
	}
	.calendar .text {
		text-align: left;
	}

	.calendar{
			font-size:14px;
	}



	/* カレンダー部分設定
	並び順　スマホ用 */
	.calendar{
		/*縦に積む*/
		  display: flex;
		  flex-direction: column;
		  flex-wrap: wrap;
		/*中央寄せ*/
		  justify-content: center;
		  align-items: center;
	}
	.calendar h2 {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.calendar .box1 {
		flex: 1; /*大きさ均等*/
		margin-bottom: 30px;
	}
	.calendar .box2 {
		flex: 1; /*大きさ均等*/
	}
	.calendar .box3 {
		flex: 1; /*大きさ均等*/
		margin-bottom: 40px;
	}

}



/*==================================================================================================================
 *  画面幅400px以上781以下　スマートフォン向けデザイン
 ==================================================================================================================*/

/*** メニュー部分はスマートフォン用、内容はunder900、スマートフォン用。共用部分に注意 *********/
/*********** スマートフォン用  ****************************************/

	@media screen and (min-width:431px) and (max-width:780px) {

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display: none;
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: block;
		}
		
		
	/*-- タイトルロゴ設定 --*
	.title-image {
		background-image:url(../images/yerrow-b.gif);
		position: relative;
		width: 85%;
		height: 100%;
		margin: 0 auto;
		padding: 0 20;
	}
		

	/*-- 背景の表示設定 --*/
		body {
			font-size: 14px;
		}

		#contents {
			box-sizing:border-box;
			width:100%;
		}

		#contents_inner {

			margin-left: 20px;
			margin-right: 20px;
			text-align: left;
		}

		.menubar {
			display: flex;
			background-color:rgba(132,87,13,1.00);
			opacity:0.90;
			filter:alpha(opacity=60);
			-ms-filter:"alpha(opacity=80)";
		}

		.rogo {
			text-align: center;
			width: 100%;
			margin-right: 40px;
		}

		.headB_back {
			z-index:800;
			width:350px;
			background:#9b8462;
			opacity:0.85;
			filter:alpha(opacity=80);
			-ms-filter:"alpha(opacity=80)";
		}

	/*-- メニュー部分設定 --*/
		
	.menubar {
		display: block;
		width: 100%;
		background-color:rgba(132,87,13,1.00);
		opacity:0.90;
		filter:alpha(opacity=60);
		-ms-filter:"alpha(opacity=80)";
	}
	.menu-flex {
		display: flex;
		flex-direction: row;
	}
		
	.menubar .menu_button {
		width: 40px;
		margin: auto 0;
		margin-left: 10px;
	}
		
	.menubar .rogo .headA {
		display: block;
		line-height: 50px;
		padding: 0 30px;
		color: white;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size: 22px;
		text-decoration: none;
	}


	/*-- 内側背景(ペーパー部分)設定 --*/
	#paper01 {
		/**背景色　なし*/
		/**background-image:url(../images/paper01.jpg);
		box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-top: 80px;
		margin-bottom: 50px;
		padding:0px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper02 {
		/**背景色　白*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:5px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper03 {
		/**背景色　黄色*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: -50px;
		padding:5px 35px 0px 35px;
	}

	#paper04 {
		/**背景色　うす黄色*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:5px 35px 0px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper05 {
		/**背景色　黄色*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:10px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper06 {
		/*背景色　うす黄色*/
		/*background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:10px 35px 30px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper07 {
		/**背景色　黄色*/
		/**background-color:#fff;
		/**box-shadow: 3px 5px 10px rgba(0,0,0,.3);*/
		margin-bottom: 50px;
		padding:10px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}
	

	/* チラシサンプルの並び方・余白設定 スマートフォン用*/
	.chirashi_sumple .sumple1 {
		/**縦に積む*/
		  display: flex;
		  flex-direction: column;
		  flex-wrap: wrap;
		/*中央寄せ*/
		  justify-content: center;
		  align-items: center;
	}
	.chirashi_sumple .sumple2 {
		display: flex;
		/*縦に積む*/
		  display: flex;
		  flex-direction: column;
		  flex-wrap: wrap;
		/*中央寄せ*/
		  justify-content: center;
		  align-items: center;
	}
	.chirashi_text {
		flex: 1; /*大きさ均等*/
	}
	.chirashi {
		flex: 1;
	}
	.chirashi_center {
		flex: 1;
	}

	
	/*フッター*/
	footer .calendar {
		width: 100%;
	}
	footer .calendar h2 {
		font-size: 22px
	}
	footer .calendar h2 span {
		font-size:9px;
		margin-left: 10px;
		margin-bottom: 3px;
	}

	.calendar .eigyou {
		text-align: left;
		display: flex;
		margin: 0px;
	}
	.calendar .eigyou span {
		white-space: nowrap;
	}
	.calendar .text {
		text-align: left;
	}

	.calendar{
			font-size:14px;
	}



	/* カレンダー部分設定
	並び順　スマホ用 */
	.calendar{
		/*縦に積む*/
		  display: flex;
		  flex-direction: column;
		  flex-wrap: wrap;
		/*中央寄せ*/
		  justify-content: center;
		  align-items: center;
	}
	.calendar h2 {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.calendar .box1 {
		flex: 1; /*大きさ均等*/
		margin-bottom: 30px;
	}
	.calendar .box2 {
		flex: 1; /*大きさ均等*/
	}
	.calendar .box3 {
		flex: 1; /*大きさ均等*/
		margin-bottom: 40px;
	}

}

/*===================================================================================================================
 *  タブレット向けデザイン  画面幅730px以上1010以下
 ==================================================================================================================*/

@media print,screen and (min-width: 781px) and (max-width:1104px) {

/*********** 非表示設定　[パソコン] ***************************************************/	
	.menu-box_pc{
		display: none;
	}
	.menu-box_tablet{
		display: block;
	}
	.menu-box_phone {
		display: none;
	}
	/*トグルボタン非表示*/
	.headC {
		display: none;
	}
	

/*********** 背景の表示設定　[タブレット] ***************************************************/	
	body {
		font-size: 15px;
	}

	#contents {
		box-sizing:border-box;
		max-width: 100%;
	}
	#contents_inner {
		margin-left: 25px;
		margin-right: 25px;
	}

	
/*********** 内側背景(ペーパー部分)設定　[タブレット] ***************************************************/
	#paper01 {
		/*背景色なし*/
		margin-top: 80px;
		margin-bottom: 50px;
		padding:5px 10px 50px 10px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper02 {
		/*背景色　白*/
		margin-top: 60px;
		margin-bottom: 50px;
		padding:35px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper03 {
		/*背景色　黄色*/
		margin-top: 80px;
		margin-bottom: 10px;
		padding:35px 35px 0px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper04 {
		/*背景色なし*/
		margin-bottom: 50px;
		padding:25px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper05 {
		/*背景色　黄色*/
		margin-top: 50px;
		margin-bottom: 50px;
		padding:35px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper06 {
		/*背景色　うす黄色*/
		margin-top: 80px;
		margin-bottom: 50px;
		padding:35px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}

	#paper07 {
		/*背景色　黄色*/
		margin-top: 80px;
		margin-bottom:100px;
		padding:35px 35px 50px 35px;
		border-radius: 30px;/*角の丸み*/
	}
	
	
/*********** タイトルロゴ設定　[タブレット] ***************************************************/
	.title-image {
		background-image:url(../images/yerrow-b.gif);
		position: relative;
		width: 60%;
		height: 100%;
		margin: 0 auto;
		padding: 25% 0 0;
	}
	

/*********** メニュー部分設定　[タブレット] ***************************************************/	
	.site-header {
		width: 100%;
	}
	header {
		z-index:800;
		width:100%;
		background-color: rgba(255,255,255,0.65);
	}
	.menu-box_tablet .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		text-align: left;
		margin:0 auto;
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 0px;
	}
	.headA {
		display: inline-block;
		line-height: 29px;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 5px;
		color: rgba(122,78,57,1.00);
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-weight: bold;
		font-size: 24px;
		text-decoration: none;
	}
	.headB ul{
		display: flex;
		margin: 0;
		margin-top: 5px;
		padding: 0;
		list-style: none;
	}
	.headB a {
		display: block;
		padding: 8px;
		padding-left: 5px;
		padding-right: 12px;
		font-size:15px;
		text-decoration: none;
		color: black;
		list-style: none;
	}
	.headB a:hover {
		background-color: rgba(0,0,0,0.3)
	}

/*********** ボタンデザイン(上部メニュー　ご注文はこちらボタン)　[タブレット] ***************************************************/	
	#btn-square-tablet {
		display: inline-block;
		padding: 6px 10px 4px 10px;
		margin-right: 0px;
		text-decoration: none;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:1px;
		vertical-align:-20px;
		line-height: 22px;
		background: #401802;/*ボタン色*/
		color: #FFFFFF;
		border-bottom: solid 3px #170800;
		border-radius: 20px;
		transition: all 0.4s;/*色の変化の速さ*/
	}
	#btn-square-tablet:hover {
	  background: orangered;/*ボタン色*/
	  transition: all 0.5s;/*色の変化の速さ*/
	}
	
	#btn-square-tablet:active {
	  /*ボタンを押したとき*/
	  -webkit-transform: translateY(3px);
	  transform: translateY(3px);/*下に動く*/
	  border-bottom: none;/*線を消す*/
	  transition: none;/*色の変化の速さ*/
	}
	
	
/*********** フッター　[タブレット] ***********************************************************/	
	
/* フッター 2列並び順　タブレット用 */
	.calendar{
		display: flex;
		flex-direction: row; /* 右方向に横並び */
		align-items: flex-start; /* 上揃え */
		flex-wrap: wrap;
		padding-left: 0px;
		justify-content:center;
		width: 100%;
	}
	.calendar .box1 {
		align-items: flex-start;
		min-width: 500px;
		margin-top: 20px;
	}
	.calendar .box-wrap {
		display: flex;
		flex-direction: row;
		min-width: 300px;
		margin-top: 10px;
	}
	.calendar .box2 {
		flex: 1; /*大きさ均等*/
		margin-top: 20px;
		margin-right: 50px;
	}
		.calendar .box2 div {
			margin-top:-10px; 
			margin-left:25px; 
			text-align:right;
		}
		.calendar .box2 div span {
			padding:0 6px;
			background:#FFCCCC;
			color:#222222;
			text-align: right;
		}
	.calendar .box3 {
		flex: 1; /*大きさ均等*/
		margin-top: 20px;
		margin-right: 0px;
	}
		.calendar .box3 div {
			margin-top:-10px; 
			margin-left:25px; 
			text-align:right;
		}
		.calendar .box3 div span {
			padding:0 6px;
			background:#FFCCCC;
			color:#222222;
			text-align: right;
		}

	
}

/*==================================================================================================================
 *  パソコンメニュー用　画面幅1011px以上 最大1200px
 ==================================================================================================================*/

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

/************** 非表示設定　[パソコン] ********************************/
	.menu-box_pc {
		display: block;	
	}
	.menu-box_tablet{
		display: none;
	}
	.menu-box_phone {
		display: none;
	}
	/*トグルボタン非表示*/
	.headC {
	display: none;
	}
	

/************** 背景の表示設定　[パソコン] ********************************/
	#contents {
		box-sizing:border-box;
		max-width:1200px;
		font-size: 18px;  /*全体のフォントサイズ*/
	}
	#contents_inner {
		margin-left: 25px;
		margin-right: 25px;
	}
	.footer_link {
		font-size: 
	}

/************** メニュー部分設定　[パソコン] ********************************/
	
	/*headerの設定はタブレット用と共用*/
	
	header {
		/*z-index:800;*/
		width:100%;
		/* height: 35%; */
		background-color: rgba(255,255,255,0.65);
		/* background:#9b8462;
		opacity:0.80; */
		filter:alpha(opacity=80);
		-ms-filter:"alpha(opacity=80)"; 
		text-align: left;
	}

	.menu-box_pc .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1150px;
		text-align: left;
		vertical-align: middle;
		padding-top:2px;
		padding-bottom:2px;
		margin:0 auto;
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	.headA {
		display: inline-block;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 7px;
		color: rgba(122,78,57,1.00);
		font-weight: bold;
		font-size: 24px;
	}
	.headB ul{
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.headB a {
		display: block;
		padding-top: 11px;
		padding-right: 8px;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size:15px;
		text-decoration: none;
		color: black;
		list-style: none;
	}
	.headB a:hover {
		background-color: rgba(0,0,0,0.3)
	}
	
	
/*********** ボタンデザイン(上部メニュー　ご注文はこちらボタン)　[パソコン] **************************************/	
	#btn-square {
	  display: inline-block;
	  padding: 0.5em 0.7em;
	  text-decoration: none;
	  font-weight: bold;
	  background: #401802;/*ボタン色*/
	  color: #FFF;
	  border-bottom: solid 3px #170800;
	  border-radius: 50px;
	  transition: all 0.5s;/*色の変化の速さ*/
		margin-top: 2px;
	}
	#btn-square:hover {
	  background: orangered;/*ボタン色*/
	}
	#btn-square:active {
	  /*ボタンを押したとき*/
	  -webkit-transform: translateY(3px);
	  transform: translateY(3px);/*下に動く*/
	  border-bottom: none;/*線を消す*/
	  transition: none;/*色の変化の速さ*/
	}	
	
	
		
/*********** 内側 背景設定　[パソコン] ********************************************************************/	
		.caption{
			text-align: center;
		}
		#paper01 {
			/*背景色なし*/
			margin-top: 80px;
			margin-bottom: 120px;
			padding:0px;
			padding-top:70px;
		}

		#paper02 {
			/*背景色　白*/
			background-color:#fff;
			margin-bottom: 70px;
			padding: 40px;
			padding-top: 30px;
			padding-bottom: 20px;
			border-radius: 30px;/*角の丸み*/
		}

		#paper03 {
			/*背景色　黄色*/
			padding: 50px;
			padding-top: 40px;
			padding-bottom: 0px;
			margin-bottom: 20px;
			border-radius: 30px;/*角の丸み*/
		}

		#paper04 {
			/*背景色　なし*/
			margin-bottom: 50px;
			padding:2px 0px 0px 0px;
			border-radius: 30px;/*角の丸み*/
		}

		#paper05 {
			/*背景色　黄色*/
			padding: 50px;
			padding-top: 40px;
			padding-bottom: 40px;
			margin-bottom: 70px;
			border-radius: 30px;/*角の丸み*/
		}

		#paper06 {
			/*背景色　うす黄色*/
			margin-bottom: 50px;
			padding: 70px;
			padding-top: 30px;
			padding-bottom: 20px;
			margin-bottom: 80px;
			border-radius: 30px;/*角の丸み*/
		}

		#paper07 {
			/*背景色　黄色*/
			padding: 50px;
			padding-top: 40px;
			padding-bottom: 50px;
			margin-bottom: 90px;
			border-radius: 30px;/*角の丸み*/
		}
	

/*********** フッター　[パソコン] ***********************************************************/	
	
/* フッター ３列並び順　パソコン用 */
	.calendar{
		display: flex;
		flex-direction: row; /* 右方向に横並び *
		align-items: flex-start; /* 上揃え */
		flex-wrap:nowrap;
	}
	.calendar .box1 {
		align-items: flex-start;
		margin-right: 0px;
		margin-top: 10px;
		min-width: 450px;
		
	}
	.calendar .box-wrap {
		display: flex;
		flex-direction: row;
	}
	.calendar .box2 {
		margin-top: 20px;
		margin-right: 30px;
	}
		.calendar .box2 div {
			width:210px; 
			margin-top:-10px; 
			margin-left:25px; 
			text-align:right;
		}
		.calendar .box2 div span {
			padding:0 6px;
			background:#FFCCCC;
			color:#222222;
			text-align: right;
		}
	.calendar .box3 {
		margin-top: 20px;
		margin-right: 0px;
	}
		.calendar .box3 div {
			width:210px; 
			margin-top:-10px; 
			margin-left:25px; 
			text-align:right;
		}
		.calendar .box3 div span {
			padding:0 6px;
			background:#FFCCCC;
			color:#222222;
			text-align: right;
		}

	

}