@charset "UTF-8";

/* ============================================================================= */
/* --- ◆ Web Font ------------------------------------------------------------- */
/* ============================================================================= */
/*
	Google Fonts + 日本語 早期アクセス
	https://googlefonts.github.io/japanese/
*/

/* ◆ Google : Noto Sans Japanese */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");

/* ============================================================================= */
/* --- ◆ Clearfix ------------------------------------------------------------- */
/* ============================================================================= */

.cfx:after {
	content:					".";
	display:					block;
	height:						0;
	clear:						both;
	visibility:					hidden;
	line-height:				0;
}
.cfx {							display: inline-block;	}
/* Hides from IE-mac \*/
* html .cfx {					height: 1%;	}
.cfx {							display: block;	}
/* End hide from IE-mac */
/* clearfix END ------- */

/* ============================================================================= */
/* --- ◆ html / body ---------------------------------------------------------- */
/* ============================================================================= */

html {											font-size: 14px;	}
@media screen and (max-width: 680px) { html {	font-size: 13px;	}}
* {
	margin:						0;
	padding:					0;
	font-weight:				normal;
	font-size:					100%;
	line-height:				1;
}
body {
	font-family:
					/*			Avenir,
								"Helvetica Neue",Helvetica,
								"游ゴシック体","Yu Gothic",
					*/			"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
								"メイリオ","Meiryo",
								"ＭＳ Ｐゴシック","MS P Gothic",
								"Osaka",
								sans-serif;
	font-size:					100%;
	background:					#1a1a1a url("../pic/common/bk-pt01.gif") 50% 30px fixed;
	color:						#535353;
}

/* ============================================================================= */
/* --- ◆ Font / 他 ------------------------------------------------------------ */
/* ============================================================================= */

/* ◆ Google : Noto Sans Japanese */

.nsj {
	font-weight:				900;
	font-family:				"Noto Sans Japanese",
					/*			Avenir,
								"Helvetica Neue",Helvetica,
					*/			"游ゴシック体","Yu Gothic",
								"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
								"メイリオ","Meiryo",
								"ＭＳ Ｐゴシック","MS P Gothic",
								"Osaka",
								sans-serif;
}

/* ◆ Google：Rounded M+1c */

.rm1c {
	font-family:				"Rounded Mplus 1c",
					/*			Avenir,
								"Helvetica Neue",Helvetica,
					*/			"游ゴシック体","Yu Gothic",
								"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
	      						"メイリオ","Meiryo",
	      						"ＭＳ Ｐゴシック","MS P Gothic",
	      						"Osaka",
	      						sans-serif;
}

/* ◆ 明朝 */

.mincho {
	font-family:				"游明朝","Yu Mincho",YuMincho,
								"ヒラギノ明朝 ProN","Hiragino Mincho ProN",
								"ＭＳ Ｐ明朝","MS PMincho",
								serif;
}

/* ◆ Google：Noto Serif JP : 400 / 900 */

.nsfj {
	font-family:				"Noto Serif JP",
								"游明朝","Yu Mincho",YuMincho,
								"ヒラギノ明朝 ProN","Hiragino Mincho ProN",
								"ＭＳ Ｐ明朝","MS PMincho",
								serif;
}

/* --------------------------- */
/* ◆ 均等割付 */
/* --------------------------- */

.txjf {
	text-align:					justify;
	text-justify:				inter-ideograph;
}

/* --------------------------- */
/* ◆ 改行 */
/* --------------------------- */

/* 改行禁止 */

.nowrap {						white-space: nowrap;	}

/* 半角英数字列の自動改行 ※特にTable内 */

/* 数字 */

.wball {						word-break: break-all;	}

/* URL */

.bkwd {
	word-wrap:					break-word;	/* 旧名 */
	overflow-wrap:				break-word;	/* 新名 */
}

