@charset "utf-8";
/*デフォルトのマージンと余白を削除*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,table,th,tr,td {
margin:0;	/* マージン削除 */
padding:0;	/* 余白削除 */
}
/* 画像 */
img{
	border:0;					/* 枠線をなくす*/
	display: block ;			/* 画像をブロック要素に */
	margin: 0 auto ;			/* 画像の中央揃え */
}
/* フォントデザインを決める */
body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	color: #333;
}
/* ボディ */
body {
	background-color: #FFF;		/* 背景色 */
}
/* ページボディ */
#pagebody {
	width: 760px;
	margin: 0 auto ;			/* 中央揃え */
	padding: 5px;				/* 余白 */
	border-style: solid;		/* 枠線 */
	border-width: 0 2px;		/* 枠線幅 */
	border-color: #FCF;			/* 枠線カラー */
}
/* ラッパー */
#wrapper {
	width: 760px ;				/* 横幅 */
	margin: 0 auto ;			/* 中央揃え */
	padding: 0 ;				/* 余白 */
	overflow: hidden ;			/* floatを解除 */
}

/* サイド */
#side {
	width:100px;				/* 横幅 */
	float: right;				/* フロート左 */
	margin: 0px;				/* マージン */
	padding-top: 10px;			/* 余白 */
	font-size: small;			/* フォントサイズ */
}
/* サイドリンク */
#side a {
display: block;					/* ブロックレベルでリンク */
text-decoration: none;			/* リンクの下線を消す */
}

/* サイドリスト */
#side ul li {
width: 88px;					/* 横幅 */
margin: 0  ;					/* マージン */
padding: 5px;					/* 余白 */
border: 1px #ffb366 solid;		/* 枠線 */
background-color: #fffdee;		/* 背景色 */
list-style-type: none;			/* リストマークを消す */
}
/* メインコンテンツ */
#contents {
	width: 640px;				/* 幅 */
	float: left;				/* フロート右 */
	padding: 10px;				/* 余白 */
}
/* h1 */
h1 {
	font-size: x-small;			/* フォントサイズ */
	color: #666;				/* フォントカラー */
	font-weight: normal;		/* フォントの太さ */
	padding-left: 5px;			/* 余白 */
}
/* パンくずリスト */
#crumb-list  {
	font-size: small;			/* フォントサイズ */
}
/* h2 */
h2 {
	background-color: #F60;		/* 背景色 */
	border-left: 10px solid #C00;/* 枠線 */
	font-size: x-large;			/* フォントサイズ */
	color: #FFF;				/* フォント色 */
	padding: 3px 10px 3px 10px;	/* 余白 */
	margin: 10px 0 5px 0;		/* マージン */
}
/* h2のリンクテキスト色 */
h2 a:link {
	color: #FFFFFF;				/* リンクテキストを白 */
}
/* h2のｍ訪問済みリンクテキスト色 */
h2 a:visited {
	color: #FFFFFF;				/* リンクテキストを白 */
}
/* h3 */
h3 {
	font-size: large;			/* フォントサイズ */
	color: #F06;				/* フォント色 */
	background-color: #FFDFFF;	/* 背景色 */
	padding-left: 10px;			/* 余白 */
	margin: 10px 0px 5px 0px;	/* マージン */

}
/* h4 */
h4 {
	font-size: small;			/* フォントサイズ */
	color: #F00;				/* フォント色 */
	font-weight: bold;			/* フォント太さ */
	text-decoration: none;		/* テキストデコレーション */
	padding: 0px;				/* 余白 */
	margin-top: 10px;
}
/* h5 */
h5 {
	font-size: medium;			/* フォントサイズ */
	font-weight: normal;		/* フォント太さ */
	text-align: center;			/* 中央揃え */
	margin: 3px 0 30px 0;
}

/* テーブル全体 */
table {
	margin:20px 0 10px 20px;		/* マージン */
	border-collapse: collapse;		/* ボーダーを重ねる */
	border-spacing: 0;				/* ボーダーの間隔 */
	font-size:14px;					/* フォントサイズ */	
	line-height: 1.5;				/* 行間 */	
}
/* テーブルヘッダ見出し */
table th {
   padding: 8px 15px;				/* 余白 */
	border: 1px solid #ccc;			/* ボーダー */
}
/* テーブルデータ */
table td { 
   padding: 8px 15px;				/* 余白 */
   border: 1px solid #ccc;			/* ボーダー */
}

/* フッター */
#footer {
	text-align: center;			/* 中央揃え */
	font-size: small;			/* フォントサイズ */
}
/* フッターメニュー */
#footer ul {
list-style-type: none;			/* リストマークを消す */
overflow: hidden ;				/* floatを解除する */
}
/* フッターリスト */
#footer ul li {
float: left;					/* フロート左 */
width: 10em;						/* 横幅8文字 */
margin: 0 2px 0 2px ;			/* マージン */
padding: 2px;					/* 余白 */
border: 1px #ffb366 solid;		/* 枠線 */
background-color: #fffdee;		/* 背景色 */
text-align: center;				/* 中央揃え */
}
/* フッターリンク */
#footer a {
display: block;					/* ブロックレベルでリンク */
text-decoration: none;			/* リンクの下線を消す */
}
/* フッターアドレス */
#footer address {
	font-style: normal;			/* フォントスタイル */
	font-size: small;			/* フォントサイズ */
	height: 15px;				/* 高さ */
}

