/** Shopify CDN: Minification failed

Line 2203:156 Expected identifier but found "/"
Line 2214:21 Unexpected "html"
Line 2248:143 Expected identifier but found "/"
Line 2260:1 Unexpected "html"
Line 2357:149 Expected identifier but found "/"
Line 2368:1 Unexpected "html"
Line 2507:47 Expected identifier but found "*"
Line 2507:65 Expected identifier but found "*"
Line 2888:38 Expected identifier but found "*"
Line 2888:56 Expected identifier but found "*"
... and 10 more hidden warnings

**/
@charset "UTF-8";




/*-------------------------------------------------------------
col1（1カラム：100%）
-------------------------------------------------------------*/
.col1 { width: 100%; }
.col1 .box1 { width: 100%; }




/*-------------------------------------------------------------
col2-1（2カラム：50%｜50%）
-------------------------------------------------------------*/
.col2-1 { display: flex !important; margin-right: -45px; overflow: hidden; width: auto !important; }
.col2-1 .containerInner { box-sizing: border-box !important; }
.col2-1 .box1 { flex-grow: 0; flex-shrink: 1; flex-basis: 50%; width: 50%; box-sizing: border-box; }
.col2-1 .box2 { flex-grow: 0; flex-shrink: 1; flex-basis: 50%; width: 50%; box-sizing: border-box; }




/*-------------------------------------------------------------
col2-4（2カラム：23%｜77%）
-------------------------------------------------------------*/
.col2-4 { }
.col2-4 .box1 { float: left; width: 23%; }
.col2-4 .box2 { float: right; margin-left: -1px; width: 77%; }




/*-------------------------------------------------------------
col2-5（2カラム：77%｜23%）
-------------------------------------------------------------*/
.col2-5 { }
.col2-5 .box1 { float: left; width: 77%; }
.col2-5 .box2 { float: right; margin-left: -1px; width: 23%; }




/*-------------------------------------------------------------
col2-2（2カラム：33%｜67%）
-------------------------------------------------------------*/
.col2-2 { }
.col2-2 .box1 { float: left; width: 33%; }
.col2-2 .box2 { float: right; margin-left: -1px; width: 67%; }





/*-------------------------------------------------------------
col2-3（2カラム：67%｜33%）
-------------------------------------------------------------*/
.col2-3 { }
.col2-3 .box1 { float: left; width: 67%; }
.col2-3 .box2 { float: right; margin-left: -1px; width: 33%; }




/*-------------------------------------------------------------
col2-6（2カラム：38%｜62%）
-------------------------------------------------------------*/
.col2-6 { }
.col2-6 .box1 { float: left; width: 38%; }
.col2-6 .box2 { float: right; margin-left: -1px; width: 62%; }




/*-------------------------------------------------------------
col2-7（2カラム：62%｜38%）
-------------------------------------------------------------*/
.col2-7 { }
.col2-7 .box1 { float: left; width: 62%; }
.col2-7 .box2 { float: right; margin-left: -1px; width: 38%; }




/*-------------------------------------------------------------
col2-8（2カラム：固定｜可変）
-------------------------------------------------------------*/
.col2-8 { }
.col2-8 .box1 { float: right; width: 100%; }
.col2-8 .box2 { float: left; width: 220px; margin-right: -100%; }
.col2-8 .box1 .page{ width: 100%; }




/*-------------------------------------------------------------
col2-9（2カラム：可変｜固定）
-------------------------------------------------------------*/
.col2-9 { }
.col2-9 .box1 { float: left; width: 100%; margin-right: -100%; }
.col2-9 .box2 { float: right; width: 220px; }




/*-------------------------------------------------------------
col3-1（3カラム：33%｜34%｜33%）
-------------------------------------------------------------*/
.col3-1 { }
.col3-1 .box1 { float: left; width: 33%; }
.col3-1 .box2 { float: left; width: 34%; }
.col3-1 .box3 { float: right; margin-left: -1px; width: 33%; }




/*-------------------------------------------------------------
col3-2（3カラム：25%｜50%｜25%）
-------------------------------------------------------------*/
.col3-2 { }
.col3-2 .box1 { float: left; width: 25%; }
.col3-2 .box2 { float: left; width: 50%; }
.col3-2 .box3 { float: right; margin-left: -1px; width: 25%; }




/*-------------------------------------------------------------
col3-3（3カラム：25%｜25%｜50%）
-------------------------------------------------------------*/
.col3-3 { }
.col3-3 .box1 { float: left; width: 25%; }
.col3-3 .box2 { float: left; width: 25%; }
.col3-3 .box3 { float: right; margin-left: -1px; width: 50%; }




/*-------------------------------------------------------------
col3-4（3カラム：50%｜25%｜25%）
-------------------------------------------------------------*/
.col3-4 { }
.col3-4 .box1 { float: left; width: 50%; }
.col3-4 .box2 { float: left; width: 25%; }
.col3-4 .box3 { float: right; margin-left: -1px; width: 25%; }




/*-------------------------------------------------------------
col3-5（3カラム：固定｜可変｜固定）
-------------------------------------------------------------*/
.col3-5 { }
.col3-5 .box1 { float: left; width: 100%; }
.col3-5 .box2 { float: left; width: 220px; margin-left: -100%; }
.col3-5 .box3 { float: left; width: 220px; margin-left: -220px; }
.col3-5 .box1 .page{ width: 100%; }




/*-------------------------------------------------------------
col4（4カラム：25%｜25%｜25%｜25%）
-------------------------------------------------------------*/
.col4 { }
.col4 .box1 { float: left; margin-right: -1px; width: 25%; }
.col4 .box2 { float: left; width: 25%; }
.col4 .box3 { float: left; width: 25%; }
.col4 .box4 { float: right; margin-left: -1px; width: 25%; }



/*-------------------------------------------------------------
タイトル（見出し - 大きくて太いタイトル）

.bTtl 
┗ h1〜h6

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bTtl { }
.bTtl h1,
.bTtl h2,
.bTtl h3,
.bTtl h4,
.bTtl h5,
.bTtl h6 { margin: 0; line-height: normal; }



/*-------------------------------------------------------------
タイトル（見出し - 小さいタイトル）

.bSubTtl 
┗ h1〜h6

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bSubTtl { }
.bSubTtl h1,
.bSubTtl h2,
.bSubTtl h3,
.bSubTtl h4,
.bSubTtl h5,
.bSubTtl h6 { margin: 0; line-height: normal; }



/*-------------------------------------------------------------
画像タイトル

.bImgttl
┗ h1〜h6

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bImgttl { overflow: hidden; }
.bImgttl h1,
.bImgttl h2,
.bImgttl h3,
.bImgttl h4,
.bImgttl h5,
.bImgttl h6 { margin: 0; padding: 0; display: block; text-indent: -9999px; font-size: 0.1em; line-height: 0.1em; background-position: 0 0; background-repeat: no-repeat; }


/*------------------------------------------------------------
スマートフォン向け
-------------------------------------------------------------*/
.bImgttlSp h1,
.bImgttlSp h2,
.bImgttlSp h3,
.bImgttlSp h4,
.bImgttlSp h5,
.bImgttlSp h6 { margin: 0; padding: 0; display: block; }
.bImgttlSp h1 img,
.bImgttlSp h2 img,
.bImgttlSp h3 img,
.bImgttlSp h4 img,
.bImgttlSp h5 img,
.bImgttlSp h6 img { width: 100%; }



/*-------------------------------------------------------------
背景付きタイトル（見出し - 大きくて太いタイトル）

.bTtlBg
┗ h1〜h6

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bTtlBg { }
.bTtlBg h1,
.bTtlBg h2,
.bTtlBg h3,
.bTtlBg h4,
.bTtlBg h5,
.bTtlBg h6 { margin: 0; line-height: normal; }



/*-------------------------------------------------------------
テキストのみ

.bTxt
┗ p

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bTxt { }
.bTxt p { margin: 0; padding: 0; }



/*-------------------------------------------------------------
画像のみ

.bImg
┣ img
┗ p.imgCap

-------------------------------------------------------------*/

.bImg { text-align: center; }
.bImg img { width: 100%; }
.bImg p.imgCap { margin: 0; padding:  5px 0 0 0; font-weight: bold; text-align: center; }



/*-------------------------------------------------------------
画像のみ（オリジナルサイズ表示）

.bImgOrg
┗ .bImgOrgInner
	 ┣ img
	 ┗ p.imgCap

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bImgOrg { overflow: hidden; }



/*-------------------------------------------------------------
画像ボタン

.bImgbtn
┗ img

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bImgbtn { overflow: hidden; }
.bImgbtn img { vertical-align: bottom; }



/*-------------------------------------------------------------
画像（左）+テキスト（右）

.bImgTxt
┣ .bImgTxtLeft
｜	┣ img
｜	┗ p.imgCap
｜
┗ .bImgTxtRight
	┗ p

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bImgTxt { }
.bImgTxt .bImgTxtLeft { float: left; text-align: center; }
.bImgTxt .bImgTxtLeft img { width: 100%; }
.bImgTxt .bImgTxtLeft p.imgCap { }
.bImgTxt .bImgTxtRight { }
.bImgTxt .bImgTxtRight p { margin: 0; }



/*-------------------------------------------------------------
画像（右）+テキスト（左）

.bTxtImg
┣ .bTxtImgLeft
｜	┗ p
｜
┗ .bTxtImgRight
	┣ img
	┗ p.imgCap

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bTxtImg { }
.bTxtImg .bTxtImgLeft { }
.bTxtImg .bTxtImgLeft p { margin: 0; }
.bTxtImg .bTxtImgRight { float: right; text-align: center; overflow: hidden; }
.bTxtImg .bTxtImgRight img { width: 100%; }
.bTxtImg .bTxtImgRight p.imgCap { margin: 0; }



/*-------------------------------------------------------------
画像（上）+テキスト（下）

.bVImgTxt
┣ .bVImgTxtImg
｜	┣ img
｜	┗ p.imgCap
｜
┗ .bVImgTxtBottom
	┗ p

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bVImgTxt { }
.bVImgTxt .bVImgTxtImg img { width: 100%; }



/*-------------------------------------------------------------
画像（左）+タイトル（右）+テキスト（右）+詳細ボタン（右）

.bImgTtlTxt
┣ .bImgTxtLeft
｜	┣ img
｜	┗ p.imgCap
｜
┗ .bImgTxtRight
	┣ h4
	┣ p
	┗ p.linkArrow

-------------------------------------------------------------*/

.bImgTtlTxt { }
.bImgTtlTxt .bImgTtlTxtLeft { float: left; }
.bImgTtlTxt .bImgTtlTxtLeft img { width: 100%; }
.bImgTtlTxt .bImgTtlTxtRight { }
.bImgTtlTxt .bImgTtlTxtRight h5 { margin: 0; padding: 0; }
.bImgTtlTxt .bImgTtlTxtRight p { margin: 0; }



/*-------------------------------------------------------------
画像（上）+タイトル+テキスト（下）

.bVImgTtlTxt
┣ .bVImgTtlTxtImg
｜	┗ img
｜
┣ p.imgCap
┗ .bVImgTtlTxtBottom
	┣ h5
	┣ p
	┗ p.linkArrow
	
-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bVImgTtlTxt { }
.bVImgTtlTxt .bVImgTtlTxtImg img { width: 100%; }



/*-------------------------------------------------------------
画像（上段）×2 +テキスト（下段）×2

.bVImgTtlTxt2
┣ .bVImgTtlTxt2Left
｜	┗ .bVImgTtlTxt2Inner
｜		┣ .bVImgTtlTxt2Img
｜		｜ ┣ img
｜		｜ ┗ p.imgCap
｜		｜
｜		┗ .bVImgTtlTxt2Data
｜		   ┣ h5
｜		   ┣ p
｜		   ┗ p.linkArrow
｜
┗ .bVImgTtlTxt2Right
	┗ .bVImgTtlTxt2Inner
		┣ .bVImgTtlTxt2Img
		｜ ┣ img
		｜ ┗ p.imgCap
		｜
		┗ .bVImgTtlTxt2Data
		   ┣ h5
		   ┣ p
		   ┗ p.linkArrow

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bVImgTtlTxt2 { overflow: hidden; }
.bVImgTtlTxt2 .bVImgTtlTxt2Img img { width: 100%; }
.bVImgTtlTxt2 .bVImgTtlTxt2Left { float: left; width: 50%; }
.bVImgTtlTxt2 .bVImgTtlTxt2Right { float: right; width: 50%; margin-left: -1px;	/*IE6 レイアウト対応*/ }


/*------------------------------------------------------------
スマートフォン向け
-------------------------------------------------------------*/
.spLayout .bVImgTtlTxt2Left { float: none; width: 100%; }
.spLayout .bVImgTtlTxt2Right { float: none; width: 100%; margin: 0; }
.spLayout .bVImgTtlTxt2Left div.bVImgTtlTxt2Inner { margin: 0 0 30px 0; }
.spLayout .bVImgTtlTxt2Right div.bVImgTtlTxt2Inner { margin: 0; }
.bVImgTtlTxt2Scroller { width: 3000px; overflow: hidden; }
.bVImgTtlTxt2Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; }
.bVImgTtlTxt2Scroller li { width: 480px; display: inline; float: left; }
.containerInner .bVImgTtlTxt2Scroller li a span { border: none; }



/*-------------------------------------------------------------
画像（左）+タイトル（右）+テキスト（右）+詳細ボタン（右）×2

.bImgTtlTxt2
┣ .bImgTxtLeft
｜	┗.bImgTtlTxt2Inner
｜		｜	┣ .bImgTxtImg
｜		｜	┣ img
｜		｜	┗ p.imgCap
｜		｜
｜		┗ bImgTtlTxt2Data
｜			┣ h5
｜			┣ p
｜			┗ p.linkArrow
｜
┗ .bImgTxtRight
	┗.bImgTtlTxt2Inner
		｜	┣ .bImgTxtImg
		｜	┣ img
		｜	┗ p.imgCap
		｜
		┗ bImgTtlTxt2Data
			┣ h5
			┣ p
			┗ p.linkArrow

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bImgTtlTxt2 { overflow: hidden; }
.bImgTtlTxt2Left { float: left; width: 50%; }
.bImgTtlTxt2Right { float: right; width: 50%; margin-left: -1px;	/*IE6 レイアウト対応*/ }
.bImgTtlTxt2 .bImgTtlTxt2Img { float: left; }
.bImgTtlTxt2 .bImgTtlTxt2Img img { width: 100%; }


/*------------------------------------------------------------
スマートフォン向け
-------------------------------------------------------------*/
.spLayout .bImgTtlTxt2Left { float: none; width: 100%; }
.spLayout .bImgTtlTxt2Right { float: none; width: 100%; margin: 0; }
.spLayout .bImgTtlTxt2Left div.bImgTtlTxt2Inner { margin: 0 0 20px 0; }
.spLayout .bImgTtlTxt2Right div.bImgTtlTxt2Inner { margin: 0; }
.bImgTtlTxt2Scroller { width: 3000px; overflow: hidden; }
.bImgTtlTxt2Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; }
.bImgTtlTxt2Scroller li { width: 480px; display: inline; float: left; }
.bImgTtlTxt2Scroller li img { width: 100%; }
.containerInner .bImgTtlTxt2Scroller li a span { border: none; }



/*-------------------------------------------------------------
画像（上段）×2 +テキスト（下段）×2

.bImg2Txt2
┣ .bImg2Txt2Left
｜	┗ .bImg2Txt2Inner
｜		┣ img
｜		┣ p.imgCap
｜		┗ p
｜
┗ .bImg2Txt2Right
	┗ .bImg2Txt2Inner
		┣ img
		┣ p.imgCap
		┗ p

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bImg2Txt2 { overflow: hidden; }
.bImg2Txt2 p.imgCap { margin: 0; text-align: center; }
.bImg2Txt2 p { margin: 0; text-align: left; }
.bImg2Txt2 .bImg2Txt2Left { float: left; width: 50%; }
.bImg2Txt2 .bImg2Txt2Left img { width: 100%; }
.bImg2Txt2 .bImg2Txt2Right { float: right; margin-left: -1px;	/*IE6 レイアウト対応*/ width: 50%; }
.bImg2Txt2 .bImg2Txt2Right img { width: 100%; }


/*------------------------------------------------------------
スマートフォン向け
-------------------------------------------------------------*/
.spLayout .bImg2Txt2Left { float: none; width: 100%; }
.spLayout .bImg2Txt2Right { float: none; width: 100%; margin: 0; }
.spLayout .bImg2Txt2Left div.bImg2Txt2Inner { margin: 0 0 30px 0; }
.spLayout .bImg2Txt2Right div.bImg2Txt2Inner { margin: 0; }
.bImg2Txt2Scroller { width: 3000px; overflow: hidden; }
.bImg2Txt2Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; }
.bImg2Txt2Scroller li { width: 480px; display: inline; float: left; }
.bImg2Txt2Scroller li img { width: 100%; }
.containerInner .bImg2Txt2Scroller li a span { border: none; }




/*-------------------------------------------------------------
画像（上段）×3 +テキスト（下段）×3

.bImg3Txt3
┣ .bImg3Txt3Left
｜	┗ .bImg3Txt3Inner
｜		┣ img
｜		┣ p.imgCap
｜		┗ p
｜
┣ .bImg3Txt3Center
｜	┗ .bImg3Txt3Inner
｜		┣ img
｜		┣ p.imgCap
｜		┗ p
｜
┗ .bImg3Txt3Right
	┗ .bImg3Txt3Inner
		┣ img
		┣ p.imgCap
		┗ p

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bImg3Txt3 { overflow: hidden; }
.bImg3Txt3 img { width: 100%; }
.bImg3Txt3 p.imgCap { margin: 0; }
.bImg3Txt3 p { margin: 0; text-align: left; }
.bImg3Txt3 .bImg3Txt3Left { float: left; width: 33%; text-align: center; }
.bImg3Txt3 .bImg3Txt3Center { float: left; width: 34%; text-align: center; }
.bImg3Txt3 .bImg3Txt3Right { float: right; width: 33%; margin-left: -1px;	/*IE6 レイアウト対応*/ text-align: center; }


