@charset "utf-8";

*, *:before, *:after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
 }


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#211000;
font-size:80%;
font-family: "游ゴシック", YuGothic,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight: 500;
line-height:1.0em;
-webkit-text-size-adjust: none;
}

/* 基本タグ設定
------------------------------------------------------------*/
h2{
	font-size: 160%;
	line-height: 1.5em;
	text-align: center;
}
h2.eng{
	font-family: Helvetica,Arial, "游ゴシック", YuGothic,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 200%;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 15px;
}
p.h2Sub{	/* h2のサブタイトル */
	text-align: center;
	font-size: 112%;
	letter-spacing: 0.05em;
}

h3{
	font-size: 160%;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 20px;
}
h3.eng{
	font-family: Helvetica,Arial, "游ゴシック", YuGothic,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 300%;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 20px;
}
p.h3Sub{	/* h3のサブタイトル */
	text-align: center;
	font-size: 110%;
	letter-spacing: 0.05em;
}

h4{
	font-weight: bold;
	font-size: 124%;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}

strong{
	font-weight: bold;
}

p{
	line-height: 1.5em;
}

ul li{
	line-height: 1.5em;
}
ol li{
	list-style-position: inside;
	line-height: 1.5em;
}

/* 画像の隙間対策 */
img{
	vertical-align: bottom;
	border:0;
	max-width: 100%;
}


/* リンク設定
------------------------------------------------------------*/
a{
	color:#211000;
	text-decoration:none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a:hover{
	color: #6d6d6d;
	text-decoration: underline;
}
a:hover img,
a.btn:hover{
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration:none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a:active, a:focus {outline:0;}




/* フォームパーツ
------------------------------------------------------------*/

/* selectのCSS初期化（Yosemite対応） */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,select,textbox,button{
font-family: "游ゴシック", YuGothic,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.0em;
}
textarea{
font-family: "游ゴシック", YuGothic,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5em;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select,
select option{
	border: solid 1px #d7d7d7;
	background: #f2f2f2;
	padding: 7px 10px;
	font-size: 14px;
	border-radius: 50px 50px;
}

input[type="radio"],
input[type="checkbox"]{
	width: 18px;
	height: 18px;
}

input[type="radio"]{
	vertical-align: middle;
	margin-right: 5px;
}
input[type="checkbox"]{
	vertical-align: baseline;
	border: solid 1px #888888;
}

input[type="reset"],
input[type="button"]{
	border: solid 1px #211000;
	background: #211000;
	padding: 2px 30px;
	font-size: 14px;
	border-radius: 50px 50px;
	line-height: 1.2em;
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #ffffff;
}
input[type="submit"]{
	border: solid 1px #211000;
	background: #ffffff;
	padding: 2px 30px;
	font-size: 14px;
	border-radius: 50px 50px;
	line-height: 1.2em;
	-webkit-transition: all .3s;
	transition: all .3s;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{
	background: #ffffff;
}

input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}

select{
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_down.png) no-repeat 97% center;
    padding-right: 30px;
	border-radius: 10px 10px;
}
textarea{
	border-radius: 10px 10px;
}


/* レイアウト
------------------------------------------------------------*/

/*************
/* ヘッダー
*************/
#header{
	position: relative;
	width: 100%;
	background: #ffffff;
}
#header .inner{
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	/*padding-bottom: 24px;*/
}

#header .inner h1{
	text-align: center;
	margin-bottom: 50px;
}
#header .inner h1 img{
	height: 50px;
}


/*** メインナビ ***/

nav#mainNav{
	letter-spacing: normal;
}
nav#mainNav.inner{
	position: relative;
}

nav#mainNav ul{
	text-align: center;
}

nav#mainNav ul li{
	display: inline-block;
	text-align: center;
	padding: 10px 30px;
