﻿@charset "utf-8";
/* kikuya-shop詳細案内 */

html *	{
	box-sizing: border-box;
}
body  {
	margin: 0 auto;
	background-color: #ffffff;
}

/********** メインコンテナ **********/
.k-main-container	{
	max-width: 900px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}
/*********** メイン店画像 **********/
.k-shopimg	{
	max-width: 900px;
	background: #ffffff;
	margin: 0;
	padding: 0 5px 0px 5px;
}
.k-shopimg	img	{
	border: 1px solid #ffffff;
}
.k-shopimg	p	{
	margin: 5px 0px 0 0;
	padding: 0;
}
/*　画像左詰め　*/
.kg_left	{
	float: left;
	margin: 5px 20px 0 15px;
}
/*　画像右詰め　*/
.kg_right	{
	float: right;
	margin: 5px 15px 0 5px;
}
/*********** 表題色付き（枠なし） *********/
div#kbr-box-non	{
	max-width: 894px;
	background-color: #ffffff;
	margin: 5px 14px 5px 14px;
	padding: 0;
}
div#kbr-box-non	h1	{
	font-size: 18px;
	color: #ffffff;
	line-height: 23px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 2px;
	margin:  1px 30px 0 0;
	padding: 0;
}
div#kbr-box-non	h2	{
	font-size: 18px;
	color: #000000;
	line-height: 23px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 2px;
	margin:  1px 30px 0 0;
	padding: 0;
}
div#kbr-box-non	h5	{
	font-size: 12px;
	font-weight: 400;
	color: #444444;
	line-height: 24px;
	text-align: right;
	text-indent: 0px;
	font-weight: nomal;
	margin:  -5px 30px 0 0;
	padding: 0;
}
/* 表題色－薄青heder */
.c001	{
	background-image: url(../button/bt017_block45-21.jpg);
	background-repeat: repeat-x;
	border-radius: 8px 8px 0px 0px;
}
/* 表題色－薄赤heder */
.c002	{
	background-image: url(../button/bt006_block45-21.jpg);
	background-repeat: repeat-x;
	border-radius: 8px 8px 0px 0px;
}
/* 表題色－エルマー風表題 */
.c010	{
	background-image: url(../button/gallerytop-banner002.png);
	background-repeat: repeat-x;
	border-radius: 8px 8px 0px 0px;
}
/************ 表題見出し（枠あり）**********/
div#kbr-box	{
	max-width: 894px;
	margin: 0px auto 0px auto;
	padding: 10px 5px 10px 5px;
}
div#kbr-box	h1	{
	font-size: 18px;
	color: #333333;
	line-height: 23px;
	text-align: center;
	font-weight: 500;
	letter-spacing: 2px;
	margin: 2px 14px 5px 14px;
	padding: 0;
}
div#kbr-box	h2	{
	font-size: 14px;
	font-weight: 400;
	color: #444444;
	line-height: 18px;
	text-align: right;
	margin:  -15px 30px 0 0;
	padding: 0;
}

/*---------- Box色 ---------*/

/* 青 */
.k-box-c16	{
	background-image: url(../button/bt016h_block45-18.jpg);
	background-repeat: repeat-x;
	background-color: #e7f1fd;
	border-radius: 8px 8px 8px 8px;
	margin: 0px auto 0px auto;
	padding: 0 0 10px 0;
}
/* 緑 */
.k-box-c07	{
	background-image: url(../button/bt007h_block45-18.jpg);
	background-repeat: repeat-x;
	background-color: #e1f7ed;
	border-radius: 8px 8px 8px 8px;
	margin: 0px auto 0px auto;
	padding: 0 0 10px 0;
}
/* 紫 */
.k-box-c04	{
	background-image: url(../button/bt004h_block45-18.jpg);
	background-repeat: repeat-x;
	background-color: #e9dffb;
	border-radius: 8px 8px 8px 8px;
	margin: 0px auto 0px auto;
	padding: 0 0 10px 0;
}
/* 黄 */
.k-box-c15	{
	background-image: url(../button/bt015h_block45-18.jpg);
	background-repeat: repeat-x;
	background-color: #fef9ea;
	border-radius: 8px 8px 8px 8px;
	margin: 0px auto 0px auto;
	padding: 0 0 10px 0;
}
/* グレー */
.k-box-c08	{
	background-image: url(../button/bt008h_block45-18.jpg);
	background-repeat: repeat-x;
	background-color: #f4f8f0;
	border-radius: 8px 8px 8px 8px;
	margin: 0px auto 0px auto;
	padding: 0 0 10px 0;
}