/* --------------------------- */
/* ◆ <sup>上付／<sub>下付 */
/* --------------------------- */
/*
	ex. CO2 / m2 / m3 /
 
	実体参照：m&sup2;
	実体参照：m&sup3;
	<sup>上付文字の代替HTML：ex. m<span class="suptxt">2</span>
	<sub>下付文字の代替HTML：ex. CO<span class="subtxt">2</span>
*/

/* <sup>上付代替 */

span.suptxt {
	font-weight:				inherit;
	line-height:				inherit;
	font-size:					80%;
	vertical-align:				top;
	position:					relative;
	top:						0;
}

/* <sub>下付代替 */

span.subtxt {
	font-weight:				inherit;
	line-height:				inherit;
	font-size:					80%;
	vertical-align:				baseline;
	position:					relative;
	top:						0.05em;
}

/* --------------------------- */
/* ◆ 継承 */
/* --------------------------- */

a,
span,
strong,
em {
	font-weight:				inherit;
	line-height:				inherit;
}

/* --------------------------- */
/* ◆ 括弧数字 ol */
/* --------------------------- */
/*
	n,-n の値を適宜調整する
*/

ol.list_parentheses {
	list-style-type:			none;
	margin-left:				2em;	/*  n */
}
ol.list_parentheses li{
	counter-increment:			cnt;
}
ol.list_parentheses li:before{
	content:					"(" counter(cnt) ") ";
	display:					inline-block;
	margin-left:				-2em;	/* -n */
	width:						2em;	/*  n */
}

/* --------------------------- */
/* ◆ display: inline-block */
/* --------------------------- */

.ib {							display: inline-block; }

/* --------------------------- */
/* ◆ テキスト等、色 */
/* --------------------------- */

p {
	line-height:				1.8;
}

.red {							color: #ff0000; }

/* 太字：Bold face */

.bf {							font-weight: 900; }

/* --------------------------- */
/* ◆ Display: none; */
/* --------------------------- */

.nd {							display: none; }

/* --------------------------- */
/* ◆ リンクの一時的な無効化 */
/* --------------------------- */

a.disabled {
	pointer-events:				none;
	filter:						alpha(opacity=50);	/* 半透 */
	-moz-opacity:				0.5;
	opacity:					0.5;
}

/* ============================================================================= */
/* --- ◆ table 初期化 --------------------------------------------------------- */
/* ============================================================================= */

table {
	border-collapse:			collapse;
	border-spacing:				0;
	border:						none;
}

/* ============================================================================= */
/* --- ◆ img.fig -------------------------------------------------------------- */
/* ============================================================================= */

/* ============================================================================= */
/* --- ◆ PageTop: using Icon Fonts -------------------------------------------- */
/* ============================================================================= */
/*
	</div><!-- .dbx fbx END -->
	<div id="pageTop"><a href="#"><i class="fa fa-chevron-up"></i></a></div><!-- PageTop: using Icon Fonts -->
</body>
</html>

	Icon Fontのサイズは専用のclass名をHTMLに追記して操作
	
	<i class="fa fa-chevron-up"></i>		x1
	
	<i class="fa-lg fa fa-chevron-up"></i>	x1.5
	<i class="fa-2x fa fa-chevron-up"></i>	x2
	<i class="fa-3x fa fa-chevron-up"></i>	x3
	<i class="fa-4x fa fa-chevron-up"></i>	x4
	<i class="fa-5x fa fa-chevron-up"></i>	x5
*/

#pageTop {
	position:					fixed;
	bottom:						3%;
	right:						2%;
	z-index:					50;
}
#pageTop i {					padding-top: 6px; }
#pageTop a {
	display:					block;
	width:						2.65em;
	padding:					0.3em 0 0.9em 0;
	border-radius:				5px;	/* 角丸 */
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
 	font-weight:				bold;
	text-align:					center;
	text-decoration:			none;
	filter:						alpha(opacity=75);	/* 半透 */
	-moz-opacity:				0.75;
	opacity:					0.75;
	background-color:			#937bad;
	color:						#fff;
}
#pageTop a:hover {
	text-decoration:			none;
	filter:						alpha(opacity=50);	/* 半透 */
	-moz-opacity:				0.5;
	opacity:					0.5;
}