/*
	position: relative;
*/
	font-size: 142%;
	cursor: pointer;
}
nav#mainNav ul li:hover{
	color: #6d6d6d;
}
nav#mainNav ul li.navProduct:after{
	content: url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_down.png);
	padding-left: 15px;
}

	/* 「商品一覧」クリックで表示 */
	nav#mainNav ul div.mainNavChild{
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		/*top: 214px;*/
		z-index: 100;
		background: #ffffff;
		border-top: 1px solid #e5e3d8;
		border-bottom: 1px solid #e5e3d8;
		cursor: default;
	}
	nav#mainNav ul div.mainNavChild div.container{
		position: relative;
		padding: 18px 0;
		width: 96%;
		max-width: 1052px;
		margin-left: auto;
		margin-right: auto;
	}
	nav#mainNav ul div.mainNavChild div.container dl{
		width: 20%;
		max-width: 212px;
		float: left;
		margin-right: 3%;
	}
	nav#mainNav ul div.mainNavChild div.container dl dt{
		background-image: url(https://www.kissora.jp/shop/item/kissora/design/img01/border_rough.png) , url(https://www.kissora.jp/shop/item/kissora/design/img01/border_rough.png);
		background-repeat: repeat-x , repeat-x;
		background-position: center top , center bottom;
		font-size: 112%;
		letter-spacing: 0.05em;
		padding: 15px 0;
		margin-bottom: 20px;
	}
	nav#mainNav ul div.mainNavChild div.container dl dd ul li{
		display: block;
		font-size: 112%;
		text-align: left;
		padding: 0 20px;
		margin-bottom: 10px;
	}
	nav#mainNav ul div.mainNavChild div.container .drawerProductImg{
		float: right;
		width: 30%;
	}
	nav#mainNav ul li form input[type="submit"]{
		border: none;
		padding: 0;
		background-color: transparent;
		cursor: pointer;
		font-size: 100%;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	
/*** ヘッダー下ナビ ***/

nav#headerbmNav{
	letter-spacing: normal;
	background: #f2f2f2;
}

nav#headerbmNav ul{
	text-align: center;
}

nav#headerbmNav ul li{
	display: inline-block;
	text-align: center;
	padding: 10px 30px;
/*
	position: relative;
*/
	font-size: 12px;
	cursor: pointer;
	line-height: 32px;
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/menu_bdr.png) right 50% no-repeat;
}
nav#mainNav ul li:hover{
	color: #6d6d6d;
}


nav#headerbmNav ul li img{
   float:left;
   margin-right:8px;
}

nav#headerbmNav ul li span{
   padding:15px 0px 15px 0px;
}



div.navTools{
	position: absolute;
	right: 2%;
	top: 0;
}
div.navTools ul{
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
}
div.navTools ul li{
	display: inline-block;
	margin-left: 25px;
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_or_next.png) no-repeat left center;
	padding-left: 10px;
	font-size: 92%;
}
div.navTools ul li.navFavorite{
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_or_star.png) no-repeat left center;
	padding-left: 13px;
}
div.navTools div.buttons{
	clear: both;
	text-align: right;
}
div.navTools div.buttons a img{
	vertical-align: middle;
	margin-left: 5px;
}
div.navTools div.buttons a.toolLink{
	margin-left: 10px;
}
#myPageButton, #logoutButton, #loginButton, #sp-logoutButton, #sp-loginButton { display: none; }


/* スマホ・タブレット専用ヘッダーパーツ（PCは非表示） */
#header .inner div.spMenuSet{
	display: none;
}
/* スマホ・タブレット専用ドロアーメニュー（PCは非表示） */
div.drawerWrapper{
	display: none;
}


/*** スクロールしたら再出現するヘッダー
#header.floatHeader{
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;
	z-index: 1000;
}
 ***/



/****************
/* 下層ページ共通
****************/

/** パンくずリスト **/
div.breadcrumb{
	padding-top: 25px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 124%;
	letter-spacing: 0.05em;
}
div.breadcrumb ul{
	padding-left: 2%;
}
div.breadcrumb ul li{
	display: inline;
}

#slide_contents_area .container{
	font-size: 124%;
}

/** コンテンツタイトル **/
#slide_titleArea{
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/h2_backLine.gif) repeat-x left center;
	margin-bottom: 50px;
}
#slide_titleArea h2{
	margin: 0 auto;
	padding: 0 30px 15px;
	width: 50%;
	background: #ffffff;
}
#slide_titleArea p.h2Sub{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	padding: 0 30px;
}

/** メインイメージ **/

#slide_contentsMainImg{
	position: relative;
}
#slide_contentsMainImg .container{
	padding: 0;
	min-height: 430px;
}
#slide_contentsMainImg h3{
	position: absolute;
	top: 40%;
	margin-top: -0.5em;
	width: 100%;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-size: 200%;
}

/** 配送設定 **/

#slide_haisou{
	padding: 30px 0;
	text-align: center;
	margin: 0 auto;
	width: 1200px;
}




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