/*------------------------------------------------------------
スマートフォン向け
-------------------------------------------------------------*/
.spLayout .bImg3Txt3Left { float: none; width: 100%; }
.spLayout .bImg3Txt3Center { float: none; width: 100%; margin: 0; }
.spLayout .bImg3Txt3Right { float: none; width: 100%; margin: 0; }
.col1 .spLayout .bImg3Txt3Left div.bImg3Txt3Inner { margin: 0 0 30px 0; }
.col1 .spLayout .bImg3Txt3Center div.bImg3Txt3Inner { margin: 0 0 30px 0; }
.col1 .spLayout .bImg3Txt3Right div.bImg3Txt3Inner { margin: 0; }
.bImg3Txt3Scroller { width: 3000px; overflow: hidden; }
.bImg3Txt3Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; }
.bImg3Txt3Scroller li { width: 480px; display: inline; float: left; }
.bImg3Txt3Scroller li img { width: 100%; }
.containerInner .bImg3Txt3Scroller li a span { border: none; }



/*-------------------------------------------------------------
表（2列）

.bList2 
┗ table

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bList2 { }



/*-------------------------------------------------------------
箇条書き

.bItems
┗ ul
	┗li

-------------------------------------------------------------*/

.bItems { }
.bItems ol { list-style-position: outside; }
.bItems ol li { }



/*-------------------------------------------------------------
罫線

.bLine

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bLine { }
.bLine hr { }
.bLineBorderNone { font-size:0.1em; line-height:0.1em; width:100%; }
.bLineBorderNone hr { display: none; }



/*-------------------------------------------------------------
PDFダウンロードファイル

.bPdf
┣ .bPdfLeft
｜	┗ img
｜
┗ .bPdfRight
	┣ p
	┗ p

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bPdf { }
.bPdf .bPdfLeft { float: left; width: 26px; }
.bPdf .bPdfLeft img { }
.bPdf .bPdfRight { margin: 0 0 0 47px; }
.bPdf .bPdfRight p { margin: 0; }



/*-------------------------------------------------------------
ページトップへ戻るボタン

.bPageTop
┗ p

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bPageTop { }
.bPageTop p { }



/*-------------------------------------------------------------
縦並びアンカー

.bAnchor
┗ ul
	┗li

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/

/*ボタン*/
.bAnchor ul li.nobg a { background-image: none; padding: 0; }

/*アイコン前*/
.bAnchor .iconF span { padding-left: 7px; }

/*背景画像*/
.bAnchor ul li.imgBg { padding: 0; }
.bAnchor ul li.imgBg a { padding: 8px 12px 5px 12px; }



/*-------------------------------------------------------------
横並びアンカー

.bAnchorSide
┗ ul
	┗li

-------------------------------------------------------------*/



/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bAnchorSide { }
.bAnchorSide ul {  list-style: none !important; white-space: nowrap; }
.bAnchorSide ul li { float: left; }

/*ボタン以外*/
.bAnchorSide ul li.nobg a { background-image: none; padding: 0; }

/*アイコン前*/
.bAnchorSide .iconF span { padding-left: 7px; }

/*背景画像*/
.bAnchorSide ul li.imgBg { padding: 0; }
.bAnchorSide ul li.imgBg a { display: block; padding: 8px 25px 5px 25px; }



/*-------------------------------------------------------------
Flash swfアニメーション

.bFlash
┗ h5

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bFlash { }
.bFlash h5 { }



/*-------------------------------------------------------------
Flashダウンロード案内

.bFlaDl
┣ .bFlaDlLeft
｜	┗ p
｜
┗ .bFlaDlRight
	┗ img

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bFlaDl { width: 100%; }
.bFlaDl .bFlaDlLeft { }
.bFlaDl .bFlaDlLeft p { margin: 0; font-size: 0.8em; line-height: 1.4em; }
.bFlaDl .bFlaDlRight { margin: 6px 0 0 0; width: 160px; }



/*-------------------------------------------------------------
Google MAP

.bMap
┗ .bMapArea

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bMap { }



/*-------------------------------------------------------------
RSSリーダー

.bRssReader
┗ ul
 	┗ li
		┣ span
		┗ h3

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/

/*リピートブロック*/
.bRssReader ul { list-style-position: outside; }
.bRssReader ul li { width: auto; }
.bRssReader ul li p { overflow: hidden; width: 100%; }
.bRssReader ul li img { border: 0; max-width: 40%; }

/*日付*/
.bRssReader li span { }

/*タイトル*/
.bRssReader li h3 { }