/* ============================================================================= */
/* --- ◆ .btn ----------------------------------------------------------------- */
/* ============================================================================= */

.btn {
	padding:					1.8em 0 1.8em 0;
}
.btn a {
	display:					inline-block;
	text-decoration:			none;
	line-height:				1.25;
	letter-spacing:				0.05em;
	padding:					0.5em 1em 0.5em 1em;
	border-radius:				5px; /* 角丸 */
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	background:					#cd9701;
	color:						#fff;
}
.btn a:hover {
	filter:						alpha(opacity=75); /* 半透 */
	-moz-opacity:				0.75;
	opacity:					0.75;
}

/* フッターGoogleマップ */
.fadrs .ggmapbtn {
	padding:					0.5em 0 1em 0;
}

/* ============================================================================= */
/* --- ◆ 基本枠 --------------------------------------------------------------- */
/* ============================================================================= */
/*
	.wwrp
	 .cage
	  .hbx						: header   box
	  	.pddbx
	  .cbx						: contents box
	  	.deco1
	  	 .deco2
	  	  .pddbx				: 左右余白調整用
	  .fbx						: footer   box
	  	.pddbx
*/
.wwrp {
	padding:					10px 0;
}
@media screen and (max-width: 480px) {
	.wwrp {
		padding:				5%;
	}
}
.cage {
	width:						100%;
	max-width:					780px;
	margin:						0 auto;
	border-radius:				12px; /* 角丸 */
	-moz-border-radius:			12px;
	-webkit-border-radius:		12px;
	background:					#fff;
}

/* ============================================================================= */
/* --- ◆ .pddbx : 左右余白調整用 ---------------------------------------------- */
/* ============================================================================= */

.pddbx {
	padding:					0 5%;
}
@media screen and (max-width: 480px) {
	.pddbx {
		padding:				0 10%;
	}
}

/* ============================================================================= */
/* --- ◆ .hbx ----------------------------------------------------------------- */
/* ============================================================================= */

.hbx {}
.hbx .hig {
	border-bottom:				solid 10px #cd9701;
}
.hbx .hig img {
	display:					block;
	width:						100%;
	margin:						0 auto;
	border-radius:				12px 12px 0 0; /* 角丸 */
	-moz-border-radius:			12px 12px 0 0;
	-webkit-border-radius:		12px 12px 0 0;
}
.hbx .hig .higpc img {			max-width: 780px; }
.hbx .hig .higsp img {			max-width: 600px; }
.hbx .hig .higsp {				display: none; }
@media screen and (max-width: 480px) {
	.hbx .hig .higpc {			display: none; }
	.hbx .hig .higsp {			display: block; }
}
.hbx .hcp {
	line-height:				1.6;
	padding:					0.4em 0 5px 0;
	color:						#64428e;
}

/* ============================================================================= */
/* --- ◆ .cbx ----------------------------------------------------------------- */
/* ============================================================================= */

.cbx {
	border-bottom:				solid 10px #fff;
}
.cbx .deco1 {
	border-top:					solid 10px #d1c1e6;
	border-bottom:				solid 10px #957eac;
}
.cbx .deco2 {
	border-top:					solid 10px #957eac;
	border-bottom:				solid 10px #d1c1e6;
}

/* ============================================================================= */
/* --- ◆ .fbx ----------------------------------------------------------------- */
/* ============================================================================= */