/*** footerInfoエリア ***/

#slide_footerInfo ul.blc_photo3 li{
	border: none;
}
#slide_footerInfo ul.blc_photo3 li div.footInfoInner{
	border: 1px solid #000000;
	text-align: center;
	padding: 30px;
}
#slide_footerInfo ul.blc_photo3 li div.footInfoInner h4{
	margin-bottom: 15px;
	font-size: 150%;
}
#slide_footerInfo ul.blc_photo3 li div.footInfoInner p.exp{
	margin-bottom: 20px;
}
#slide_footerInfo ul.blc_photo3 li div.footInfoInner div.btnContainer a{
	font-size: 112%;
	font-weight: normal;
	padding: 8px 50px;
}


/*** フッター本体 ***/

#footer{
	position: relative;
	clear:both;
	background:#f7f7f7;
}
#footer .container{
	position: relative;
	padding: 50px 0;
	width: 96%;
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
}

* html #footer{height:1%;}


#footer img.footLogo{
	float: left;
	margin-right: 60px;
	width: 79px;
	height: 67px;
}

#footer div.footerSitemap{
	margin-right: 60px;
	margin-bottom: 30px;
	float: left;
}
#footer div.footerSitemap:last-of-type{
	margin-right: 0;
}

#footer div.footerSitemap h4{
	font-family: Helvetica,Arial, "游ゴシック", YuGothic,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	margin-bottom: 5px;
}
#footer div.footerSitemap ul li{
	padding-top: 2.5px;
	padding-bottom: 2.5px;
}

#footer ul.footerSubLinks-sp{
	display: none;
}
#footer address{
	position: relative;
	clear:both;
	font-size: 92%;
	line-height: 1.3em;
	font-weight: bold;
}


/** PAGE TOPボタン **/
a.pageTop{
	position: fixed;
	right: 20px;
	bottom: 60px;
	z-index: 1000;
}


/* table要素基本 */
table.tbl_listInfo{
	border: solid 1px #333333;
	border-collapse: collapse;
	table-layout:fixed;
	width: 100%;
	line-height: 1.5em;
}
table.tbl_listInfo th{
	background: #666666;
	color: #ffffff;
	padding: 5px;
}
table.tbl_listInfo td,
table.tbl_listInfo th{
	padding: 5px;
	vertical-align: middle;
	word-wrap: break-word;
	border: solid 1px #333333;
}
table.tbl_listInfo td{
	background: #ffffff;
}

table.tbl_listInfo td img.inListImage{
	width: 90%;
	height: auto;
}
table.tbl_listInfo tr.kugiriLine td{
	border-top: solid 1px #cfc2b5;
}

/* tableの行　交互に色を変えたい場合 */
.zebra tr:nth-child(even) td{
	background: #f6f6f6;
}





/* 汎用パーツ
------------------------------------------------------------*/

/* スライド基本 */
.slide{
	position: relative;
}

.slide .container{
	position: relative;
	padding: 50px 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1800px;
}


/* 太字サブタイトル */
.honbun_subTitle{
	text-align: center;
	font-weight: bold;
	font-size: 122%;  /* renders 16px */
}
/* レスポンシブ本文（PCは中央寄せ、スマホは左寄せ） */
.honbun_resp{
	text-align: center;
}

/* コラムなど長文用（段落で空ける） */
div.column p{
	margin-bottom: 1.5em;
	line-height: 2.0em;
}
div.column p:last-child{
	margin-bottom: 0;
}

/* 要素に影付け */
.dropShadow{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 3px;
}

/* 横幅大きいblock要素に入れる要素を中央置き */
.centering{
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.centering_wide{
	display: block;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

/* ご注意系赤背景 */
.txt_caution{
	background: #FFE6E6;
	padding: 1px 1px;
}

/* ご注意系フレーム */
.attention_frame{
	border: dotted 1px #aaaaaa;
	padding: 10px;
	background: #ffffff;
	line-height: 1.5em;
	background: #fdebd2;
}
div.attention_frame dt{
	font-weight: bold;
	margin-bottom: 5px;
}
div.attention_frame dd ul{
	margin-bottom: 10px;
}
div.attention_frame dd:last-child ul{
	margin-bottom: 0;
}
div.attention_frame dd ul li{
	text-indent: -1em;
	padding-left: 1em;
}


/* リンク系 */
.link_caution{
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_caution.png) no-repeat left 2px;
	padding-left: 20px;
}
.link_caution_bg{/* 赤背景付caution */
	background: #FFE6E6 url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_caution.png) no-repeat 3px 2px;
	padding-left: 23px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.link_pdf{
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_file_pdf.png) no-repeat left top;
	padding-left: 18px;
}
.link_zoom{
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_zoom.png) no-repeat left top;
	padding-left: 18px;
}
.link_blank{
	background:url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_opwin.png) no-repeat left top;
	padding-left: 15px;
}