/*** リストマーク各種  ***/
ul#im-icn16 {
	margin: 10px 10px 0px 10px;
	padding: 7px 0 0 10px;
}
ul#im-icn16 li	{
	font-size: 16px;
	color: #444444;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 22px;
	list-style: none;
	margin: 3px 5px 3px 0;
	padding: 0;
}

/* ◎）青 */
ul#im-icn16 li#bl {
	background: url(../button/image-wcr-b.png)no-repeat;
	padding: 0px 0px 5px 30px;
}
/* ◎）緑 */
ul#im-icn16 li#gr {
	background: url(../button/image-wcr-g.png)no-repeat;
	padding: 0px 0px 5px 30px;
}
/* TEL）青 */
ul#im-icn16 li#tel {
	background: url(../button/image-tel-b.png)no-repeat;
	padding: 0px 0px 5px 30px;
}
/* 営）青 */
ul#im-icn16 li#time {
	background: url(../button/image-time-b.png)no-repeat;
	padding: 0px 0px 5px 30px;
}
/* 店）青 */
ul#im-icn16 li#shop {
	background: url(../button/image-shop-b.png)no-repeat;
	padding: 0px 0px 5px 30px;
}
/* 車）緑 */
ul#im-icn16 li#car {
	background: url(../button/image-car-g.png)no-repeat;
	padding: 0px 0px 5px 30px;
}
/* 〒）赤 */
ul#im-icn16 li#re {
	background: url(../button/image-zip-r.png)no-repeat;
	padding: 0px 0px 5px 30px;
}
/* *）赤 */
ul#im-icn16 li#asta-r {
	background: url(../button/listmark_30_re.png)no-repeat;
	margin: 0 0 0 25px;
	padding: 0px 0px 2px 30px;
}
/* *）黒 */
ul#im-icn16 li#asta-bk {
	background: url(../button/listmark_30_bk.png)no-repeat;
	margin: 0 0 0 25px;
	padding: 0px 0px 2px 30px;
}
/* *）青 */
ul#im-icn16 li#asta-b {
	background: url(../button/listmark_30_b.png)no-repeat;
	margin: 0 0 0 25px;
	padding: 0px 0px 2px 30px;
}
/*  その他クレジットカード用 →）青 */
ul#im-icn16 li#delta-b {
	background: url(../button/listmark_1_b.png)no-repeat;
	margin: 5px 0 0 50px;
	padding: 0px 0px 2px 30px;
}

/**********　フェアー案内コンテナー ***********/
/**********　フェアー案内コンテナー ***********/
ul#k-comphoto	{
	max-width: 894px;
	margin: 0 0 0 0;
	padding: 0;
}
ul#k-comphoto li	{
	float: left;
	display: inline-block;
	list-style: none;
}

.k-list-end	{
	clear: both;
}

/**********　□□□ 横_3列 *************/
ul#k-comphoto	li#ph31	{
	position: relative;
	width: 275px;
	height: 360px;
	overflow: hidden;
	list-style: none;
	background-color: #ffffff;
	border: 0px dotted #999999;
	border-radius: 8px;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.2);
	padding: 0px;
	margin: 15px 0 0 15px;
}
/*** PR画像 ***/
ul#k-comphoto	li#ph31	img {
	width: 275px;
	border: 0;
	margin: 0;
	padding: 0;
}
/*** 画像mask ***/
ul#k-comphoto	li#ph31	a	{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 275px;
	height:360px;
	text-align: center;
	text-decoration: none;
	background-image: url(../button/plate100-360_half_clear.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
ul#k-comphoto	li#ph31	a:hover	{
	color: #ff0000;
	text-decoration: underline;
	opacity: 1.0;
}
/***** タイトル文字 *****/
.p-main	{
	font-size: 16px;
	color: #0072f0;
	text-align: center;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
	margin: 245px 10px 0px 10px;
}
.p-sub  {
	font-size: 14px;
	color: #222222;
	line-height: 18px;
	text-align: center;
	font-weight: 400;
	text-decoration: none;
	margin: 5px 10px 0px 10px;
}
/*********** □ 横_1列  ***********/

ul#k-comphoto	li#ph11	{
	overflow: hidden;
	display: block;
	width: 96.5%;
	max-height: 360px;
	list-style: none;
	background: #ffffff;
	border: 0px dotted #aaaaaa;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.2);
	border-radius: 8px 8px 8px 0;
	padding: 0px;
	margin: 15px 0 0 15px;
}
ul#k-comphoto	li#ph11	a	{
	text-decoration: none;
}
ul#k-comphoto	li#ph11	a:visited	{
	color: #0072f0;
}
ul#k-comphoto	li#ph11	a:hover	{
	color: #ff0000;
	text-decoration: underline;
}
ul#k-comphoto	li#ph11	img	{
	float: left;
	width: 60%;
	font-size: 0;
	margin: 0;
	padding: 0;
}
ul#k-comphoto	li#ph11	p	{
	font-size: 18px;
	color: #0072f0;
	line-height: 22px;
	font-weight: 600;
	margin: 15px 20px 0 15px;
	padding: 0;
}