.fbx {
	border-top:					solid 10px #cd9701;
}
.ftit {
	font-size:					110%;
	font-weight:				900;
	line-height:				1.25;
	letter-spacing:				0.05em;
	padding:					1.25em 0;
}
.fadrs {
	padding-bottom:				10px;
}
.fadrs .bxs {}
.fadrs .bx {
	float:						left;
	width:						50%;
}
.fadrs .bx1 {}
.fadrs .bx2 {}
.fadrs .bx .inwrp {}
.fadrs .bx1 .inwrp {
	border-right:				solid 1px #cd9701;
	padding:					0 6% 0 0;
}
.fadrs .bx2 .inwrp {
	padding:					0 0 0 6%;
}
.fadrs .ftel {
	line-height:				1.25;
	padding-bottom:				1em;
	color:						#cd9701;
}
.fadrs .ftel .telnum {
	font-size:					180%;
}
.fadrs .ftel .telnum a {
	color:						#cd9701;
}
.fadrs .ftel .telnum a:hover {
	color:						#dc6000;
}
.fadrs .sqtit1 {
	line-height:				1.5;
	letter-spacing:				0.25em;
}
.fadrs .sqtit1 .sq {
	color:						#cd9701;
}
.fadrs p {
	line-height:				1.5;
}
@media screen and (max-width: 480px) {
	.fadrs {
		padding-bottom:			20px;
	}
	.fadrs .bx {
		float:					none;
		width:					auto;
	}
	.fadrs .bx1 .inwrp {
		border-right:			none;
		padding:				0;
	}
	.fadrs .bx2 .inwrp {
		padding:				0;
	}
}
.fbx .bottomimg img {
	display:					block;
	width:						100%;
	max-width:					780px;
	margin:						0 auto;
	border-radius:				0 0 12px 12px; /* 角丸 */
	-moz-border-radius:			0 0 12px 12px;
	-webkit-border-radius:		0 0 12px 12px;
}

/* ============================================================================= */
/* --- ◆ index.html ----------------------------------------------------------- */
/* ============================================================================= */

/* 2021-02-15～ 新型コロナ影響下 */

.undercovid19 {
	padding-bottom:				5%;
}
.undercovid19 .logo512 {
	padding:					20px 0 0 0;
}
.undercovid19 .logo512 img {
	display:					block;
	width:						100%;
	max-width:					512px;
	margin:						0 auto;
}
.undercovid19 .maintit {
	font-size:					125%;
	font-weight:				900;
	letter-spacing:				0.025em;
	text-align:					center;
	padding:					2em 0 2em 0;
	color:						#64428e;
}
.undercovid19 p {
	font-size:					120%;
	color:						#64428e;
	width:						100%;
	max-width:					480px;
	margin:						0 auto;
}
.undercovid19 .sobauchisnap1 {
	padding-top:				5%;
}
.undercovid19 .sobauchisnap1 img {
	display:					block;
	width:						100%;
	max-width:					220px;
	margin:						0 0 0 auto;
}

/* 2023-05-23～ もつ煮広告 */

#motsuni01 {
	border-bottom:				solid 10px #957eac;
}
#motsuni01 h2 {
	border-bottom:				solid 10px #d1c1e6;
}
#motsuni01 h2 img {
	display:					block;
	width:						100%;
	max-width:					1190px;
}

/* ============================================================================= */
/* --- ◆ error.html ----------------------------------------------------------- */
/* ============================================================================= */

.errtxts {
	padding-bottom:				10%;
}
.errtxts .logo512 {
	padding:					10% 0 0 0;
}
.errtxts .logo512 img {
	display:					block;
	width:						100%;
	max-width:					200px;
	margin:						0 auto;
}
.errtxts .maintit {
	font-size:					125%;
	font-weight:				900;
	letter-spacing:				0.025em;
	text-align:					center;
	padding:					2em 0 2em 0;
	color:						#64428e;
}
.errtxts p {
	width:						100%;
	max-width:					600px;
	margin:						0 auto;
}
.errtxts .btn{
	text-align:					center;
	padding-top:				10%;
}