/*** ボタン各種 ***/

	/* シンプル長方形ボタン */
	a.btn_simple{
		display: inline-block;
		color: #ffffff;
		font-size: 167%;
		font-weight: bold;
		border: 1px solid #ffffff;
		background: #bfbfbf url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_next_wh.png) no-repeat 90% center;
		padding: 15px 30px;
		line-height: 1.2em;
		letter-spacing: 0.1em;
	}
	
	/* 角丸ボタン */
	a.btn_kadomaru_lgr{
		border: solid 1px #d7d7d7;
		background: #f2f2f2;
		padding: 2px 30px;
		font-size: 14px;
		border-radius: 50px 50px;
		line-height: 1.2em;
	}
	a.btn_kadomaru_or{
		border: solid 1px #c84e17;
		background: #c84e17;
		padding: 2px 30px;
		font-size: 14px;
		border-radius: 50px 50px;
		color: #ffffff;
		line-height: 1.2em;
	}

/*** //ボタン各種 ***/


/* アイコン風テキスト */
.ic_sqGreen{
	background: #71b200;
	padding: 1px 2px;
	color: #ffffff;
	font-size: 68%;
	white-space: nowrap;
}
.ic_sqOrange{
	background: #ea5520;
	padding: 1px 2px;
	color: #ffffff;
	font-size: 68%;
	white-space: nowrap;
}
.ic_sqLBlue{
	background: #00bbf1;
	padding: 1px 2px;
	color: #ffffff;
	font-size: 68%;
	white-space: nowrap;
}
.ic_sqRed{
	background: #cd0000;
	padding: 1px 2px;
	color: #ffffff;
	font-size: 68%;
	white-space: nowrap;
}
.ic_sqPink{
	background: #e95283;
	padding: 1px 2px;
	color: #ffffff;
	font-size: 68%;
	white-space: nowrap;
}


/* 実線区切り線 */
.solidLine{
	height: 1px;
	border-bottom: solid 1px #555555;
}

/* ドット区切り線 */
.dotLine{
	height: 1px;
	border-bottom: dotted 1px #555555;
}

/* 区切りスペース行 */
.spaceLine{
	height: 1px;
}


/* ドット枠 */
.dotFrame{
	border: dotted 1px #ceb8a3;
	padding: 10px;
	background: #ffffff;
}
.dotFrame_mini{
	border: dotted 1px #ceb8a3;
	padding: 7px;
	background: #ffffff;
}
/* 横並びli群（1枚） */

ul.blc_photo1{
	width: 100%;
}
ul.blc_photo1 li{
	padding: 18px;
	text-align:center;
}
ul.blc_photo1 li:nth-child(odd){
	clear: both;
	border-right: 1px solid #e5e3d8;
}
/* ライン無しver */
ul.blc_photo1.noborder li:nth-child(odd){
	border-right: none;
}
/* 左右リバースver（スマホ表示では上下を固定したいとき） */
ul.blc_photo1.reverse li:first-child{
	float: right;
}
ul.blc_photo1.reverse li:last-child{
	float: left;
}



/* 横並びli群（2枚） */

ul.blc_photo2{
	width: 100%;
}
ul.blc_photo2 li{
	float: left;
	width: 50%;
	padding: 18px;
}
ul.blc_photo2 li:nth-child(odd){
	clear: both;
	border-right: 1px solid #e5e3d8;
}
/* ライン無しver */
ul.blc_photo2.noborder li:nth-child(odd){
	border-right: none;
}
/* 左右リバースver（スマホ表示では上下を固定したいとき） */
ul.blc_photo2.reverse li:first-child{
	float: right;
}
ul.blc_photo2.reverse li:last-child{
	float: left;
}





/* 横並びli群（3枚） */