/* フッター店名 */
#footer .tenmei {
	color: #F00;				/* フォントカラー */
	margin-top: 5px;			/* マージン */
}
/* フッター住所 */
#footer address {
	margin-bottom: 10px;		/* マージン */
}

/* マゼンタ色のドットライン枠 */
.main_sub1 {
	border: 2px dotted #C400C4;	/* 枠線 */
	padding: 10px 20px;			/* 余白 */
	width: 560px;				/* 幅 */
	font-size: 90%;				/* フォントサイズ */
	color: #C400C4;				/* 色？ */
	margin: 10px auto;			/* 中央揃え */
	clear: both;				/* フロートクリア？ */
}

/* 幅600ボックス */
.width600box {
	width: 600px;					/* 幅600 */
	padding-left: 10px;				/* 余白 */
	font-size: 90%;
	margin: 10px;
	border: 2px solid rgba(255,182,225,1.00);
}


/* 幅500ボックス */
.width500box {
	width: 500px;					/* 幅 */
}

/* 幅400ボックス */
.width400box {
	width: 400px;					/* 幅 */
}
/* 幅500ボックス赤 */
.width500box_red {
	width: 500px;					/* 幅 */
	margin: 10px auto 0 auto ;		/* マージン */
	padding: 20px;					/* 余白 */
	background-color: #FFECFF;		/* 背景色 */
	border: 2px solid #F6F;			/* 枠線 */
	font-size: 90%;					/* フォントサイズ */
	letter-spacing: 0.1em;			/* 文字の間隔 */
	color: #820041;					/* 色？ */
}
/* 幅500ボックスイエロー */
.width500box_yellow {
	width: 500px;					/* 幅 */
	margin: 10px auto 0 auto ;		/* マージン */
	padding: 10px;					/* 余白 */
	background-color: #FFD;			/* 背景色 */
	border: 2px solid #FC0;			/* 枠線 */
	font-size: 90%;					/* フォントサイズ */
	color: #4D3E00;					/* 色？ */
}
/* お客様の声タイトル */
.voice_title {
	color: #FFF;					/* 文字色 */
	font-weight: bold;				/* フォント太さ */
	background-color: #917400;		/* 背景色 */
	padding: 3px 0px 3px 15px;		/* 余白 */
}
/* お客様の声段落 */
.voice_p {
	border-bottom: 1px solid #666;	/* 枠線下 */
	border-left: 1px solid #666;	/* 枠線左 */
	padding: 0 0 3px 8px;			/* 余白 */
	margin: 15px 0 0 5px;			/* マージン */
}
/* コメント */
.comment {
	width: 550px;					/* 幅 */
	padding-: 5px 5px 10px 5px ;	/* 余白 */
	font-size: 90%;					/* フォントサイズ */
	letter-spacing: 0.1em;			/* 文字の間隔 */
	color: #900;					/* 色？ */
}
.catchsetumei {
	width: 500px;					/* 幅 */
	margin:3px auto 0 auto;			/* マージン */
	border: 2px solid #F3C;
	padding: 3px 5px 3px 5px ;		/* 余白 */
}
/* 幅600_黄色の囲み枠 */
.yellow_waku600 {
	width: 600px;					/* 幅 */
	border: 3px solid #FF9;			/* 枠線 */
	background-color: #FFFFEC;		/* 背景色 */
	margin: 10px auto;				/* マージン */
	padding: 10px;					/* 余白 */
}
/* フォントの大きさ90% */
.fontsize90 {
	font-size: 90%;					/* フォントサイズ */
	line-height: 140%;				/* フォント高さ */
}
/* フォントの大きさ95% */
.fontsize95 {
	font-size: 95%;					/* フォントサイズ */
	line-height: 130%;				/* フォントサイズ */
}
/* 左にフロート */
.float_left {						/* フロート左 */
	float: left;
	margin-right: 10px;				/* マージン */
}
/* 右にフロート */
.float_rigt {
	float: right;					/* フロート右 */
}
/* フロート解除 */
.float_clear {
	clear: both;					/* 両方クリア */
}
/* Q&A質問エリア */
ol.qa {
width: 600px; 						/* 幅 */
list-style-type: none;				/* リストスタイル */
}

/* Q&A質問項目の内容 */
ol.qa dl {
background: #f9f9f9 url(../_img/qa_back.gif) repeat-x top; /* リスト項目の背景 */
}

/* Q&A質問エリア */
ol.qa dt {
padding: 8px 6px 6px 35px; 				/* パディング */
background: url(../_img/q1g.gif) no-repeat 4px 10px; /* 背景 */
border: 1px #c0c0c0 solid; 				/* 枠線 */
font-weight: bold;						/* フォント太さ */
line-height: 120%;						/* 行間 */
}