/*-------------------------------------------------------------
お問い合わせ

.bContact
┗ table
	┣ th
	┗ td

.bContactBtn

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bContact { }

/*エラーコメント*/
.bContact .err { background: #F2C0C0 !important; }
.bContact .errBox { margin: 0 0 10px 0; padding: 5px; background: #F2C0C0; color: #C00; }

/*送信コメント*/
.bContact p.bContactSend { }

/*日付項目（カレンダー）*/
.bContact td .bContactInner table { border: none; padding: 0; }
.bContact td .bContactInner table td { border: none; padding: 0; }
.bContact td .bContactInner table td input { width: 100%; }
.bContactContainer { width: 210px; }
.bContactContainer table { width: 205px; }
.bContactContainer table th.calhead { padding: 3px 5px; }
.bContactContainer table .calweekdayrow th { padding: 3px 5px; border-left: none; }
.bContactContainer table td { padding: 3px 5px; }


/*------------------------------------------------------------
スマートフォン向け
-------------------------------------------------------------*/
.bContactSP .w100 { width: 100% !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } /*スマフォ*/

/**/
.bContactSP { line-height: 1.6; font-family: Arial, Helvetica, sans-serif; }
.bContactSP dt { margin-top: 5px; }
.bContactSP dd { }
.bContactSP dt.dtTitle { margin-top: 15px; font-weight: bold; }

/*エラー*/
.bContactSP .err { background: #F2C0C0 !important; }
.bContactSP .errBox { padding: 5px; background-color: #F2C0C0; color: #C00; }
.bContactSP .errBox ul { list-style: none; }
.bContactSP ul.errBox li { }

/*必須項目*/
.bContactSP .spImp { position: relative; padding: 3px; vertical-align: text-bottom; color: #FFF; background-color: #E84262; font-weight: bold; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.htc); }

/*ファイルアイコン*/
.bContactSP .spfileIconPdf { margin-right: 3px; padding: 3px; vertical-align: text-bottom; color: #FFF; background-color: #D2242D; font-weight: bold; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.htc); }
.bContactSP .spfileIconXls { margin-right: 3px; padding: 3px; vertical-align: text-bottom; color: #FFF; background-color: #70B53E; font-weight: bold; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.htc); }
.bContactSP .spfileIconDoc { margin-right: 3px; padding: 3px; vertical-align: text-bottom; color: #FFF; background-color: #3289D0; font-weight: bold; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.htc); }
.bContactSP .spfileIconJpg { margin-right: 3px; padding: 3px; vertical-align: text-bottom; color: #FFF; background-color: #34ABE3; font-weight: bold; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.htc); }
.bContactSP .spfileIconGif { margin-right: 3px; padding: 3px; vertical-align: text-bottom; color: #FFF; background-color: #FF8000; font-weight: bold; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.htc); }
.bContactSP .spfileIconPng { margin-right: 3px; padding: 3px; vertical-align: text-bottom; color: #FFF; background-color: #FFBF00; font-weight: bold; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.htc); }

/*インプット*/
.bContactSP input { padding: 5px; font-size: 14px; }
.bContactSP li { }

/*ラジオボタン*/
.bContactSP .radioList { list-style: none; }
.bContactSP ul { padding-top: 5px; display: block; }
.bContactSP li { background: -moz-linear-gradient(top, #F4F4F4, #E6E6E6); background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#E6E6E6)); background: linear-gradient(top, #F4F4F4, #E6E6E6); -pie-background: linear-gradient(top, #F4F4F4, #E6E6E6); behavior: url(/PIE.htc); display: block; width: 100%; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; padding: 10px; }
.bContactSP li:first-child { -webkit-border-radius: 8px 8px 0 0 / 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0 / 8px 8px 0 0; border-radius: 8px 8px 0 0 / 8px 8px 0 0; behavior: url(/PIE.htc); }
.bContactSP li:last-child { -webkit-border-radius: 0 0 8px 8px / 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px / 0 0 8px 8px; border-radius: 0 0 8px 8px / 0 0 8px 8px; behavior: url(/PIE.htc); }
.bContactSP li label { }
.bContactSP input[type="radio"] { width: auto; font-size: 18px; margin: 3px 0.5ex; }

/*チェックボタン*/
.bContactSP .checkList { list-style: none; }
.bContactSP input[type="checkbox"] { width: auto; font-size: 18px; margin: 3px 0.5ex; }

/*サブミットボタン*/
.bContactSP input[type="submit"] { width: 100%; padding: 13px; font-size: 18px; font-weight: bold; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; margin: 0; background: -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800)); border: 1px #F27300 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #C45C00; }

/*テキストフィールド*/
.bContactSP input[type="text"] { border: 1px solid #A9A9A9; width: 200px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*未設定用*/
.bContactSP input[type="number"] { border: 1px solid #A9A9A9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*ナンバー*/
.bContactSP input[type="tel"] { width: 8em; border: 1px solid #A9A9A9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.bContactSP input[type="email"] { border: 1px solid #A9A9A9; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } /*Eメール*/
.bContactSP input[type="url"] { border: 1px solid #A9A9A9; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } /*Eメール*/
.bContactSP .time input { width: 2em; text-align: center; }

/*テキストエリア*/
.bContactSP textarea { border: 1px solid #A9A9A9; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; }



/*-------------------------------------------------------------
サイトマップ

.bSiteMap
┗ ul.bSiteMapGlobal
 	┗ li.bSiteMapGli
		┗ ul.bSiteMapLocal
 			┗ li.bSiteMapLli

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bSiteMap { }
.bSiteMap ul { list-style-position: outside; }
.bSiteMap ul li { }



/*-------------------------------------------------------------
ローカルメニュー

.bCategory
┗ ul.xxxxxxxxx
 	┗ li.xxxxxxxxx

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bCategory { }
.bCategory ul { list-style-position: outside; }
.bCategory ul li { }



/*-------------------------------------------------------------
タイトル（左）＋テキスト（右）＋画像（右）+詳細ボタン（右）

.extTtlTxtImg
┣ .extTtlTxtImgLeft
｜	┣ h5
｜	┣ p
｜	┗ p.linkArrow
｜
┗ .bImgTxtRight
	┣ img
	┗ p.imgCap

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/

.extTtlTxtImg { overflow: hidden; width: 100%; }
.extTtlTxtImg .extTtlTxtImgLeft { float: left; width: 60%; }
.extTtlTxtImg .extTtlTxtImgLeft h5 { margin: 0 0 5px 0; padding: 0 20px 0 0; font-size: 1.2em; line-height: 1.4em; }
.extTtlTxtImg .extTtlTxtImgLeft p { margin: 0 0 5px 0; padding: 0 20px 0 0; }
.extTtlTxtImg .extTtlTxtImgLeft p.linkArrow { margin: 0; }
.extTtlTxtImg .extTtlTxtImgLeft p.linkArrow a { padding: 0 0 0 16px; display: block; background-repeat: no-repeat; background-position: 0 0.3em; }
.extTtlTxtImg .extTtlTxtImgRight { float: right; width: 40%; }
.extTtlTxtImg .extTtlTxtImgRight img { width: 100%; }
.extTtlTxtImg .extTtlTxtImgRight p.imgCap { margin: 0; padding: 5px 0 0 0; font-weight: bold; text-align: center; line-height: 1.4em; }


/*------------------------------------------------------------
コンテナ別プロパティ
-------------------------------------------------------------*/

/*col2-2（2カラム：33%｜67%）*/
.col2-2 .box1 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col2-2 .box1 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col2-2 .box1 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col2-3（2カラム：67%｜33%）*/
.col2-3 .box2 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col2-3 .box2 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col2-3 .box2 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col2-4（2カラム：23%｜77%）*/
.col2-4 .box1 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col2-4 .box1 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col2-4 .box1 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col2-5（2カラム：77%｜23%）*/
.col2-5 .box2 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col2-5 .box2 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col2-5 .box2 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col2-6（2カラム：38%｜62%）*/
.col2-6 .box1 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col2-6 .box1 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col2-6 .box1 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col2-7（2カラム：62%｜38%）*/
.col2-7 .box2 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col2-7 .box2 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col2-7 .box2 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col2-8（2カラム：固定｜可変）*/
.col2-8 .box2 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col2-8 .box2 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col2-8 .box2 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col2-9（2カラム：可変｜固定）*/
.col2-9 .box2 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col2-9 .box2 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col2-9 .box2 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col3-1（3カラム：33%｜34%｜33%）*/
.col3-1 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-1 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-1 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col3-2（3カラム：25%｜50%｜25%）*/
.col3-2 .box1 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-2 .box1 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-2 .box1 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }
.col3-2 .box3 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-2 .box3 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-2 .box3 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col3-3（3カラム：25%｜25%｜50%）*/
.col3-3 .box1 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-3 .box1 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-3 .box1 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }
.col3-3 .box2 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-3 .box2 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-3 .box2 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col3-4（3カラム：50%｜25%｜25%）*/
.col3-4 .box2 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-4 .box2 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-4 .box2 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }
.col3-4 .box3 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-4 .box3 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-4 .box3 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col3-5（3カラム：固定｜可変｜固定）*/
.col3-5 .box2 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-5 .box2 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-5 .box2 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }
.col3-5 .box3 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col3-5 .box3 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col3-5 .box3 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }

/*col4（4カラム：25%｜25%｜25%｜25%）*/
.col4 .extTtlTxtImg .extTtlTxtImgLeft h5 { font-size: 1em; }
.col4 .extTtlTxtImg .extTtlTxtImgRight p.imgCap { font-size: 0.8em; }
.col4 .extTtlTxtImg .extTtlTxtImgLeft p { font-size: 0.8em; line-height: 1.4em; }


/*------------------------------------------------------------
スマートフォン向け
-------------------------------------------------------------*/

.spLayout .extTtlTxtImgLeft h5 { font-size: 1.2em !important; line-height: 1.4em !important; }
.spLayout .extTtlTxtImgLeft p { font-size: 1em !important; }
.spLayout .extTtlTxtImgRight p.imgCap { font-size: 1em !important; }




/*-------------------------------------------------------------
extInstaTl
-------------------------------------------------------------*/
.extInstaTl { width: 100%; min-height: 45px; }
.extInstaTl .extInstaTlInner { display: flex; flex-wrap: wrap; position: relative; margin-top: -5px; margin-right: -5px; overflow: hidden; }
.extInstaTl .extInstaTlInner .imgTmb { flex-grow: 0; flex-shrink: 0; height: auto; margin-top: 5px; margin-right: 5px; }
.extInstaTl .extInstaTlInner .imgTmb a { display: block; }
.extInstaTl .extInstaTlInner .imgTmb a img { width: 100%; vertical-align: bottom; transition: opacity ease 0.3s; }
.extInstaTl .extInstaTlInner .imgTmb a:hover img { opacity: 0.7; }

/*row1*/
.extInstaTl .extInstaTlInner.instaRow1 .imgTmb { flex-basis: 100%; margin-left: 0; }

/*row2*/
.extInstaTl .extInstaTlInner.instaRow2 .imgTmb { flex-basis: calc((100% / 2) - 5px); max-width: calc((100% / 2) - 5px); }

/*row3*/
.extInstaTl .extInstaTlInner.instaRow3 .imgTmb { flex-basis: calc((100% / 3) - 5px); max-width: calc((100% / 3) - 5px); }

/*row4*/
.extInstaTl .extInstaTlInner.instaRow4 .imgTmb { flex-basis: calc((100% / 4) - 5px); max-width: calc((100% / 4) - 5px); }

/*row5*/
.extInstaTl .extInstaTlInner.instaRow5 .imgTmb { flex-basis: calc((100% / 5) - 5px); max-width: calc((100% / 5) - 5px); }

/*row6*/
.extInstaTl .extInstaTlInner.instaRow6 .imgTmb { flex-basis: calc((100% / 6) - 5px); max-width: calc((100% / 6) - 5px); }


/*-------------------------------------------------------------
dummy
-------------------------------------------------------------*/
.extInstaTl.dummy { background-color: transparent; }
.extInstaTl.dummy .imgTmb { opacity: 0.7; }









/*-------------------------------------------------------------
カテゴリ別情報ユニット（1.シンプル）

.bCatList
┣ p.bCatListRss
┣ ul
｜ ┗ li
｜	  ┣ p.bCatListDate
｜	  ┣ h5
｜	  ┗ p.bCatListTxt
｜	   
┗ p.bCatListPage

-------------------------------------------------------------*/

.bCatList {
	position: relative;
}
.bCatList ul {
	list-style-position: outside;
}



/*-------------------------------------------------------------
カテゴリ別情報ユニット（2.シンプル+サムネイル）

.bCatList2
┣ p.bCatListRss
┣ ul
｜ ┗ li
｜	  ┣ p.bCatListDate
｜	  ┣ h5
｜	  ┗ p.bCatListTxt
｜	   
┗ p.bCatListPage

-------------------------------------------------------------*/

.bCatList2 {
	overflow: hidden;
}
.bCatList2 ul {
	list-style-position: outside;
}


.bCatList2Scroller {
	width: 9999px;
	overflow: hidden;
}

.bCatList2Scroller .bCatList2Rss{
	z-index: 1;
}


.bCatList2Scroller ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outline;
}

.bCatList2Scroller ul.bCatList2ul li {
	display: inline;
	float: left;
	margin: 0;
	width: 320px;
}

.bCatList2Scroller li img{
	width: 100%;
	border: none;	
}

.containerInner .bCatList2Scroller li a span{
	border: none;
}



/*-------------------------------------------------------------
カテゴリ別情報ユニット（5.シンプル+サムネイル）

.bVCatList2
┣ p.bVCatList2Rss
┣ ul
｜ ┗ li
｜	  ┣ p.bVCatList2Date
｜	  ┣ h5
｜	  ┗ p.bVCatList2Txt
｜	   
┗ p.bVCatList2Page

-------------------------------------------------------------*/

.bVCatList2 {
	overflow: hidden;
}
.bVCatList2 ul {
	list-style-position: outside;
}

.bVCatList2Scroller {
	width: 9999px;
	overflow: hidden;
}

.bVCatList2Scroller .bCatList2Rss{
	z-index: 1;
}

.bVCatList2Scroller ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outline;
}

.bVCatList2Scroller ul.bVCatList2ul li {
	display: inline;
	float: left;
	margin: 0;
	width: 320px;
}

.bVCatList2Scroller li img{
	width: 100%;
		border: none;
}

.containerInner .bVCatList2Scroller li a span{
	border: none;
}



/*-------------------------------------------------------------
カテゴリ別情報ユニット（3.シンプル+サムネイル×2）

.bCatList3
┣ p.bCatList3Rss
┣ ul
｜ ┗ li
｜	  ┣ p.bCatList3Date
｜	  ┣ h5
｜	  ┗ p.bCatList3Txt
｜	   
┗ p.bCatList3Page

-------------------------------------------------------------*/

.bCatList3 {
	overflow: hidden;
}
.bCatList3 ul {
	list-style-position: outside;
}
.bCatList3 ul li {
	margin-right: -1px;
}


.spLayout ul.bCatList3ul{
	padding: 0;
}

.spLayout ul.bCatList3ul li {
	float: none !important;
	margin: 0 !important;
	width: 100% !important;
}


.bCatList3Scroller {
	width: 9999px;
	overflow: hidden;
}

.bCatList3Scroller .bCatList3Rss{
	z-index: 1;
}

.bCatList3Scroller ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outline;
}

.bCatList3Scroller ul.bCatList3ul li {
	display: inline;
	float: left;
	margin: 0;
	width: 320px;
}

.bCatList3Scroller li img{
	width: 100%;
	border: none;	
}

.containerInner .bCatList3Scroller li a span{
	border: none;
}



/*-------------------------------------------------------------
カテゴリ別情報ユニット（5.シンプル+サムネイル×2）

.bVCatList3
┣ p.bVCatList3Rss
┣ ul
｜ ┣ li.bVCatList3Left
｜ ｜  ┗ .bVCatList3Inner
｜ ｜ 	   ┣ p.bVCatList3Date
｜ ｜ 	   ┣ h5
｜ ｜	   ┗ p.bVCatList3Txt
｜ ｜ 
｜ ┗ li.bVCatList3Rigt
｜  	┗ .bVCatList3Inner
｜ 	 	 	┣ p.bVCatList3Date
｜	 		┣ h5
｜	 		┗ p.bVCatList3Txt
｜	   
┗ p.bVCatList3Page

-------------------------------------------------------------*/

.bVCatList3 {
	overflow: hidden;
}

.bVCatList3 ul {
	list-style-position: outside;
}

.bVCatList3 ul li.bVCatList3Left {
	float: left;
	width: 50%;
}

.bVCatList3 ul li.bVCatList3Right {
	float: right;
	width: 50%;
	margin-left: -1px;
}

.spLayout ul li.bVCatList3Left,
.spLayout ul li.bVCatList3Right {
	float: none ;
	margin: 0 ;
	width: 100% ;
}

.spLayout ul li.bVCatList3Left .bVCatList3Inner,
.spLayout ul li.bVCatList3Right .bVCatList3Inner {
	margin: 0 !important;
	padding: 0 !important;
}

.bVCatList3Scroller {
	width: 9999px;
	overflow: hidden;
}

.bVCatList3Scroller .bVCatList3Rss{
	z-index: 1;
}


.bVCatList3Scroller ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outline;
}

.bVCatList3Scroller ul.bVCatList3ul li {
	display: inline;
	float: left;
	margin: 0;
	width: 320px;
}

.bVCatList3Scroller li img{
	width: 100%;
	border: none;
}

.containerInner .bVCatList3Scroller li a span{
	border: none;
}



/*-------------------------------------------------------------
カテゴリ別情報ユニット（4.タブ+シンプル+サムネイル）

.bCatList4
┣ .bCatList4Tab
｜	┗ ul #tab-pageu_code
｜		┗ li
｜
┗ .bCatList4Box
	┗.bCatList4BoxInner
		┣ p.bCatList4Rss
		┗ ul
			┗ li
			  ┣ p.bCatList4Date
			  ┣ h5
			  ┗ p.bCatList4Txt
	   
-------------------------------------------------------------*/

.bCatList4 {
	overflow: hidden;
}

.bCatList4 ul {
	list-style-position: outside;
}

.bCatList4 .bCatList4BoxInnerSP {
}

.bCatList4Scroller {
	width: 3000px;
	overflow: hidden;
}

.bCatList4Scroller ul {
	height: auto !important;
	margin: 0;
	padding: 0;
	overflow: hidden !important;
	list-style: none;
	list-style-position: outline;
}

.bCatList4Scroller ul.bCatList4ul li {
	display: inline;
	float: left;
}

.bCatList4Scroller li img　{
	width: 100%;
	border: none;
}

.containerInner .bCatList4Scroller li a span　{
	border: none;
}















/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
商品一覧（extEcList）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extEcList { width: 100%; clear: both; }


/*-------------------------------------------------------------
一覧結果／ページング
-------------------------------------------------------------*/

.extEcList1PageList { margin-top: 20px; }
.extEcList1PageList a.btnModal { float: left; display: inline-block; padding: 5px 10px; text-decoration: none; font-weight: bold; border: 2px solid #A48F68; font-size: 12px; line-height: 1; transition: opacity 0.2s; }
.extEcList1PageList a.btnModal:hover { opacity: 0.7; }
.extEcList1PageList .extEcListResultTopInner { float: right; display: inline-block; }

/*並び替え*/
div.extEcListResultTopInner .extEcListResult { display: flex; justify-content: flex-end; margin-bottom: 35px; }
div.extEcListResultTopInner .extEcListResult div { display: flex; align-items: center; font-size: 12px; line-height: 1; }
div.extEcListResultTopInner .extEcListResult div input[type="radio"] { display: none; }
div.extEcListResultTopInner .extEcListResult div label { margin: 0 6px; padding: 3px 0 4px 0; top: 2px; position: relative; line-height: 1; border-bottom: 2px solid transparent; transition: opacity 0.2s; }
div.extEcListResultTopInner .extEcListResult div label:after { content: ""; display: block; position: absolute; top: 3px; right: -6px; width: 1px; height: 12px; background-color: #000; }
div.extEcListResultTopInner .extEcListResult div label:nth-last-of-type(1):after { display: none; }
div.extEcListResultTopInner .extEcListResult div label:hover { opacity: 0.6; }
div.extEcListResultTopInner .extEcListResult div input[type="radio"]:checked + label { border-bottom-color: #A48F68; }
div.extEcListResultTopInner .extEcListResult div:nth-of-type(1) { margin-right: 20px; }
div.extEcListResultTopInner .extEcListResult div:nth-of-type(2) {}

/*件数表示*/
div.extEcListResultTopInner .pageList { float: right; width: 50%; }
div.extEcListResultTopInner .pageList p { margin: 0; text-align: right; line-height: 1em; font-size: 14px; }


/*-------------------------------------------------------------
パターン1：4列（list1.tpl）
-------------------------------------------------------------*/
.extEcList1 { position: relative; }
.extEcList1 ul.extEcList1Inner { list-style: none; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; margin-right: -15px; }
.extEcList1 ul.extEcList1Inner li { display: block; flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 4) - 15px) !important; margin-right: 15px; margin-bottom: 40px; }
.extEcList1 ul.extEcList1Inner li.boxL { flex-basis: calc((100% / 2) - 15px) !important; margin-bottom: 25px; }
.extEcList1 ul.extEcList1Inner li .extEcList1LiInner { position: relative; }
div .extEcList1Img { margin-bottom: 25px; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*商品画像*/
.extEcList1Img { position: relative; width: 100%; text-align: center; /*background-color: #F3F3F3;*/ }
.extEcList1Img img { width: 100%; }
.extEcList1Img a { display: block; background-position: center center; transition: opacity 0.2s; }
.extEcList1Img a:hover { opacity: 0.6; }
.extEcList1Img a span { cursor: pointer; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; }
.extEcList1Img span,
.extEcList1Img span a { display: block; }

/*newアイコン*/
.extEcNew { display: block; position: absolute; width: 65px; height: 66px; background: url(https://dx-dev.kannax.com/images/shopify/modules/extMdlEc/common-img/ico_ec_new.png) no-repeat 0 0; bottom: 0; right: 0; text-indent: -9999px; z-index: 10; }

/*商品タイトル*/
.extEcList1LiName { display: block; text-align: center; margin-bottom: 5px; font-size: 14px; line-height: 1em; }

/*サイズ*/
.extEcList1LiDimension { text-align: center; }

/*価格*/
.extEcList1 .defaultPriceOuter { line-height: 1em; text-align: center; }
.extEcList1LiPrice { font-size: 1em; line-height: 1em; margin-top: 10px; margin-right: -10px; }
.extEcList1LiPrice strong { line-height: 1em; font-size: 12px; font-weight: normal; }
.extEcList1LiPrice span.tax { font-size: 0.8em; line-height: 1em; }

/*ラベル（ハワイ限定）*/
.extEcList1LiLabel { position: absolute; bottom: 7px; right: 7px; line-height: 1; margin-left: 3px; padding: 4px 5px 3px 5px; border: 2px solid #A48F68; }
.extEcList1LiLabel span { color: #A48F68; font-size: 10px; font-weight: bold; line-height: 1; }

/*もっと見るボタン*/
.extEcListResultBottom { margin-bottom: 67px; }
#contentsAreaSection .extEcList1_morePager p.autopager span a { opacity: 1; display: inline-block; font-size: 13px; width: 244px; height: 32px; border-radius: 32px; line-height: 32px; text-decoration: none !important; color: #FFF !important; background-color: #373737; }
#contentsAreaSection .extEcList1_morePager p.autopager span a:hover { opacity: 0.7; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
スマートフォン向け
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
カテゴリー選択
-------------------------------------------------------------*/
.spListOuter { display: flex; justify-content: space-between; }
.spListType { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 10px); }
.spListType select { width: 100%; margin: 0; font-size: 16px; transition: all 0.2s; padding: 0 12px; border-radius: 3px; outline: 0; box-sizing: border-box; height: 42px; line-height: 1.1em; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; text-indent: 0.01px; text-overflow: ''; vertical-align: middle; position: relative; border-width: 1px; border-style: solid; border-color: #E4E4E4; color: #373737; background-color: #FFF; }
.spListType select:focus { z-index: 1; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); border-width: 1px; border-style: solid; border-color: #09A0F6; }
.spListType select::-ms-expand { display: none; }
.spListType label.arrow { position: relative; }
.spListType label.arrow:after { display: block; content: ""; position: absolute; top: 50%; right: 12px; width: 13px; height: 17px; background-image: url(/usr-data/modules/extMdlEc/common-img/ico_arrow_down.png); background-repeat: no-repeat; background-position: 0 0; pointer-events: none; }
.spListType label.arrow select { padding-right: 23px; }
.spListPrice { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 10px); }
.spListPrice select { width: 100%; margin: 0; font-size: 16px; transition: all 0.2s; padding: 0 16px; border-radius: 3px; outline: 0; box-sizing: border-box; height: 42px; line-height: 1.1em; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; text-indent: 0.01px; text-overflow: ''; vertical-align: middle; position: relative; border-width: 1px; border-style: solid; border-color: #E4E4E4; color: #373737; background-color: #FFF; }
.spListPrice select:focus { z-index: 1; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); border-width: 1px; border-style: solid; border-color: #09A0F6; }
.spListPrice select::-ms-expand { display: none; }
.spListPrice label.arrow { position: relative; }
.spListPrice label.arrow:after { display: block; content: ""; position: absolute; top: 50%; right: 16px; width: 13px; height: 17px; background-image: url(/usr-data/modules/extMdlEc/common-img/ico_arrow_down.png); background-repeat: no-repeat; background-position: 0 0; pointer-events: none; }
.spListPrice label.arrow select { padding-right: 23px; }

/*サイズ表を見るボタン*/
.extEcListSp a.btnModal { display: block; width: 150px; margin: 0 auto 10px auto; text-align: center; padding: 5px 0; text-decoration: none; font-weight: bold; border: 2px solid #A48F68; font-size: 12px; line-height: 1; transition: opacity 0.2s; }


/*-------------------------------------------------------------
パターン1：2列（list1-sp.tpl）
-------------------------------------------------------------*/
.extEcListSp .extEcList1 ul.extEcList1Inner { list-style: none; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; margin-right: -15px; }
.extEcListSp .extEcList1 ul.extEcList1Inner li { display: block; flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 2) - 15px) !important; margin-right: 15px; margin-bottom: 25px; height: auto !important; }
.extEcListSp .extEcList1 ul.extEcList1Inner li.boxL { flex-basis: calc((100% / 1) - 15px) !important; margin-bottom: 25px; height: auto !important; }
.extEcListSp .extEcList1 ul.extEcList1Inner li .extEcList1LiInner { }
.extEcListSp .extEcListResultTopInner .extEcListResult { margin-bottom: 15px; }
.extEcListSp .extEcListResultTopInner .pageList p { line-height: normal; }

/*商品タイトル*/
.extEcListSp .extEcList1LiName { display: block; margin-bottom: 5px; font-size: 13px; line-height: 1.2em; }

/*サイズ*/
.extEcListSp .extEcList1LiDimension { font-size: 12px; line-height: 1.2em; }

/*価格*/
.extEcListSp .extEcList1LiPrice { display: block; margin-top: 0; margin-bottom: 4px; line-height: 1.2em; }

/*商品画像*/
.extEcListSp .extEcList1Img { position: relative; width: auto; margin-bottom: 10px; text-align: center; /*border: 1px solid #EDEDED;*/ }
.extEcListSp .boxL .extEcList1Img a span img.spacer-img { display: block; height: calc((100vw - 32px) * .580121); /*margin: 5px;*/ }
.extEcListSp .extEcList1Img a span:hover:after { content: none; }

/*ラベル（ハワイ限定）*/
.extEcListSp .extEcList1LiLabel { line-height: 0.5em; }
.extEcListSp .extEcList1LiLabel span { padding: 0 3px 0 3px; }

/*もっと見るボタン*/
.extEcListSp .extEcListResultBottom { margin-top: 24px; margin-bottom: 0; }
#contentsAreaSection .extEcListSp .extEcList1_morePager p.autopager span a { display: block; padding: 0; font-size: 14px; width: 100%; height: 40px; border-radius: 3px !important; line-height: 40px; text-decoration: none !important; color: #FFF !important; background-color: #A48F68; font-weight: bold; }
#contentsAreaSection .extEcListSp .extEcList1_morePager p.autopager span a:hover { opacity: 0.7; }











/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*とりあえず960px対応。後で仕様決定後消す*/
.extEcDetail { margin: 0 auto; width: 960px; }
.bcontainer-outer { overflow: visible !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
商品詳細（detail1）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extEcDetail1 { position: relative; margin-top: 50px; }
.extEcDetail1 .inner { display: flex; justify-content: space-between; }


/*-------------------------------------------------------------
上ブロック
-------------------------------------------------------------*/

/*ナビ*/
.extEcDetail1 .boxNavi { display: inline-flex; position: absolute; top: -70px; right: 0; }
.extEcDetail1 .boxNavi .col { display: inline-block; }
.extEcDetail1 .boxNavi .col a { color: #000; text-decoration: none !important; font-size: 16px; transition: opacity 0.3s; }
.extEcDetail1 .boxNavi .col a:hover {  opacity: 0.6; }
.extEcDetail1 .boxNavi a#prevProduct { position: relative; display: inline-block; padding-left: 15px; }
.extEcDetail1 .boxNavi a#prevProduct:before { content: ''; width: 8px; height: 8px; border: 0px; border-bottom: solid 2px #000; border-left: solid 2px #000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -6px; }
.extEcDetail1 .boxNavi a#prevProduct:after { content: ""; border-right: 2px solid #000; margin-right: 10px; padding-left: 10px; }
.extEcDetail1 .boxNavi a#nextProduct { position: relative; display: inline-block; padding-right: 15px; }
.extEcDetail1 .boxNavi a#nextProduct:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 2px #000; border-right: solid 2px #000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 0; margin-top: -6px; }


/*-------------------------------------------------------------
左ブロック
-------------------------------------------------------------*/
.extEcDetail1 .extEcDetailLeft { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 30px); }
.extEcDetail1 .extEcDetailInnerLeft { }
.extEcDetail1 .extEcDetailImg { position: relative; border: 1px solid #EDEDED; margin-bottom: 15px; }
.extEcDetail1 .extEcDetailImg a.detailImgPrevBtn { cursor: pointer; border: none; text-indent: -9999px; position: absolute; top: calc(50% - 15px); left: -41px; display: block; width: 40px; height: 30px; background-color: #FFF; z-index: 2; }
.extEcDetail1 .extEcDetailImg a.detailImgPrevBtn:before { content: ''; position: absolute; left: 17px; top: 9px; width: 10px; height: 10px; border-left: solid 2px #A79065; border-bottom: solid 2px #A79065; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: border-color 0.3s; }
.extEcDetail1 .extEcDetailImg a.detailImgNextBtn { cursor: pointer; border: none; text-indent: -9999px; position: absolute; top: calc(50% - 15px); right: -41px; display: block; width: 40px; height: 30px; background-color: #FFF; z-index: 2; }
.extEcDetail1 .extEcDetailImg a.detailImgNextBtn:before { content: ''; position: absolute; right: 17px; top: 9px; width: 10px; height: 10px; border-right: solid 2px #A79065; border-top: solid 2px #A79065; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: border-color 0.3s; }
.extEcDetail1 .extEcDetailImg img { max-width: 100%; max-height: 100%; display: inline-block; border: none !important; }
.extEcDetail1 .extEcDetailImg ul.itemzoom { height: 468px; width: 100%; margin: 0 !important; padding: 0; overflow: hidden; text-align: left; list-style: none; }
.extEcDetail1 .extEcDetailImg ul.itemzoom li { height: 468px ; width: 100%; }
.extEcDetail1 .lookLargeImageBox { text-align: right; }
.extEcDetail1 .lookLargeImageBox a.lookLargeImage { font-size: 1em; text-decoration: none !important; padding: 5px 25px; background: url(/usr-data/modules/extMdlEc/common-img/ico_plus.png) no-repeat right center; }
.extEcDetail1 .lookLargeImageBox a.lookLargeImage:hover { text-decoration: underline !important; }
.extEcDetail1 .extEcDetailSubImg { clear: right; width: 100%; margin-top: 11px; margin-bottom: 110px; }
.extEcDetail1 .extEcDetailSubImg ul { display: flex; flex-wrap: wrap; position: relative; margin: 0 -9px 0 0 !important; overflow: hidden; zoom: 1; list-style: none; margin-bottom: 20px; }
.extEcDetail1 .extEcDetailSubImg ul li { flex-grow: 0; flex-shrink: 0; width: calc((100% / 9) - 9px); margin-top: 9px; margin-right: 9px; }
.extEcDetail1 .extEcDetailSubImg ul li .extEcDetailSubImgLi { border: 1px solid #EDEDED; box-sizing: border-box; }
.extEcDetail1 .extEcDetailSubImg ul li .extEcDetailSubImgLi a { display: block; overflow: hidden; }
.extEcDetail1 .extEcDetailSubImg ul li .extEcDetailSubImgLi a span { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; }
.extEcDetail1 .extEcDetailSubImg ul li .extEcDetailSubImgLi a span img { max-width: 100%; max-height: 100%; display: inline-block; }
.extEcDetail1 .extEcDetailSubImg .attentionTxt { margin-top: 5px; font-size: 10px; line-height: 1.4em; }

/*刻印*/
.extEcDetail1 .massargeBox { display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.extEcDetail1 .massargeBox .innerLeft { margin-right: 30px; }
.extEcDetail1 .massargeBox .innerLeft p:nth-of-type(1) { line-height: 1.5em; text-align: center; margin-bottom: 17px; }
.extEcDetail1 .massargeBox .innerLeft p:nth-of-type(2) { font-size: 10px; font-weight: bold; color: #A48F68; line-height: 1.7em; }
.extEcDetail1 .massargeBox .innerLeft p:nth-of-type(2) span { display: block; }
.extEcDetail1 .massargeBox .innerLeft p:nth-of-type(2) a { margin-left: 15px; }
.extEcDetail1 .massargeBox .innerRight { flex-grow: 0; flex-shrink: 0; flex-basis: 190px; height: 118px; background: url(/usr-data/modules/extMdlEc/common-img/img_message.jpg) no-repeat 0 0; background-size: 190px 118px; }

/*ズーム*/
.zoomContainer { z-index: 1; }
.zoomLens { border: none !important; cursor: url(/usr-data/modules/extMdlEc/common-img/ico_zoom.cur), auto !important; }
.zoomWindow { margin-left: 20px; }


/*-------------------------------------------------------------
右ブロック
-------------------------------------------------------------*/
.extEcDetail1 .extEcDetailData { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 30px); }
.extEcDetail1 .extEcDetailData a.linkArrowS { margin-left: 10px; width: 15px; height: 13.88px; background: url(/usr-data/modules/extMdlEc/common-img/ico_blank.svg) no-repeat 0 50%; background-size: 15px 13.88px; text-indent: -9999px; }
.extEcDetail1 .extEcDetailData a.linkArrowS:after { content: none; }
.extEcDetail1 .extEcDetailData .detailLinkBox a.linkArrowS { padding: 5px 0 5px 22px; }

/*商品名*/
.extEcDetail1 .extEcDetailData .nameOuter { display: flex; margin-bottom: 40px; }
.extEcDetail1 .extEcDetailData .nameOuter .name { margin-right: 50px; }
.extEcDetail1 .extEcDetailData .nameOuter p.flowerTypePRESS { color: #819d80; white-space: nowrap; }
.extEcDetail1 .extEcDetailData .nameOuter p.flowerTypeDRY { color: #A48F68; white-space: nowrap; }

/*価格*/
.extEcDetail1 .extEcDetailPrice1 { width: 100%; }
.extEcDetail1 .extEcDetailPrice1 strong { font-weight: bold; }
.extEcDetail1 .extEcDetailPrice1 .beforePriceOuter { font-size: 12px; text-decoration: line-through; margin-bottom: 10px; }
.extEcDetail1 .extEcDetailPrice1 .beforePriceOuter .beforePriceName {}
.extEcDetail1 .extEcDetailPrice1 .beforePriceOuter .tax { font-size: 1em; }
.extEcDetail1 .extEcDetailPrice1 .defaultPriceOuter { font-size: 1.2em; margin-bottom: 20px; }
.extEcDetail1 .extEcDetailPrice1 .defaultPriceOuter .defaultPriceName { font-size: 0.8em !important; }
.extEcDetail1 .extEcDetailPrice1 .defaultPriceOuter .tax { font-size: 0.8em !important; }
.extEcDetail1 .extEcDetailPrice1 .beforePriceOuter .before_price .tax { font-size: 1em; }
.extEcDetail1 .extEcDetailPrice1 .defaultPriceOuter .default_price .tax { font-size: 1em; }
.extEcDetail1 .extEcDetailPrice1 .dualPriceOuter .dual_price { text-decoration: line-through; }
.extEcDetail1 .extEcDetailPrice1 p.correspond { margin-top: 10px; }
.extEcDetail1 .extEcDetailPrice1 p.correspond span { display: inline-block; margin-right: 10px; background-color: #373737; padding: 6px 10px 5px 10px; color: #FFF; border-radius: 3px; line-height: 1em; }

/*納期*/
.extEcDetail1 .deliveryDate {}
.extEcDetail1 .deliveryDate p.date { display: inline-block; padding: 15px; background-color: #F4F4F4; line-height: 1; margin-bottom: 10px; }
.extEcDetail1 .deliveryDate p.date span:nth-of-type(1) { display: inline-block; margin-right: 15px; color: #A48F68; }
.extEcDetail1 .deliveryDate p.date span:nth-of-type(2) { color: #000; font-weight: bold; }
.extEcDetail1 .deliveryDate p.notes span { display: block; font-size: 12px; color: #000; line-height: 1.5em; }

/*カートボタン*/
.extEcDetail1 .extEcDetailCartBtn { margin: 20px 0 35px 0; padding: 0; display: flex; align-items: flex-start; }
.extEcDetail1 .extEcDetailCartBtn input[type="text"] { height: 45px !important; box-sizing: border-box; cursor: text; width: 44px; font-size: 14px; padding: 0 10px 2px 10px; border-radius: 3px; text-align: center; vertical-align: top; }
.extEcDetail1 input.extEcBtnCart { height: 43px; line-height: 45px; border-style: none; color: #FFF; font-size: 16px; font-weight: bold; border-radius: 3px; background: #7FCFBC url(/usr-data/modules/extMdlEc/common-img/ico_cart.png) no-repeat 60px 15px; padding: 0 60px 0 83px; }
.extEcDetail1 input.extEcBtnSub { border: 1px solid #CCC; color: #000; font-size: 12px; font-weight: normal; background-color: #FFF; border-radius: 3px; padding: 10px 15px 9px 15px; margin-right: 5px; }
.extEcDetail1 .extEcDetailCartBtnInner { margin-left: 25px; }
.extEcDetail1 .extEcDetailCartBtnInner > .lead { font-size: 14px; margin-top: 5px; }
.extEcDetail1 .designerSelect { position: relative; width: 340px; margin-bottom: 10px; }
.extEcDetail1 .designerSelect input#designerSelectBtn { display: none; }
.extEcDetail1 .designerSelect input#designerSelectBtn + label.designerSelectOpen { position: relative; display: flex; align-items: center; justify-content: flex-start; height: 45px; margin-bottom: 5px; padding: 0 15px; border: 3px solid #000; border-radius: 7px; font-size: 14px; line-height: 1; }
.extEcDetail1 .designerSelect input#designerSelectBtn + label.designerSelectOpen:after { content: ""; position: absolute; top: calc(50% - 3.5px); right: 15px; border: 6px solid transparent; border-top: 7px solid #000; }
.extEcDetail1 .designerSelect input#designerSelectBtn ~ label.designerSelectClose { display: none; width: 100%; height: 50px; position: absolute; top: 0; left: 0; text-indent: -9999px; z-index: 2; }
.extEcDetail1 .designerSelect input#designerSelectBtn:checked ~ label.designerSelectClose { display: block; }
.extEcDetail1 .designerSelect .designerSelectBox { display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #FFF; border: 3px solid #000; border-radius: 7px; padding: 0 15px 15px 15px; font-size: 14px; box-sizing: border-box; z-index: 1; }
.extEcDetail1 .designerSelect input#designerSelectBtn:checked + label ~ .designerSelectBox { display: block; }
.extEcDetail1 .designerSelect .designerSelectBox .ttl { position: relative; display: flex; align-items: center; line-height: 1; height: 45px; font-weight: bold; }
.extEcDetail1 .designerSelect .designerSelectBox .ttl:after { content: ""; position: absolute; top: calc(50% - 10.5px); right: 0; border: 6px solid transparent; border-bottom: 7px solid #000; }
.extEcDetail1 .designerSelect .designerSelectBox .lead { text-align: center; line-height: 1.5; margin-bottom: 10px; }
.extEcDetail1 .designerSelect .designerSelectBox .price { display: flex; align-items: center; font-weight: bold; margin-bottom: 10px; position: relative; }
.extEcDetail1 .designerSelect .designerSelectBox .price:before,
.extEcDetail1 .designerSelect .designerSelectBox .price:after { content: ""; height: 3px; flex-grow: 1; background-color: #000; }
.extEcDetail1 .designerSelect .designerSelectBox .price:before { margin-right: 1em; }
.extEcDetail1 .designerSelect .designerSelectBox .price:after { margin-left: 1em; }
.extEcDetail1 .designerSelect .designerSelectBox dl { position: relative; margin-bottom: 10px; }
.extEcDetail1 .designerSelect .designerSelectBox dl:nth-last-of-type(1) { margin-bottom: 0; }
.extEcDetail1 .designerSelect .designerSelectBox dl dt { position: absolute; top: 0; left: 0; width: 5em; }
.extEcDetail1 .designerSelect .designerSelectBox dl dd { display: block; margin-left: 5em; }

/*リンクボックス*/
.detailLinkBox { margin-bottom: 30px; /*margin-top: 35px;*/ text-align: center; }
.detailLinkBox a:nth-of-type(1) { margin-right: 25px; }

/*詳細ボックス*/
.extEcDetail1 .detailBox { position: relative; }
.extEcDetail1 .detailBox .detailBoxTab { list-style: none; display: inline-flex; }
.extEcDetail1 .detailBox .detailBoxTab li {}
.extEcDetail1 .detailBox .detailBoxTab li:nth-of-type(1) { margin-right: 5px; }
.extEcDetail1 .detailBox .detailBoxTab li a { border: 1px solid #DDD; display: inline-block; padding: 10px 18px; text-decoration: none; line-height: 1; background-color: #A48F68; color: #FFF; font-size: 12px; font-weight: bold; }
.extEcDetail1 .detailBox .detailBoxTab li a.active { border-bottom-color: #FFF; background-color: #FFF; color: #A48F68; z-index: 1; position: relative; }
.extEcDetail1 .detailBoxOuter { border: 1px solid #DDD; padding: 30px; margin-top: -1px; }
.extEcDetail1 .detailSubTtl { font-size: 15px; margin-bottom: 10px; line-height: 1.2em; }
.extEcDetail1 .detailSubTtl a { display: inline-block; margin-left: 12px; font-size: 12px; }

/*SNS*/
.extEcDetail1 .detailBox .snsBox { position: absolute; top: 0; right: 0; display: inline-flex; }
.extEcDetail1 .detailBox .snsBox > iframe { display: inline-block; margin-right: 3px; }
.extEcDetail1 .detailBox .snsBox > div { display: inline-block; margin-right: 3px; }
.extEcDetail1 .detailBox .snsBox > div:nth-last-of-type(1) { margin-right: 0; }

/*商品説明*/
.extEcDetail1 .detailDescription {}
.extEcDetail1 .detailDescription p { margin-bottom: 10px; }
.extEcDetail1 .detailDescription p.flowerTypePRESS { color: #819d80; }
.extEcDetail1 .detailDescription p.flowerTypeDRY { color: #A48F68; }

/*サイズ*/
.extEcDetail1 .detailSize { border-top: 1px solid #DDD; margin-top: 12px; padding-top: 15px; }
.extEcDetail1 .detailSize .inner { display: inline-flex; }
.extEcDetail1 .detailSize .inner p { font-size: 12px; }
.extEcDetail1 .detailSize .inner p:nth-of-type(1):after { content: "/"; padding-left: 5px; margin-right: 5px; display: inline-block; }

/*クロス*/
.extEcDetail1 .detailCloth { border-top: 1px solid #DDD; margin-top: 12px; padding-top: 15px; }
.extEcDetail1 .detailCloth span { font-size: 12px; display: inline-flex; align-items: center; line-height: 1; margin-right: 5px; }
.extEcDetail1 .detailCloth span:nth-last-of-type(1) { margin-right: 0; }

/*レイアウトリクエスト*/
.extEcDetail1 .detailLayoutRequest { border-top: 1px solid #DDD; margin-top: 12px; padding-top: 15px; }
.extEcDetail1 .detailLayoutRequest span { display: inline-block; margin-left: 10px; font-size: 12px; }
.extEcDetail1 .detailLayoutRequest .icons span { display: inline-flex; width: 13em; align-items: center; line-height: 1; font-size: 12px; margin-left: 0; margin-right: 6px; }
.extEcDetail1 .detailLayoutRequest .icons span:nth-last-of-type(1) { margin-right: 0; }
.extEcDetail1 .detailLayoutRequest .icons img { display: inline-block; margin-right: 4px; width: 21px; height: 21px; opacity: .2; }
.extEcDetail1 .detailLayoutRequest .icons img.active { opacity: 1; }

/*デザイナー指名*/
.extEcDetail1 .detailDesigner { border-top: 1px solid #DDD; margin-top: 12px; padding-top: 15px; }
.extEcDetail1 .detailDesigner p { line-height: 1.4em; }

/*オススメのブーケ*/
.extEcDetail1 .detailRecommend { border-top: 1px solid #DDD; margin-top: 12px; padding-top: 15px; }
.extEcDetail1 .detailRecommend p { line-height: 1.4em; }

/*花材の仕上がり*/
.extEcDetail1 .finishBox { display: flex; justify-content: space-between; flex-wrap: wrap; }
.extEcDetail1 .finishBox .innerLeft { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 96px); }
.extEcDetail1 .finishBox .innerLeft p:nth-of-type(1) { font-size: 15px; }
.extEcDetail1 .finishBox .innerLeft p:nth-of-type(2) { font-size: 12px; margin-bottom: 5px; }
.extEcDetail1 .finishBox .innerLeft p.press { padding: 10px; text-align: center; background-color: #A48F68; color: #FFF; font-weight: bold; font-size: 14px; line-height: 1; }
.extEcDetail1 .finishBox .innerLeft p.dry { padding: 10px; text-align: center; background-color: #A48F68; color: #FFF; font-weight: bold; font-size: 14px; line-height: 1; }
.extEcDetail1 .finishBox .innerLeft table { width: 100%; margin-bottom: 10px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; }
.extEcDetail1 .finishBox .innerLeft table th,
.extEcDetail1 .finishBox .innerLeft table td { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; line-height: 1; font-size: 12px; }
.extEcDetail1 .finishBox .innerLeft table th { text-align: left; font-weight: normal; white-space: nowrap; padding: 9px 10px; }
.extEcDetail1 .finishBox .innerLeft table td { text-align: center; padding: 9px 5px; }
.extEcDetail1 .finishBox .innerLeft p { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 76px); }
.extEcDetail1 .finishBox .innerRight { flex-grow: 0; flex-shrink: 0; flex-basis: 76px; padding-top: 10px; }
.extEcDetail1 .finishBox .innerRight img { display: block; margin-bottom: 5px; }
.extEcDetail1 .finishBox .innerRight span { display: block; text-align: center; font-size: 10px; color: #A48F68; margin-bottom: 15px; }
.extEcDetail1 .finishBox .innerRight span:nth-last-of-type(1) { margin-bottom: 0; }
.extEcDetail1 .finishBox > p { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #DDD; font-size: 12px; }
.extEcDetail1 .changeBox > p:nth-of-type(1) { font-size: 15px; }
.extEcDetail1 .changeBox > p:nth-of-type(2) { font-size: 12px; color: #A48F68; line-height: 1.5em; margin-bottom: 10px; }
.extEcDetail1 .changeBox img { width: 100%; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
スマートフォン向け（extEcDetail1）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
共通
-------------------------------------------------------------*/
.extEcDetailSp input[type="text"],
.extEcDetailSp input[type="button"],
.extEcDetailSp input[type="submit"] { -webkit-appearance: none; }
.extEcDetailSp textarea { -webkit-appearance: none; }
.extEcDetailSp { position: relative; }
.extEcDetailSp .inner { }


/*-------------------------------------------------------------
タブ
-------------------------------------------------------------*/
/*.extEcDetailSp .tab { overflow: hidden; display: flex;list-style: none; }
.extEcDetailSp .tab li { flex: 1 1 auto; margin-right: 2px; background: #A48F68; color: #FFF; border: 1px solid #A48F68; padding: 10px 0; text-align: center; line-height: 1; font-size: 12px; font-weight: bold; cursor: pointer; box-sizing: border-box; }
.extEcDetailSp .tab li:nth-last-of-type(1) { margin-right: 0; }
.extEcDetailSp .tab li.select { background-color: #FFF; color: #A48F68; border-bottom-color: #FFF; z-index: 1; }
.extEcDetailSp .hide { display: none; }
.detailBoxOuter { margin-top: -1px; position: relative; border: 1px solid #A48F68; padding: 20px; }*/
/*#detailBoxOuter2,
#detailBoxOuter3 { display: none; }*/


/*-------------------------------------------------------------
ボックス1（基本情報）
-------------------------------------------------------------*/
.extEcDetailSp .extEcDetailImg { position: relative; /*border: 1px solid #EDEDED;*/ margin-bottom: 10px; }
.extEcDetailSp .extEcDetailImg a.detailImgPrevBtn { cursor: pointer; border: none; text-indent: -9999px; position: absolute; top: calc(50% - 15px); left: -30px; display: block; width: 30px; height: 30px; background-color: transparent; z-index: 2; }
.extEcDetailSp .extEcDetailImg a.detailImgPrevBtn:before { content: ''; position: absolute; left: 17px; top: 9px; width: 10px; height: 10px; border-left: solid 2px #A79065; border-bottom: solid 2px #A79065; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: border-color 0.3s; }
.extEcDetailSp .extEcDetailImg a.detailImgNextBtn { cursor: pointer; border: none; text-indent: -9999px; position: absolute; top: calc(50% - 15px); right: -30px; display: block; width: 30px; height: 30px; background-color: transparent; z-index: 2; }
.extEcDetailSp .extEcDetailImg a.detailImgNextBtn:before { content: ''; position: absolute; right: 17px; top: 9px; width: 10px; height: 10px; border-right: solid 2px #A79065; border-top: solid 2px #A79065; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: border-color 0.3s; }
.extEcDetailSp .extEcDetailImg img { width: 100%; height: auto; max-width: 100%; max-height: 100%; display: inline-block; border: none !important; }
.extEcDetailSp .extEcDetailImg ul.itemzoom { height: calc(100vw - 40px); width: 100%; margin: 0 !important; padding: 0; overflow: hidden; text-align: left; list-style: none; }
.extEcDetailSp .extEcDetailImg ul.itemzoom li { height: calc(100vw - 40px); width: 100%; }
.extEcDetailSp .extEcDetailImg ul.itemzoom li img { vertical-align: bottom; }
.extEcDetailSp .extEcDetailSubImg { clear: right; width: 100%; margin-top: 0; margin-bottom: 30px; }
.extEcDetailSp .extEcDetailSubImgInner { width: 100%; overflow: hidden; }
.extEcDetailSp .extEcDetailSubImg ul { display: flex; flex-wrap: wrap; position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; margin: 0 -9px 0 0 !important; zoom: 1; list-style: none; margin-bottom: 20px; }
.extEcDetailSp .extEcDetailSubImg ul li { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 6) - 9px); margin-top: 9px; margin-right: 9px; }
.extEcDetailSp .extEcDetailSubImg ul li:nth-last-of-type(1) { margin-right: 0; }
.extEcDetailSp .extEcDetailSubImg ul li .extEcDetailSubImgLi { border: 1px solid #EDEDED; box-sizing: border-box; }
.extEcDetailSp .extEcDetailSubImg ul li .extEcDetailSubImgLi a { display: block; }
.extEcDetailSp .extEcDetailSubImg ul li .extEcDetailSubImgLi a span { display: flex; align-items: center; justify-content: center; /*width: 42px; height: 42px;*/ }
.extEcDetailSp .extEcDetailSubImg ul li .extEcDetailSubImgLi a span img { max-width: 100%; max-height: 100%; display: inline-block; }
.extEcDetailSp .extEcDetailSubImg .attentionTxt { margin-top: 5px; font-size: 10px; line-height: 1.4em; }

/*商品名*/
.extEcDetailSp .boxSummary1 { display: block !important; justify-content: space-between; margin-bottom: 15px; }
.extEcDetailSp .boxSummary1 > .colLeft { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 5px); }
.extEcDetailSp .boxSummary1 > .colRight { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 5px); }
.extEcDetailSp .boxSummary1 .defaultPriceOuter { margin-bottom: 15px; }
.extEcDetailSp .boxSummary1 > .colRight .deliveryDate {}
.extEcDetailSp .boxSummary1 > .colRight .deliveryDate > p:nth-of-type(1) { background-color: #F2F2F2; margin-bottom: 10px; padding: 10px 0; font-size: 14px; }
.extEcDetailSp .boxSummary1 > .colRight .deliveryDate > p:nth-of-type(1) > span { display: block; text-align: center; line-height: 1; font-weight: bold; }
.extEcDetailSp .boxSummary1 > .colRight .deliveryDate > p:nth-of-type(1) > span:nth-of-type(1) { color: #53A9A8; margin-bottom: 5px; }
.extEcDetailSp .boxSummary1 > .colRight .deliveryDate > p:nth-of-type(2) span { font-size: 12px; color: #53A9A8; line-height: 1.4em; display: block; }
.extEcDetailSp .boxSummary2 { display: flex; }
.extEcDetailSp .boxSummary2 .extEcDetailCartBtn { display: flex; }
.extEcDetailSp .boxSummary2 .extEcDetailCartBtn select.quantity-select { height: 35px !important; }
.extEcDetailSp .boxSummary2 .extEcDetailCartBtn > span { display: inline-block; white-space: nowrap; margin-right: 5px; height: 35px !important; line-height: 35px !important; }
.extEcDetailSp .boxSummary2 .extEcDetailCartBtn > input { display: inline-block; height: 35px; margin-right: 5px; }
.extEcDetailSp .boxSummary2 input.extEcBtnCart { height: 45px; display: flex; align-items: center; justify-content: center; margin-right: 0; width: 100%; border-style: none; color: #FFF; font-size: 14px; font-weight: bold; border-radius: 3px; background-color: #000; background-image: url(/usr-data/modules/extMdlEc/common-img/ico_cart.png); background-repeat: no-repeat; background-position: left calc(50% - 5.3em) top 15px; border-radius: 5px; line-height: 1; padding: 0 0 0 20px; }
.extEcDetailSp .nameOuter > p { font-size: 12px; }
.extEcDetailSp .nameOuter > p.flowerTypePRESS { color: #819d80; }
.extEcDetailSp .nameOuter > p.flowerTypeDRY { color: #A48F68; }
.extEcDetailSp .nameOuter .name { font-size: 18px; margin-bottom: 10px; }
.extEcDetailSp .extEcDetailCartBtnInner {}
.extEcDetailSp .extEcDetailCartBtnInner > .lead { font-size: 14px; margin-top: 5px; }
.extEcDetailSp .designerSelect { position: relative; width: 100%; margin-bottom: 10px; }
.extEcDetailSp .designerSelect input#designerSelectBtn { display: none; }
.extEcDetailSp .designerSelect input#designerSelectBtn + label.designerSelectOpen { position: relative; display: flex; align-items: center; justify-content: flex-start; height: 35px; margin-bottom: 8px; padding: 0 10px; border: 2px solid #000; border-radius: 5px; font-size: 14px; line-height: 1; }
.extEcDetailSp .designerSelect input#designerSelectBtn + label.designerSelectOpen:after { content: ""; position: absolute; top: calc(50% - 3.5px); right: 15px; border: 6px solid transparent; border-top: 7px solid #000; }
.extEcDetailSp .designerSelect input#designerSelectBtn ~ label.designerSelectClose { display: none; width: 100%; height: 50px; position: absolute; top: 0; left: 0; text-indent: -9999px; z-index: 2; }
.extEcDetailSp .designerSelect input#designerSelectBtn:checked ~ label.designerSelectClose { display: block; }
.extEcDetailSp .designerSelect .designerSelectBox { display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #FFF; border: 2px solid #000; border-radius: 3px; padding: 0 10px 10px 10px; font-size: 14px; box-sizing: border-box; z-index: 1; }
.extEcDetailSp .designerSelect input#designerSelectBtn:checked + label ~ .designerSelectBox { display: block; }
.extEcDetailSp .designerSelect .designerSelectBox .ttl { position: relative; display: flex; align-items: center; line-height: 1; height: 35px; font-weight: bold; margin-bottom: 5px; }
.extEcDetailSp .designerSelect .designerSelectBox .ttl:after { content: ""; position: absolute; top: calc(50% - 10.5px); right: 0; border: 6px solid transparent; border-bottom: 7px solid #000; }
.extEcDetailSp .designerSelect .designerSelectBox .lead { text-align: left; line-height: 1.5; margin-bottom: 10px; }
.extEcDetailSp .designerSelect .designerSelectBox .price { display: flex; align-items: center; font-weight: bold; margin-bottom: 10px; position: relative; }
.extEcDetailSp .designerSelect .designerSelectBox .price:before,
.extEcDetailSp .designerSelect .designerSelectBox .price:after { content: ""; height: 3px; flex-grow: 1; background-color: #000; }
.extEcDetailSp .designerSelect .designerSelectBox .price:before { margin-right: .5em; }
.extEcDetailSp .designerSelect .designerSelectBox .price:after { margin-left: .5em; }
.extEcDetailSp .designerSelect .designerSelectBox dl { position: relative; margin-bottom: 10px; }
.extEcDetailSp .designerSelect .designerSelectBox dl:nth-last-of-type(1) { margin-bottom: 0; }
.extEcDetailSp .designerSelect .designerSelectBox dl dt { position: absolute; top: 0; left: 0; width: 4em; line-height: 1; }
.extEcDetailSp .designerSelect .designerSelectBox dl dd { display: block; margin-left: 4em; margin-bottom: 8px; }
.extEcDetailSp .designerSelect .designerSelectBox dl dd:nth-last-of-type(1) { margin-bottom: 0; }
.extEcDetailSp .designerSelect .designerSelectBox dl dd input { float: left; margin-top: 2px; }
.extEcDetailSp .designerSelect .designerSelectBox dl dd label { display: block; margin-left: 18px; padding: 0 0 0 3px; text-align: left; line-height: 1.3; }
.extEcDetailSp .designerSelect .designerSelectBox dl dd label:after { content: ""; clear: both; display: block; }
.extEcDetailSp .designerSelect .lead { font-size: 13px; line-height: 1.3em; }

/*SNS*/
.extEcDetailSp .snsBox { display: flex; justify-content: center; margin-top: 30px; }
.extEcDetailSp .snsBox > iframe { display: inline-block; margin-right: 3px; }
.extEcDetailSp .snsBox > div { display: inline-block; margin-right: 3px; }
.extEcDetailSp .snsBox > div:nth-last-of-type(1) { margin-right: 0; }

/*リンク*/
.extEcDetailSp .detailLinkBox { margin-top: 25px; }
.extEcDetailSp .detailLinkBox a { font-size: 14px; }
.extEcDetailSp .detailLinkBox a:nth-of-type(1) { margin-right: 15px; }
.extEcDetailSp .detailLinkBox a:nth-of-type(2):before { content: ""; border-left: 1px solid #999; padding-left: 15px; }

/*刻印*/
.extEcDetailSp .massargeBox { margin: 0 auto; }
.extEcDetailSp .massargeBox .innerUpper { margin-bottom: 10px; height: 118px; background: url(/usr-data/modules/extMdlEc/common-img/img_message.jpg) no-repeat center top; background-size: 190px 118px; }
.extEcDetailSp .massargeBox .innerLower { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.extEcDetailSp .massargeBox .innerLower p:nth-of-type(1) { line-height: 1.5em; text-align: center; margin-bottom: 10px; }
.extEcDetailSp .massargeBox .innerLower p:nth-of-type(2) { display: inline-block; font-size: 10px; font-weight: bold; color: #A48F68; line-height: 1.7em; }
.extEcDetailSp .massargeBox .innerLower p:nth-of-type(2) span { display: block; }
.extEcDetailSp .massargeBox .innerLower p:nth-of-type(2) a { margin-left: 15px; }


/*-------------------------------------------------------------
ボックス2（商品詳細）
-------------------------------------------------------------*/

.extEcDetailSp #detailBoxOuter2 { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 30px); }
.extEcDetailSp #detailBoxOuter2 a.linkArrowS { margin-left: 10px; padding-right: 25px; width: 15px; height: 13.88px; background: url(/usr-data/modules/extMdlEc/common-img/ico_blank.svg) no-repeat 100% 50%; background-size: 15px 13.88px; text-indent: -9999px; }
.extEcDetailSp #detailBoxOuter2 a.linkArrowS:after { content: none; }
.extEcDetailSp #detailBoxOuter2 .detailLinkBox a.linkArrowS { padding: 5px 0 5px 22px; }

/*説明文*/
.extEcDetailSp .detailDescription { margin-bottom: 15px; }
.extEcDetailSp .detailDescription > p { margin-bottom: 10px; }
.extEcDetailSp .detailDescription > p.flowerTypePRESS { color: #819d80; }
.extEcDetailSp .detailDescription > p.flowerTypeDRY { color: #A48F68; }

/*サイズ*/
.extEcDetailSp .detailSize { border-top: 1px solid #DDD; padding-top: 15px; margin-bottom: 15px; }
.extEcDetailSp .detailSize .detailSubTtl { font-weight: bold; margin-bottom: 10px; line-height: 1.4em; }
.extEcDetailSp .detailSize .detailSubTtl a { font-size: 14px; margin-left: 15px; }

/*クロス*/
.extEcDetailSp .detailCloth { border-top: 1px solid #DDD; padding-top: 15px; margin-bottom: 15px; }
.extEcDetailSp .detailCloth .detailSubTtl { font-weight: bold; margin-bottom: 10px; line-height: 1.4em; }
.extEcDetailSp .detailCloth .detailSubTtl a { font-size: 14px; margin-left: 15px; }

/*レイアウトリクエスト*/
.extEcDetailSp .detailLayoutRequest { border-top: 1px solid #DDD; padding-top: 15px; margin-bottom: 15px; }
.extEcDetailSp .detailLayoutRequest .detailSubTtl { font-weight: bold; margin-bottom: 10px; }
.extEcDetailSp .detailLayoutRequest .detailSubTtl a { font-size: 14px; margin-left: 15px; margin-right: 10px; }
.extEcDetailSp .detailLayoutRequest .detailSubTtl span { font-size: 12px; color: #A48F68; }
.extEcDetailSp .detailLayoutRequest .icons { display: flex; flex-wrap: wrap; margin-right: -10px; }
.extEcDetailSp .detailLayoutRequest .icons span { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 10px); margin-right: 10px; display: block; display: flex; align-items: center; font-size: 12px; line-height: 1.4em; margin-bottom: 10px; }
.extEcDetailSp .detailLayoutRequest .icons span img { display: block; width: 32px; height: auto; margin-right: 10px; }

/*デザイナー指名*/
.extEcDetailSp .detailDesigner { border-top: 1px solid #DDD; padding-top: 15px; margin-bottom: 15px; }
.extEcDetailSp .detailDesigner .detailSubTtl { font-weight: bold; margin-bottom: 10px; }
.extEcDetailSp .detailDesigner .detailSubTtl a { font-size: 14px; margin-left: 15px; margin-right: 10px; }
.extEcDetailSp .detailDesigner .detailSubTtl span { font-size: 12px; color: #A48F68; }
.extEcDetailSp .detailDesigner .icons { display: flex; flex-wrap: wrap; margin-right: -10px; }
.extEcDetailSp .detailDesigner .icons span { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 10px); margin-right: 10px; display: block; display: flex; align-items: center; font-size: 12px; line-height: 1.4em; margin-bottom: 10px; }
.extEcDetailSp .detailDesigner .icons span img { display: block; width: 32px; height: auto; margin-right: 10px; }

/*オススメのブーケ*/
.extEcDetailSp .detailRecommend { border-top: 1px solid #DDD; padding-top: 15px; }
.extEcDetailSp .detailRecommend .detailSubTtl { font-weight: bold; margin-bottom: 10px; }
.extEcDetailSp .detailRecommend .detailSubTtl a { font-size: 14px; margin-left: 15px; margin-right: 10px; }


/*-------------------------------------------------------------
ボックス3（花材の仕上がり）
-------------------------------------------------------------*/

/*お入れできない花材*/
.extEcDetailSp .finishBox { margin-bottom: 15px; }
.extEcDetailSp .finishBox .innerUpper {}
.extEcDetailSp .finishBox .innerUpper > p { font-weight: bold; margin-bottom: 10px; }
.extEcDetailSp .finishBox .innerUpper p:nth-of-type(1) { font-size: 15px; }
.extEcDetailSp .finishBox .innerUpper p:nth-of-type(2) { font-size: 12px; margin-bottom: 5px; }
.extEcDetailSp .finishBox .innerUpper p.press { padding: 10px; text-align: center; background-color: #A48F68; color: #FFF; font-weight: bold; font-size: 14px; line-height: 1; }
.extEcDetailSp .finishBox .innerUpper p.dry { padding: 10px; text-align: center; background-color: #A48F68; color: #FFF; font-weight: bold; font-size: 14px; line-height: 1; }
.extEcDetailSp .finishBox .innerUpper table { width: 100%; margin-bottom: 10px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; }
.extEcDetailSp .finishBox .innerUpper table th,
.extEcDetailSp .finishBox .innerUpper table td { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; line-height: 1; font-size: 12px; }
.extEcDetailSp .finishBox .innerUpper table th { text-align: left; font-weight: normal; white-space: nowrap; padding: 9px 10px; }
.extEcDetailSp .finishBox .innerUpper table td { text-align: center; padding: 9px 5px; }
.extEcDetailSp .finishBox .innerUpper p { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 76px); }
.extEcDetailSp .finishBox .innerLower { display: flex; flex-wrap: wrap; }
.extEcDetailSp .finishBox .innerLower > p { flex: 0 0 100%; font-size: 12px; margin-bottom: 15px; line-height: 1.4em; }
.extEcDetailSp .finishBox .innerLower > .inner { flex: 0 0 25%; }
.extEcDetailSp .finishBox .innerLower img { display: block; margin-bottom: 5px; }
.extEcDetailSp .finishBox .innerLower span { display: block; text-align: center; font-size: 10px; color: #A48F68; margin-bottom: 15px; }
.extEcDetailSp .finishBox .innerLower span:nth-last-of-type(1) { margin-bottom: 0; }
.extEcDetailSp .finishBox > p { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #DDD; font-size: 12px; }
.extEcDetailSp .changeBox { border-top: 1px solid #DDD; padding-top: 15px; }
.extEcDetailSp .changeBox > p:nth-of-type(1) { margin-bottom: 15px; font-weight: bold; }
.extEcDetailSp .changeBox > p:nth-of-type(2) { font-size: 12px; line-height: 1.4em; margin-bottom: 15px; }
.extEcDetailSp .changeBox img { width: 100%; }









/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ダミー用
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extEcRelated-dummy .extEcRelatedList { width: 100%; }
.extEcRelated-dummy #contentsArea .extEcRelatedList a:hover img { opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-filter: "alpha( opacity=100 )" !important; background-color: transparent !important; }
.extEcRelated-dummy .extEcRelatedList ul.extEcRelatedList1Inner { list-style: none; width: auto; margin-right: -40px; position: relative; overflow: hidden; /zoom: 1; }
.extEcRelated-dummy .extEcRelatedList ul.extEcRelatedList1Inner li { display: block; float: left; width: 25%; }
.extEcRelated-dummy .extEcRelatedList ul.extEcRelatedList1Inner li .extEcRelatedList1LiInner { margin: 0 40px 40px 0; }
.extEcRelated-dummy .extEcRelatedList ul.extEcRelatedList1Inner li.extEcRelatedList1LiBox1 { clear: left; }
.extEcRelated-dummy div .extEcRelatedList1Img { margin-bottom: 15px; border: 1px solid #EDEDED; }

/*商品画像*/
.extEcRelated-dummy .extEcRelatedList .extEcRelatedList1Img { position: relative; width: 100%; text-align: center; border: 1px solid #EDEDED; }
.extEcRelated-dummy .extEcRelatedList .extEcRelatedList1Img img { width: 100%; }
.extEcRelated-dummy .extEcRelatedList .extEcRelatedList1Img a span { cursor: pointer; display: block; background-size: contain !important; }
.extEcRelated-dummy .extEcRelatedList .extEcRelatedList1Img span, .extEcRelatedList1Img span a { display: block; }
.extEcRelated-dummy *html .extEcRelatedList1Img a span { width:99%; }

/*newアイコン*/
.extEcRelated-dummy .extEcRelatedList .extEcNew { display: block; position: absolute; width: 65px; height: 66px; background: url(/usr-data/modules/extMdlEc/common-img/ico_ec_new.png) no-repeat 0 0; bottom: 0; right: 0; text-indent: -9999px; z-index: 10; }

/*キャッチ*/
.extEcRelated-dummy .extEcRelatedList p.extEcList1LiCatch { line-height: 1.5em; color: #666; font-size: 1em; }

/*商品タイトル*/
.extEcRelated-dummy .extEcRelatedList p.extEcList1LiName { margin-top: 5px; line-height: 1.5em; }

/*価格*/
.extEcRelated-dummy .extEcRelatedList p.extEcList1LiPrice { font-size: 1em; line-height: 1em; margin-top: 10px; }
.extEcRelated-dummy .extEcRelatedList p.extEcList1LiPrice span.tax { font-size: 0.8em; }
.extEcRelated-dummy .extEcRelatedList1 .b_price{ text-decoration: line-through; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
商品一覧（extEcRelated）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extEcRelated { width: 100%; }
#contentsArea .extEcRelated a:hover img { opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-filter: "alpha( opacity=100 )" !important; background-color: transparent !important; }


/*-------------------------------------------------------------
パターン1：4列（list1.tpl）
-------------------------------------------------------------*/
.extEcRelated ul.extEcRelated1Inner { display: flex; list-style: none; width: auto; margin-right: -15px; position: relative; overflow: hidden; /zoom: 1; }
.extEcRelated ul.extEcRelated1Inner li { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 6) - 15px); margin-right: 15px; }
.extEcRelated ul.extEcRelated1Inner li .extEcRelated1LiInner {}
.extEcRelated ul.extEcRelated1Inner li.extEcRelated1LiBox1 {}
div .extEcRelated1Img { margin-bottom: 15px; border: 1px solid #EDEDED; }

/*商品画像*/
.extEcRelated .extEcRelated1Img { position: relative; width: 100%; text-align: center; border: 1px solid #EDEDED; }
.extEcRelated .extEcRelated1Img img { width: 100%; }
.extEcRelated .extEcRelated1Img a span { cursor: pointer; display: block; background-size: contain !important; }
.extEcRelated .extEcRelated1Img span,
.extEcRelated .extEcRelated1Img span a { display: block; }
*html .extEcRelated1Img a span { width:99%; }

/*newアイコン*/
.extEcRelated .extEcNew { display: block; position: absolute; width: 65px; height: 66px; background: url(/usr-data/modules/extMdlEc/common-img/ico_ec_new.png) no-repeat 0 0; bottom: 0; right: 0; text-indent: -9999px; z-index: 10; }

/*キャッチ*/
.extEcRelated p.extEcList1LiCatch { line-height: 1.5em; color: #666666; }

/*商品タイトル*/
.extEcRelated p.extEcList1LiName { margin-top: 2px; line-height: 1.5em; text-align: left; margin-bottom: 0; }

/*価格*/
.extEcRelated p.defaultPriceOuter { font-size: 1.2em; line-height: 1em; margin-top: 10px; }
.extEcRelated p.defaultPriceOuter strong { }
.extEcRelated p.defaultPriceOuter span.tax { font-size: 0.8em; }

/*カートボタン*/
.extEcRelated .extEcDetailCartBtn { margin-top: 10px; }
.extEcRelated .extEcDetailCartBtn span.limitation { line-height: 44px; }
.extEcRelated .extEcDetailCartBtn input[type="text"] { cursor: text; width: 44px; font-size:14px; height: 44px; padding: 0 10px 2px 10px; border-radius: 3px; text-align: center; vertical-align: top; }
.extEcRelated input.extEcBtnCart { width: 100%; height: 43px; margin-top: 10px; line-height: 45px; border-style: none; color: #FFF; font-size: 16px; font-weight: bold; border-radius: 3px; background: #EE6132 url(/usr-data/modules/extMdlEc/common-img/ico_cart.png) no-repeat 40px 15px; padding: 0 40px 0 63px; }
.extEcRelated .disp { float: left; margin-right: 20px; margin-top: 10px; font-weight: bold; line-height: 44px; }


/*-------------------------------------------------------------
その他
-------------------------------------------------------------*/
.extEcRelated1 .b_price { text-decoration: line-through; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
スマートフォン向け
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*.spLayout .extEcRelatedScroller { width: 9999px; overflow: hidden; }
.spLayout .extEcRelatedScroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; }
.spLayout .extEcRelatedScroller ul.extEcRelatedul li { display: inline; float: left; width: 100%; margin: 0; width: 320px; }
.spLayout .extEcRelatedScroller .listImage { margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; }
.spLayout .extEcRelatedScroller li a { width: 100% !important; }
.spLayout .extEcRelatedScroller li a span { border: none; }
.spLayout .extEcRelatedScroller li a span img { margin: 0 auto; }

.spLayout .extEcRelated p.extEcList1LiPrice { font-size: 1.2em; line-height: 1em; margin-top: 10px; }
.spLayout .extEcRelated p.extEcList1LiPrice span.tax { font-size: 0.8em; }
.spLayout .extEcRelated .disp { float: none; line-height: normal; }
.spLayout .extEcRelated .extEcDetailCartBtn input[type="text"] { margin-right: 4px; vertical-align: middle; height: 45px !important; box-sizing: border-box; }
.spLayout .extEcRelated input.extEcBtnCart { width: auto; margin-top: 0; vertical-align: middle; background-position: 30px 15px; }

.spLayout .extEcRelated { overflow: hidden; }
.spLayout .extEcRelated ul.extEcRelatedul { list-style: none; padding: 0; }
.spLayout .extEcRelatedOuter { position: relative; }
.spLayout .extEcRelatedImg { position: relative; border: 1px solid #EDEDED; }
.spLayout .RelatedListMark { top: 10px !important; right: 10px !important; }
.spLayout .extEcRelatedInner { margin: 15px 0 10px 0; }
.spLayout .extEcRelated .pointer span { margin: 0 2px; }*/

.spLayout .extEcRelatedul { list-style: none; display: flex; overflow: auto; margin-right: -20px; }
.spLayout .extEcRelatedul li { flex: 0 0 120px; margin-right: 20px; }
.spLayout .extEcRelatedul li .extEcRelatedOuter {}
.spLayout .extEcRelatedul li .extEcRelatedOuter .extEcRelatedImg { margin-bottom: 5px; }
.spLayout .extEcRelatedul li .extEcRelatedOuter .extEcRelatedImg a { display: block; }
.spLayout .extEcRelatedul li .extEcRelatedOuter .extEcRelatedImg a span { /*display: flex;*/ }
.spLayout .extEcRelatedul li .extEcRelatedOuter .extEcRelatedImg a span img { height: auto; max-width: 100%; max-height: 100%; /*flex: 0 0 auto;*/ }








/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
商品一覧（extEcLatelyList）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extEcLatelyList { width: 100%; }
#contentsArea .extEcLatelyList a:hover img { opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-filter: "alpha( opacity=100 )" !important; background-color: transparent !important; }

/*カートボタン*/
.extEcLatelyList .extEcDetailCartBtn { margin-top: 10px; }
.extEcLatelyList .extEcDetailCartBtn span.limitation { line-height: 44px; }
.extEcLatelyList .extEcDetailCartBtn input[type=text] { cursor: text; width: 44px; font-size:14px; height: 44px; padding: 0 10px 2px 10px; border-radius: 3px; text-align: center; vertical-align: top; }
.extEcLatelyList input.extEcBtnCart { width: 100%; height: 43px; margin-top: 10px; line-height: 45px; border-style: none; color: #FFF; font-size: 16px; font-weight: bold; border-radius: 3px; background: #EE6132 url(/usr-data/modules/extMdlEc/common-img/ico_cart.png) no-repeat 10% 15px; padding: 0 10% 0 15%; }
.extEcLatelyList .disp { float: left; margin-right: 20px; margin-top: 10px; font-weight: bold; line-height: 44px; }


/*-------------------------------------------------------------
パターン1：4列（list1.tpl）
-------------------------------------------------------------*/
.extEcLatelyList ul.extEcLatelyList1Inner { display: flex; list-style: none; width: auto; margin-right: -15px; position: relative; overflow: hidden; /zoom: 1; }
.extEcLatelyList ul.extEcLatelyList1Inner li { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 6) - 15px); margin-right: 15px; }
.extEcLatelyList ul.extEcLatelyList1Inner li .extEcLatelyList1LiInner { }
.extEcLatelyList ul.extEcLatelyList1Inner li.extEcLatelyList1LiBox1 { }
div .extEcLatelyList1Img { margin-bottom: 15px; border: 1px solid #EDEDED; }

/*商品画像*/
.extEcLatelyList .extEcLatelyList1Img { position: relative; width: 100%; text-align: center; border: 1px solid #EDEDED; }
.extEcLatelyList .extEcLatelyList1Img img { width: 100%; }
.extEcLatelyList .extEcLatelyList1Img a span { cursor: pointer; display: block; background-size: contain !important; }
.extEcLatelyList .extEcLatelyList1Img span, .extEcLatelyList1Img span a { display: block; }
*html .extEcLatelyList1Img a span { width:99%; }

/*newアイコン*/
.extEcLatelyList .extEcNew { display: block; position: absolute; width: 65px; height: 66px; background: url(/usr-data/modules/extMdlEc/common-img/ico_ec_new.png) no-repeat 0 0; bottom: 0; right: 0; text-indent: -9999px; z-index: 10; }

/*キャッチ*/
.extEcLatelyList p.extEcList1LiCatch { line-height: 1.5em; color: #666666; font-size: 1em; }

/*商品タイトル*/
.extEcLatelyList p.extEcList1LiName { margin-top: 5px; line-height: 1.5em; text-align: left; margin-bottom: 0; }

/*価格*/
.extEcLatelyList p.extEcList1LiPrice { font-size: 1.2em; line-height: 1em; margin-top: 10px; }
.extEcLatelyList p.extEcList1LiPrice span.tax { font-size: 0.8em; }


/*-------------------------------------------------------------
その他
-------------------------------------------------------------*/
.extEcLatelyList1 .b_price { text-decoration: line-through; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
スマートフォン向け
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*.spLayout .extEcLatelyListScroller { width: 9999px; overflow: hidden; }
.spLayout .extEcLatelyListScroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; }
.spLayout .extEcLatelyListScroller ul.extEcLatelyListul li { display: inline; float: left; width: 100%; margin: 0; width: 320px; }
.spLayout .extEcLatelyListScroller .listImage { margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; }
.spLayout .extEcLatelyListScroller li a { width: 100% !important; }
.spLayout .extEcLatelyListScroller li a span { border: none; }
.spLayout .extEcLatelyListScroller li a span img { margin: 0 auto; }

.spLayout .extEcLatelyList { overflow: hidden; }
.spLayout .extEcLatelyList ul.extEcLatelyListul { list-style: none; padding: 0; }
.spLayout .extEcLatelyListOuter { position: relative; }
.spLayout .extEcLatelyListImg { position: relative; }
.spLayout .extEcLatelyListImg a span { border: 1px solid #EDEDED !important; box-sizing: border-box; }
.spLayout .LatelyListMark { top: 10px !important; right: 10px !important; }
.spLayout .extEcLatelyListInner { margin: 15px 0 10px 0; }
.spLayout .extEcLatelyList .pointer span { margin: 0 2px; }*/

.spLayout .extEcLatelyListul { list-style: none; display: flex; overflow: auto; margin-right: -20px; }
.spLayout .extEcLatelyListul li { flex: 0 0 120px; margin-right: 20px; }
.spLayout .extEcLatelyListul li .extEcLatelyListOuter {}
.spLayout .extEcLatelyListul li .extEcLatelyListOuter .extEcLatelyListImg { margin-bottom: 5px; }
.spLayout .extEcLatelyListul li .extEcLatelyListOuter .extEcLatelyListImg a { display: block; }
.spLayout .extEcLatelyListul li .extEcLatelyListOuter .extEcLatelyListImg a span { /*display: flex;*/ }
.spLayout .extEcLatelyListul li .extEcLatelyListOuter .extEcLatelyListImg a span img { max-width: 100%; max-height: 100%; /*flex: 0 0 auto;*/ }









/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カレンダーモジュール
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extMdlViewCal .odd { float: left; width: 50%; }
.extMdlViewCal .odd .bsmHolidayCalendarBox { margin-right: 5px; }
.extMdlViewCal .even { float: right; width: 50%; }
.extMdlViewCal .even .bsmHolidayCalendarBox { margin-left: 5px; }
.extMdlViewCal .bsmContentTable { width: 100%; border-collapse: collapse; border-spacing: 0; }
.extMdlViewCal .bsmContentTable td.left { width: auto; }
.extMdlViewCal p.month_caption { height: 30px; margin-bottom: 5px; line-height: 32px; background-color: #FA2B01; color: #FFF; font-size: 12px; text-align: center; }
.extMdlViewCal table.calendarTable { width: 100%; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #DDD; font-size: 12px; }
.extMdlViewCal table.calendarTable th { font-weight: normal; line-height: 2em; border: 1px solid #DDD; border-bottom: none; }
.extMdlViewCal table.calendarTable td { line-height: 2em; border: 1px solid #DDD; border-bottom: none; }
.extMdlViewCal .this_month .holyday { display: block; background-color: #F6E4EC; }
.extMdlViewCal .this_month .sunday { color: #C00; }
.extMdlViewCal .this_month .saturday { color: #069;}
.txtHoli { margin-top: 10px; }
.txtHoli span { color: #F6E4EC; }







/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カレンダーモジュール（スマートフォン用）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extMdlViewCal .odd { float: left; width: 50%; }
.extMdlViewCal .odd .bsmHolidayCalendarBox { margin-right: 5px; }
.extMdlViewCal .even { float: right; width: 50%; }
.extMdlViewCal .even .bsmHolidayCalendarBox { margin-left: 5px; }
.extMdlViewCal .bsmContentTable { width: 100%; border-collapse: collapse; border-spacing: 0; }
.extMdlViewCal .bsmContentTable td.left { width: auto; }
.extMdlViewCal p.month_caption { height: 30px; margin-bottom: 5px; line-height: 32px; background-color: #FA2B01; color: #FFF; font-size: 12px; text-align: center; }
.extMdlViewCal table.calendarTable { width: 100%; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #DDD; font-size: 12px; }
.extMdlViewCal table.calendarTable th { font-weight: normal; line-height: 2em; border: 1px solid #DDD; border-bottom: none; }
.extMdlViewCal table.calendarTable td { line-height: 2em; border: 1px solid #DDD; border-bottom: none; }

.extMdlViewCal .this_month .holyday { display: block; background-color: #F6E4EC; }
.extMdlViewCal .this_month .sunday { color: #C00; }
.extMdlViewCal .this_month .saturday { color: #069;}









/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
お取り扱い会場
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*SP用セレクトボックス*/
.listPrefectureSp { display: none; }

/*都道府県選択枠*/
.listPrefecture { margin-bottom: 80px; }
.listPrefecture strong { display: block; border-bottom: 2px solid #333; padding-bottom: 8px; margin-bottom: 8px; line-height: 1em; font-size: 14px; }
.listPrefecture dl { }
.listPrefecture .innerLeft { float: left; width: 48%; }
.listPrefecture .innerRight { float: right; width: 48%; }
.listPrefecture dl { font-size: 12px; border-bottom: 1px solid #DDD; }
.listPrefecture dl dt { width: 7em; font-size: 12px; float: left; }
.listPrefecture dl dd { display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; }
.listPrefecture dl dd a { color: #999 !important; text-decoration: none !important; }
.listPrefecture dl dd a:hover { color: #333 !important; text-decoration: underline !important; }
.listPrefecture p { font-size: 12px; color: #999; margin-top: 8px; }

/*タブ*/
ul.navArea { height: 40px; margin: 0 -30px 0 0; list-style: none; zoom: 1; overflow: hidden; }
ul.navArea:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
ul.navArea li { float: left; width: calc(99.9% / 7); }
ul.navArea li a span { font-size: 8px; line-height: 1em; display: inline-block; color: #999; position: relative; top: -2px; margin-left: 8px; }
ul.navArea li a { display: block; margin-right: 30px; padding-bottom: 8px; color: #999; text-decoration: none !important; line-height: 1em; font-size: 14px; border-bottom: 2px solid #DDD; }
ul.navArea li a:hover { color: #333; border-bottom-color: #333; }

/*一覧枠*/
.tabBox .tab { background-color: #FFF; padding: 40px 0; }
.tabBox .tab h1 { color: #000; text-align: center; font-size: 16px; font-weight: normal; margin-bottom: 40px; color: #454545; }
.tabBox .tab h3 { color: #333; font-weight: normal; font-size: 14px; clear: both; float: left; width: 300px; }
.tabBox .tab h3 span { }
.tabBox .tab ul { margin: 0 0 80px 0; list-style: none; float: right; width: 660px; }
.tabBox .tab ul li { font-size: 12px; float: left; width: 50%; }








/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
アフターブーケの世界（リスト）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
アフターブーケの世界（一覧）
-------------------------------------------------------------*/
.extMdlShowCase .tagArea { overflow: hidden; }
.extMdlShowCase .tagArea ul { list-style: none; display: flex; justify-content: center; }
.extMdlShowCase .tagArea ul li { line-height: 1.5em; flex-grow: 0; flex-shrink: 0; flex-basis: 100px; text-align: center; margin: 0 3px; }
.extMdlShowCase .tagArea ul li:nth-of-type(3),
.extMdlShowCase .tagArea ul li:nth-of-type(7) { margin-right: 48px !important; }
.extMdlShowCase .tagArea ul li a { display: block; font-size: 12px; color: #CCC !important; font-weight: bold; text-decoration: none !important; border-bottom: 2px solid #DDD; padding-bottom: 5px; transition: all 0.2s; }
.extMdlShowCase .tagArea ul li.active a,
.extMdlShowCase .tagArea ul li a:hover { color: #333 !important; border-bottom-color: #000; }
.extMdlShowCase .tagArea ul li a:hover:after,
.extMdlShowCase .tagArea ul li.active a:after {}
.extMdlShowCase .caseArea { margin-top: 35px; position: relative; }
.extMdlShowCase .caseArea p { background-color: #F4F4F4; padding: 20px; text-align: center; margin-top: 10px; }
.extMdlShowCase .caseArea ul { margin-right: -15px; overflow: hidden; list-style: none; }
.extMdlShowCase .caseArea ul li { width: calc(100% / 3); float: left; margin-bottom: 15px; }
.extMdlShowCase .caseArea ul li a { display: block; margin-right: 15px; position: relative; }
.extMdlShowCase .caseArea ul li a > .inner { display: block; }
.extMdlShowCase .caseArea ul li .head { position: absolute; top: 0; width: 323px; height: 323px; display: table; vertical-align: middle; background: rgba(0,0,0,0); transition: background .5s; }
.extMdlShowCase .caseArea ul li .head:hover { background: rgba(0, 0, 0, .4); }
.extMdlShowCase .caseArea ul li .name { padding: 0 30px; font-size: 16px; line-height: 1.4em; color: #FFF; font-weight: bold; display: table-cell; vertical-align: middle; text-align: center; opacity: 0; transition: opacity .5s; }
.extMdlShowCase .caseArea ul li .name:hover { opacity: 1; }
.extMdlShowCase .caseArea ul li .new { color: #FFF; background-color: #64C6C9; font-size: 11px; font-weight: bold; padding: 6px 16px; line-height: 1em; position: absolute; top: 0; left: 0; cursor: default; }
.extMdlShowCase .caseArea ul li .tag { display: inline-block; font-size: 11px; color: #999; margin-bottom: 15px; line-height: 1.2em }
.extMdlShowCase .caseArea ul li .image { display: block; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; text-align: center; padding-top: 100%; }
.extMdlShowCase .caseArea ul li .image img { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: auto; }
.extMdlShowCase .caseArea ul li .image:not(.noLink) a:hover { opacity: .3; }
.extMdlShowCase .caseArea ul li .image a .caseMore { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); color: #FFF; font-weight: bold; }
.extMdlShowCase .caseArea ul li .image.noLink a { cursor: default; }
.extMdlShowCase .caseArea ul li.movie span { display: block; margin-right: 15px; height: 661px; overflow: hidden; }
.extMdlShowCase .caseArea ul li.movie span img { width: 100%; }
.extMdlShowCase .caseArea a.link { font-size: 16px; font-weight: bold; display: block; width: 323px; height: 48px; line-height: 48px; border-radius: 48px; margin: 20px auto 0 auto; text-decoration: none; color: #fff; text-align: center; border-width: 1px; border-style: solid; background: rgba(55,55,55,1); transition: background .3s; }
.extMdlShowCase .caseArea a.link:hover { background: rgba(55, 55, 55, .7); }
.extMdlShowCase .pager { text-align: center; }
#contentsAreaSection .extMdlShowCase .pager a.more { font-size: 16px; font-weight: bold; display: block; width: 323px; height: 48px; line-height: 48px; border-radius: 3px; margin: 20px auto 0 auto; text-decoration: none; color: #fff; text-align: center; border-width: 1px; border-style: solid; background-color: #A48F68; transition: opacity .2s; }
#contentsAreaSection .extMdlShowCase .pager a.more:hover { opacity: 0.6; }


/*-------------------------------------------------------------
アフターブーケの世界（商品詳細ページ）
-------------------------------------------------------------*/

/*商品画像*/
.extMdlShowCase2 .images { position: relative; margin-bottom: 50px; }
.extMdlShowCase2 .images a.prev,
.extMdlShowCase2 .images a.next { position: absolute; top: 50%; margin-top: -26px; display: block; width: 52px; height: 52px; text-indent: -9999px; }
.extMdlShowCase2 .images a.prev { left: -88px; background: url(/usr-data/modules/extMdlShowCase/common-img/btn_slide_prev.png) no-repeat 0 0; }
.extMdlShowCase2 .images a.next { right: -88px; background: url(/usr-data/modules/extMdlShowCase/common-img/btn_slide_next.png) no-repeat 0 0; }
.extMdlShowCase2 .images .overlay { width: 100%; height: 100%; transform: translate3d(0, -100%, 0); }

/*下部スライダー*/
.extMdlShowCase2 .jslide-pointer { height: 110px; width: 960px; text-align: left; margin: 0 0 52px 0 !important; }
.extMdlShowCase2 .jslide-pointer > a { position: absolute; }
.extMdlShowCase2 .jslide-pointer > a.jslide-pointer-prev { display: block; position: absolute; top: 0; left: 0; width: 35px; height: 110px; background-color: rgba(255,255,255,0.8); background-image: url(/usr-data/modules/extMdlShowCase/common-img/arrow_box_slide_prev.png); background-repeat: no-repeat; background-position: center center; z-index: 10; cursor: pointer; text-indent: -9999px; }
.extMdlShowCase2 .jslide-pointer > a.jslide-pointer-next { display: block; position: absolute; top: 0; right: 0; width: 35px; height: 110px; background-color: rgba(255,255,255,0.8); background-image: url(/usr-data/modules/extMdlShowCase/common-img/arrow_box_slide_next.png); background-repeat: no-repeat; background-position: center center; z-index: 10; cursor: pointer; text-indent: -9999px; }
.extMdlShowCase2 .jslide-pointer .inner { height: 100%; width: 100%; overflow: hidden; }
.extMdlShowCase2 .jslide-pointer .inner div { height: 100%; width: 1000%; margin-left: -5px; }
.extMdlShowCase2 .jslide-pointer .inner a { display: inline-block; height: 100%; padding-left: 10px; box-sizing: border-box; position: relative; }
.extMdlShowCase2 .jslide-pointer .inner a.isVideo span:after { content: ""; display: block; width: 48px; height: 36px; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -20px; background: url(/usr-data/modules/extMdlShowCase/common-img/icon-play.png) no-repeat center center; }
.extMdlShowCase2 .jslide-pointer .inner span { display: inline-block; height: 100%; width: 100%; text-align: center; position: relative; }
.extMdlShowCase2 .jslide-pointer .inner span img { height: 100%; }
.extMdlShowCase2 .jslide-pointer .inner span:after { content: ""; display: block; width: 110px; height: 110px; border: 5px solid #CCC; opacity: 0; position: absolute; top: 0; box-sizing: border-box; transition: opacity .3s; }
.extMdlShowCase2 .jslide-pointer .inner span:hover:after,
.extMdlShowCase2 .jslide-pointer .inner .active span:after { opacity: 1; }
/*.extMdlShowCase2 .jslide-pointer .inner .active span { background-color: rgba(186,220,176, 1); display: inline-block; }
.extMdlShowCase2 .jslide-pointer .inner .active span img { opacity: .3; }*/


/*-------------------------------------------------------------
アフターブーケの世界（SP一覧）
-------------------------------------------------------------*/

/*タグ*/
.extMdlShowCase .splayout select { width: 100%; margin: 0; font-size: 16px; transition: all 0.2s; padding: 0 16px; border-radius: 3px; outline: 0; box-sizing: border-box; height: 42px; line-height: 1.1em; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; text-indent: 0.01px; text-overflow: ''; vertical-align: middle; position: relative; border-width: 1px; border-style: solid; border-color: #E4E4E4; color: #373737; background-color: #FFF; }
.extMdlShowCase .splayout select:focus { z-index: 1; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); border-width: 1px; border-style: solid; border-color: #09A0F6; }
.extMdlShowCase .splayout select::-ms-expand { display: none; }
.extMdlShowCase .splayout label.arrow { position: relative; }
.extMdlShowCase .splayout label.arrow:after { display: block; content: ""; position: absolute; top: 50%; right: 16px; width: 13px; height: 17px; background-image: url(/usr-data/modules/extMdlShowCase/common-img/ico_arrow_down.png); background-repeat: no-repeat; background-position: 0 0; pointer-events: none; }
.extMdlShowCase .splayout label.arrow select { padding-right: 23px; }

/*一覧*/
.extMdlShowCase .splayout .tagArea { overflow: hidden; }
.extMdlShowCase .splayout .caseArea { margin-top: 35px; position: relative; }
.extMdlShowCase .splayout .caseArea p { background-color: #F4F4F4; padding: 20px; text-align: center; margin-top: 10px; }
.extMdlShowCase .splayout .caseArea ul { overflow: hidden; margin-right: -10px; list-style: none; }
.extMdlShowCase .splayout .caseArea ul li { width: calc(100% / 3); float: left; margin-bottom: 10px; }
.extMdlShowCase .splayout .caseArea ul li a { display: block; position: relative; }
.extMdlShowCase .splayout .caseArea ul li.movie span { display: block; }
.extMdlShowCase .splayout .caseArea ul li a,
.extMdlShowCase .splayout .caseArea ul li.movie span { margin-right: 10px; }
.extMdlShowCase .splayout .caseArea ul li a > .inner { display: block; }
.extMdlShowCase .splayout .caseArea ul li .new { color: #FFF; background-color: #64C6C9; font-size: 10px; font-weight: bold; padding: 4px 10px; line-height: 1em; position: absolute; top: 0; left: 0; cursor: default; }
.extMdlShowCase .splayout .caseArea ul li .image { display: block; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; text-align: center; padding-top: 100%; }
.extMdlShowCase .splayout .caseArea ul li .image img { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: auto; }
.extMdlShowCase .splayout .caseArea ul li .image:not(.noLink) a:hover { opacity: .3; }
.extMdlShowCase .splayout .caseArea ul li .image a .caseMore { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); color: #FFF; font-weight: bold; }
.extMdlShowCase .splayout .caseArea ul li .image.noLink a { cursor: default; }
.extMdlShowCase .splayout .caseArea ul li.movie span { display: block; height: calc(((100vw / 3) * 2) - 30px); overflow: hidden; }
.extMdlShowCase .splayout .caseArea ul li.movie span img { width: 100%; }
.extMdlShowCase .splayout .caseArea a.link { font-size: 16px; font-weight: bold; display: block; width: 301px; height: 48px; line-height: 48px; border-radius: 48px; margin: 20px auto 0 auto; text-decoration: none; color: #fff; text-align: center; border-width: 1px; border-style: solid; background: rgba(55,55,55,1); transition: background .3s; }
.extMdlShowCase .splayout .caseArea a.link:hover { background: rgba(55,55,55,.7); }
.extMdlShowCase .splayout .pager { text-align: center; }

/*もっと見るボタン*/
.extMdlShowCase .splayout .caseArea a.link,
#contentsAreaSection .extMdlShowCase .splayout .pager a.more { width: 100%; height: 40px; line-height: 40px; margin: 16px 0 0 0; font-size: 14px; border-radius: 3px; }









/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ギャラリー（詳細）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extMdlShowCaseDetail:not(.isAdmin) { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #F4F4F4; z-index: 10000; /*transition: opacity .3s ease-out 0s;*/ }
.extMdlShowCaseDetail .none { display: none; }
.extMdlShowCaseDetail .contents { box-sizing: border-box; width: 100%; height: 100%; }
.extMdlShowCaseDetail .contents .col { height: 100%; }
.extMdlShowCaseDetail.isStatic:not(.isAdmin) { top: 241px; height: calc(100% - 241px); }
.extMdlShowCaseDetail.isStatic:not(.isAdmin) .close { display: none; }

/*ボタン*/
.extMdlShowCaseDetail .close { position: absolute; top: 26px; right: 26px; display: block; width: 25px; height: 25px; background: url(/usr-data/modules/extMdlShowCase/common-img/btn_close.png) no-repeat 0 0; text-indent: -9999px; transition: opacity .2s; cursor: pointer; }
.extMdlShowCaseDetail .close:hover { opacity: 0.6; }
.extMdlShowCaseDetail .next { position: absolute; top: 50%; right: 0; display: block; width: 72px; height: 52px; margin-top: -26px; background: url(/usr-data/modules/extMdlShowCase/common-img/btn_slide_next.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; z-index: 100; transition: opacity 0.2s; }
.extMdlShowCaseDetail .prev { position: absolute; top: 50%; left: 0; display: block; width: 72px; height: 52px; margin-top: -26px; background: url(/usr-data/modules/extMdlShowCase/common-img/btn_slide_prev.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; z-index: 100; transition: opacity 0.2s; }
.extMdlShowCaseDetail .next:hover,
.extMdlShowCaseDetail .prev:hover { opacity: 0.6; }


/*-------------------------------------------------------------
右カラム
-------------------------------------------------------------*/
.extMdlShowCaseDetail .contents .col1 { width: 420px; float: right; background-color: #FFF; }
.extMdlShowCaseDetail .contents .col1 > .inner { height: 100%; overflow: hidden; /*display: flex; align-items: center;*/ }
.extMdlShowCaseDetail .contents .col1 .contentOuter { box-sizing: border-box; }
.extMdlShowCaseDetail .contents .col1 .content { padding: 40px 56px 40px 30px; }
.extMdlShowCaseDetail .contents .col1 .name { font-size: 16px; line-height: 1.4em; margin-bottom: 2px; }
.extMdlShowCaseDetail .contents .col1 .tag { display: inline-block; font-size: 11px; color: #777; margin-bottom: 35px; line-height: 1.2em; }
.extMdlShowCaseDetail .contents .col1 .text1 { line-height: 1.9em; margin-bottom: 25px; font-size: 13px; }
.extMdlShowCaseDetail .contents .col1 .text2 { font-size: 11px; color: #777; line-height: 1.9em; margin-bottom: 30px; }
.extMdlShowCaseDetail .contents .col1 .link { display: block; width: 245px; height: 45px; background-color: #A48F68; color: #FFF !important; text-decoration: none !important; text-align: center; font-size: 14px; font-weight: bold; line-height: 45px; margin-bottom: 40px; transition: opacity 0.2s; }
.extMdlShowCaseDetail .contents .col1 .link:hover { opacity: 0.6; }

/*関連の情報*/
.extMdlShowCaseDetail .contents .col1 .relate { border-top: 1px solid #DDD; margin: 0 -56px 0 -30px; }
.extMdlShowCaseDetail .contents .col1 .relate > .inner { padding: 40px 56px 0 30px; }
.extMdlShowCaseDetail .contents .col1 .relate > .inner p.title { font-size: 12px; line-height: 1em; margin-bottom: 16px; }
.extMdlShowCaseDetail .contents .col1 .relate > .inner .caseList { width: 100%; overflow: hidden; }
.extMdlShowCaseDetail .contents .col1 .relate > .inner .caseList ul { display: flex; flex-wrap: wrap; margin-top: -8px; margin-right: -8px; overflow: hidden; list-style: none; overflow-y: hidden; }
.extMdlShowCaseDetail .contents .col1 .relate > .inner .caseList ul li { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 5) - 8px); height: 60px; margin-right: 8px; margin-top: 8px; }
.extMdlShowCaseDetail .contents .col1 .relate > .inner .caseList ul li a { overflow: hidden; position: relative; display: inline-block; width: 100%; padding-top: 100%; height: 0; background-repeat: no-repeat; background-position: center; background-size: contain; transition: opacity 0.2s; }
.extMdlShowCaseDetail .contents .col1 .relate > .inner .caseList ul li a:hover { opacity: 0.6; }
/*.extMdlShowCaseDetail .contents .col1 .relate > .inner .caseList ul li a:after { content: ""; display: block; width: 60px; height: 60px; border: 5px solid #CCC; opacity: 0; position: absolute; top: 0; box-sizing: border-box; transition: opacity 0.5s; }
.extMdlShowCaseDetail .contents .col1 .relate > .inner .caseList ul li a:hover:after { content: ""; display: block; width: 60px; height: 60px; border: 5px solid #CCC; opacity: 1; position: absolute; top: 0; box-sizing: border-box; }*/


/*-------------------------------------------------------------
左カラム
-------------------------------------------------------------*/
.extMdlShowCaseDetail .contents .col2 { width: calc(100% - 420px); float: left; }
.extMdlShowCaseDetail .contents .col2 > .inner { height: 100%; overflow: hidden; }
.extMdlShowCaseDetail .contents .col2 .imageOuter { position: relative; width: 100%; height: 100%; }
.extMdlShowCaseDetail .contents .col2 div.image { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; width: 100%; }
.extMdlShowCaseDetail .contents .col2 iframe.image { width: 100%; height: 100%; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
SPアフターブーケの世界（詳細）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extMdlShowCaseDetail.splayout:not(.isAdmin) { background-color: #FFF; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
.extMdlShowCaseDetail.splayout .close { top: 16px; right: 16px; width: 26px; height: 26px; background-size: 26px 26px; }
.extMdlShowCaseDetail.splayout .contents { /*overflow: auto;*/ display: -webkit-flex; display: flex; flex-flow: initial; flex-direction: column-reverse; height: auto; }
.extMdlShowCaseDetail.splayout .contents .col { height: auto; }
.extMdlShowCaseDetail.isStatic.splayout:not(.isAdmin) { position: fixed; top: 45px; height: calc(100% - 45px); }

/*ボタン*/
.extMdlShowCaseDetail.splayout .close { position: absolute; top: 10px; right: 10px; width: 35px; height: 35px; background: url(/usr-data/modules/extMdlShowCase/common-img/sp_btn_close.png) no-repeat 0 0; background-size: 35px 35px; }
.extMdlShowCaseDetail.splayout .next { position: absolute; top: 50%; right: 10px; width: 40px; height: 40px; margin-top: -20px; background: url(/usr-data/modules/extMdlShowCase/common-img/sp_btn_slide_next.png) no-repeat 0 0; background-size: 40px 40px; }
.extMdlShowCaseDetail.splayout .prev { position: absolute; top: 50%; left: 10px; width: 40px; height: 40px;  margin-top: -20px; background: url(/usr-data/modules/extMdlShowCase/common-img/sp_btn_slide_prev.png) no-repeat 0 0; background-size: 40px 40px; }


/*-------------------------------------------------------------
上カラム
-------------------------------------------------------------*/
.extMdlShowCaseDetail.splayout .contents .col1 > .inner { height: auto !important; overflow: visible !important; }
.extMdlShowCaseDetail.splayout .contents .col2 { float: none; width: 100%; padding-top: 48px; background-color: #FFF; }
.extMdlShowCaseDetail.isStatic.splayout .contents .col2 { padding-top: 32px; }
.extMdlShowCaseDetail.splayout .contents .col2 > .inner { height: auto; overflow: visible; }
.extMdlShowCaseDetail.splayout .contents .name { font-size: 16px; line-height: 1.3em; margin: 3px 26px 8px 16px; }
.extMdlShowCaseDetail.splayout .contents .tag { display: block; margin: 0 16px 16px 16px; color: #999; font-size: 10px; }
.extMdlShowCaseDetail.splayout .contents .text1 { display: block; margin: 0 16px 16px 16px; font-size: 14px; }
.extMdlShowCaseDetail.splayout .contents .col2 .image { height: 100vw; background-size: contain; background-color: #F2F2F2; }
.extMdlShowCaseDetail.splayout .contents .col2 iframe { border: none; }


/*-------------------------------------------------------------
下カラム
-------------------------------------------------------------*/
.extMdlShowCaseDetail.splayout .contents .col1 { width: 100%; float: none; background-color: #FFF; }
.extMdlShowCaseDetail.splayout .contents .col1 .content { padding: 16px; }
.extMdlShowCaseDetail.splayout .contents .col1 .text1 { margin-bottom: 16px; font-size: 12px; }
.extMdlShowCaseDetail.splayout .contents .col1 .text2 { margin-bottom: 16px; }
.extMdlShowCaseDetail.splayout .contents .col1 .link { margin: 0 auto 24px auto; }
.extMdlShowCaseDetail.splayout .contents .col1 .relate { margin: 0; }
.extMdlShowCaseDetail.splayout .contents .col1 .relate > .inner { padding: 24px 0; }
.extMdlShowCaseDetail.splayout .contents .col1 .relate > .inner .caseList { overflow: auto !important; }









/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
Q&A管理モジュール
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extMdlQalist ul { list-style-position: outside; padding-left: 30px; }
.extMdlQalist ol { list-style-position: outside; padding-left: 30px; }

/*ボックス*/
.extMdlQalist { overflow: hidden; position: relative; }
.extMdlQalist .qaCatBox { margin-bottom: 80px; }
.extMdlQalist .bSubTtl h3 { font-size: 18px !important; border-bottom: 1px dotted #CCC; margin-top: 40px; margin-bottom: 20px; padding-bottom: 5px; color: #4092FE; }
.extMdlQalist .bSubTtl h4 { font-size: 16px !important; margin-top: 15px; margin-bottom: 10px; color: #666; }

/*検索エリア*/
.extMdlQalist .bgColor { padding: 20px !important; }
.extMdlQalist #searchArea { margin-bottom: 80px; }
.extMdlQalist #searchArea #searchAreaInner { text-align: center; }
.extMdlQalist #searchArea dl { display: inline-block; margin: 0 auto; }
.extMdlQalist #searchArea dt { display: inline-block; margin-right: 10px; font-size: 1.2em; }
.extMdlQalist #searchArea dd { display: inline-block; }
.extMdlQalist #searchArea dd.searchCatSelect { margin-right: 30px; }
.extMdlQalist #searchArea dd.searchCatSelect select { font-size: 1.2em; padding: 5px; }
.extMdlQalist #searchArea dd.searchKeyInput input#fword { margin-right: 10px; height: 30px; width: 200px; padding: 5px; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 0; font-size: 1em; border: 1px solid #CCC; }
.extMdlQalist #searchArea dd.searchKeyInput input.bsmBtnSearch { font-weight: bold; border: none !important; padding: 5px 20px 5px 25px; font-size: 1em; text-transform: uppercase; color: #FFF; cursor: pointer; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background-color: #A48F68; letter-spacing: 5px; }
.extMdlQalist #searchArea dd.searchKeyInput input.bsmBtnSearch:hover { opacity: 0.7 !important; filter: alpha(opacity=70) !important; -ms-filter: "alpha( opacity=70 )" !important; }

/*グループボタン*/
.extMdlQalist ul.groupItemBox { list-style: none; margin-right: -15px; margin-top: 40px; }
.extMdlQalist ul.groupItemBox li { width: 50%; display: block; box-sizing: border-box; float: left; margin-bottom: 15px; }
.extMdlQalist ul.groupItemBox li a { font-size: 14px; border-radius: 5px; text-decoration: none; text-align: center; color: #666 !important; display: block; margin-right: 15px; padding: 20px 0 19px 0; border: 1px solid #E3E3E3; }
.extMdlQalist ul.groupItemBox li a:hover { background-color: #F4F4F4; }

/*Q&Aボックス*/
.extMdlQalist .qaBox { border-bottom: 1px solid #DDD; padding: 20px 0 16px 0; }
.extMdlQalist .qaBox .qBox { }
.extMdlQalist .qaBox .qBox p { font-size: 1.25em; display: table; width: 100%; }
.extMdlQalist .qaBox .qBox p img { margin-right: 12px; }
.extMdlQalist .qaBox .qBox p a { display: table-cell; text-align: left; width: 100%; vertical-align: top; color: #666 !important; }
.extMdlQalist .qaBox .qBox p a span { line-height: 1.5em; padding-top: 0.2em; display: block; }
.extMdlQalist .qaBox .qBox .qArea { font-size: 1.25em; width: 100%; }
.extMdlQalist .qaBox .qBox .qArea .qImg { float: left; display: inline-block; width: 19px; position: relative; top: 2px; }
.extMdlQalist .qaBox .qBox .qArea .qAnc { float: right; display: inline-block; text-align: left; color: #333 !important; font-size: 15px; font-weight: bold; width: calc(100% - 30px); position: relative; transition: opacity 0.3s; }
.extMdlQalist .qaBox .qBox .qArea .qAnc:hover { text-decoration: none; cursor: hand; cursor:pointer; opacity: 0.7; }
.extMdlQalist .qaBox .qBox .qArea .qAnc .qTxt { line-height: 1.7em; display: block; position: relative; top: -2px; width: calc(100% - 25px); }
.extMdlQalist .answerBox { box-sizing: border-box; margin-top: 10px; }
.extMdlQalist .answerBox > img { float: left; display: inline-block; width: 19px; position: relative; top: 7px; }
.extMdlQalist .answerBox div.answer { float: right; display: inline-block; text-align: left; color: #333 !important; width: calc(100% - 30px); }
.extMdlQalist .answerBox div.answer img { width: auto !important; max-width: 100%; }
.extMdlQalist .answerBox .rlinkbxOuter { margin-top: 8px; }
.extMdlQalist .answerBox .rlinkbx { margin-top: 3px; display: block; line-height: 1em; }
.extMdlQalist .answerBox .rlinkbx a { display: inline-block; background-repeat: no-repeat; background-position: 0 0.2em; padding-left: 15px; line-height: 1.5em; }
.extMdlQalist .qaCatBox .qaCat { float: left; width: 350px; font-size: 16px; }
.extMdlQalist .qaCatBox .qaBoxOuter { float: right; width: 610px; border-top: 1px solid #DDD; }
.extMdlQalist .qTxt span { display: inline-block; margin: 2px 5px 0 0; padding: 3px 7px; background-color: #FFF; color: #BD771A; border: 1px solid #BD771A; font-size: 12px; line-height: 1em; vertical-align: top; }
.extMdlQalist span.icoOpen,
.extMdlQalist span.icoClose { position: absolute; top: 6px; right: 0; display: block; width: 12px; height: 12px; border: none; margin: 0; padding: 0; line-height: 1em; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; }
.extMdlQalist span.icoOpen { background-image: url(/usr-data/modules/extMdlqa/units/extMdlQa/ico_plus.png); }
.extMdlQalist span.icoClose { background-image: url(/usr-data/modules/extMdlqa/units/extMdlQa/ico_minus.png); }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
SP
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extMdlQalist .spLayout .bSubTtl h4 { margin-bottom: 0; border-bottom: 2px solid #333; padding-bottom: 5px; }

/*検索エリア*/
.extMdlQalist .spLayout #searchArea dl { width: 100%; }
.extMdlQalist .spLayout #searchArea dt { display: block; font-size: 16px; text-align: left; margin-right: 0; margin-bottom: 5px; width: 100%; }
.extMdlQalist .spLayout #searchArea dd { display: block; margin-bottom: 10px; width: 100%; }
.extMdlQalist .spLayout #searchArea dd.searchCatSelect select { width: 100%; }
.extMdlQalist .spLayout #searchArea dd.searchKeyInput { margin-bottom: 0; }
.extMdlQalist .spLayout #searchArea dd.searchKeyInput input#fword { margin-right: 0; width: 100%; height: 40px; margin-bottom: 10px; }
.extMdlQalist .spLayout #searchArea dd.searchKeyInput input.bsmBtnSearch { width: 100%; font-size: 1.5em; padding: 5px 20px 5px 25px; }

.extMdlQalist .spLayout .qaBox { padding: 15px 0 10px 0; }
.extMdlQalist .spLayout .answerBox div.answer p { font-size: 12px; color: #999; }









.bSuperUnit_cf:before, .bSuperUnit_cf:after { content:""; display:table; }
.bSuperUnit_cf:after { clear:both; }
.bSuperUnit_cf { zoom:1; }

.bSuperUnit { overflow: hidden; visibility: hidden; }
.bSuperUnit_sp { overflow: hidden; visibility: visible; }
.bsu_is_admin { min-height: 20px; visibility: visible; }
.bsu_is_ie { visibility: visible; }
.bsu-handler-click { cursor: pointer; }

.bSuperUnit .bTtl { width: auto; }

#contentsAreaSection .bSuperUnit a .icon-play { color: #FFF; }

/*タイトル*/
.bsu_title h1,.bsu_title h2,.bsu_title h3,.bsu_title h4,.bsu_title h5,.bsu_title h6{ font-weight: normal; line-height: 1.3em; }

/*リンク*/
.bSuperUnit .bsu_link img{ margin-right: 5px; vertical-align: middle; }

/*画像*/
.bSU_imgBox { display: inline-block;  *display: inline; *zoom: 1; }
.bSU_caption_box { /*color: #FFF; background-color: #000; display: none; opacity: .7; filter:alpha(opacity=70);  position: absolute; left: 0; padding: 5px; bottom: 0;*/ line-height: 1.5em; text-align: left; }


/*動画*/
.bSU_video { position: relative; }
.bSuperUnit .ico-wrapper { background: #373737; border-radius: 10px; position: absolute; top: 50%; left: 50%; width: 64px; height: 50px; margin: -25px 0 0 -32px; text-align: center; }
.bSuperUnit .icon-play { font-size: 30px; left: 50%; line-height: 30px; margin: -15px 0 0 -20px; position: absolute; top: 50%; }








.bSlideShow{}

.bSlideShow .bxslider li { list-style: none; list-style-position: outside; }

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
/*
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
  */
  /*
	border:  5px solid #fff;
	left: -5px;
  :/
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-viewport .bxslider{ margin-top: 0; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 15px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-pager-custom {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	margin: 22px 0 0 0;
}

.bx-pager-custom a{
	display: inline-block;
	*zoom: 1;
	*display: inline;
  width: 78px;
  height: 44px;
  padding: 2px;
		margin: 7px;
  background-color: #FFF;
  text-decoration: none !important;
}

.bx-pager-custom a.active{
  border: 1px solid #000FF;
}

.bx-pager-custom a span{
  border: none !important;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 100%;
  height: 44px;
  background-size: cover;
  background-position: center;  
}


.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 20px;
	background: url(../js/jquery.bxslider/images/btn_prev.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 20px;
	background: url(../js/jquery.bxslider/images/btn_next.png) no-repeat 0 0;
}

/*
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
*/

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	outline: 0;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../js/jquery.bxslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../js/jquery.bxslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/*-------------------------------------------------------------
JSフォトギャラリー
/*-----------------------------------------------------------*/
.bPhotoGallery { width: 100%; }
.bPhotoGalleryInner { margin: 0; padding: 20px; overflow: hidden; }
.bPhotoGalleryInner_cf:before,
.bPhotoGalleryInner_cf:after { content: " "; display: table; }
.bPhotoGalleryInner_cf:after { clear: both;}
.bPhotoGalleryInner_cf { *zoom: 1; }

.bPhotoGallery ul { margin: 0; padding: 0; list-style: none; }
.bPhotoGallery ul li { float: left; display: block; }
.bPhotoGallery ul li p.downCap { bottom: 0; background: none repeat scroll 0 0 #000; bottom: 0; color: #FFF; left: 0; margin: auto; opacity: 0; filter:alpha(opacity=0); overflow: hidden; padding: 3px; position: static; right: 0; text-align: center;  top: auto; }
.bPhotoGallery ul li p.small { font-size: 10px; }
.bPhotoGallery ul li p.middle { font-size: 12px; }
.bPhotoGallery ul li p.large { font-size: 16px; }
.bPhotoGallery ul li span { display: block; border: none !important; }
.bPhotoGallery ul li a { display: block; border-style: solid; text-indent: -9999px; text-decoration: none; background-repeat: no-repeat; background-position: center center; border: none; overflow: hidden; word-break: break-all; }
.bPhotoGallery ul li a.jsp-view-cover { background-size: cover; }
.bPhotoGallery ul li a.jsp-no-indent { line-height: 1em; text-indent: 0; position: relative; display: table-cell; vertical-align: middle; text-align: center;  }
* html .bPhotoGallery ul li a.jsp-no-indent  { display: inline; zoom: 1; } /*IE6*/
*:first-child+html .bPhotoGallery ul li a.jsp-no-indent  { display: inline; zoom: 1; } /*IE 7*/
/*\*//*/
* .extCatList2_itemArticleInner { display: inline-block; }
/**/
.bPhotoGallery ul li a.jsp-no-indent .downCap { position: relative !important; }
.bPhotoGalleryPageList { clear: both; padding: 5px 0 0; width: 100%; text-align: center; }
.bPhotoGalleryPageList a { margin: 4px 2px 0; padding: 0 7px; height: 2em; display: inline-block; background: #FFF; text-align: center; line-height: 2em; font-weight: bold; font-family: Verdana, Geneva, sans-serif; text-decoration: none; }
.bPhotoGalleryPageList span { margin: 4px 2px 0; padding: 0 7px; height: 2em; display: inline-block; background: #FFF; text-align: center; line-height: 2em; font-weight: bold; font-family: Verdana, Geneva, sans-serif; text-decoration: none; }

/*もっと見る*/
.bPhotoGallery_morePager p.autopager { margin-top: 20px; text-align: center; }
.bPhotoGallery_morePager p.autopager a.bPhotoGallery_morePager_text { padding: 0 70px !important; border-width: 1px; border-style: solid; text-decoration: none; height: 35px; line-height: 36px; text-align: center; font-size: 16px; display: inline-block; /display: inline; /zoom: 1; }
.bPhotoGallery_morePager p.autopager a:hover.bPhotoGallery_morePager_text { opacity: 0.7 !important; filter: alpha(opacity=70) !important; -ms-filter: "alpha( opacity=70 )" !important; }

/*データなし*/
li.noData { display: block; border: 1px solid #CCC; text-align: center; font-size: 14px; padding: 30px; color: #CCC; width: 300px; margin: 0 auto; }


 #bbox{border-left:none; }
 #bbox{border: 0px solid #000; position: absolute; overflow: hidden; padding:0px; top:0px; left:200px; background:transparent; width:352px; opacity:0; filter:alpha(opacity=50); display:none; z-index:101;}
 #bbox a{outline:none}
 #bbox img{border : none;}
 #bbox-layer{background:#000; display:none; position:absolute; top:0; left:0; z-index:100; opacity: 0.6; filter:alpha(opacity=60); }
 #bbox-inner{ background: transparent; padding:0px;}
 #bbox-contents{ background:transparent; padding:5px;}
 #bbox-prev{position: absolute; top:50%; left:15px; text-align:center; }
 #bbox-next{position: absolute; top:50%; right:15px; text-align:center;}
 #bbox-close{position: absolute; top:15px; right:15px; text-align:center;}
 #bbox-prev a,  #bbox-next a {display: block; width: 42px;	height: 42px; line-height: 42px; opacity:1; filter:alpha(opacity=100);}
 #bbox-close a{display: block; width: 31px;	height: 31px; margin-top: 15px; line-height: 31px; opacity:1; filter:alpha(opacity=100);}
 #bbox-prev a:hover, #bbox-next a:hover, #bbox-close a:hover{background: #373737; color:#FFF; }
 #bbox-prev a { }
 #bbox-next a { }
 #bbox-close a { }
 #bbox .btn img{ }
 #bbox .title{text-align:center; padding:0; margin:0; height:25px; line-height:25px; color:#FFF;}



/*-------------------------------------------------------------
表（2列）

.bTable 
┗ table

-------------------------------------------------------------*/


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bTable { width: 100%; }
.bTable table {width: 100%;border-collapse: collapse;border-spacing: 0;border-top-style: solid;border-top-width: 1px;border-left-style: solid;border-left-width: 1px;}
.bTable table caption {margin: 0 0 5px 0;width: 100%;text-align: left;font-weight: bold;}
.bTable th {padding: 8px 10px;text-align: left;vertical-align: top;font-weight: normal;border-right-style: solid;border-right-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;}
.bTable td {padding: 8px 10px;text-align: left;vertical-align: top;border-right-style: solid;border-right-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;}
.bTable th.bTableTh {text-align: center;border-bottom-style: solid;border-bottom-width: 1px;}
.bTable th.bTableThLine {text-align: center;border-left-style: solid;border-left-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;}
.bTable td.bTableTd {padding: 8px 10px;text-align: left;vertical-align: top;border-right-style: solid;border-right-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;}
.bTable .even .color13 { }
.bTable .headerRow { text-align: center; }


/*------------------------------------------------------------
SP向け
-------------------------------------------------------------*/

/*スクロールテーブル*/
.bTable .splayout { overflow: auto; -webkit-overflow-scrolling: touch; }
.bTable .splayout table { white-space: nowrap; }