ul.blc_photo3{
	width: 100%;
}
ul.blc_photo3 li{
	float: left;
	width : 33.33%;
	padding: 18px;
}
ul.blc_photo3 li:nth-of-type(3n+2){
	border-right: 1px solid #e5e3d8;
	border-left: 1px solid #e5e3d8;
}
ul.blc_photo3 li:nth-child(3n+1){
	clear: both;
}


/* 横並びli群（2枚／2：1） */

ul.blc_photo2-1{
	width: 100%;
}
ul.blc_photo2-1 li{
	float: left;
	padding: 18px;
}
ul.blc_photo2-1 li:nth-child(odd){
	clear: both;
	width : 66.66%;
	border-right: 1px solid #e5e3d8;
}
ul.blc_photo2-1 li:nth-child(even){
	width : 33.33%;
}



/* colorboxのキャプチャimageに枠線 */
#cboxLoadedContent{
	border: solid 1px #ceb8a3;
}


/* サムネにマウスオンエフェクト */
.eff_view {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.eff_view .eff_mask, .eff_view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.eff_view img {
    display: block;
    position: relative;
}
.eff_view p {
    color: #fff;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 0.2em;
    text-align: center;
    position: relative;
    padding: 10px;
    margin: 30% 0 0 0;
}
.eff_view-first img {
    transition: all 0.2s linear;
}
.eff_view-first .eff_mask {
    opacity: 0;
    background-color: rgba(0,0,0, 0.3);
    transition: all 0.4s ease-in-out;
}
.eff_view-first p {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.eff_view-first:hover img {
    transform: scale(1.1);
}
.eff_view-first:hover .eff_mask {
    opacity: 1;
}
.eff_view-first:hover p {
    opacity: 1;
    transform: translateY(0px);
}
.eff_view-first:hover p {
    transition-delay: 0.1s;
}


/* jQuery
------------------------------------------------------------*/

/** 可視範囲に入ってからフェードインのエフェクトCSS側設定 **/
.fadeEffect .fadeItem{
	opacity: 0;
	transition: .8s;
}
.fadeEffect .fadeItem_delay{
	opacity: 0;
	transition: .8s;
	transition-delay: .8s;
}



/* 部分的にスマホだけ表示 */
.only_tb{
	display: none	!important;
}
.only_sp{
	display: none	!important;
}
/* 部分的にスマホとタブレットだけ表示 */
.only_sptb{
	display: none	!important;
}
/* 部分的にPCとタブレットだけ表示 */
.only_pctb{
	display: block	!important;
}
/* 部分的にPCとスマホだけ表示 */
.only_pcsp{
	display: block	!important;
}



/*****************************************/
/*				 Tablet					 */
/*****************************************/

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


/* 基本タグ設定
------------------------------------------------------------*/
h3.eng{
	margin-bottom: 10px;
	font-size: 200%;
}

/* リンク設定
------------------------------------------------------------*/
a{
	font-size: 100%;
}

/* フォーム
------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select{
	font-size: 18px;
}
input[type="radio"],
input[type="checkbox"]{
	width: 18px;
	height: 18px;
}
input[type="submit"],
input[type="reset"],
input[type="button"]{
	font-size: 18px;
}
input[type="button"].submit{
	font-size: 18px;
}

/* レイアウト
------------------------------------------------------------*/

/*************
/* ヘッダー
*************/
#header .inner{
	width: 96%;
	padding-top: 12px;
	padding-bottom: 13px;
}
#header .inner h1{
	margin-bottom: 0;
}
#header .inner h1 img{
	position: relative;
	z-index: 1;
}

	



/*************
/* ナビ
*************/

/*** メインナビ ***/

nav#mainNav{	/* PC用メインメニューは非表示に */
	display: none;
}
div.navTools{	/* PC用左上サブメニューも非表示に */
	display: none;
}

/* スマホ・タブレット専用ドロアーメニュー */

#header .inner div.spMenuSet{
	position: absolute;
	display: block;
	top: 18px;
	width: 100%;
}

/* ドロアーメニューを開くアイコン */
.menu-trigger{
	cursor: pointer;
	float: left;
	width: 30px;
}
.ic_spCart{
	float: right;
	margin-left: 2%;
	width: 30px;
}
.ic_spSearch{
	float: right;
	width: 30px;
}
/* ヘッダー内の開閉検索窓 */
form.pop_spSearch{
	display: none;
	position: absolute;
	top: 45px;
	right: 0;
	z-index: 999;
	max-width: 100%;
	text-align: right;
}
form.pop_spSearch input[type="text"]{
	width: 50%;
}