/**********　□□ 900-450_2列 使わない*************/
ul#k-comphoto	li#ph22	{
	position: relative;
	width: 428px;
	height: 530px;
	overflow: hidden;
	list-style: none;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 8px;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.2);
	padding: 0px;
	margin: 14px 0 0 14px;
}
/*** PR画像 ***/
ul#k-comphoto	li#ph22	img {
	width: 428px;
	border: 0;
	margin: 0;
	padding: 0;
}
/*** 画像mask ***/
ul#k-comphoto	li#ph22	a	{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 428px;
	height:560px;
	text-align: center;
	text-decoration: none;
	background-image: url(../button/plate100-570_half_clear.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
ul#k-comphoto	li#ph22	a:hover	{
	color: #ff0000;
	text-decoration: underline;
	opacity: 1.0;
}

/******* 250-3列クレジットカードBox □□□********/
/*** 画像エリア設定  ***/
ul#k-cmphoto	{
	max-width: 880px;
	padding: 0; 
	margin: 0 0 0 5px;
}
ul#k-cmphoto li#b31	{
	float: left;
	width: 275px;
	height: #;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	display: inline-block;
	list-style: none;
	border: 1px solid #aaaaaa;
	border-radius: 7px 7px 4px 4px;
	padding: 3px;
	margin: 5px;
}

.home-end	{
	clear: both;
}
/***************　文字　***************/
.p12-g-signboard	{
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	text-align: center;
	background-color: #ffffe1;
	border-radius: 15px;
	padding: 3px 15px 3px 15px;
	margin: 5px 5px 0px 5px;
}
/************** グレー文字 *************/
.p14-g  {
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
.p12-g  {
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
.p10-g {
	font-size: 10px;
	color: #666666;
	line-height: 15px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
/************* 蛍光ペン文字 ***********/
/* 12pxグレー蛍光ペン緑*/
.p-g-mgr {
	display: inline-block;
	background-color: #00ff00;
	padding: 2px 5px;
}
/* 12pxグレー蛍光ペン黄色*/
.p-g-mye  {
	display: inline-block;
	background-color: #faff51;
	padding: 2px 5px;
}
/* 12pxグレー蛍光ペン赤色*/
.p-g-mre  {
	display: inline-block;
	background-color: #ff00ff;
	padding: 2px 5px;
}

/*************** 黒文字 **************/

.p16-k {
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
.p12-k {
	font-size: 12px;
	color: #000000;
	line-height: 17px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
.p10-k {
	font-size: 10px;
	color: #000000;
	line-height: 15px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
/*************** 青文字 **************/
.p16-bl {
	font-size: 16px;
	color: #1f6bff;
	line-height: 22px;
	text-align: left;
	text-indent: 10px;
	margin: 10px 10px 10px 10px;
}
.p14-bl {
	font-size: 14px;
	color: #1f6bff;
	line-height: 22px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
.p12-bl {
	font-size: 12px;
	color: #1f6bff;
	line-height: 17px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
.p10-bl {
	font-size: 10px;
	color: #1f6bff;
	line-height: 15px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
/*------　スペース　-------*/
.space05 {
	width: 160px;
	height: 5px;
	border-style: none;
	margin: 0px;
}
.space07 {
	width: 160px;
	height: 7px;
	border-style: none;
	margin: 0px;	
}
hr {
	border: none;
	height: 2px;
	background: linear-gradient(90deg,rgba(40,54,252,0.1)0%,rgba(40,54,252,1)50%,rgba(40,54,252,0.1)100%);
}
/*************** フッター **********************/
div#shop-footer	{
	font-size:  12px;
	color: #ffffff;
	text-align: center;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

/* 青 */
.foot-01	{
	background-color:#0072f0;
}
/* 空 */
.foot-02	{
	background-color:#51bee2;
}
/* 緑 */
.foot-03	{
	background-color:#008000;
}
/* 黄緑 */
.foot-04	{
	background-color:#99cc00;
}
/* オレンジ */
.foot-05	{
	background-color:#fa9300;
}
/* ワイン */
.foot-06	{
	background-color:#bc385d;
}
/* 薄茶 */
.foot-07	{
	background-color:#90551c;
}
/* 茶 */
.foot-08	{
	background-color:#a66d38;
}