/*  Q&A答えエリア  */
ol.qa dd {
padding: 11px 6px 25px 35px; 			/* パディング */
background: #ffffff url(../_img/a4.gif) no-repeat 4px 17px; /* 背景 */
line-height: 120%;						/* 行間 */
}
/*  問い合わせアイコン  */
.toiawase {
	display:none;						/* 非表示にする */
}
.small_ {
	font-size: x-small;					/* フォントサイズ */
	font-weight: normal;				/* フォント太さ */
}
.small_90 {
	font-size: 90%;						/* フォントサイズ */
	font-weight: normal;				/* フォント太さ */
}
.pink {
	color: #F0C;
	font-weight: bold;					/* フォント太さ */
}
.blue {
	font-weight: bold;					/* フォント太さ */
	color: #00F;
}
.gleen {
	font-weight: bold;					/* フォント太さ */
	color: #063;
	text-align: center;
}
.red {
	color: #F00;
	font-weight: bold;					/* フォント太さ */
}
.small_n {
	font-size: small;					/* フォントサイズ */
}
.small_90 {
	font-size: 90%;						/* フォントサイズ */
	font-weight: normal;				/* フォント太さ */
}
.strong1 {
	color: #00F;
	font-weight: bold;					/* フォント太さ */
}
.strong2 {
	font-weight: bold;					/* フォント太さ */
}
.nav-753 {
	width: 100px;
}
/* photoswipe(フォトスワイプ)のラッパー */
.my-gallery-rapper {
	overflow: hidden;
}
/* photoswipe(フォトスワイプ) */
.my-gallery figure {
	float:left;					/* フロート左 */
	width:240px;					/* 幅 */
	height:280px;				/* 高さ */
	margin:6px;				/* マージン */
}

/* スマホに適用するCSS */
@media screen and (max-width:767px)
{
/* 画像 */
img {
	width:100%;						/* 幅100％ */
	height:auto;					/* 高さオート */
}
/* ページボディ */
#pagebody {
	line-height: 200%;				/* 行間高さ */
	border:none;					/* 枠線 */
	width:96%;						/* 幅 */
}
/* h1 */
h1 {
	display:none;					/* 非表示にする */
}
/* ロゴ画像 */
#Image301 {
	width: 100% ;					/* 横幅 */
}
/* ロゴアンダー */
#head_maze_under2 {
	width: 100% ;					/* 横幅 */
}
/* ラッパー */
#wrapper {
	width: auto ;					/* 横幅をautoに指定 */
	padding: 0 10px ;				/* 左右の余白 */
}
/* サイドを非表示 */
#side {
	display: none ;					/* 非表示にする */
	float: none ;					/* floatを無効する */
}
/* メインコンテンツ */
#contents {
	width: auto ;					/* 幅 */
	float: none ;					/* floatを無効する */
}
.catchsetumei {
	padding:20px;					/* 余白 */
	width: 90%;						/* 幅 */
	font-size:20px;					/* フォントサイズ */
}
/* 幅500ボックスイエロー */
.width500box_yellow {
	width: 90%;						/* 幅 */
	font-size:20px;					/* フォントサイズ */
}
/* 幅500ボックス赤 */
.width500box_red {
	width: 90%;						/* 幅 */
	font-size:20px;					/* フォントサイズ */
}
/* 幅600_黄色の囲み枠 */
.yellow_waku600 {
	display:block;					/* 表示する */
	width: 96%;					/* 幅 */
}

/* 幅600ボックス */
.width600box {
		width:98%;				/* 幅 */
		padding-left: 10px;				/* 余白 */
	margin: 0px;
	}
	/* 幅600ボックス 段落*/
.width600box p {
font-size: 18px;

}
/* 幅600ボックス2 */
.width600box2 {
		width: 100%;				/* 幅 */
				line-height:1.5em;			/* 行間 */
}
/* メインサブ1 */
.main_sub1 {
		width: 90%;
		line-height:1.5em;			/* 行間 */
}
/* フッターリスト */
#footer ul li {
	float: none;					/* 回りこみなし */
	width: 80%;						/* 幅 */
	margin: 6px auto;				/* 中央揃え */
	padding: 10px 0 10px 20px ;		/* 余白 */
	border: 1px #ffb366 solid;		/* 枠線 */
	background-color: #fffdee;		/* 背景色 */
	text-align: left;				/* 左揃え */
	font-size: 26px;				/* フォントサイズ */
}
/* iフレームラッパー */
.iframe-wrapper {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
/* iフレーム */
iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display:block;					/* 表示する */
	margin: 0 auto ;				/* 中央揃え */
}
/* ビデオ */
video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display:block;					/* 表示する */
	margin: 0 auto ;				/* 中央揃え */
}
/* Q&A質問エリア */
ol.qa {
width: 100%; 							/* 幅 */
}
/*  問い合わせアイコン  */
.toiawase {
	display:block;					/* 表示する */
	width:80%;						/* 幅 */
	height:auto;					/* 高さ */
	margin: 0 auto;					/* 中央揃え */
}
/* コピーライト */
#copyright {
	width:100%;						/* 幅 */
}
}