/* ドロアーメニュー内 */
div.drawerWrapper{
	display: block;
	width: auto;
	height: 0;
	z-index: 2;
}

div.drawerWrapper .fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

div.drawerWrapper div.drawer{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background:#ffffff;
	text-align: center;
	max-width: 100%;
	z-index: 1000;
}
div.drawerWrapper img.closeArea{
	display: none;
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
div.drawerWrapper div.drawer img.drawerClose{
	position: absolute;
	cursor: pointer;
	top: 18px;
	right: 1%;
	width: 30px;
}
div.drawerWrapper div.drawer nav{
	padding: 5%;
	margin-right: 10%;
}
div.drawerWrapper div.drawer nav h4{
	font-family: Helvetica,Arial, "游ゴシック", YuGothic,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-image: url(https://www.kissora.jp/shop/item/kissora/design/img01/border_rough.png) , url(https://www.kissora.jp/shop/item/kissora/design/img01/border_rough.png);
	background-repeat: repeat-x , repeat-x;
	background-position: center top , center bottom;
	font-size: 140%;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	margin-bottom: 20px;
	padding: 15px 0;
	font-weight: normal;
	text-align: center;
}
div.drawerWrapper div.drawer nav a.btn_login{
	display: inline-block;
	font-size: 140%;
	font-weight: bold;
	padding: 20px 50px;
	margin-bottom: 25px;
}
div.drawerWrapper div.drawer nav a.bnr_resist img{
	margin-bottom: 25px;
}
div.drawerWrapper div.drawer nav input{
	width: 70%;
	padding: 10px 25px;
	margin-bottom: 25px;
}
div.drawerWrapper div.drawer nav form input.searchBtn{
	border: 0px;
	width: 36px;
	height: 38px;
	background: url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_spSearch.png) center top no-repeat;
	background-size: 36px 38px;
	margin-left: 10px;
	vertical-align: middle;
	margin-bottom: 0;
}
div.drawer dl dt{
	text-align: left;
	padding-left: 2%;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}
div.drawer dl dd{
	padding-left: 2%;
	margin-bottom: 35px;
}
div.drawer ul{
	margin-bottom: 25px;
}
div.drawer ul li{
	padding-left: 5%;
	text-align: left;
	margin-bottom: 15px;
	font-size: 110%;
}


/* //スマホ・タブレット専用ドロアーメニュー */




/****************
/* 下層ページ共通
****************/

/** コンテンツタイトル **/
#slide_titleArea{
	background: none;
	margin-bottom: 30px;
}
#slide_titleArea h2{
	padding: 0 0 15px;
	width: 96%;
}
#slide_titleArea p.h2Sub{
	width: 96%;
	padding: 0 ;
}

/** メインイメージ **/

#slide_contentsMainImg .container{
	padding: 0;
	min-height: 234px;
}
#slide_contentsMainImg h3{
	margin-top: -1em;
	font-size: 160%;
}


#slide_contents_area .container{
	width: 100%;
	font-size: 100%;
}




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


/*** footerInfoエリア ***/

#slide_footerInfo ul.blc_photo3 li div.footInfoInner{
	padding: 20px 15px;
}
#slide_footerInfo ul.blc_photo3 li div.footInfoInner p.exp{
	margin-bottom: 20px;
	text-align: left;
}

/*** フッター本体 ***/

#footer .container{
	padding: 30px 0;
	width: 100%;
}

#footer img.footLogo{
	margin-bottom: 30px;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#footer div.footerSitemap{
	display: none;
}

#footer ul.footerSubLinks-sp{
	display: block;
}
#footer ul.footerSubLinks-sp li{
	float: left;
	width : 50%;
	width : -webkit-calc(100% / 2) ;
	width : calc(100% / 2) ;
	padding: 10px 5px;
	text-align: center;
	background: #ffffff;
	font-weight: bold;
	font-size: 110%;
	font-family: Helvetica,Arial, "游ゴシック", YuGothic,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin-bottom: 0px;
	border-top: 1px solid #e4e4e4;
	
}
#footer ul.footerSubLinks-sp li:nth-child(even){
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
}

#footer ul.footerSubLinks-sp li:nth-child(n+3){
	border-bottom: 1px solid #e4e4e4;
}

#footer address{
	font-size: 86%;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 5px;
}

/** PAGE TOPボタン **/
a.pageTop{
	position: fixed;
	right: 5px;
	bottom: 20px;
	z-index: 1000;
	width: 45px;
}




/* 汎用パーツ
------------------------------------------------------------*/

/* スライド基本 */
.slide .container{
	width: 96%;
	padding: 50px 0;
}


/* 横幅大きいblock要素に入れる要素を中央置き */
.centering{
	width: 65%;
}
.centering_wide{
	width: 85%;
}


/* レスポンシブ本文（PCは中央寄せ、スマホは左寄せ） */
.honbun_resp{
	text-align: left;
}

/*** ボタン各種 ***/

	/* シンプル長方形ボタン（スマホ・タブレットは黒枠白バック） */
	a.btn_simple{
		display: inline-block;
		color: #000000;
		font-size: 167%;
		font-weight: bold;
		border: 1px solid #000000;
		background: #ffffff url(https://www.kissora.jp/shop/item/kissora/design/img01/ic_next.png) no-repeat 90% center;
		padding: 15px 30px;
		line-height: 1.2em;
		letter-spacing: 0.1em;
		width: 60%;
	}


/*************
/* パーツ
*************/


/* 横並びli群（2枚） */
ul.blc_photo2 li{
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
ul.blc_photo2 li:nth-child(even){
	margin-right: 0;
}
ul.blc_photo2 li:last-child{
	margin-bottom: 0;
}
ul.blc_photo2 li img{
	width: 100%;
}



/* 横並びli群（3枚） */
ul.blc_photo3 li{
	width: 100%;
	float: none;
	margin-bottom: 0;
}
ul.blc_photo3 li:after {
   content: "."; 
   display: block; 
   height: 0px; 
   clear: both; 
   visibility: hidden;
	overflow: hidden;/* 隙間対応 */
	font-size: 0.1em;/* 隙間対応 */
	line-height: 0;/* 隙間対応 */
}


/* 横並びli群（2枚／2：1） */
ul.blc_photo2-1 li{
	float: none;
	margin-bottom: 0;
}
ul.blc_photo2-1 li:nth-child(odd){
	width: 100%;
}
ul.blc_photo2-1 li:nth-child(even){
	width: 100%;
}

	
/** 可視範囲に入ってからフェードインのエフェクトCSS側設定 **/
.fadeEffect .fadeItem_delay{
	transition: .5s;
	transition-delay: 0s;
}

	

/* 部分的にスマホだけ表示 */
.only_sp{
	display: none	!important;
}
/* 部分的にタブレットだけ表示 */
.only_tb{
	display: block	!important;
}
/* 部分的にPCだけ表示 */
.only_pc{
	display: none	!important;
}
/* 部分的にスマホとタブレットだけ表示 */
.only_sptb{
	display: block	!important;
}
/* 部分的にPCとタブレットだけ表示 */
.only_pctb{
	display: block	!important;
}
/* 部分的にPCとスマホだけ表示 */
.only_pcsp{
	display: none	!important;
}


}

/*****************************************/
/*				 Moble					 */
/*****************************************/


@media screen and (max-width: 680px) {
	
/* 基本タグ設定
------------------------------------------------------------*/
#slide_haisou{
	padding: 0 8px 30px 8px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

/* レイアウト
------------------------------------------------------------*/

/*************
/* ヘッダー
*************/



/*************
/* ナビ
*************/


/* 汎用パーツ
------------------------------------------------------------*/
.slide .container{
	position: relative;
	padding: 20px 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1800px;
}

/* 太字サブタイトル */
.honbun_subTitle{
	font-size: 105%;
}

/* コラムなど長文用（段落で空白） */
div.column p{
	margin-bottom: 1em;
}


/* 横幅大きいblock要素に入れる要素を中央置き */
.centering{
	width: 100%;
}
.centering_wide{
	width: 100%;
}



/* 部分的にスマホだけ表示 */
.only_sp{
	display: block	!important;
}
/* 部分的にタブレットだけ表示 */
.only_tb{
	display: none	!important;
}
/* 部分的にPCだけ表示 */
.only_pc{
	display: none	!important;
}
/* 部分的にスマホとタブレットだけ表示 */
.only_sptb{
	display: block	!important;
}
/* 部分的にPCとタブレットだけ表示 */
.only_pctb{
	display: none	!important;
}
/* 部分的にPCとスマホだけ表示 */
.only_pcsp{
	display: block	!important;
}


}