@charset "utf-8";

/************************************************
 共通設定
************************************************ */
/* コンテンツ */
#container {
    min-height: 700px; /*offcanvas対策 カテゴリ数が増えると増やさなくてはいけない？*/
    padding-top: 16px;
}

div.breadcrumb + div.breadcrumb {
	display: none !important;
}


/* ==============================================
 カラム指定
=============================================== */
.col-wrap {
    /*bs3 leftカラムとmainカラムの幅を調整する*/
    padding-left: 0;
    padding-right: 0;
}

.box120 {
	width: 120px;
}

.ov {
	overflow: hidden;
	clear: both;
}


/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/*
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}
*/
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.sp {
	display: none !important;
}



@media all and (min-width: 0) and (max-width: 767px) {
	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}
}



/* メイン部
----------------------------------------------- */

#main_column {
    /*padding: 10px 0 0;*/
    padding-bottom: 16px; /*bs3*/
	width: 830px;
	left: 0;
	float: right;
	margin-left: -10px;
}

.LC_Page_Index #wrap {
	padding-top: 0;
}

/*body.LC_Page_Index #main_column {
	margin-left: 0;
	width: 600px;
	left: 21.3%;
	float: left;
}
*/

/* headertopcolumn
----------------------------------------------- */
#headertopcolumn {
	z-index: -1;
	visibility: hidden;
	position: fixed;
	width:0;
	height: 0;
	border: 0;
}


/* サイドカラム
----------------------------------------------- */
#leftcolumn {
    padding-bottom: 40px; /*bs3*/
	width: 220px;
	float: left;
	right: 0;
}

/*body.LC_Page_Index #leftcolumn {
	right: 57.4%;
}
*/
#rightcolumn {
    padding-bottom: 40px; /*bs3*/
	width: 220px;
	float: right;
}
@media screen and (max-width: 767px) {
#main_column {
	margin-left: 0;
	float: none;
	width: 100%;
}

body.LC_Page_Index #main_column {
	width: 100%;
	left: 0;
}

#leftcolumn {
    padding-bottom: 20px; /*bs3*/
	position: static !important;
    left: auto !important;
	right: 0;
	width: 100%;
}
#leftcolumn .toggle-offcanvas {
	display: none;
}
body.LC_Page_Index #leftcolumn {
	right: 0;
}
#rightcolumn {
    padding-bottom: 20px; /*bs3*/
	width: 100%;
	float: none;
}
}

/* ==============================================
 ユーティリティ
=============================================== */
/* フォント
----------------------------------------------- */
h1,
h2 {
    font-size: 150%;
}
h3 {
    font-size: 125%;
}
h4,
h5 {
    font-size: 100%;
}
.sale_price {
    color: #d44950;
}
.normal_price {
    font-size: 90%;
}
.point {
    color: #d44950;
    font-weight: bold;
}
.user_name {
    font-weight: bold;
}
.recommend_level {
    color: #ecbd00;
}

.attention {
    color: #d44950;
}
.st {
    font-weight: bold;
}
.mini {
    font-size: 90%;
}
dd, dt {
    line-height: 1.57142;
}

img {
	max-width: 100%;
}

/* カラー
----------------------------------------------- */
.price {
    color: #d44950;
}

/* フォーム
----------------------------------------------- */
input,
select,
textarea {
    font-size: 13px;
}
label.col-xs-1,
label.col-sm-1,
label.col-md-1 {
    width: 1%;
}

/* タイトル
----------------------------------------------- */
h2.title {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 5px 7px;
    border-left: 5px solid #eee;
}

/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#errorHeader {
    color: #d44950;
    font-weight: bold;
    font-size: 12px;
    background-color: #FEB;
    text-align: center;
    padding: 5px;
}

/* ヘッダーナビ
----------------------------------------------- */
/*for mobile*/
#mobile-nav .nav>li>a{
    padding-left: 0;
    padding-right: 0;
}
#mobile-nav .cart-total-quantity {
    position: absolute;
    top: 2%;
    left: 55%;
}

/* ==============================================
 フッター
=============================================== */
#footer_wrap {
}
#footer {
}
#copyright {
}


/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {
    margin-top: 40px;
}

.btn_area li {
	margin: 0 95px 0 0;
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 767px) {
	.btn_area {
		margin-top: 40px;
		text-align: center;
	}

	.btn_area li {
		margin: 10px 0 0;
		display: block;
		vertical-align: top;
	}


}

/* 完了メッセージ
----------------------------------------------- */
div#complete_area {
    margin-bottom: 20px;
}
div#complete_area .message,
div#undercolumn_entry .message {
    margin-bottom: 20px;
}


/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
 .fa-angle-right:before {
	font-weight: 600;
 }
/************************************************
 for Font Awesome
************************************************ */
.fa-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.707,M12=0.707,M21=-0.707,M22=0.707,Dx=-2,Dy=8);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(../img/owl/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
*   Owl Carousel Owl Demo Theme
*   v1.3.3
*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
	/*
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
	/*
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	/*
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
	/*
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(../img/owl/AjaxLoader.gif) no-repeat center center
}

/* --------------------------------------------------
	reset.css
-------------------------------------------------- */

/* ==============================================================================
マーケティングプラス株式会社
Copyright (C) マーケティングプラス株式会社 All Rights Reserved.

CSS information
 file name  :  reset.css
 style info :  リセット及びbody初期設定
================================================================================= */

/* --------------------------------------------------
	Resetting default margin and padding
-------------------------------------------------- */

html {
	/*overflow-y: scroll;*/ /* for mozilla: always display scrollbar */
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote, table, th,td,
tbody, tfoot, thead, object, iframe, code, fieldset, legend, caption,
article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
	/*
	zoom:1;
	*/
}

a:active, a:focus{ outline:none; }
a{
	color:#009cd1;
}
a:hover{
	text-decoration:underline;
}

br {
	letter-spacing:normal;
}

img {
	-ms-interpolation-mode: bicubic;
	vertical-align:bottom;
	max-width: 100%;
}

/*--- default */
html {
	font-size: 62.5%;
}

body {
	min-width: 1240px;
	color: #000;
	font-size: 1.4rem;
	line-height: 1.57142;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", Osaka, "MS P Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	background:url(../img/common/bg01.gif) repeat;
}


* html body {	/* for IF6 */
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", Osaka, "MS P Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
body {
	min-width: 320px;
}
}




/* --------------------------------------------------
	common.css
-------------------------------------------------- */

/* 改行の切り替え;
----------------------------------------------- */
.br{
 display:block;
}
.brN{
 display:none;
}
@media screen and (max-width: 768px) {
.br{
 display:none;
}
.brN{
 display:block;
}
}
/* 文字寄せ;
----------------------------------------------- */
.textBoxCL{
 text-align: center;
}
@media screen and (max-width: 768px) {
.textBoxCL{
 text-align: left;
}
}

.markerY{
background: -moz-linear-gradient(transparent 70%, #ffff66 40%);
background: -webkit-linear-gradient(transparent 70%, #ffff66 40%);
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.9, transparent), color-stop(0.9, #ffff66));
background: -o-linear-gradient(transparent 70%, #ffff66 40%);
background: linear-gradient(transparent 70%, #ffff66 40%);
}

/* width
----------------------------------------------- */
.w100 { width: 100px!important;}
.w150 { width: 150px!important;}
.w200 { width: 200px!important;}
.w250 { width: 250px!important;}
.w300 { width: 300px!important;}
.w350 { width: 350px!important;}
.w400 { width: 400px!important;}
.w450 { width: 450px!important;}
.w500 { width: 500px!important;}

@media screen and (max-width: 767px) {
}
/* margin
------------------------------------------------ */
.m1 { margin: 1px!important;}
.m3 { margin: 3px!important;}
.m5 { margin: 5px!important;}
.m10 { margin: 10px!important;}
.m20 { margin: 20px!important;}
.m30 { margin: 30px!important;}

.mt1 { margin-top: 1px!important;}
.mt2 { margin-top: 2px!important;}
.mt3 { margin-top: 3px!important;}
.mt4 { margin-top: 4px!important;}
.mt5 { margin-top: 5px!important;}
.mt6 { margin-top: 6px!important;}
.mt7 { margin-top: 7px!important;}
.mt8 { margin-top: 8px!important;}
.mt9 { margin-top: 9px!important;}
.mt10 { margin-top: 10px!important;}
.mt11 { margin-top: 11px!important;}
.mt12 { margin-top: 12px!important;}
.mt13 { margin-top: 13px!important;}
.mt14 { margin-top: 14px!important;}
.mt15 { margin-top: 15px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt35 { margin-top: 35px!important;}
.mt40 { margin-top: 40px!important;}
.mt50 { margin-top: 50px!important;}
.mt60 { margin-top: 60px!important;}
.mt70 { margin-top: 70px!important;}
.mt80 { margin-top: 80px!important;}
.mt90 { margin-top: 90px!important;}

.mr1 { margin-right: 1px!important;}
.mr2 { margin-right: 2px!important;}
.mr3 { margin-right: 3px!important;}
.mr4 { margin-right: 4px!important;}
.mr5 { margin-right: 5px!important;}
.mr6 { margin-right: 6px!important;}
.mr7 { margin-right: 7px!important;}
.mr8 { margin-right: 8px!important;}
.mr9 { margin-right: 9px!important;}
.mr10 { margin-right: 10px!important;}
.mr11 { margin-right: 11px!important;}
.mr12 { margin-right: 12px!important;}
.mr13 { margin-right: 13px!important;}
.mr14 { margin-right: 14px!important;}
.mr15 { margin-right: 15px!important;}
.mr20 { margin-right: 20px!important;}
.mr25 { margin-right: 25px!important;}
.mr30 { margin-right: 30px!important;}
.mr40 { margin-right: 40px!important;}
.mr50 { margin-right: 50px!important;}
.mr60 { margin-right: 60px!important;}
.mr70 { margin-right: 70px!important;}
.mr80 { margin-right: 80px!important;}
.mr90 { margin-right: 90px!important;}
.mr100 { margin-right: 100px!important;}

.mb0 { margin-bottom: 0px!important;}
.mb1 { margin-bottom: 1px!important;}
.mb2 { margin-bottom: 2px!important;}
.mb3 { margin-bottom: 3px!important;}
.mb4 { margin-bottom: 4px!important;}
.mb5 { margin-bottom: 5px!important;}
.mb6 { margin-bottom: 6px!important;}
.mb7 { margin-bottom: 7px!important;}
.mb8 { margin-bottom: 8px!important;}
.mb9 { margin-bottom: 9px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb11 { margin-bottom: 11px!important;}
.mb12 { margin-bottom: 12px!important;}
.mb13 { margin-bottom: 13px!important;}
.mb14 { margin-bottom: 14px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}
.mb80 { margin-bottom: 80px!important;}
.mb90 { margin-bottom: 90px!important;}
.mb100 { margin-bottom: 100px!important;}

.ml1 { margin-left: 1px!important;}
.ml2 { margin-left: 2px!important;}
.ml3 { margin-left: 3px!important;}
.ml4 { margin-left: 4px!important;}
.ml5 { margin-left: 5px!important;}
.ml6 { margin-left: 6px!important;}
.ml7 { margin-left: 7px!important;}
.ml8 { margin-left: 8px!important;}
.ml9 { margin-left: 9px!important;}
.ml10 { margin-left: 10px!important;}
.ml11 { margin-left: 11px!important;}
.ml12 { margin-left: 12px!important;}
.ml13 { margin-left: 13px!important;}
.ml14 { margin-left: 14px!important;}
.ml15 { margin-left: 15px!important;}
.ml20 { margin-left: 20px!important;}
.ml25 { margin-left: 25px!important;}
.ml30 { margin-left: 30px!important;}
.ml40 { margin-left: 40px!important;}
.ml50 { margin-left: 50px!important;}
.ml60 { margin-left: 60px!important;}
.ml70 { margin-left: 70px!important;}
.ml80 { margin-left: 80px!important;}
.ml90 { margin-left: 90px!important;}
.ml100 { margin-left: 100px!important;}

.mtmb5 { margin-top: 5px; margin-bottom: 5px!important;}
.mtmb10 { margin-top: 10px; margin-bottom: 10px!important;}
.mtmb15 { margin-top: 15px; margin-bottom: 15px!important;}

.mlmrAuto {
	margin-left: auto!important;
	margin-right: auto!important;
}

/* em */
.m01em { margin: 0.1em!important;}
.m02em { margin: 0.2em!important;}
.m03em { margin: 0.3em!important;}
.m04em { margin: 0.4em!important;}
.m05em { margin: 0.5em!important;}
.m10em { margin: 1.0em!important;}
.m12em { margin: 1.2em!important;}
.m14em { margin: 1.4em!important;}
.m16em { margin: 1.6em!important;}
.m18em { margin: 1.8em!important;}
.m20em { margin: 2.0em!important;}

.mt01em { margin-top: 0.1em!important;}
.mt02em { margin-top: 0.2em!important;}
.mt03em { margin-top: 0.3em!important;}
.mt04em { margin-top: 0.4em!important;}
.mt05em { margin-top: 0.5em!important;}
.mt10em { margin-top: 1.0em!important;}
.mt12em { margin-top: 1.2em!important;}
.mt14em { margin-top: 1.4em!important;}
.mt16em { margin-top: 1.6em!important;}
.mt18em { margin-top: 1.8em!important;}
.mt20em { margin-top: 2.0em!important;}

.mr01em { margin-right: 0.1em!important;}
.mr02em { margin-right: 0.2em!important;}
.mr03em { margin-right: 0.3em!important;}
.mr04em { margin-right: 0.4em!important;}
.mr05em { margin-right: 0.5em!important;}
.mr10em { margin-right: 1.0em!important;}
.mr12em { margin-right: 1.2em!important;}
.mr14em { margin-right: 1.4em!important;}
.mr16em { margin-right: 1.6em!important;}
.mr18em { margin-right: 1.8em!important;}
.mr20em { margin-right: 2.0em!important;}

.mb01em { margin-bottom: 0.1em!important;}
.mb02em { margin-bottom: 0.2em!important;}
.mb03em { margin-bottom: 0.3em!important;}
.mb04em { margin-bottom: 0.4em!important;}
.mb05em { margin-bottom: 0.5em!important;}
.mb10em { margin-bottom: 1.0em!important;}
.mb12em { margin-bottom: 1.2em!important;}
.mb14em { margin-bottom: 1.4em!important;}
.mb16em { margin-bottom: 1.6em!important;}
.mb18em { margin-bottom: 1.8em!important;}
.mb20em { margin-bottom: 2.0em!important;}

.ml01em { margin-left: 0.1em!important;}
.ml02em { margin-left: 0.2em!important;}
.ml03em { margin-left: 0.3em!important;}
.ml04em { margin-left: 0.4em!important;}
.ml05em { margin-left: 0.5em!important;}
.ml10em { margin-left: 1.0em!important;}
.ml12em { margin-left: 1.2em!important;}
.ml14em { margin-left: 1.4em!important;}
.ml16em { margin-left: 1.6em!important;}
.ml18em { margin-left: 1.8em!important;}
.ml20em { margin-left: 2.0em!important;}

.mtmb01em { margin-top: 0.1em; margin-bottom: 0.1em!important;}
.mtmb02em { margin-top: 0.2em; margin-bottom: 0.2em!important;}
.mtmb03em { margin-top: 0.3em; margin-bottom: 0.3em!important;}
.mtmb04em { margin-top: 0.4em; margin-bottom: 0.4em!important;}
.mtmb05em { margin-top: 0.5em; margin-bottom: 0.5em!important;}
.mtmb10em { margin-top: 1.0em; margin-bottom: 1.0em!important;}
.mtmb12em { margin-top: 1.2em; margin-bottom: 1.2em!important;}
.mtmb14em { margin-top: 1.4em; margin-bottom: 1.4em!important;}
.mtmb16em { margin-top: 1.6em; margin-bottom: 1.6em!important;}
.mtmb18em { margin-top: 1.8em; margin-bottom: 1.8em!important;}
.mtmb20em { margin-top: 2.0em; margin-bottom: 2.0em!important;}

.mlmr01em { margin-left: 0.1em; margin-right: 0.1em!important;}
.mlmr02em { margin-left: 0.2em; margin-right: 0.2em!important;}
.mlmr03em { margin-left: 0.3em; margin-right: 0.3em!important;}
.mlmr04em { margin-left: 0.4em; margin-right: 0.4em!important;}
.mlmr05em { margin-left: 0.5em; margin-right: 0.5em!important;}
.mlmr10em { margin-left: 1.0em; margin-right: 1.0em!important;}
.mlmr12em { margin-left: 1.2em; margin-right: 1.2em!important;}
.mlmr14em { margin-left: 1.4em; margin-right: 1.4em!important;}
.mlmr16em { margin-left: 1.6em; margin-right: 1.6em!important;}
.mlmr18em { margin-left: 1.8em; margin-right: 1.8em!important;}
.mlmr20em { margin-left: 2.0em; margin-right: 2.0em!important;}

/* rem */
.m01rem { margin: 0.1rem!important;}
.m02rem { margin: 0.2rem!important;}
.m03rem { margin: 0.3rem!important;}
.m04rem { margin: 0.4rem!important;}
.m05rem { margin: 0.5rem!important;}
.m10rem { margin: 1.0rem!important;}
.m12rem { margin: 1.2rem!important;}
.m14rem { margin: 1.4rem!important;}
.m16rem { margin: 1.6rem!important;}
.m18rem { margin: 1.8rem!important;}
.m20rem { margin: 2.0rem!important;}

.mt01rem { margin-top: 0.1rem!important;}
.mt02rem { margin-top: 0.2rem!important;}
.mt03rem { margin-top: 0.3rem!important;}
.mt04rem { margin-top: 0.4rem!important;}
.mt05rem { margin-top: 0.5rem!important;}
.mt10rem { margin-top: 1.0rem!important;}
.mt12rem { margin-top: 1.2rem!important;}
.mt14rem { margin-top: 1.4rem!important;}
.mt16rem { margin-top: 1.6rem!important;}
.mt18rem { margin-top: 1.8rem!important;}
.mt20rem { margin-top: 2.0rem!important;}

.mr01rem { margin-right: 0.1rem!important;}
.mr02rem { margin-right: 0.2rem!important;}
.mr03rem { margin-right: 0.3rem!important;}
.mr04rem { margin-right: 0.4rem!important;}
.mr05rem { margin-right: 0.5rem!important;}
.mr10rem { margin-right: 1.0rem!important;}
.mr12rem { margin-right: 1.2rem!important;}
.mr14rem { margin-right: 1.4rem!important;}
.mr16rem { margin-right: 1.6rem!important;}
.mr18rem { margin-right: 1.8rem!important;}
.mr20rem { margin-right: 2.0rem!important;}

.mb01rem { margin-bottom: 0.1rem!important;}
.mb02rem { margin-bottom: 0.2rem!important;}
.mb03rem { margin-bottom: 0.3rem!important;}
.mb04rem { margin-bottom: 0.4rem!important;}
.mb05rem { margin-bottom: 0.5rem!important;}
.mb10rem { margin-bottom: 1.0rem!important;}
.mb12rem { margin-bottom: 1.2rem!important;}
.mb14rem { margin-bottom: 1.4rem!important;}
.mb16rem { margin-bottom: 1.6rem!important;}
.mb18rem { margin-bottom: 1.8rem!important;}
.mb20rem { margin-bottom: 2.0rem!important;}

.ml01rem { margin-left: 0.1rem!important;}
.ml02rem { margin-left: 0.2rem!important;}
.ml03rem { margin-left: 0.3rem!important;}
.ml04rem { margin-left: 0.4rem!important;}
.ml05rem { margin-left: 0.5rem!important;}
.ml10rem { margin-left: 1.0rem!important;}
.ml12rem { margin-left: 1.2rem!important;}
.ml14rem { margin-left: 1.4rem!important;}
.ml16rem { margin-left: 1.6rem!important;}
.ml18rem { margin-left: 1.8rem!important;}
.ml20rem { margin-left: 2.0rem!important;}

.mtmb01rem { margin-top: 0.1rem; margin-bottom: 0.1rem!important;}
.mtmb02rem { margin-top: 0.2rem; margin-bottom: 0.2rem!important;}
.mtmb03rem { margin-top: 0.3rem; margin-bottom: 0.3rem!important;}
.mtmb04rem { margin-top: 0.4rem; margin-bottom: 0.4rem!important;}
.mtmb05rem { margin-top: 0.5rem; margin-bottom: 0.5rem!important;}
.mtmb10rem { margin-top: 1.0rem; margin-bottom: 1.0rem!important;}
.mtmb12rem { margin-top: 1.2rem; margin-bottom: 1.2rem!important;}
.mtmb14rem { margin-top: 1.4rem; margin-bottom: 1.4rem!important;}
.mtmb16rem { margin-top: 1.6rem; margin-bottom: 1.6rem!important;}
.mtmb18rem { margin-top: 1.8rem; margin-bottom: 1.8rem!important;}
.mtmb20rem { margin-top: 2.0rem; margin-bottom: 2.0rem!important;}

.mlmr01rem { margin-left: 0.1rem; margin-right: 0.1rem!important;}
.mlmr02rem { margin-left: 0.2rem; margin-right: 0.2rem!important;}
.mlmr03rem { margin-left: 0.3rem; margin-right: 0.3rem!important;}
.mlmr04rem { margin-left: 0.4rem; margin-right: 0.4rem!important;}
.mlmr05rem { margin-left: 0.5rem; margin-right: 0.5rem!important;}
.mlmr10rem { margin-left: 1.0rem; margin-right: 1.0rem!important;}
.mlmr12rem { margin-left: 1.2rem; margin-right: 1.2rem!important;}
.mlmr14rem { margin-left: 1.4rem; margin-right: 1.4rem!important;}
.mlmr16rem { margin-left: 1.6rem; margin-right: 1.6rem!important;}
.mlmr18rem { margin-left: 1.8rem; margin-right: 1.8rem!important;}
.mlmr20rem { margin-left: 2.0rem; margin-right: 2.0rem!important;}


/* padding
------------------------------------------------ */
/* px */
.p1 { padding: 1px!important;}
.p3 { padding: 3px!important;}
.p5 { padding: 5px!important;}
.p10 { padding: 10px!important;}
.p15 { padding: 15px!important;}
.p20 { padding: 20px!important;}

.pt1 { padding-top: 1px!important;}
.pt2 { padding-top: 2px!important;}
.pt3 { padding-top: 3px!important;}
.pt4 { padding-top: 4px!important;}
.pt5 { padding-top: 5px!important;}
.pt6 { padding-top: 6px!important;}
.pt7 { padding-top: 7px!important;}
.pt8 { padding-top: 8px!important;}
.pt9 { padding-top: 9px!important;}
.pt10 { padding-top: 10px!important;}
.pt11 { padding-top: 11px!important;}
.pt12 { padding-top: 12px!important;}
.pt13 { padding-top: 13px!important;}
.pt14 { padding-top: 14px!important;}
.pt15 { padding-top: 15px!important;}
.pt20 { padding-top: 20px!important;}
.pt25 { padding-top: 25px!important;}
.pt30 { padding-top: 35px!important;}

.pr1 { padding-right: 1px!important;}
.pr2 { padding-right: 2px!important;}
.pr3 { padding-right: 3px!important;}
.pr4 { padding-right: 4px!important;}
.pr5 { padding-right: 5px!important;}
.pr6 { padding-right: 6px!important;}
.pr7 { padding-right: 7px!important;}
.pr8 { padding-right: 8px!important;}
.pr9 { padding-right: 9px!important;}
.pr10 { padding-right: 10px!important;}
.pr11 { padding-right: 11px!important;}
.pr12 { padding-right: 12px!important;}
.pr13 { padding-right: 13px!important;}
.pr14 { padding-right: 14px!important;}
.pr15 { padding-right: 15px!important;}
.pr16 { padding-right: 16px!important;}
.pr17 { padding-right: 17px!important;}
.pr18 { padding-right: 18px!important;}
.pr19 { padding-right: 19px!important;}
.pr20 { padding-right: 20px!important;}
.pr25 { padding-right: 25px!important;}
.pr30 { padding-right: 30px!important;}

.pb1 { padding-bottom: 1px!important;}
.pb2 { padding-bottom: 2px!important;}
.pb3 { padding-bottom: 3px!important;}
.pb4 { padding-bottom: 4px!important;}
.pb5 { padding-bottom: 5px!important;}
.pb6 { padding-bottom: 6px!important;}
.pb7 { padding-bottom: 7px!important;}
.pb8 { padding-bottom: 8px!important;}
.pb9 { padding-bottom: 9px!important;}
.pb10 { padding-bottom: 10px!important;}
.pb11 { padding-bottom: 11px!important;}
.pb12 { padding-bottom: 12px!important;}
.pb13 { padding-bottom: 13px!important;}
.pb14 { padding-bottom: 14px!important;}
.pb15 { padding-bottom: 15px!important;}
.pb20 { padding-bottom: 20px!important;}
.pb25 { padding-bottom: 25px!important;}
.pb30 { padding-bottom: 30px!important;}

.pl1 { padding-left: 1px!important;}
.pl2 { padding-left: 2px!important;}
.pl3 { padding-left: 3px!important;}
.pl4 { padding-left: 4px!important;}
.pl5 { padding-left: 5px!important;}
.pl6 { padding-left: 6px!important;}
.pl7 { padding-left: 7px!important;}
.pl8 { padding-left: 8px!important;}
.pl9 { padding-left: 9px!important;}
.pl10 { padding-left: 10px!important;}
.pl11 { padding-left: 11px!important;}
.pl12 { padding-left: 12px!important;}
.pl13 { padding-left: 13px!important;}
.pl14 { padding-left: 14px!important;}
.pl15 { padding-left: 15px!important;}
.pl20 { padding-left: 20px!important;}
.pl25 { padding-left: 25px!important;}
.pl30 { padding-left: 30px!important;}


.ptpb5 { padding-top: 5px; padding-bottom: 5px!important;}
.ptpb10 { padding-top: 10px; padding-bottom: 10px!important;}
.ptpb15 { padding-top: 15px; padding-bottom: 15px!important;}

.plpr5 { padding-left: 5px; padding-right: 5px!important;}
.plpr10 { padding-left: 10px; padding-right: 10px!important;}
.plpr15 { padding-left: 15px; padding-right: 15px!important;}
.plpr20 { padding-left: 20px; padding-right: 20px!important;}
.plpr25 { padding-left: 25px; padding-right: 25px!important;}
.plpr30 { padding-left: 30px; padding-right: 30px!important;}

/* em */
.p01em { padding: 0.1em!important;}
.p02em { padding: 0.2em!important;}
.p03em { padding: 0.3em!important;}
.p04em { padding: 0.4em!important;}
.p05em { padding: 0.5em!important;}
.p10em { padding: 1.0em!important;}
.p12em { padding: 1.2em!important;}
.p14em { padding: 1.4em!important;}
.p16em { padding: 1.6em!important;}
.p18em { padding: 1.8em!important;}
.p20em { padding: 2.0em!important;}

.pt01em { padding-top: 0.1em!important;}
.pt02em { padding-top: 0.2em!important;}
.pt03em { padding-top: 0.3em!important;}
.pt04em { padding-top: 0.4em!important;}
.pt10em { padding-top: 1.0em!important;}
.pt12em { padding-top: 1.2em!important;}
.pt14em { padding-top: 1.4em!important;}
.pt16em { padding-top: 1.6em!important;}
.pt18em { padding-top: 1.8em!important;}
.pt20em { padding-top: 2.0em!important;}

.pr01em { padding-right: 0.1em!important;}
.pr02em { padding-right: 0.2em!important;}
.pr03em { padding-right: 0.3em!important;}
.pr04em { padding-right: 0.4em!important;}
.pr05em { padding-right: 0.5em!important;}
.pr10em { padding-right: 1.0em!important;}
.pr12em { padding-right: 1.2em!important;}
.pr14em { padding-right: 1.4em!important;}
.pr16em { padding-right: 1.6em!important;}
.pr18em { padding-right: 1.8em!important;}
.pr20em { padding-right: 2.0em!important;}

.pb01em { padding-bottom: 0.1em!important;}
.pb02em { padding-bottom: 0.2em!important;}
.pb03em { padding-bottom: 0.3em!important;}
.pb04em { padding-bottom: 0.4em!important;}
.pb05em { padding-bottom: 0.5em!important;}
.pb10em { padding-bottom: 1.0em!important;}
.pb12em { padding-bottom: 1.2em!important;}
.pb14em { padding-bottom: 1.4em!important;}
.pb16em { padding-bottom: 1.6em!important;}
.pb18em { padding-bottom: 1.8em!important;}
.pb20em { padding-bottom: 2.0em!important;}

.pl01em { padding-left: 0.1em!important;}
.pl02em { padding-left: 0.2em!important;}
.pl03em { padding-left: 0.3em!important;}
.pl04em { padding-left: 0.4em!important;}
.pl05em { padding-left: 0.5em!important;}
.pl10em { padding-left: 1.0em!important;}
.pl12em { padding-left: 1.2em!important;}
.pl14em { padding-left: 1.4em!important;}
.pl16em { padding-left: 1.6em!important;}
.pl18em { padding-left: 1.8em!important;}
.pl20em { padding-left: 2.0em!important;}

.ptpb01em { padding-top: 0.1em; padding-bottom: 0.1em!important;}
.ptpb02em { padding-top: 0.2em; padding-bottom: 0.2em!important;}
.ptpb03em { padding-top: 0.3em; padding-bottom: 0.3em!important;}
.ptpb04em { padding-top: 0.4em; padding-bottom: 0.4em!important;}
.ptpb05em { padding-top: 0.5em; padding-bottom: 0.5em!important;}
.ptpb10em { padding-top: 1.0em; padding-bottom: 1.0em!important;}
.ptpb12em { padding-top: 1.2em; padding-bottom: 1.2em!important;}
.ptpb14em { padding-top: 1.4em; padding-bottom: 1.4em!important;}
.ptpb16em { padding-top: 1.6em; padding-bottom: 1.6em!important;}
.ptpb18em { padding-top: 1.8em; padding-bottom: 1.8em!important;}
.ptpb20em { padding-top: 2.0em; padding-bottom: 2.0em!important;}

.plpr01em { padding-left: 0.1em; padding-right: 0.1em!important;}
.plpr02em { padding-left: 0.2em; padding-right: 0.2em!important;}
.plpr03em { padding-left: 0.3em; padding-right: 0.3em!important;}
.plpr04em { padding-left: 0.4em; padding-right: 0.4em!important;}
.plpr05em { padding-left: 0.5em; padding-right: 0.5em!important;}
.plpr10em { padding-left: 1.0em; padding-right: 1.0em!important;}
.plpr12em { padding-left: 1.2em; padding-right: 1.2em!important;}
.plpr14em { padding-left: 1.4em; padding-right: 1.4em!important;}
.plpr16em { padding-left: 1.6em; padding-right: 1.6em!important;}
.plpr18em { padding-left: 1.8em; padding-right: 1.8em!important;}
.plpr20em { padding-left: 2.0em; padding-right: 2.0em!important;}

/* rem */
.p01rem { padding: 0.1rem!important;}
.p02rem { padding: 0.2rem!important;}
.p03rem { padding: 0.3rem!important;}
.p04rem { padding: 0.4rem!important;}
.p05rem { padding: 0.5rem!important;}
.p10rem { padding: 1.0rem!important;}
.p12rem { padding: 1.2rem!important;}
.p14rem { padding: 1.4rem!important;}
.p16rem { padding: 1.6rem!important;}
.p18rem { padding: 1.8rem!important;}
.p20rem { padding: 2.0rem!important;}

.pt01rem { padding-top: 0.1rem!important;}
.pt02rem { padding-top: 0.2rem!important;}
.pt03rem { padding-top: 0.3rem!important;}
.pt04rem { padding-top: 0.4rem!important;}
.pt10rem { padding-top: 1.0rem!important;}
.pt12rem { padding-top: 1.2rem!important;}
.pt14rem { padding-top: 1.4rem!important;}
.pt16rem { padding-top: 1.6rem!important;}
.pt18rem { padding-top: 1.8rem!important;}
.pt20rem { padding-top: 2.0rem!important;}

.pr01rem { padding-right: 0.1rem!important;}
.pr02rem { padding-right: 0.2rem!important;}
.pr03rem { padding-right: 0.3rem!important;}
.pr04rem { padding-right: 0.4rem!important;}
.pr05rem { padding-right: 0.5rem!important;}
.pr10rem { padding-right: 1.0rem!important;}
.pr12rem { padding-right: 1.2rem!important;}
.pr14rem { padding-right: 1.4rem!important;}
.pr16rem { padding-right: 1.6rem!important;}
.pr18rem { padding-right: 1.8rem!important;}
.pr20rem { padding-right: 2.0rem!important;}

.pb01rem { padding-bottom: 0.1rem!important;}
.pb02rem { padding-bottom: 0.2rem!important;}
.pb03rem { padding-bottom: 0.3rem!important;}
.pb04rem { padding-bottom: 0.4rem!important;}
.pb05rem { padding-bottom: 0.5rem!important;}
.pb10rem { padding-bottom: 1.0rem!important;}
.pb12rem { padding-bottom: 1.2rem!important;}
.pb14rem { padding-bottom: 1.4rem!important;}
.pb16rem { padding-bottom: 1.6rem!important;}
.pb18rem { padding-bottom: 1.8rem!important;}
.pb20rem { padding-bottom: 2.0rem!important;}

.pl01rem { padding-left: 0.1rem!important;}
.pl02rem { padding-left: 0.2rem!important;}
.pl03rem { padding-left: 0.3rem!important;}
.pl04rem { padding-left: 0.4rem!important;}
.pl05rem { padding-left: 0.5rem!important;}
.pl10rem { padding-left: 1.0rem!important;}
.pl12rem { padding-left: 1.2rem!important;}
.pl14rem { padding-left: 1.4rem!important;}
.pl16rem { padding-left: 1.6rem!important;}
.pl18rem { padding-left: 1.8rem!important;}
.pl20rem { padding-left: 2.0rem!important;}

.ptpb01rem { padding-top: 0.1rem; padding-bottom: 0.1rem!important;}
.ptpb02rem { padding-top: 0.2rem; padding-bottom: 0.2rem!important;}
.ptpb03rem { padding-top: 0.3rem; padding-bottom: 0.3rem!important;}
.ptpb04rem { padding-top: 0.4rem; padding-bottom: 0.4rem!important;}
.ptpb05rem { padding-top: 0.5rem; padding-bottom: 0.5rem!important;}
.ptpb10rem { padding-top: 1.0rem; padding-bottom: 1.0rem!important;}
.ptpb12rem { padding-top: 1.2rem; padding-bottom: 1.2rem!important;}
.ptpb14rem { padding-top: 1.4rem; padding-bottom: 1.4rem!important;}
.ptpb16rem { padding-top: 1.6rem; padding-bottom: 1.6rem!important;}
.ptpb18rem { padding-top: 1.8rem; padding-bottom: 1.8rem!important;}
.ptpb20rem { padding-top: 2.0rem; padding-bottom: 2.0rem!important;}

.plpr01rem { padding-left: 0.1rem; padding-right: 0.1rem!important;}
.plpr02rem { padding-left: 0.2rem; padding-right: 0.2rem!important;}
.plpr03rem { padding-left: 0.3rem; padding-right: 0.3rem!important;}
.plpr04rem { padding-left: 0.4rem; padding-right: 0.4rem!important;}
.plpr05rem { padding-left: 0.5rem; padding-right: 0.5rem!important;}
.plpr10rem { padding-left: 1.0rem; padding-right: 1.0rem!important;}
.plpr12rem { padding-left: 1.2rem; padding-right: 1.2rem!important;}
.plpr14rem { padding-left: 1.4rem; padding-right: 1.4rem!important;}
.plpr16rem { padding-left: 1.6rem; padding-right: 1.6rem!important;}
.plpr18rem { padding-left: 1.8rem; padding-right: 1.8rem!important;}
.plpr20rem { padding-left: 2.0rem; padding-right: 2.0rem!important;}


/* float
----------------------------------------------- */
.fl { float: left;}
.fr { float:right;}

/* clearfix
----------------------------------------------- */
.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	font-size: 0.1em;
}
.cf {
  min-height: 1px;
}
 * html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.cb { clear: both;}

/* font-position
----------------------------------------------- */
.tac { text-align: center!important;}
.tar { text-align: right!important;}
.tal { text-align: left !important;}

.vat { vertical-align: top!important;}
.vam { vertical-align: middle!important;}
.vab { vertical-align: bottom!important;}

/* font-size
----------------------------------------------- */
.fs09 { font-size: 0.9rem!important;}
.fs10 { font-size: 10rem!important;}
.fs11 { font-size: 1.1rem!important;}
.fs12 { font-size: 1.2rem!important;}
.fs13 { font-size: 1.3rem!important;}
.fs14 { font-size: 1.4rem!important;}
.fs15 { font-size: 1.5rem!important;}
.fs16 { font-size: 1.6rem!important;}
.fs17 { font-size: 1.7rem!important;}
.fs18 { font-size: 1.8rem!important;}
.fs19 { font-size: 1.9rem!important;}
.fs20 { font-size: 2.0rem!important;}
.fs21 { font-size: 2.1rem!important;}
.fs22 { font-size: 2.2rem!important;}
.fs23 { font-size: 2.3rem!important;}
.fs24 { font-size: 2.4rem!important;}
.fs25 { font-size: 2.5rem!important;}

/* em */
.fs01em { font-size: 0.1em!important;}
.fs02em { font-size: 0.2em!important;}
.fs03em { font-size: 0.3em!important;}
.fs04em { font-size: 0.4em!important;}
.fs05em { font-size: 0.5em!important;}
.fs06em { font-size: 0.6em!important;}
.fs07em { font-size: 0.7em!important;}
.fs08em { font-size: 0.8em!important;}
.fs09em { font-size: 0.9em!important;}
.fs10em { font-size: 1.0em!important;}
.fs11em { font-size: 1.1em!important;}
.fs12em { font-size: 1.2em!important;}
.fs13em { font-size: 1.3em!important;}
.fs14em { font-size: 1.4em!important;}
.fs15em { font-size: 1.5em!important;}
.fs16em { font-size: 1.6em!important;}
.fs18em { font-size: 1.8em!important;}
.fs20em { font-size: 2.0em!important;}

/* font-familly
----------------------------------------------- */
.fsEng{
	font-family: 'Quicksand', sans-serif!important;
}

/* font-color
----------------------------------------------- */
.fcWhite { color: #FFFFFF!important;}
.fcBlack { color: #000!important;}
.fcRed { color: #f00!important;}
.fcOrange { color: #f60!important;}
.fcYellow { color: #fc0!important;}
.fcGreen { color: #360!important;}
.fcYgreen { color: #f90!important;}
.fcBlue { color: #03f!important;}
.fcLblue { color: #0cc!important;}
.fcPink { color: #f09!important;}
.fcPurple { color: #c0c!important;}


/* font-weight
----------------------------------------------- */
.fb { font-weight: bold !important;}

/* line-height
----------------------------------------------- */
.lh0p5 { line-height: 0.5em!important;}
.lh1p0 { line-height: 1.0em!important;}
.lh1p2 { line-height: 1.2em!important;}
.lh1p4 { line-height: 1.4em!important;}
.lh1p6 { line-height: 1.6em!important;}
.lh1p8 { line-height: 1.8em!important;}
.lh2p0 { line-height: 2.0em!important;}


/* background
------------------------------------------------ */
.bgNone { background-image: none!important;}
.bg01 { background: #FFFFFF!important;}
.bgGray01 { background: #dedede!important;}

.bgPink { color:#FFFFFF; background:url(../img/common/bg_pink.gif) repeat!important; }
.bgGreen{ color:#FFFFFF; background:url(../img/common/bg_green.gif) repeat!important;}
.bgRed{ color:#FFFFFF; background:url(../img/common/bg_red.gif) repeat!important;}
.bgYellow{ color:#FFFFFF; background:url(../img/common/bg_yellow.gif) repeat!important;}
.bgOrange{ color:#FFFFFF; background:url(../img/common/bg_orange.gif) repeat!important;}
.bgPurple{ color:#FFFFFF; background:url(../img/common/bg_purple.gif) repeat!important;}
.bgSkyeblue{ color:#FFFFFF; background:url(../img/common/bg_skyblue.gif) repeat!important;}
.bgBrown{ color:#FFFFFF; background:url(../img/common/bg_brown.gif) repeat!important;}
.bgRainbow{ background:#FFFFFF url(../img/common/bg_rainbow.gif) repeat-x bottom!important; border:2px solid #FFFFFF!important; }
.bgPtn01{ background:url(../img/common/bg_ptn02.gif) repeat center!important;}


/* border
------------------------------------------------ */
.bdrPink { border:#ff6889 solid!important; }
.bdrGreen{ border:#2cb587 solid!important; }
.bdrRed{ border:#f4554f solid!important; }
.bdrYellow{ border:#ffa800 solid!important; }
.bdrOrange{ border:#f17338 solid!important; }
.bdrPurple{ border:#796cb1 solid!important; }
.bdrSkyeblue{border:#00a6e2 solid!important; }
.bdrBrown{ border:#6b3e24 solid!important; }


/*===BORDER EMBOSS================*/
.bdrEMB {
	border: 0;
	border-top: 1px solid #dfd4b2;
	border-bottom: 1px solid #fff;
	margin: 20px 0;
	background-color:#FF0004;
}
@media screen and (max-width: 767px) {
}
}

/* others
------------------------------------------------ */
a {
	text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;

}

a:hover {
	text-decoration: underline;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;

}
.op img,
.op input {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.op:hover img,
.op:hover input {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.visible-pc {
	display: block;
}
.visible-ts {
	display: none;
}
.telsp a {
	cursor: default;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

.hvr-buzz-out {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}
.hvr-buzz-out:hover {
	text-decoration: none;
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-name: hvr-buzz-out;
    animation-timing-function: linear;
}

@media screen and (max-width: 767px) {
.visible-ts {
	display: block;
}
.visible-pc {
	display: none;
}

a[href^="tel:"] {
	cursor: pointer;
	pointer-events: auto;
}
.hvr-buzz-out:hover {
    animation-name: none;
}
}


/* --------------------------------------------------
	layout.css
-------------------------------------------------- */
.bgInfo{
    position: fixed;
		height:100%;
    z-index: -1;
}


/*============================================================
  HEADER
=============================================================*/
/*
header {
	font-size:1.4rem;
	background:#FFDD00;
	z-index:900;
	width: 100%;
	overflow: hidden;
}
header .inner{
	width: 100%;
	margin: 0 auto;
}
*/
#header_wrap {
	background-color: #fffeea;
	box-shadow: 3px 0 3px #666;
	position: relative;
	z-index: 800;
}

/*============================================================
  LinkBtnR
=============================================================*/
.linkBtnR {
	position: absolute;
	right: 0;
	top: 0;
	z-index:999;
}
.linkBtnR a {
	display: block;
}
.linkBtnR a :hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
.linkBtnR {
	display:none;
}
}

#header_wrap #header {
	padding-top: 21px;
	padding-bottom: 1px;
	background: url(../img/common/img_rainbow.png) no-repeat center top 4px;
}
#header_wrap .h1Ttl {
	background-color: #f8b500;
}
#header_wrap .h1Ttl span {
	max-width:1044px;
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 11px;
	color: #58442b;
	padding: 4px 10px 3px;
}
#header_wrap .h2Ttl {
	margin-right: 20px;
	float: left;
}

#header_wrap .h2Ttl a {
	display: flex;
}

#header_wrap .h2Ttl a span {
	display: inline-block;
	vertical-align: middle;
}

#header_wrap .h2Ttl a .header-txt {
	margin-left: 10px;
	font-size: 13px;
    color: #D83902;
    font-weight: bold;
}

#header_wrap .h2Ttl a .header-txt span {
	display: block;
}

#header_wrap .h2Ttl a .header-txt i {
	font-style: normal;
}

#header_wrap .h2Ttl .header-txt img {
	margin-bottom: 8px;
}
#header_wrap .container {
	max-width:1044px;
}
#header_wrap .tel {
	display: block;
	width: 187px;
	float: left;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	line-height: 1.15;
}
#header_wrap .tel span {
	display: block;
	font-size: 23px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #c30400;
}
#header_wrap .tel span img {
	vertical-align: middle;
	margin: -5px 8px 0 0;
}
#header_wrap .search select {
	padding: 0 5px;
	font-size: 11px !important;
	color: #000;
	width: 90px;
	height: 35px;
	line-height: 35px;
	box-shadow: 3px 2px 3px #e4e4e4 inset;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: #FFF url(../img/common/icon02.png) no-repeat right 5px center;
}
#header_wrap .search select::-ms-expand { display: none; }
#header_wrap .search input {
	margin-left: 5px;
	padding: 0 10px;
	font-size: 11px !important;
	color: #000;
	width: 200px;
	height: 35px;
	line-height: 35px;
	box-shadow: 3px 2px 3px #e4e4e4 inset;
	outline: none;


	border: 1px solid #e0e0e0;
	border-radius: 20px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
#header_wrap .navbar-form {
	float: left;
	margin: 0;
	padding: 4px 0;
	position: relative;
}
#header_wrap .search-btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#header_wrap .search-btn button {
	border: 0;
	padding: 0;
	display: block;
	background-color: transparent;
}
#header_wrap .search-btn button img {
	display: block;
	padding: 14px;
	cursor: pointer;
}
#header_utility {
	float: left;
	clear: left;
}
#header_wrap .nav {
	padding: 1px 0 0;
}
#header_wrap .nav > li {
	float: left;
	padding-left: 1px;
	padding-bottom: 10px;
	position: relative;
}
#header_wrap .nav > li::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../img/common/nav_bg.png) no-repeat left bottom;
	position: absolute;
	bottom: 10px;
	z-index: -1;
}
#header_wrap .nav > li:last-child {
	padding-right: 1px;
	position: relative;
}
#header_wrap .nav > li:last-child:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../img/common/nav_bg.png) no-repeat right bottom;
	position: absolute;
	bottom: 10px;
	z-index: -1;
}
#header_wrap .nav a {
	padding: 0;
}
#header_wrap .nav a:focus,
#header_wrap .nav a:hover {
	background-color: transparent;
	padding: 0;
}
#header_wrap .login_area {
	margin-top: -11px;
	float: right;
}
#header_wrap .login_area li {
	float: left;
	margin-left: 4px;
}
@keyframes hvr-wobble-vertical {
	16.65% {
		transform: translateY(8px);
	}
	33.3% {
		transform: translateY(-6px);
	}
	49.95% {
		transform: translateY(4px);
	}
	66.6% {
		transform: translateY(-2px);
	}
	83.25% {
		transform: translateY(1px);
	}
	100% {
		transform: translateY(0px);
	}
}

#header_wrap .login_area li a {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}
#header_wrap .login_area li a:hover {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: hvr-wobble-vertical;
    animation-timing-function: ease-in-out;
}
@media screen and (max-width: 767px) {
	#header_wrap .login_area li a:hover {
		animation-name: none;
	}
}


#header_wrap .login_area img + img {
	display: none;
}
#header_wrap .login_area .on img {
	display: none;
}
#header_wrap .login_area .on img + img {
	display: block;
}

#header_wrap .info_user {
	margin: 5px 0 0 4px;
	padding: 11px 10px 3px;
	clear: right;
	width: 276px;
	border: 1px solid #ede9dd;
	border-radius: 5px;
	background-color: #FFF;
}

#header_wrap .name {
	float: left;
	width: 40%;
	font-size: 12px;
	color: #333;
	line-height: 1.5;
}
#header_wrap .name span > span {
	font-size: 10px;
	display: block;
}
#header_wrap .price_all {
	float: right;
	width: 52%;
	position: relative;
	padding-left: 33px;
	color: #333;
	font-size: 13px;
	margin-top: -3px;
}

#header_wrap .price_all a {
	color: #333;
	display: inline;
}
#header_wrap .price_all span {
	font-size: 11px;
	line-height: 1;
	display: inline-block;
	border-bottom: 2px solid #d8d8d8;
}
#header_wrap .price_all .num {
	margin-top: -2px;
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	padding: 0 3px;
	display: inline-block;
	min-width: 29px;
	height: 29px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #009966;
	line-height: 29px;
	text-align: center;
	border-radius: 3px;
	border: 0;
}
#header_wrap .price_all .price {
	font-size: 16px;
	line-height: 1;
	color: #333;
	border-bottom: 0;
}

#header_navi {
	display: block;
}
#menuBox {
	display: none;
}
#tab_link {
	position: fixed;
	right: 0;
	top: 590px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 1300;
	width: 54px;
}
#tab_link li {
	margin-bottom: 8px;
}
#tab_link li a:hover {
	opacity: .7;
}



/*-----------------------------------------------
	btnCorporate
----------------------------------------------- */
#btnCorporate {
	display:none;
}
@media screen and (max-width: 769px) {
#btnCorporate {
	display: block;
	z-index:999;
	position: fixed;
	cursor:pointer;
	bottom:30px;
	right:4px;
	margin-left:0;
}
#btnCorporate img{
	width: 64px;
}
}


@media screen and (min-width: 768px) {
	#header_navi {
		display: block !important;
	}
	#menuBox {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
header {
	position: relative;
	z-index: 1000;
}
header .inner{
	margin: 0 auto;
	height:50px;
}

#top {
	display: block;
	width: 100%;
	height: 82px;
}
#header_wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

#header_wrap .tel {
	display: none;
}

#header_wrap .h1Ttl span {
	font-size: 8px;
	padding: 3px 10px 1px;
}

#header_wrap #header {
	position: relative;
	background-image: none;
}

#header_wrap .h2Ttl {
	width: min(45vw,180px);
	padding-left: 10px;
	position: absolute;
	left: 0;
	top: 2.5vw;
}

#header_wrap .h2Ttl a {
	align-items: center;
}

#header_wrap .h2Ttl a > span {
	width: min(15vw,70px);
}

#header_wrap .h2Ttl a .header-txt {
	margin-left: 10px;
    font-size: min(3.2vw,12px);
    line-height: 1;
}

#header_wrap .h2Ttl a .header-txt img >br {
	display: none;
}

#header_wrap .h2Ttl a .header-txt img {
	display: none;
}

#header_wrap .h2Ttl a .header-txt i {
	display: none;
}
#header_wrap .login_area {
	width: 188px;
	margin-top: -17px;
	padding-right: 20px;
}

#header_wrap .navbar-header {
}

#header_wrap .navbar-toggle {
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	text-indent: -999em;
	position: absolute;
	right: 9px;
	top: 4px;
	background: url(../img/common/menu.png) no-repeat center center;
	background-size: 30px;
}

#header_wrap .navbar-header {
}

#header_wrap .navbar-form {
	margin: 15px 0 0;
	padding: 3px 10px 1px;
	border-top: 1px solid #ededed;
	float: none;
	clear: both;
	overflow: hidden;
	background-color: #fff;
}

#header_wrap .info_user {
	display: none;
}

#header_wrap .login_area li {
	margin-left: 7px;
}

#header_wrap .login_area li:first-child {
	margin-left: 0;
}

#header_wrap .login_area li img {
	height: 30px;
}

#header_wrap .search select {
	width: 21.6%;
	font-size: 9px !important;
	line-height: 24px;
	height: 24px;
	padding: 0 0 0 5px;
	float: left;
}

#header_wrap .search input {
	float: right;
	width: 76.6%;
	font-size: 9px !important;
	line-height: 25px;
	height: 24px;
	margin-left: 0;
	padding: 0 10px;
}

#header_wrap .search-btn {
	right: 12px;
}

#header_wrap #header_utility #header_navi {
	display: none;
}

#menuBox {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	overflow: auto;
	z-index: 1100;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.80)
}
#menuBox .ttl {
	padding-left: 10px;
	overflow: hidden;
	background: #e9aa00;
}
#menuBox .ttl .navbar-toggle {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	float: right;
	width: 40px;
	height: 40px;
	background: url(../img/button/menu_close01.png) no-repeat left top;
	background-size: cover;
}
#menuBox .ttl a{
	display: inline;
}
#menuBox .subBox {
	padding: 10px;
	overflow: hidden;
	background: #f8b500;
}
#menuBox .btn_ul li {
	float: left;
	width: 49%;
}
#menuBox .btn_ul li img {
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 0px 2px #999;
}
#menuBox .btn_ul li:nth-child(2) {
	float: right;
}
#menuBox .subBox p {
	margin: 1px 10px 8px;
	font-size: 9px;
}

#menuBox .close_btn {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
	float: none;
}

#menuBox .close_btn .navbar-toggle {
	margin: 12px auto 5px;
	float: none;
	padding: 0;
	border: 0;
	text-align: center;
}

#menuBox .navi {
	padding-top: 1px;
	border-radius: 3px;
	background-color: #FFF;
}

.bnrList{
	margin-bottom:0.5em;
}

#menuBox .navi li {
	padding: 11px 10px 9px;
	border-bottom: 1px solid #ddd;
}

#menuBox .navi li:last-child {
	border-bottom: 0;
}

#menuBox .navi > li > a {
	font-weight: bold;
	color: #000;
	display: block;
	background: url(../img/icon/icon11.png) no-repeat right 5px center;
	background-size: 10px;
}

#menuBox .navi > li:first-child > a {
	background: url(../img/icon/img_home.png) no-repeat right 5px center;
}

#menuBox .navi a:hover {
	text-decoration: none;
}

#menuBox .navi .pull {
	padding: 0;
}

#menuBox .navi button {
	margin-bottom: -1px;
	padding: 12px 10px 9px;
	border: 0;
	position: relative;
	border-bottom: 1px solid #ddd;
	width: 100%;
	font-weight: bold;
	color: #000;
	text-align: left;
	background: #FFF url(../img/icon/icon09.png) no-repeat right 15px center;
	background-size: 10px;
}

#menuBox .navi button:before {
	position: absolute;
	left: 0;
	bottom: -9px;
	width: 100%;
	height: 8px;
	content: "";
	background: url(../img/button/btn_before.png) no-repeat center top;
	background-size: 100% 8px;
}

#menuBox .navi button.collapsed {
	background-image: url(../img/icon/icon10.png);
}

#menuBox .navi button.collapsed:before {
	display: none;
}

#menuBox .subNavi {
	margin: 9px 10px 8px;
	border-radius: 3px;
	border: 1px solid #ffe9ac;
}

#menuBox .subNavi a {
	font-size: 11px;
	color: #000;
	padding-left: 15px;
	background: url(../img/icon/icon06.png) no-repeat left center;
}

#menuBox .subNavi li {
	padding: 5px 10px 3px;
	border-bottom: 1px dotted #ddd;
}

#menuBox .subNavi li:last-child {
	border-bottom: 0;
}

}

/*============================================================
  mainvisualSlider add by Tham
=============================================================*/

#mainvisualSlider {
	width: 100%;
}

#mainvisualSlider .foo {
	background-color: #FFF;
}
#mainvisualSlider .foo li {
	position: relative;
	background-color: #000;
}
#mainvisualSlider .foo li a img {
	opacity: 0.3;
}
#mainvisualSlider .foo a:hover {
	opacity: 0.7;
}
#mainvisualSlider .foo .slick-active {
	background-color: #FFF;
}
#mainvisualSlider .foo .slick-active a img {
	opacity: 1;
}
#mainvisualSlider .foo .slick-active a:hover img {
	opacity: 0.7;
}

#mainvisualSlider .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 100;
	padding: 0;
	border: 0;
	text-indent: -999em;
	width: 35px;
	height: 78px;
	transform: translate(0, -50%);
	outline: none;
}

#mainvisualSlider .slick-prev {
	left: 0;
	background: url(../img/button/slider_prev.png)no-repeat left center;
}

#mainvisualSlider .slick-next {
	right: 0;
	background: url(../img/button/slider_next.png) no-repeat right center;
}

#mainvisualSlider .slick-active:before {
	display: none;
}

#mainvisualSlider .slick-slide {
	outline: none;
}

#mainvisualSlider .slick-slide:focus {
	outline:0;
}


@media screen and (max-width: 767px) {
	#mainvisualSlider {
		margin-bottom: 2rem;
	}
	#mainvisualSlider .foo li a img {
		width: auto;
	}
	#mainvisualSlider .slick-arrow {
		background-size: contain;
		width: 25px;
    	height: 58px;
	}
	#mainvisualSlider .foo a:hover {
		opacity: 1;
	}
	#mainvisualSlider .foo .slick-active a:hover img {
		opacity: 1;
	}

}

/*============================================================
  sliderBox
=============================================================*/
#sliderBox {
	width: 100%;
	background: url(../img/index/slider_bg.jpg) no-repeat center center;
	background-size: cover;
}

#sliderBox .fooUl {
	padding: 12px 0 11px;
	text-align: center;
}

#sliderBox .fooUl .foo {
	position: relative;
}

#sliderBox .fooUl li {
	margin: 0 2px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#sliderBox .fooUl li a img {
	display: block;
	border: 1px solid transparent;
}
#sliderBox .fooUl li.on a img {
	border: 1px solid #000;
}
#sliderBox .foo {
	background-color: #FFF;
}
#sliderBox .foo li {
	position: relative;
	background-color: #000;
}
#sliderBox .foo li a img {
	opacity: 0.3;
}
#sliderBox .foo a:hover {
	opacity: 0.7;
}
#sliderBox .foo .slick-active {
	background-color: #FFF;
}
#sliderBox .foo .slick-active a img {
	opacity: 1;
}
#sliderBox .foo .slick-active a:hover img {
	opacity: 0.7;
}

/*#sliderBox .foo li:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	content: "";
	background-color: rgba(0,0,0,0.7);
}*/

#sliderBox + #wrap {
	padding-top: 0;
	background-image: url(../img/index/img_flag.png);
}

.pageTtl {
	display: none;
}

#sliderBox + #wrap .pageTtl {
	display: block;
	text-align: center;
}

#sliderBox .slick-arrow {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 100;
	margin-top: -39px;
	padding: 0;
	border: 0;
	text-indent: -999em;
	width: 35px;
	height: 78px;
	background: url(../img/button/slider_next.png) no-repeat left center;
}

#sliderBox .slick-prev {
	right: auto;
	left: 0;
	background-image: url(../img/button/slider_prev.png);
}

#sliderBox .slick-active:before {
	display: none;
}
.hvr-push {
    box-shadow: 0 0 1px transparent;
    display: block;
    transform: perspective(1px) translateZ(0px);

    vertical-align: middle;
}
.hvr-push:hover {
	opacity: 1 !important;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-name: hvr-push;
    animation-timing-function: linear;
}

.hvr-wobble-vertical {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}
.hvr-wobble-vertical:hover {
	opacity: 1 !important;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: hvr-wobble-vertical;
    animation-timing-function: ease-in-out;
}
.hvr-wobble-horizontal {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}
.hvr-wobble-horizontal:hover {
	opacity: 1 !important;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: hvr-wobble-horizontal;
    animation-timing-function: ease-in-out;
}
@media screen and (min-width: 768px) {
	#sliderBox .slick-next:hover {
		background-image: url(../img/button/slider_next_hover.png);
	}
	#sliderBox .slick-prev:hover {
		background-image: url(../img/button/slider_prev_hover.png);
	}
}

@keyframes hvr-push {
50% {
	transform: scale(0.8);
}
100% {
	transform: scale(1);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
	transform: translateY(8px);
}
33.3% {
	transform: translateY(-6px);
}
49.95% {
	transform: translateY(4px);
}
66.6% {
	transform: translateY(-2px);
}
83.25% {
	transform: translateY(1px);
}
100% {
	transform: translateY(0px);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
	transform: translateX(8px);
}
33.3% {
	transform: translateX(-6px);
}
49.95% {
	transform: translateX(4px);
}
66.6% {
	transform: translateX(-2px);
}
83.25% {
	transform: translateX(1px);
}
100% {
	transform: translateX(0px);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
	transform: translateX(8px);
}
33.3% {
	transform: translateX(-6px);
}
49.95% {
	transform: translateX(4px);
}
66.6% {
	transform: translateX(-2px);
}
83.25% {
	transform: translateX(1px);
}
100% {
	transform: translateX(0px);
}
}
@media screen and (max-width: 767px) {
.hvr-push:hover {
    animation-name: none;
}
.hvr-wobble-vertical:hover {
    animation-name: none;
}
.hvr-wobble-horizontal:hover {
    animation-name: none;
}

	#sliderBox .fooUl {
		padding: 6px 0 5px;
	}

	#sliderBox .fooUl li {
		width: 70px;
		margin: 0;
	}

	#header_wrap .search-btn button img {
		padding: 5px;
		width: 23px;
	}

	#sliderBox + #wrap .pageTtl {
		margin: -10px 10px 0;
	}
	#sliderBox + #wrap {
		padding-top: 3px;
		background-image: none;
	}
	#sliderBox .slick-arrow {
		margin-top: -14px;
		width: 12px;
		height: 28px;
		background-size: cover;
	}
	#sliderBox .foo a:hover {
		opacity: 1;
	}
	#sliderBox .foo .slick-active a:hover img {
		opacity: 1;
	}

}

/*============================================================
  TEASER
=============================================================*/
#teaserPage {
	margin:0px auto 0rem;
	font-family: "Rounded Mplus 1c";
}
#teaserPage .inr{
	width:810px;
	max-width:100%;
	margin:0 auto;
}
#teaserPage .inr .pageTit{
	font-size:6rem;
	padding-top:80px;
	font-weight:bold;
	line-height:1.1;
}
#teaserPage .inr .kateTit{
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.1;
}

#teaser_energeticproject {
	background: url(../img/teaser/bg_teaser_energeticproject.png) repeat center;
	padding: 20px 30px;
	border: 8px solid #e50012;
	max-width: 750px;
	margin: 0 auto;
}

#teaser_energeticproject .teaserCont {
	display: flex;
    flex-direction: row-reverse;
    margin-top: 2rem;
}

#teaser_energeticproject .teaserCont .img_cont {
	width: 160px;
	text-align: right;
}

#teaser_energeticproject .teaserCont .teaserTxt {
	width: calc(100% - 160px);
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
}

#teaser_energeticproject .teaserCont .teaserTxt p + p {
	margin-top: 15px;
}

#teaser_energeticproject .teaserCont .teaserTxt p a {
	color: #000;
}

#teaser_energeticproject .teaserCont .teaserTxt p span.brd {
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 1px solid #797979;
}

@media screen and (max-width: 769px) {
#teaserPage {
	background:url(../img/teaser/regulation_sp.jpg) bottom center repeat;
	background-size: cover;
}
#teaserPage .inr{
	margin:0 auto;
	padding-left:0px;
	text-align:center;
}
#teaserPage .inr .pageTit{
	font-size:3rem;
	padding-top:30px;
}
#teaserPage .inr .kateTit{
	font-size:1.8rem;
}
}

#breadcrumb{
	overflow:hidden;
	margin-bottom:0.5em;
}
#breadcrumb ul{
	float:right;
}
#breadcrumb ul li{
	float:left;
	font-size:11px;
	height:22px;
	line-height:22px;
	background:url(../img/icon/icon_link_01b.svg) left center no-repeat;
	background-size:8px 8px;
	padding-left:11px;
	margin-left:5px;
}
#breadcrumb ul li:first-child{
	background:url(../img/icon/ico_home.gif) left 6px no-repeat;
	padding-left:14px;
	margin-left:0;
}
#breadcrumb ul li a{
	font-size:11px;
	text-decoration:none;
}
#breadcrumb ul li a:hover{
	text-decoration:underline;
}

@media screen and (max-width: 767px) {
#breadcrumb ul{
	float:left;
}
}

@media screen and (max-width: 640px) {
	#teaser_energeticproject {
		max-width: 100%;
		border: 4px solid #e50012;
		padding: 10px 20px;
	}

	#teaser_energeticproject .teaserCont {
		display: block;
		margin-top: 10px;
	}

	#teaser_energeticproject .teaserCont .img_cont {
		width: auto;
		text-align: center;
	}

	#teaser_energeticproject .teaserCont .teaserTxt {
		width: auto;
		font-size: 14px;
		margin-top: 15px;
	}
}
/*============================================================
  WRAPPER
=============================================================*/
#wrapper {
	margin: 0 auto;

}
@media screen and (max-width: 767px) {
#wrapper {
}
}

.inner{
	max-width:1024px;
	margin: 0 auto;
}
.noSpace{
	margin:0px auto 1rem;
}
@media screen and (max-width: 767px) {
.inner{
	margin-left:0;
	margin-right:0;
}
.noSpace{
	margin:auto -15px 1rem;
}
}

/*============================================================
  CONTENT
=============================================================*/
#wrap {
	position:relative;
	/*
	margin:0 auto 0;
	*/
	margin: 0;
	background:#fff url(../img/common/body_underpage_pc.png) no-repeat center top;
}

#wrap {
	padding-top: 16px;
	background:#fff url(../img/common/body_underpage_pc.png) no-repeat center top 1px;
}

@media screen and (max-width: 767px) {
#wrap {
	padding-top: 5px;
	position:relative;
	background:#fff url(../img/common/body_underpage_sp.png) no-repeat center top;
	background-size: 100% auto;
}

/*#wrap > #container {
	padding: 0 10px
}*/
}

/*============================================================
  ARTICLE
=============================================================*/
article {
}

article a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
article a:hover{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
@media screen and (max-width: 767px) {
article {
	width:auto;
	float: none;
	padding:0px;
}
}

/*============================================================
  ASIDE
=============================================================*/
aside{
	width:200px;
	min-height:1000px;
	float:right;
  position: relative;
	background:#ffdd00;
}

@media screen and (max-width: 767px) {
aside{
	float:none;
	width: auto;
	position:relative;
}
}

/*=========SIDE NAVI 01=========*/
.sideNav01{
	font-size:1.4rem;
	margin-bottom:1.8em;
}
.sideNav01 .titSide01{
	font-size:1.5rem;
	background:#FFFFFF;
	padding:0.8em 0.5em 1.2em;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #FFFFFF url(../img/common/grass_btm.png) no-repeat bottom;

}
.sideNav01 ul{
	border-top: 1px solid #000;
	background: url(../img/common/bg_skyblue.gif) repeat;
}
.sideNav01 ul li{
	border-bottom: 1px solid #efefef;
	background: url(../img/icon/icon_link_01a.svg) 97% center no-repeat;
	text-align: left;
	background-size: 8px 8px;
}
.sideNav01 ul li a{
	color:#FFFFFF;
	display:block;
	padding:0.8em 1em;
	text-decoration:none;
}
.sideNav01 ul li a:hover{
	color:#FFDD00;
}
@media screen and (max-width: 767px) {
.sideNav01 .titSide01{
	font-size:1.6rem;
	text-align:center;
	border-top:1px solid #000000;
	padding:0.8em 0 1em;
}
.sideNav01 ul li a{
	padding:1.5em 0em;
}
}

/*=========SIDE NAVI 02=========*/
.sideNav02{
	font-size:1.3rem;
	margin-bottom:0.5rem;
	background-color:#FFDD00;
}
@media screen and (max-width: 767px) {
.sideNav01{
}
}

/*=========SIDE BANNER=========*/
.sideBanner{
	font-size:1.3rem;
	margin-bottom:0.5rem;
	background-color:#FFDD00;
}
@media screen and (max-width: 767px) {
.sideBanner{
}
}

/*============================================================
  FOOTER
=============================================================*/
footer{
	background:#FFDD00;
	font-size:1.3rem;
	z-index:0;
	/*=固定する場合 position: fixed;

	bottom: 0px;=*/
	width: 100%;
	overflow:hidden;
}
footer .inner {
	max-width:1024px;
	margin: 0 auto;
		background:#FFDD00;

}

#footer_wrap {
	min-height: 523px;
	position: relative;
	background: url(../img/background/footer_bg.jpg) repeat-x center bottom;
}

#footer_wrap .copyright {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#footer_wrap .copyright .container {
	position: relative;
}

#footer_wrap .copyright p {
	padding: 10px 10px 8px;
	position: relative;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	z-index: 20;
	background: #6d9414;
}

#woodGide {
	position: absolute;
	left: 64px;
	top: -108px;
	z-index: 10;
}

#slider {
	padding: 16px 0 15px;
	position: relative;
	background: #FFF url(../img/background/bg_grass.png) repeat-x left bottom;
}

#slider:before {
	position: absolute;
	content: '';
	background: url(../img/common/bg_slider_ft.png) repeat-x;
	width: 100%;
	height: 4px;
	top: 0;
	left: 0;
}

#slider li {
	margin: 0 3px;
}

#slider ul {
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	position: relative;
	z-index: 100;
}


.foo_btn .container {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 20px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

#slider .slick-arrow {
	position: absolute;
	right: -20px;
	top: 50%;
	padding: 0;
	border: 0;
	text-indent: -999em;
	width: 20px;
	height: 50px;
	outline: 0;
	background: url(../img/common/btn_next.png) no-repeat left center;
}

#slider ul a:hover,
#slider .slick-arrow:hover {
	opacity: 0.7;
}

#slider .slick-prev {
	right: auto;
	left: -20px;
	background-image: url(../img/common/btn_prev.png);
}

#footer_wrap .sitemap {
	margin-top: 15px;
	padding: 18px 0 18px 18px;
	overflow: hidden;
	border-radius: 3px 3px 0 0;
	box-shadow: 3px 0 3px #f6f6f6 inset;
	border: 1px solid #FFF;
	background: rgba(255,255,255,0.8);
}

#footer_wrap .sitemap > ul > li > a {
	margin-bottom: 4px;
	min-width: 150px;
	padding: 0 10px;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 22px;
	border-radius: 11px;
	background: #FFF url(../img/icon/icon05.png) no-repeat right 10px center;
}

#footer_wrap .sitemap > ul > li > a .h4Ttl {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 22px;
}

#footer_wrap .sitemap > ul > li > a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#footer_wrap .sitemap > ul > li > a img {
	margin-top: -2px;
	margin-right: 4px;
	vertical-align: middle;
}

#footer_wrap .sitemap > ul {
	float: left;
	width: 72.3%;
	border-right: 1px solid #FFF;
}

#footer_wrap .sitemap > ul > li {
	display: inline-block;
	width: 25%;
	vertical-align: top;
}

#footer_wrap .sitemap .sub {
	background-image: none;
}

#footer_wrap .sitemap .sub + ul a {
	margin: 0 0 0 10px;
	display: block;
	padding: 4px 5px 2px 17px;
	font-size: 12px;
	line-height: 1.3;
	color: #000;
	background: url(../img/icon/icon06.png) no-repeat left top 5px;
}

#footer_wrap .sitemap .rBox {
	float: right;
	width: 27.7%;
	text-align: center;
}

#footer_wrap .sitemap .tel {
	margin: 6px 0 4px;
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	line-height: 1.15;
}
#footer_wrap .sitemap .tel span {
	display: block;
	font-size: 31px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #c30400;
}
#footer_wrap .sitemap .tel span img {
	vertical-align: middle;
	margin: -5px 8px 0 0;
}

#footer_wrap .sitemap .f_search a {
	margin-top: 10px;
	margin-right: 19px;
	display: block;
	padding: 2px 17px 0 0;
	font-size: 12px;
	text-align: right;
	color: #000;
	background: url(../img/icon/icon_s.png) no-repeat right center;
}

@media screen and (min-width: 768px) {
	#footer_menu {
		display: none !important;
	}
}
@keyframes hvr-buzz-out {
10% {
	transform: translateX(3px) rotate(2deg);
}
20% {
	transform: translateX(-3px) rotate(-2deg);
}
30% {
	transform: translateX(3px) rotate(2deg);
}
40% {
	transform: translateX(-3px) rotate(-2deg);
}
50% {
	transform: translateX(2px) rotate(1deg);
}
60% {
	transform: translateX(-2px) rotate(-1deg);
}
70% {
	transform: translateX(2px) rotate(1deg);
}
80% {
	transform: translateX(-2px) rotate(-1deg);
}
90% {
	transform: translateX(1px) rotate(0deg);
}
100% {
	transform: translateX(-1px) rotate(0deg);
}
}
.hvr-buzz-out {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}
.hvr-buzz-out:hover {
	opacity: 1 !important;
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-name: hvr-buzz-out;
    animation-timing-function: linear;
}
@media screen and (max-width: 767px) {
	.hvr-buzz-out:hover {
		animation-name: none;
	}
}

@media screen and (max-width: 767px) {
	footer {
		margin-top:0;
		border-top:0;
		padding:0;
	}
	footer .inner {
		width:auto;
	}
	#footer_wrap {
		height: auto;
		position: relative;
		background: #5ec7d8 url(../img/background/footer_bg.jpg) repeat-x center bottom 10px;
		background-size: 950px auto;
	}
	#footer {
		padding-top: 13px;
	}

	.foo_btn .container {
		width: 100%;
		z-index: 100;
	}
	#footer_wrap .copyright {
		position: static;
	}
	#slider .slick-arrow {
		margin-top: -20px;
		right: 0;
		z-index: 100;
	}
	#slider ul a:hover,
	#slider .slick-arrow:hover {
		opacity: 1;
	}
	#slider .slick-prev {
		left: 0;
	}
	#slider {
		padding: 14px 0 14px;
		background-image: none;
	}
	#slider li {
		margin: 0;
		padding: 0 9px;
	}
	#slider li img {
		margin: 0 auto;
		width: 260px;
	}
	#slider .slick-prev {
		width: 18px;
		height: 40px;
		background-image: url(../img/common/btn_prev_sp.png);
		background-size: cover;
	}
	#slider .slick-next {
		width: 18px;
		height: 40px;
		background-image: url(../img/common/btn_next_sp.png);
		background-size: cover;
	}

	#footer_menu .subBox {
		margin-bottom: 125px;
		border-radius: 4px 4px 0 0;
		padding: 0;
		overflow: hidden;
		background: #fffef9;
	}
	#footer_menu .btn_ul li {
		float: left;
	}
	#footer_menu .btn_ul li img {
		border-radius: 5px;
		box-shadow: 0px 0px 2px #999;
	}
	#footer_menu .btn_ul li:nth-child(2) {
		float: right;
	}
	#footer_menu .subBox p {
		margin: 1px 10px 8px;
		font-size: 9px;
	}
	#footer_menu .close_btn {
		padding: 0;
		margin: 0;
		border: 0;
		text-align: center;
		float: none;
	}
	#footer_menu .close_btn .navbar-toggle {
		margin: 12px auto 5px;
		float: none;
		padding: 0;
		border: 0;
		text-align: center;
	}
	#footer_menu .navi {
		padding-top: 1px;
		border-radius: 3px;
		background-color: #FFF;
	}
	#footer_menu .navi li {
		padding: 11px 10px 9px;
		border-bottom: 1px solid #ddd;
	}
	#footer_menu .navi > li > a {
		font-weight: bold;
		color: #000;
		display: block;
		background: url(../img/icon/icon11.png) no-repeat right 5px center;
		background-size: 10px;
	}
	#footer_menu .navi > li > a .h4Ttl {
		font-weight: bold;
		color: #000;
		display: block;
		line-height: 1.57142;
	}
	#footer_menu .navi > li:first-child > a {
		background: url(../img/icon/img_home.png) no-repeat right 5px center;
	}
	#footer_menu .navi a:hover {
		text-decoration: none;
	}
	#footer_menu .navi .pull {
		padding: 0;
	}
	#footer_menu .navi button {
		margin-bottom: -1px;
		padding: 12px 10px 9px;
		border: 0;
		position: relative;
		border-bottom: 1px solid #ddd;
		width: 100%;
		font-weight: bold;
		color: #000;
		text-align: left;
		background: #FFF url(../img/icon/icon09.png) no-repeat right 15px center;
		background-size: 10px;
	}
	#footer_menu .navi button .h4Ttl {
		font-weight: bold;
		color: #000;
		line-height: 1.57142;
		display: block;
	}
	#footer_menu .navi button:before {
		position: absolute;
		left: 0;
		bottom: -9px;
		width: 100%;
		height: 8px;
		content: "";
		background: url(../img/button/btn_before.png) no-repeat center top;
		background-size: 100% 8px;
	}
	#footer_menu .navi button.collapsed {
		background-image: url(../img/icon/icon10.png);
	}
	#footer_menu .navi button.collapsed:before {
		display: none;
	}
	#footer_menu .subNavi {
		margin: 9px 10px 8px;
		border-radius: 3px;
		border: 1px solid #ffe9ac;
	}
	#footer_menu .subNavi a {
		font-size: 11px;
		color: #000;
		padding-left: 15px;
		background: url(../img/icon/icon06.png) no-repeat left center;
	}
	#footer_menu .subNavi li {
		padding: 5px 10px 3px;
		border-bottom: 1px dotted #ddd;
	}
	#footer_menu .subNavi li:last-child {
		border-bottom: 0;
	}
	#footer_wrap .copyright p {
		margin: 0 -10px;
		padding: 4px 10px;
		font-size: 8px;
		line-height: 10px;
	}
	#footer_menu .rBox {
		margin-top: 15px;
		text-align: center;
	}
	#footer_menu .tel {
		margin: 10px auto 7px;
		display: block;
		font-size:11px;
		color: #000;
		line-height: 1.15;
	}
	#footer_menu .tel a {
		margin: 0 auto 5px;
		padding: 6px 0 4px;
		display: block;
		width: 230px;
		border-radius: 3px;
		font-size: 20px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		color: #c30400;
		background-color: #f8b500;
	}
	#footer_menu .tel a img {
		vertical-align: middle;
		margin: -5px 4px 0 0;
		width: 20px;
	}
	#footer_menu .tel a:hover {
		text-decoration: none;
	}
	#footer_menu .contact {
		margin: 0 auto;
		display: block;
		width: 230px;
		border-radius: 3px;
		background-color: #f8b500;
	}

	#footer_menu .contact img {
		width: 180px;
	}

	#footer_menu .f_search {
		margin: 0 auto;
		display: block;
		width: 230px;
	}

	#footer_menu .f_search a {
		margin-top: 3px;
		display: block;
		padding: 6px 17px 4px 0;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		color: #000;
		background: url(../img/icon/icon_s.png) no-repeat right center;
	}
	#footer_menu .f_search a:hover {
		text-decoration: underline;
	}
	#woodGide {
		top: -90px;
		right: 0;
		width: 96px;
	}

}

/*============================================================
  hover
=============================================================*/
.hvr-float-shadow {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    vertical-align: middle;
}
.hvr-float-shadow::before {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, transparent 80%) repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 5%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: 0.3s;
    transition-property: transform, opacity;
    width: 90%;
    z-index: -1;
}
#header_wrap #header_navi .nav li:hover .hvr-float-shadow,
.hvr-float-shadow.on {
    transform: translateY(-5px);
}
#header_wrap #header_navi .nav li:hover .hvr-float-shadow::before,
.hvr-float-shadow.on:before {
    opacity: 1;
    transform: translateY(5px);
}
#header_wrap .sub_navi {
	position: absolute;
	left: 5px;
	top: calc(100% + 10px);
	width: 270px;
	display: none;
	border-radius: 4px;
	box-shadow: 1px 2px 0 #58442b;
	border: 2px solid #ffdc6b;
	background-color: #fffeea;
}
#header_wrap .sub_navi:before {
	position: absolute;
	left: 60px;
	top: -12px;
	width: 26px;
	height: 10px;
	content: "";
	background: url(../img/common/sub_before.png) no-repeat center bottom;
}
#header_wrap .sub_navi a {
	padding: 0 20px !important;
	display: block;
	font-size: 12px;
	color: #000;
	line-height: 36px;
	text-decoration: none;
	background: url(../img/icon/icon06.png) no-repeat left 4px center;
}
#header_wrap .sub_navi li + li a {
	border-top: 1px dotted #d0d0d0;
}
#header_wrap .sub_navi a:hover {
	padding: 0 20px;
	text-decoration: none;
	background-color: #FFF;
}


#header_wrap #header_navi .nav li:hover .sub_navi{
	display: block;
}
/* --------------------------------------------------
	page.css
-------------------------------------------------- */
/* !textBox
---------------------------------------------------------- */
.textBox{
	line-height: 2;
	margin-bottom: 0.5em;
}

/* !twoImgColumn02
---------------------------------------------------------- */
.twoImgColumn02 {
	margin-bottom: -2em;
}
.twoImgColumn02 .show {
	width: 100%;
}
.twoImgColumn02 .show ul {
	margin-left: -40px;
}
.twoImgColumn02 .show ul li {
	float: left;
	width: 50%;
	padding-left: 40px;
	box-sizing: border-box;
	margin-bottom: 2em;
}
.twoImgColumn02 .show ul li .imgColumnBox .imgBox {
	display: -webkit-box;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	max-height: 270px;
	overflow: hidden;
	margin-bottom: 0.8em;
	background: url(../img/common/bg_ptn02.gif) repeat;
}
.twoImgColumn02 .show ul li .imgColumnBox .imgBox img {
	height: auto;
}
.twoImgColumn02 .show ul li .imgColumnBox img {
	max-height: inherit;
	display: block;
	width: inherit;
	margin: 0 auto;
}
.twoImgColumn02 .show ul li .img span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.twoImgColumn02 .show ul li .showTit {
	padding-left: 15px;
	font-size: 1.5rem;
	line-height: 17px;
	color: #333333;
	background: url(../img/common/bdr_rainbow.gif) repeat-y left;
	margin-bottom: 0.5em;
}
.twoImgColumn02 .show ul li .showTit span {
	display: block;
	font-size: 12px;
	line-height: 15px;
	margin-top: 6px;
}
.twoImgColumn02 .show ul li .columnTxt {
	margin-bottom: 0.5em;
	line-height: 2em;
	text-align: justify;
	text-justify: inter-word;
}

@media screen and (max-width: 767px) {
.twoImgColumn02 {
	margin-bottom: 0em;
}
.twoImgColumn02 .show ul {
	margin-left: 0px;
}
.twoImgColumn02 .show ul li {
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 1.5em;
	margin : 25px 0 0 0;
	border-bottom: 1px solid #cccccc;
}
.twoImgColumn02 .show ul li .showTit {
	display: block;
	padding-right: 0px;
	font-weight: bold;
}
.twoImgColumn02 .show ul li .showTit a span {
	font-weight: normal;
}
.twoImgColumn02 .show ul li .imgColumnBox .imgBox {
	display: none;
}
}
/*===TOP INFORMATION=======================*/
.topInfo {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 1.5em;
	background: url(../img/common/bg_ptn02.gif) repeat;
}
.topInfoList {
	padding-right: 9px;
	border-top: 1px solid #cbbeaf;
}
.topInfoList ul li {
	position: relative;
	border-bottom: 1px solid #cbbeaf;
}
.topInfoList ul li a:before {
	position: absolute;
	background: url(../img/icon/icon_link_01b.svg) 0 0 no-repeat;
	width: 5px;
	height: 10px;
	top: 50%;
	margin-top: -3px;
	right: 11px;
	content: "";
	z-index: 2;
}
.topInfoList ul li a {
	text-decoration: none;
	color: #000000;
}
.topInfoList ul li a:hover div {
	text-decoration: underline;
}
.topInfoList ul li .topInfoDate {
	float: left;
	font-size: 1.2rem;
	padding: 14px 30px 8px 10px;
	overflow: hidden;
}
.topInfoList ul li .topInfoDate span.news {
	padding: 0.2em 1.5em;
	text-align: center;
	display: block;
	float: right;
	margin-left: 10px;
	color: #FFFFFF;
	background-color: #BB5153;
}
.topInfoList ul li .topInfoDate span.news img {
	width: 60px;
}
.topInfoList ul li .topInfoTxt {
	font-size: 1.4rem;
	overflow: hidden;
	padding: 14px 30px 8px 0;
	box-sizing: border-box;
}
.topInfoList ul li .topInfoTxt .textNews {
	font-size: 1.4rem;
	text-align: justify;
	text-justify: inter-word;
}
.topInfoList ul li .topInfoTxt span.tit {
	font-size: 1.6rem;
	margin-bottom: 0.5rem;
	display: block;
}
.topInfoList ul li .topInfoTxt a {
	color: #333;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
.topInfo {
}
.topInfoList {
	padding-right: 5px;
}
.topInfoList ul li:before {
	position: absolute;
	background-size: 9px 17px;
	width: 15px;
	height: 17px;
	top: 50%;
	margin-top: -9px;
	right: 0;
	content: "";
	z-index: 2;
}
.topInfoList ul li .topInfoDate {
	padding: 8px 10px 0;
}
.topInfoList ul li .topInfoDate span.news {
}
.topInfoList ul li .topInfoTxt {
	padding: 6px 22px 9px 10px;
	line-height: 1.75;
	display: inline-block;
}
.topInfoList ul li .topInfoTxt span.tit {
	line-height: 1.3;
}
}
/*===STEP=======================*/
.step dl {
	padding: 18px 0px;
	overflow: hidden;
	border-top: #6b3e24 dotted 1px;
}
.step dl dt {
	float: left;
	width: 90px;
	height: 140px;
	background: url(../img/icon/icon_point_bm.svg) center bottom no-repeat;
	text-align: center;
	background-size: 15px 15px;
}
.step dl dt .stepBox {
	color: #FFF;
	background: url(../img/common/bg_green.gif) repeat;
	padding: 15px 5px 15px 5px;
	border-top: #cbbeaf 1px solid;
}
.step dl dt .stepBox .titStepEng {
	font-size: 14px;
	font-weight: normal;
	font-family: "Arial", Gadget, sans-serif;
}
.step dl dt .stepBox .titStepEng:after {
	border-bottom: 1px solid #FFF;
	content: "";
	display: block;
	position: relative;
	height: 1px;
	width: 20px;
	margin: 0.1em auto 0;
}
.step dl dt .stepBox .titStep {
	font-size: 15px;
	margin-top: 10px;
	line-height: 1.3;
	font-weight: normal;
}
.step dl dd {
	float: right;
	width: 85%;
}
.step dl dd p {
	margin-top: -6px;
}
.step dl dd .photo {
	width: 150px;
	float: right;
	margin-left: 20px;
	text-align: center;
}
.step dl dd .photo img {
	max-height: 110px;
	border:3px #FFFFFF solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.step dl {
	margin: 0 0 5px 0;
	padding-bottom: 10px;
	display: block;
	width: 100%;
}
.step dl dt {
	width: 100%;
	height: auto;
	line-height: 1.5;
	background: none;
	float: none;
	margin: 0 0 15px 0;
	background: none;
	background-size: 15px;
}
.step dl dt .stepBox {
	font-weight: normal;
	padding: 5px;
	border-top: none;
	overflow: hidden;
	text-align: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.step dl dt .stepBox .titStepEng {
	font-size: 12px;
	float: left;
	margin-right: 10px;
	color: #000000;
	padding: 3px 10px;
	background-color: #ffa701;
}
.step dl dt .stepBox .titStepEng:after {
	display: none;
}
.step dl dt .stepBox .titStep {
	font-size: 18px;
	margin-top: 2px;
	line-height: 1.2;
	float: left;
}
.step dl dd {
	float: none;
	width: 100%;
	padding-bottom: 20px;
	background: url(../img/icon/icon_point_bm.svg) center bottom no-repeat;
	background-size: 15px 15px;
}
.step dl dd .photo {
	float: right;
	width: 140px;
	margin-top: 3px;
	margin-bottom: 10px;
}
}
.boxWrapper {
	background-color: #FFFFFF;
	padding: 30px;
	margin-top: 2em;
}

@media screen and (max-width: 767px) {
.boxWrapper {
	padding: 0px;
}
}
/*===TWO COLUMN================*/
.twoColumn {
	overflow: hidden;
	margin-bottom: 0.5em;
}
.twoColumnImgL {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}
.twoColumnImgR {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}
.twoColumnImgL img, .twoColumnImgR img {
	max-height: 210px;
	height: auto;
	margin-top: 6px;
	border: 5px solid #FFFFFF;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.twoColumnTxt {
	margin-bottom: 0.5em;
	line-height: 2em;
	text-align: justify;
	text-justify: inter-word;
}

@media screen and (max-width: 767px) {
.twoColumn {
	margin: 0 auto 5px auto;
}
.twoColumnImgL {
	float: none;
	margin: 0 auto 10px auto!important;
	text-align: center;
	display: block;
	max-width: inherit;
}
.twoColumnImgL span {
	text-align: center!important;
}
.twoColumnImgR {
	float: none;
	margin: 0 auto 10px auto;
	text-align: center;
	display: block;
	max-width: inherit;
}
.twoColumnImgR span {
	text-align: center!important;
}
.twoColumnTxt {
	margin-left: 0px;
	margin-right: 0px;


}
.twoColumnImgL img, .twoColumnImgR img {
	max-width: 100%;
	margin: 0 auto 0 auto;
}
}




/*===TWO IMG COLUMN================*/
.twoImgColumn {
	overflow: hidden;
	margin-bottom: 0.5em;
}
.twoImgColumn .imgColumnBox {


	padding: 3px;
	box-sizing: border-box;
	background: url(../img/common/bg_ptn03.gif) repeat;
	behavior: url(PIE.htc);

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.twoImgColumn .imgColumnBox .inr {
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#FFFFFF url(../img/icon/stars.svg) no-repeat bottom center;
	background-size:200px 50px;
}
.twoImgColumn .imgColumnBox .inr .imgBox {
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	height: 245px;
	margin-bottom: 0.8em;
	overflow: hidden;
	background: url(../img/common/bg_ptn02.gif) repeat;
}
.twoImgColumn .imgColumnBox .inr .imgBox img {
	height: auto;
}
.twoImgColumn .imgColumnBox .inr img {
	max-height: 100%;
	display: block;
	width: inherit;
	margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;

}
.twoImgColumn .imgColumnBox .inr:first-child {
	margin-left: 0;
}
.twoImgColumn .columnTit {
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 26px 0 10px 10px;
}
@media screen and (max-width: 767px) {
.twoImgColumn .imgColumnBox {


	padding: 3px;

}

.twoImgColumn .imgColumnBox .inr {
	padding: 10px;

}
.twoImgColumn .imgColumnBox .inr .imgBox {
	max-height: 83px;
	margin-bottom: 19px;
}
.twoImgColumn .columnTit {
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 8px 0 8px 0px;
}
}


/*===THREE IMG COLUMN=========================*/
.threeImgColumn {
	overflow: hidden;
	margin-bottom: 15px;
}
.threeImgColumn .columnTit {
	font-size: 1.5rem;
	line-height: 1.2;
	margin:15px 0 10px 10px;
	text-align: center;
}
.threeImgColumn .imgBox {
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	/*display:-ms-flexbox;/*--- IE10 ---*/
	/*display: -webkit-flex;/*--- safari（PC）用 ---*/
	/*display:flex;-*/
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	max-height: 150px;
	background: url(../img/common/bg_ptn02.gif) repeat;
}
.threeImgColumn .imgBox img {
	height: auto;
}
.threeImgColumn .imgColumnBox {

	height: 100%;

	margin-left: 10px;
	background: url(../img/common/bg_ptn03.gif) repeat;
	padding:3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.threeImgColumn .imgColumnBox .inr {
	background:#FFFFFF url(../img/icon/stars.svg) no-repeat bottom center;
	background-size:150px 50px;
	padding:10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.threeImgColumn .imgColumnBox .inr img {
	max-height: 150px;
	display: block;
	width: inherit;
	margin: 0 auto;
}
.threeImgColumn .imgColumnBox:first-child {
	margin-left: 0;
}

@media screen and (max-width: 767px) {
.threeImgColumn {
	margin-bottom: 10px;
}
.threeImgColumn .columnTit {
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 8px 0 8px 0px;
}
.threeImgColumn .imgBox img {
	height: auto;
}
.threeImgColumn .imgColumnBox {
	width: auto;
	float: none;
	margin-left: 0px;
	padding:3px;
	margin-bottom:10px;
}

.threeImgColumn .imgColumnBox .inr img {
	max-height: 150px;
	display: block;
	width: inherit;
	margin: 0 auto;
}
}



/*===FOUR IMG COLUMN=========================*/
.fourImgColumn {
	overflow: hidden;
	margin-bottom: 1.5em;
}
.fourImgColumn .columnTit {
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.2;
	margin: 10px 10px 0.2em;
	position: relative;
}
.fourImgColumn .imgBox {
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	/*display:-ms-flexbox;/*--- IE10 ---*/
	/*display: -webkit-flex;/*--- safari（PC）用 ---*/
	/*display:flex;-*/
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	max-height: 136px;
	overflow: hidden;
	background: url(../img/common/bg_ptn02.gif) repeat;
}
.fourImgColumn .imgBox img {
	height: auto;
}
.fourImgColumn .imgColumnBox {
	height: 100%;

	background: url(../img/common/bg_ptn03.gif) repeat;
	padding:3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.fourImgColumn .imgColumnBox .inr {
	background-color:#FFFFFF;
	padding:10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.fourImgColumn .imgColumnBox .inr img {
	max-height: 150px;
	display: block;
	width: inherit;
	margin: 0 auto;
}
.fourImgColumn .imgColumnBox .inr:first-child {
	margin-left: 0;
}

@media screen and (max-width: 767px) {
.fourImgColumn {
	overflow:hidden;
}
.fourImgColumn .columnTit {
	line-height: 1.2;
	margin: 10px 0 3px 0px;
	position: relative;
	text-align: center;
}
.fourImgColumn .imgColumnBox {

	height:auto!important;
	height: 110px;
	margin: 0 0 10px;

	padding: 3px;
	border-right: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.fourImgColumn .imgColumnBox .inr img {
	max-height: 106px;
}
.fourImgColumn .imgColumnBox .inr:last-child {
}
}


.columnTxt {
	line-height:1.5;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.columnTxt {
	padding-bottom: 0;
	margin-bottom: 30px;
}
}
/*===DEFINITION BOX=========================*/
.dlBox {
	overflow: hidden;
	background: url(../img/common/bg_ptn03.gif) repeat;
	padding:3px;
	behavior: url(PIE.htc);
	margin-bottom: 1.3rem;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.dlBox .inr{
	padding:10px;
	background-color:#FFFFFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.dlBoxTxt dl {
	overflow: hidden;
}
.dlBoxTxt dl dt {
	width: 110px;
	float: left;
	border-top: 1px solid #000;
	margin-right: 15px;
	padding: 10px 0;
}
.dlBoxTxt dl dd {
	overflow: hidden;
	border-top: 1px solid #cbbeaf;
	padding: 10px 0;
}
.dlBoxImg {
	float: right;
	width: 240px;
	margin-left: 20px;
}
.dlBoxTxt {
	padding-left: 5px;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
.dlBoxImg {
	float: none;
	width: 100%;
	margin-left: 0;
	text-align: center;
}
.dlBoxTxt {
	padding-left: 0;
	margin-top: 10px;
	overflow: hidden;
}
}

@media screen and (max-width: 767px) {
.dlBoxTxt dl dt {
	width: 100%;
	float: none;
	border-top: 1px solid #cbbeaf;
	margin-right: 15px;
	font-weight: bold;
	padding: 10px 0;
}
.dlBoxTxt dl dd {
	overflow: hidden;
	border-top: 1px solid #cbbeaf;
	padding: 10px 0;
}
}
/*===DEFINITION BOX FIRST-CHILD=========*/
.dlBoxTxt dl:first-child dt, .dlBoxTxt dl:first-child dd {
	border-top: 0;
	padding: 0 0 10px;
}

@media screen and (max-width: 767px) {
.dlBoxTxt dl:first-child dd {
	border-top: 1px solid #cbbeaf;
	padding: 10px 0;
}
}
/*===TEXT BOX=========================*/
.txtBox01 {
	overflow: hidden;
	background: #fff;
	padding: 15px 16px 15px;
	behavior: url(PIE.htc);
	margin-bottom: 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.txtBox02 {
	overflow: hidden;
	padding: 10px 16px;
	behavior: url(PIE.htc);
	margin-bottom: 0.5em;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	background:url(../img/common/bg_ptn04.gif) repeat;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


.txtBoxBase {
	overflow: hidden;
	margin-bottom: 10px;
}


/*===TWO TEXT COLUMN====================*/
.twoTxtColumn {
	width: 49%;
	float: left;
}
.twoTxtColumn+.twoTxtColumn {
	float: right;
}

@media screen and (max-width: 767px) {
.twoTxtColumn {
	width: 100%;
	float: none;
}
.twoTxtColumn+.twoTxtColumn {
	float: none;
	margin-top: 10px;
}
}
/*===QUESTION====================*/
.question dl {
	margin-bottom: 1em;
}
.question dl dt {
	background: url(../img/icon/icon_q.svg) left center no-repeat;
	background-size: 25px 25px;
	padding: 0 0 0 30px;
	font-size: 1.8rem;
}
.question dl dd {
	background: url(../img/icon/icon_a.svg) left 4px no-repeat;
	background-size: 25px 25px;
	padding: 0 0 0 30px;
	margin-top: 6px;
}

@media screen and (max-width: 767px) {
.question dl dd {
}
}
/*===NUMBER LIST================*/
.numList01 {
	margin-bottom: 1em;
}
.numList01 li {
	position: relative;
	padding-left: 30px;
	padding-bottom: 10px;
	margin-bottom: 0.5em;
	border-bottom: 1px dashed #cbbeaf;
	overflow: hidden;
}
.numList01 li .imgList {
	float: right;
	width: 100px;
	margin-left: 20px;
	margin-top: 5px;
}
.numList01 li .num01 {
	font-family: Arial, Helvetica, sans-serif;
	background: #6b6b6b;
	font-size: 15px;
	color: #FFF!important;
	text-align: center;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	padding-top: 2px;
}
.numList01 li .num02 {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../img/common/bg_pink.gif) repeat;
	font-size: 15px;
	color: #FFF!important;
	text-align: center;
	width: 18px;
	height: 20px;
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	padding-top: 0;
}
/*===CHECK LIST=======================*/
.List01 {
}
.List01 li {
}
.iconCheck01 {
	background: url(../img/icon/icon_check01.png) 0 5px no-repeat;
	padding-left: 25px;
}
.iconCheck02 {
	background: url(../img/icon/icon_check02.png) 0 5px no-repeat;
	padding-left: 25px;
}
.List03 {
	margin-bottom: 10px;
}
.List03 li {
	margin-bottom: 5px;
	background: url(../img/icon/icon_check.svg) left 6px no-repeat;
	background-size: 13px 13px;
	padding-left: 18px;
	float: left;
	margin-right: 16px;
}
.ListBox {
	margin-bottom: 1em;
}
.ListBox li {
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 0.3em;
	padding: 3px 8px;
	background: url(../img/common/bg_brown.gif) repeat;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*===DISK LIST=======================*/
.discList01 {
	padding: 0 0 1em 1.1em;
}
.discList01 li {
	margin-bottom: 1em;
	list-style-type: circle;
	list-style-position: outside;
}
.discList01 li:last-child {
	margin-bottom: 0px;
}
/*===DISK LIST=======================*/
.discList02 {
	padding: 0 0 0 1.1em;
}
.discList02 li {
	margin-bottom: 5px;
	list-style-type: circle;
	list-style-position: outside;
	float: left;
	margin-right: 35px;
}
.discList02 li:last-child {
	margin-bottom: 0px;
	margin-right: 0px;
}
/*===NUMBER LIST02================*/
.numList02 {
	padding: 0 0 0 1em;
}
.numList02 li {
	margin-bottom: 0.5em;
	list-style-type: disc;
	list-style-type: decimal;
	list-style-position: outside;
}
.numList02 li:last-child {
	margin-bottom: 0px;
}
/*===WP PAGENAVI================*/
.wp-pagenavi {
	text-align: center;
	color: #cbbeaf!important;
	margin: 30px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: 1px solid #f09d99 !important;
	display: inline-block;
	vertical-align: middle;
	color: #025678!important;
	padding: 1px 5px 0;
	text-decoration: none;
	margin-right: 8px;
	font-size: 11px;
	background-color:#FFFFFF;
}
.wp-pagenavi span.pages {
}
.wp-pagenavi a:hover {
	text-decoration: none;
	background: #025678;
	color: #FFF!important;
}
.wp-pagenavi span.current {
	text-decoration: none;
	background: #eb514c;
	color: #FFF!important;
}
.wp-pagenavi span.current {
	font-weight: normal;
}
/*===PAGE LINK========================*/
.pagelink {
	padding: 20px 14px 25px;
	background: #e9e9e9;
	margin-bottom: 0.5em;
	font-size: 1.8rem;
	background:#FFFFFF url(../img/common/grass_btm.png) repeat-x bottom;
}
.pagelink .back a {
	float: left;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	color: #FFF!important;
	display: block;
	width: 27.6%;
	padding: 8px 0;
	text-decoration: none;
	background:url(../img/common/bg_yellow.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.pagelink .back a:hover {
	text-decoration: none;
	background:url(../img/common/bg_yellow_hover.gif) repeat;
}
.pagelink .back a span {
	background: url(../img/icon/icon_list01a.svg) left center no-repeat;
	display: inline-block;
	background-size: 18px 15px;
	padding-left: 27px;
}
.pagelink .next, .pagelink .prev {
	width: 30%;
	float: right;
	box-sizing: border-box;
	background:url(../img/common/bg_skyblue.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.pagelink .next {
	margin-left: 10px;
}
.pagelink .next a, .pagelink .prev a {
	display: block;
	padding: 8px 0;
	text-align: center;
	color: #FFF!important;
	text-decoration: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.pagelink .next a:hover, .pagelink .prev a:hover {
	background:url(../img/common/bg_skyblue_hover.gif) repeat;
}
.pagelink .next a span {
	display: inline-block;
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size: 6px 15px;
	padding-right: 15px;
}
.pagelink .prev a span {
	display: inline-block;
	background: url(../img/icon/icon_link_02a.svg) left center no-repeat;
	background-size: 6px 15px;
	padding-left: 15px;
}

@media screen and (max-width: 1023px) {
.pagelink .back a {
	width: 25%;
}
}

@media screen and (max-width: 767px) {
.pagelink {
	padding: 0px;
	background: none;
	font-size: 1.8rem;
}
.pagelink .back a {
	float: none;
	width: auto;
	padding: 10px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}
.pagelink .back a:hover {
	text-decoration: none;
	background: #000;
}
.pagelink .back a span {
	display: inline-block;
}
.pagelink .next, .pagelink .prev {
	margin: 0 auto;
	width: auto;
	float: none;
	margin-bottom: 5px;
}
.pagelink .next {
}
.pagelink .next a, .pagelink .prev a {
	display: block;
	padding: 10px;
	text-align: center;
	color: #FFF!important;
	text-decoration: none;
}
}
/*===TABLE BASIC 01=======================*/
.tableBasic01 {
	font-size: 1.3rem;
	margin-bottom: 1em;
	width: 100%;
}
.tableBasic01 th {
	padding: 8px 0px;
	/*border-right:6px solid #fff;*/
	font-weight: normal;
	background:url(../img/common/bdrpen.png) bottom center repeat-x;

}
.tableBasic01 td {
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
	padding: 8px 0px;
}
.tableBasic01 tr:nth-child(1) th {
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
}
.tableBasic01 tr:nth-child(1) td {
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
}

@media screen and (max-width: 767px) {
.tableBasic01 {
	font-size: 1.1rem;
}
}
/*===TABLE BASIC 02=======================*/
.tableBasic02 {
	font-size: 1.3rem;
	overflow-x: auto;
	margin-bottom: 1em;
}
.tableBasic02::-webkit-scrollbar {
	 width: 5px;
	 background: #efefef;
}
.tableBasic02::-webkit-scrollbar:horizontal {
	 height: 5px;
	 background: #efefef;
}
.tableBasic02::-webkit-scrollbar-thumb {
	 background: #bb5153;
	 border-radius: 2px;
}
.tableBasic02::-webkit-scrollbar-thumb:horizontal {
	 background: #bb5153;
	 border-radius: 2px;
}
.tableBasic02 table {
	min-width: 800px;
}
.tableBasic02 table th {
	font-weight: normal;
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
	border-left: 5px solid #f4efe0;
	padding: 8px 0px;
	text-align:center;
}
.tableBasic02 table td {
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
	border-left: 5px solid #f4efe0;
	padding: 8px 0px;
}

@media screen and (max-width: 767px) {
.tableBasic02 {
	font-size: 1.1rem;
}
}
/*===TABLE BASIC 03=======================*/
.tableRes {
	width: 100%;
	border-collapse: collapse;
	background:#FFFFFF;
}
.tableRes td, .tableRes th {
	padding: 0.4em 0.4em;
	border: 1px solid #cbbeaf;
}
.tableRes th {
	font-weight: normal;
	text-align: center;
	color:#FFFFFF;
	background: url(../img/common/bg_brown02.gif) repeat;
}
.tableRes thead th {
	background: #cbbeaf;
}

@media only screen and (max-width:767px) {
.tableRes {
	display: block;
	background:none;
}
.tableRes thead {
	display: none;
}
.tableRes tbody {
	display: block;
}
.tableRes tbody tr {
	display: block;
	margin-bottom: 1em;
}
.tableRes tbody th, .tableRes tbody td {
	display: block;
	border: none;
	padding: 0.4em 0em;
}
.tableRes tbody th {
	margin-bottom: 5px;
	list-style-type: none;
	text-align: left;
	padding: 0.3em;
}
.tableRes tbody td {
	margin-left: 0px;
}
}

/*===TABLE FORM=======================*/
.formTable {
	width: 100%;
	font-size: 1.3rem;
	border-bottom: 1px solid #cbbeaf;
	margin-bottom: 1em;
}
.formTable .cmt {
	font-size: 1.1rem;
	margin-top: 0.5em;
	color: #A0A0A0;
}
.formTable th {
	vertical-align: middle;
	text-align: left;
	width: 22%;
	text-align: right;
	padding: 18px 32px 18px 0;
	overflow: hidden;
	font-weight: normal;
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
}
.formTable td {
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
	padding: 5px 0 8px;
}
.formTable thead th, .formTable thead td {
	padding: 0 0 1px 0;
	text-align: left;
	border: none;
}
.formTable td > div {
	/*border-bottom: 1px solid #cbbeaf;
	padding-bottom: 5px;
	margin-bottom: 5px;*/
}
.formTable td > div:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.formTable thead th div, .formTable thead td div {
	padding: 0;
	margin: 0;
}
.must {
	display: inline-block;
	color: #FFF!important;
	background: #BB5153;
	font-size: 11px;
	padding: 2px 3px;
	float: left;
	margin-left: 10px;
	height: 20px;
	line-height: 16px;
}
#form input[type=text] {
	border: 1px solid #cbbeaf;
	padding: 0;
	margin: 0;
	height: 25px;
	line-height: 25px;
	width: 100%;
	font-size: 1.3rem !important;
}
#form input[type=email] {
	border: 1px solid #cbbeaf;
	padding: 0;
	margin: 0;
	height: 25px;
	line-height: 25px;
	width: 100%;
	font-size: 1.3rem !important;
}
#form input[type=tel] {
	border: 1px solid #cbbeaf;
	padding: 0;
	margin: 0;
	height: 25px;
	line-height: 25px;
	width: 100%;
	font-size: 1.3rem !important;
}
#form select {
	padding: 0;
	margin: 0;
	height: 25px;
	line-height: 25px;
	width: 100%;
	font-size: 1.3rem !important;
}
.inputTextStyle01 {
	width: 233px;
}
.inputTextStyle02 {
	width: 79px;
}
#form input[type=checkbox] {
	margin-right: 0px;
}
#form textarea {
	border: 1px solid #cccccc;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 153px;
	font-size: 1.3rem !important;
}
/*===FORM INPUT=======================*/
#form input[type=submit] {
	width: 330px;
	height: 50px;
	border: 0;
	margin: 0;
	cursor: pointer;
	color: #FFF!important;
	text-decoration: none;
	background: url(../img/common/bg_red.gif) repeat;
	behavior: url(PIE.htc);
	font-size: 15px !important;
	-webkit-appearance: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#form input[type=submit]:hover {
	text-decoration: none;
	background: url(../img/common/bg_red_hover.gif) repeat;
}
#form input[type=reset] {
	width: 330px;
	height: 50px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	margin-left: 15px;
	font-size: 15px !important;
	-webkit-appearance: none;
	background: url(../img/common/bg_brown.gif) repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#form input[type=reset]:hover {
	text-decoration: none;
	background: url(../img/common/bg_brown_hover.gif) repeat;
}
#form input.reset {
	width: 330px;
	height: 50px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	margin-left: 15px;
	font-size: 15px !important;
	-webkit-appearance: none;
	background: url(../img/common/bg_brown.gif) repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#form input.reset:hover {
	text-decoration: none;
	background: url(../img/common/bg_brown_hover.gif) repeat;
}
#form label {
	font-weight: normal;
}
.formBtn {
	background: #FFFFFF url(../img/common/grass_btm.png) repeat-x bottom;
	padding: 20px 14px 30px;
	text-align: center;
	margin-bottom: 40px;
}

.btn_area input[type=submit] {
	width: 330px;
	height: 50px;
	border: 0;
	margin: 0;
	cursor: pointer;
	color: #FFF!important;
	text-decoration: none;
	background: url(../img/common/bg_red.gif) repeat;
	behavior: url(PIE.htc);
	font-size: 15px !important;
	-webkit-appearance: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btn_area input[type=submit]:hover {
	text-decoration: none;
	background: url(../img/common/bg_red_hover.gif) repeat;
}
.btn_area input[type=reset] {
	width: 330px;
	height: 50px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	margin-left: 15px;
	font-size: 15px !important;
	-webkit-appearance: none;
	background: url(../img/common/bg_brown.gif) repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.btn_area input[type=reset]:hover {
	text-decoration: none;
	background: url(../img/common/bg_brown_hover.gif) repeat;
}
.btn_area input.reset {
	width: 330px;
	height: 50px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	margin-left: 15px;
	font-size: 15px !important;
	-webkit-appearance: none;
	background: url(../img/common/bg_brown.gif) repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.btn_area input.reset:hover {
	text-decoration: none;
	background: url(../img/common/bg_brown_hover.gif) repeat;
}
#form label {
	font-weight: normal;
}


@media screen and (max-width: 767px) {
#form textarea {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.formTable thead {
	display: none;
}
.formTable th, .formTable td {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.formTable th {
	text-align: left;
	padding: 18px 0 2px;
	font-size: 1.8rem;
	font-weight: bold;
}
.must {
	display: inline-block;
	color: #FFF!important;
	font-size: 11px;
	padding: 0 3px 0 3px;
	float: left;
	margin-left: 10px;
	height: 16px;
	line-height: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	float: right;
}
.inputTextStyle01 {
	width: 100%;
}
#form input[type=submit] {
	display: block;
	margin: 10px auto 0;
	width: 100%;
}
#form input[type=reset] {
	display: block;
	margin: 10px auto 0;
	width: 100%;
	font-size: 16px;
}
#form input.reset {
	display: block;
	margin: 10px auto 0;
	width: 100%;
	font-size: 16px;
}
#form input[type=text] {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
}
#form input[type=email] {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
}
#form input[type=tel] {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
}
#form select {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
}
#form label {
	display: block;
	position: relative;
	margin-right: 0px;
}
.formBtn {
	background:none;
	padding: 0px;
	text-align: center;
	margin-bottom: 20px;
}

.btn_area input[type=submit] {
	display: block;
	margin: 10px auto 0;
	width: 100%;
}
.btn_area input[type=reset] {
	display: block;
	margin: 10px auto 0;
	width: 100%;
	font-size: 16px;
}
.btn_area input.reset {
	display: block;
	margin: 10px auto 0;
	width: 100%;
	font-size: 16px;
}

}

/*===FORM-horizontal=======================*/
.form-horizontal {
	width: 100%;
	font-size: 1.3rem;
	margin: 0 0 1em;
}

.form-horizontal .form-group {
	margin: 0;
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
}

.form-horizontal .form-group.last-child {
	border-bottom: 1px solid #cbbeaf;
}

.form-horizontal .cmt {
	font-size: 1.1rem;
	margin-top: 0.5em;
	color: #A0A0A0;
}
.form-horizontal  .form-group > .col-sm-3,
.form-horizontal  .form-group  dt {
	vertical-align: middle;
	text-align: right;
	overflow: hidden;
	font-weight: normal;
	padding: 18px 0 18px;
}
.form-horizontal  .form-group > .col-sm-9,
.form-horizontal  .form-group  dd {
	padding: 14px 0 8px 40px;
	text-align: left;
}
.form-horizontal .form-group .border {
	display: block;
	height: 8px;
	clear: both;
}
.form-horizontal  .form-group.thead > .col-sm-3,
.form-horizontal  .form-group.thead  dt {
	padding: 0 0 1px;
    text-align: left;
}
.form-horizontal .form-group.thead .col-sm-9,
.form-horizontal  .form-group.thead  dd {
	padding: 0 0 1px 40px;
    text-align: left;
}
.form-horizontal  .form-group > .col-sm-3 > div > span {
	line-height: 25px;
	display: block;

}
.form-horizontal  .form-group > .col-sm-3 div:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
/*.form-horizontal  .form-group > .col-sm-3 > div {
    border-bottom: 1px solid #cbbeaf;
    margin-bottom: 14px;
	margin-top: -9px;
    padding-bottom: 5px;
	text-align: left;
}*/
.form-horizontal input[type="text"],
.form-horizontal input[type="tel"],
.form-horizontal select,
.form-horizontal input[type="password"],
.form-horizontal input[type="email"] {
    border: 1px solid #cbbeaf;
    font-size: 13px !important;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 5px !important;
    width: 100%;
}

.form-horizontal .padding-none .top .mini {
	display: none;
}
/*===FORM-horizontal INPUT=======================*/
.form-horizontal .form-group .col-sm-3.pt0 {
	padding-top: 5px;
}
.form-horizontal input[type=reset]:hover {
	text-decoration: none;
	background: url(../img/common/bg_brown_hover.gif) repeat;
}
.form-horizontal input.reset:hover {
	text-decoration: none;
	background: url(../img/common/bg_brown_hover.gif) repeat;
}
.form-horizontal label {
	margin-right: 10px;
	font-weight: normal;
}
.form-horizontal .formBtn {
	background: #FFFFFF url(../img/common/grass_btm.png) repeat-x bottom;
	padding: 20px 0 30px;
	text-align: center;
	margin-bottom: 40px;
	margin: 1em 0 40px;
	border-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
/*===FORM-horizontal=======================*/
.form-horizontal {
	width: 100%;
	font-size: 1.3rem;
	margin: 0 0 1em;
}

.form-horizontal  .form-group {
	margin: 0;
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
}

.form-horizontal .form-group.last-child {
	border-bottom: 1px solid #cbbeaf;
}

.form-horizontal .cmt {
	font-size: 1.1rem;
	margin-top: 0.5em;
	color: #A0A0A0;
}
.form-horizontal  .form-group > .col-sm-3 {
	vertical-align: middle;
	text-align: left;
	font-size: 13px;
	overflow: hidden;
	font-weight: normal;
	padding: 18px 0 2px;
	background:url(../img/common/bdrpen.png) bottom center repeat-x;
}
.form-horizontal  .form-group > .col-sm-3 > div > span {
	line-height: 36px;
	display: block;
}

.form-horizontal  .form-group > .col-sm-9 {
	padding: 5px 0 8px;
	text-align: left;
	overflow: hidden;
}
.form-horizontal .form-group.thead {
	display: none;
}
.form-horizontal  .form-group.thead > .col-sm-9 {
	padding: 0 0 1px 40px;
    text-align: left;
}
.form-horizontal  .form-group > .col-sm-3 div:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
/*.form-horizontal .form-group .col-sm-3 div {
    border-bottom: 1px solid #cbbeaf;
	margin-top: 0;
    margin-bottom: 5px;
    padding-bottom: 5px;
	text-align: left;
	font-size: 1.3rem !important;
}*/
.form-horizontal label {
	font-size: 1.3rem !important;
}

.form-horizontal .formBtn {
	background: none;
	padding: 0;
	margin: 1em 0 20px;
	border-bottom: 0 !important;
}

}


/* --------------------------------------------------
	button.css
-------------------------------------------------- */
/*===ICON MAIL=======================*/
a .iconMail {
	background: url(../img/icon/icon_email.png) left 4px no-repeat;
	padding-left: 22px;
	background-size: 16px;
}
a:hover .iconMail {
	background: url(../img/icon/icon_email_hover.png) left 4px no-repeat;
	padding-left: 22px;
	background-size: 16px;
}
/*===ICON FLAG=======================*/
.iconFlag {
	position: absolute;
	width: 135px;
	margin: 17px 0 0 -11px;
}
.iconFlagSide {
	position: absolute;
	right: -4px;
	margin-top: 18px;
	width: 66px;
}
@media screen and (max-width: 767px) {
.iconFlagSide {
	position: absolute;
	right: -8px;
	margin-top: 16px;
	width: 90px;
}
}



.iconLiv {
	background:url(../img/icon/icon_liv.png) no-repeat 10px center;
	padding-left:40px;
	background-size:20px;
}
.iconCoco {
	background:url(../img/icon/icon_coco.png) no-repeat 10px center;
	padding-left:40px;
	background-size:25px;
}
.iconPig {
	background:url(../img/icon/icon_pig.png) no-repeat 10px center;
	padding-left:40px;
	background-size:25px;
}
@media screen and (max-width: 767px) {
.iconLiv {
	padding-left:30px;
	background-size:15px;
}
.iconCoco {
	padding-left:30px;
	background-size:20px;
}
.iconPig {
	padding-left:30px;
	background-size:15px;
}
}
/*===ANIMATION=======================*/
.anime01 {
	width:90px;
	height:90px;
	-webkit-animation: anime01 10s linear infinite;
	animation: anime01 10s linear infinite;
}
@-webkit-keyframes anime01 {
	0%	{ -webkit-transform: rotate(-0deg); }
	100%	{ -webkit-transform :rotate(360deg); }
}
@keyframes anime01 {
	0%	{ transform: rotate(-0deg); }
	100%	{ transform :rotate(360deg); }
}

/*===ICON HOME=======================*/
.iconHome {
	background: url(../img/icon/icon_home_off.png) left 0.2em no-repeat;
	padding-left: 15px;
	background-size: 10px;
}
a:hover .iconHome {
	background: url(../img/icon/icon_home.png) left 0.2em no-repeat;
	padding-left: 15px;
	background-size: 10px;
}
.iconHomeSP {
	background: url(../img/icon/icon_home.png) 98% center no-repeat;
	background-size: 11px auto;
	padding: 12px 8px 10px 10px;
	font-size: 18px;
	cursor: pointer;
	font-weight: normal;
	background-color: #f5f4ed;
	color: #333;
	border-bottom: 1px solid #dcdbd4;
}
/*===ICON ZOOM=======================*/
.ico_zoom {
	background: url(../img/icon/icon_zoom.svg) 0 center no-repeat;
	background-size:16px 16px;
	color: #0a0809!important;
	padding-left: 19px;
	display: inline-block;
	margin-top: 5px;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
.ico_zoom {
	margin-right: 20px;
}
}
/*===ICON NUMBER=======================*/
.no {
	font-family: Arial, Helvetica, sans-serif;
	background: #fea700;
	font-size: 13px;
	font-weight: normal;
	color: #000!important;
	text-align: center;
	width: 18px;
	height: 16px;
	left: 0;
	top: 3px;
	float: left;
	margin-right: 8px;
	padding-top: 2px;
	margin-bottom: 30px;
	position: relative;
}
@media screen and (max-width: 767px) {
.no {
	font-size: 12px;
	width: 18px;
	height: 18px;
	padding-top:3px;
	left: 0;
	top: 1px;
}
}
/*===ICON Pro01=======================*/
.iconPro01 {
	display: inline-block;
	font-size: 13px;
	text-align: center;
	min-width: 100px;
	padding: 3px 10px;
	background: url(../img/common/bg_yellow.gif) 97% center no-repeat;
}
.iconPro02 {
	display: inline-block;
	font-size: 13px;
	color: #FFF!important;
	text-align: center;
	background: url(../img/common/bg_green.gif) 97% center no-repeat;
	min-width: 100px;
	padding: 3px 10px;
}
.iconPro03 {
	color: #FFF!important;
	display: inline-block;
	font-size: 13px;
	text-align: center;
	background: url(../img/common/bg_brown.gif) repeat;
	min-width: 100px;
	padding: 3px 10px;
}
/*===ICON NW=============================*/
.iconNW {
	padding: 0px;
	background: url(../img/icon/icon_nw.gif) 97% center no-repeat;
	text-decoration: none;
}
.iconNW:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
.iconNW {
	padding: 0px;
	background: url(../img/icon/icon_nw.gif) 97% center no-repeat #FFF!important;
	text-decoration: none;
}
.iconNW:hover {
	text-decoration: none;
	background-color: #F3F3F3!important;
}
}
/*===link01=======================*/
.link01 {
	font-size: 13px;
	padding: 0 15px 0 0;
	background: url(../img/icon/icon_link_01b.svg) right center no-repeat;
  background-size: 5px 5px;
  padding-right: 10px;
}
.link01:hover {
	text-decoration: underline;
}
.link02 {
	font-size: 13px;
	padding: 0 15px 0 0;
	background: url(../img/icon/icon_nw.svg) right center no-repeat;
  background-size: 9px 9px;
  padding-right: 12px;
	text-decoration: none;
}
.link02:hover {
	text-decoration: underline;
}
/*===btnLarge01=======================*/
.btnLarge01 a {
	font-size: 1.8rem;
	display: block;
	padding: 25px 27px;
	color: #FFF!important;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0.5em;
	background:url(../img/common/bg_skyblue.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btnLarge01 a span {
	display: inline-block;
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size:6px 15px;
	padding-right: 12px;
}
.btnLarge01 a:hover {
	color: #FFF!important;
	background:url(../img/common/bg_skyblue_hover.gif) repeat;
}
@media screen and (max-width: 767px) {
.btnLarge01 a {
	padding: 10px;
}
}

/*------btnLarge02------*/
.btnLarge02 a {
	font-size: 1.8rem;
	display: block;
	padding: 25px 27px;
	color: #FFFFFF!important;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0.5em;
	background:url(../img/common/bg_red.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btnLarge02 a span {
	display: inline-block;
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size:6px 15px;
	padding-right: 12px;
}
.btnLarge02 a:hover {
	text-decoration: none!important;
	background:url(../img/common/bg_red_hover.gif) repeat;
}
@media screen and (max-width: 767px) {
.btnLarge02 a {
	padding: 10px;
}
}

/*===btnLarge03=======================*/
.btnLarge03 a {
	font-size: 1.8rem;
	display: block;
	padding: 25px 27px;
	color: #FFFFFF!important;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0.5em;
	background:url(../img/common/bg_brown.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btnLarge03 a span {
	display: inline-block;
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size:6px 15px;
	padding-right: 12px;
}
.btnLarge03 a:hover span {
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size:6px 15px;
	padding-right: 12px;
}
.btnLarge03 a:hover {
	color: #FFF!important;
	background:url(../img/common/bg_brown_hover.gif) repeat;
}
@media screen and (max-width: 767px) {
.btnLarge03 a {
	padding: 10px;
}
}

/*===btnLarge04=======================*/
.btnLarge04 a {
	font-size: 1.8rem;
	display: block;
	padding: 25px 27px;
	color: #FFF!important;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0.5em;
	background:url(../img/common/bg_skyblue.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btnLarge04 a span {
	display: inline-block;
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size:6px 15px;
	padding-right: 12px;
}
.btnLarge04 a:hover {
	color: #FFF!important;
	background:url(../img/common/bg_skyblue_hover.gif) repeat;
}

@media screen and (max-width: 768px) {
.btnLarge04 a {
	padding: 10px;
	font-size: 1.3rem;
}
}

/*===bnrList=======================*/
.btnList {
	overflow: hidden;
	margin-bottom: 0.5em;
}
.btnList li {
	float: left;
	margin-bottom:0px;
	width: 49.6%;
}
.btnList li:nth-child(2) {
	float:right;
}
.btnList li:nth-child(4) {
	float:right;
}
@media screen and (max-width: 767px) {
.btnList {
	overflow: hidden;
}
.btnList li {
	margin: 0;
}
.btnList li:last-child {
	margin:0px;
}
}

/*===btnMiddle 01=======================*/
.btnMid01 a {
	font-size: 1.4rem;
	width:260px;
	margin:0 auto 0.5em;
	display: block;
	padding: 10px;
	color: #FFF!important;
	text-decoration: none;
	text-align: center;
	background: url(../img/common/bg_skyblue.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btnMid01 a span {
	display: inline-block;
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size:6px 15px;
	padding-right: 12px;
}
.btnMid01 a:hover {
	text-decoration: none!important;
	color: #FFF!important;
	background: url(../img/common/bg_skyblue_hover.gif) repeat;
}
@media screen and (max-width: 767px) {
}

/*===btnMiddle 02=======================*/
.btnMid02 a {
	font-size: 1.4rem;
	width:260px;
	margin:0 auto 0.5em;
	display: block;
	padding: 10px;
	color: #FFF!important;
	text-decoration: none;
	text-align: center;
  background: url(../img/common/bg_red.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btnMid02 a span {
	display: inline-block;
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size:6px 15px;
	padding-right: 12px;
}
.btnMid02 a:hover {
	text-decoration: none!important;
  background: url(../img/common/bg_red_hover.gif) repeat;
}
@media screen and (max-width: 767px) {
}

/*===btnMiddle 03=======================*/
.btnMid03 a {
	font-size: 1.4rem;
	width:260px;
	margin:0 auto 0.5em;
	border: 1px solid #e5e5e5;
	display: block;
	padding: 10px;
	color: #FFF!important;
	text-decoration: none;
	text-align: center;
  background: url(../img/common/bg_brown.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btnMid03 a span {
	display: inline-block;
	background: url(../img/icon/icon_link_01a.svg) right center no-repeat;
	background-size:6px 15px;
	padding-right: 12px;
}
.btnMid03 a:hover {
	background-color:#eeede1;
  background: url(../img/common/bg_brown_hover.gif) repeat;
}
@media screen and (max-width: 767px) {
}

/*===btnSmall02=======================*/
.btnSmall02 {
	margin-bottom: 20px;
}
.btnSmall02 a {
	margin: 0 auto 20px;
	text-align: center;
	font-size: 1.8rem;
	color: #6b6b6b!important;
	text-decoration: none;
	width: 250px;
	display: block;
	box-sizing: border-box;
	margin-bottom: 0.2em;
	padding: 8px 0;
	background: #FFF;
	border: 2px solid #f4f1ea;
}
.btnSmall02 a:hover {
	background: #f4f1ea;
	border: 2px solid #f4f1ea;
}
.btnSmall02 a span {
	display: inline-block;
	padding: 4px 10px 4px 0;
	background: url(../img/icon/icon_point_bk.gif) center right no-repeat;
}
.btnSmall02 a:hover span {
	background: url(../img/icon/icon_point_bk.gif) center right no-repeat;
}
@media screen and (max-width: 767px) {
.btnSmall02 {
	margin-bottom: 10px;
}
}
/*===btnSmall03=======================*/
.btnSmall03 a {
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
		color: #6b6b6b!important;
	text-decoration: none;
	width: 250px;
	display: block;
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 8px 0;
	background: #f4f1ea;
	border: 2px solid #f4f1ea;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.btnSmall03 a:hover {
	background: #FFF;
	border: 2px solid #f4f1ea;
}
.btnSmall03 a span {
	display: inline-block;
	padding: 4px 10px 4px 0;
	background: url(../img/icon/icon_point_bk.gif) center right no-repeat;
}
.btnSmall03 a:hover span {
	background: url(../img/icon/icon_point_bk.gif) center right no-repeat;
}
/*===btn01=======================*/
.btn01Geen a {
	text-align: center;
	margin: 24px auto 24px auto;
	font-size: 12px;
	display: block;
	padding: 14px 8px;
	color: #FFFFFF!important;
	text-decoration: none;
	background: #2dbe60;
	width: 50%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.btn01Geen a:hover {
	text-decoration: none;
	background: #14d272!important;
	text-decoration: none!important;
}
.btn01Geen a span {
	background: url(../img/icon/icon_btn.png) left center no-repeat;
	padding-left: 18px;
	background-size: 14px;
}

@media screen and (max-width: 767px) {
.btn01Geen a {
	line-height: 18px;
	text-align: center;
	margin: 12px auto 12px auto;
	font-size: 15px;
	width: 60%;
}
.btn01Geen a span {
	padding-right: 10px;
}
}

/* --------------------------------------------------
	title.css
-------------------------------------------------- */
/*===========================================================
	TITLE RIBOBN
============================================================*/
.ribbon1 {
    position: relative;
    height: 40px;/*リボンの高さ*/
    line-height: 43px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    background: #db3f0c;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
		margin: 0 auto 1em;
 		max-width: 400px;
}

.ribbon1:before, .ribbon1:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon1:before{
    top: 0;
    left: 0;
    border-width: 20px 0px 20px 15px;
    border-color: transparent transparent transparent #f0ebda;
    border-style: solid;
}

.ribbon1:after{
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0px;
    border-color: transparent #f0ebda transparent transparent;
    border-style: solid;
}

/*===========================================================
	TITLE HEADING
============================================================*/

.hdXL {
	font-size: 5rem;
	line-height: 4.5rem;
	margin-bottom: 1rem;
	font-weight:bold;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
.hdXL {
	font-size: 4rem;
}
}

.hdL {
	font-size: 4rem;
	line-height: 1.2;
	margin-bottom: 1rem;
	font-weight:bold;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
.hdL {
	font-size: 2.5em;
}
}

.hdM {
	font-size: 3rem;
	font-weight:bold;
	line-height: 1.2;
	margin-bottom: 1rem;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
.hdM {
	font-size: 2em;
}
}

.hdS {
	font-size: 2rem;
	font-weight:bold;
	line-height: 1.2;
	margin-bottom: 1rem;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
.hdS {
	font-size: 1.5rem;
}
}

.hdS10 {
	margin:0 auto 1em;
	font-size:2rem;
	background:#fff;
	border:2px dotted #000000;
	text-align:center;
	padding:0.8rem 0;
	position:relative;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
.hdS10 {
	max-width:370px;
	font-size:1.5rem;
	color:#033497;
	background:#fff;
	border:2px dashed #179ec2;
	text-align:center;
	padding:0.4rem 0;
	position:relative;
}
}

/*===Box TITLE=======================*/
.hdBox01 {
	font-size: 2.2rem;
	font-weight:bold;
	behavior: url(../PIE.htc);
	line-height: 1.3;
	padding: 16px 12px;
	font-family: "Rounded Mplus 1c";
	border-bottom:2px solid #f8b500;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 80px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
@media screen and (max-width: 767px) {
.hdBox01 {
	font-size: 1.6rem;
	padding: 10px 10px;
}
}




.hdBox02 {
	font-size: 2.2rem;
	text-align:left;
	behavior: url(../PIE.htc);
	line-height: 1.3;
	padding: 15px;
	margin-bottom: 0.8em;
	font-family: "Rounded Mplus 1c";
	border-bottom:2px solid #f8b500;
}
.hdBox02 span{
	background:url(../img/icon/icon_tit02.gif) left center no-repeat;
	padding-left:14px;
}
@media screen and (max-width: 767px) {
.hdBox02 {
	font-size: 1.6rem;
	padding: 10px;
}
}

.hdBox03 {
	font-size: 1.6rem;

	behavior: url(../PIE.htc);
	line-height: 1.3;
	padding: 16px 12px;
	border: 1px solid #e5e5e5;
	margin-bottom: 1em;
	background-color:#FFFFFF;
	margin-bottom: 1.5em;
	font-family: "Rounded Mplus 1c";
}
.hdBox03 span{
	background: #BB5153;
	font-size: 1.3rem;
	color: #FFF;
	text-align: center;
	padding:3px 10px;
	left: -15px;
	top: -1px;
	float: left;
	position: relative;
}
@media screen and (max-width: 767px) {
.hdBox03 {
	font-size: 1.6rem;
	margin: 0px -14px 0.1em -14px;
	border:none;
	background:none;
}
.hdBox03 span{
	font-size: 1.2rem;
	text-align: center;
	width:46px;
	padding:2px 3px 1px;
	left: 0px;
	top: 0px;
	float: none;
	margin-bottom: 4px;
	position: relative;
	display:block;
}
}

.hdBox04 {
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 5px 10px;
	margin-bottom: 0.5em;
	border-left:#f8b500 solid 2px;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
.hdBox04 {
	font-size: 1.3rem;
	padding: 5px 10px;
}
}

.hdBox05 {
	font-size: 2.1rem;
	line-height: 1.3;
	padding: 0 0px 0.4em;
	margin-bottom: 0.8em;
	border-bottom:1px solid #000;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
.hdBox05 {
	font-size: 1.3rem;
}
}

.hdGrass {
	color:#58442b;
	border-bottom:#58442b solid 1px;
	font-size: 2.2rem;
	font-weight:bold;
	line-height: 1.3;
	padding: 15px 0px 0.9em;
	margin-bottom: 0.5em;
	font-family: "Rounded Mplus 1c";
	background:#FFF url(../img/common/grass_btm.png) repeat-x bottom;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
@media screen and (max-width: 767px) {
.hdGrass {
	font-size: 1.8rem;
}
}


/*===Box TITLE=======================*/
.hdBox06 {
	font-size: 2.2rem;
	font-weight:bold;
	behavior: url(../PIE.htc);
	line-height: 1.3;
	padding: 2px;
	margin-bottom: 0.5em;
	font-family: "Rounded Mplus 1c";
	background:url(../img/common/bg_ptn03.gif) repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.hdBox06 .hd_inr {
	padding: 15px 11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.hdBox_01{
	background:#FFFFFF url(../img/icon/stars.svg) no-repeat;
	background-position:right center ;
	background-size:243px 36px;
}
.hdBox_02{
	background:#FFFFFF url(../img/common/tit_bg01.jpg) no-repeat center bottom;
	background-size:cover;
}
.hdBox_03{
	background:#FFFFFF url(../img/common/tit_bg02.png) no-repeat right bottom;
	background-size:20%;
}
.hdBox_04{
	background:#FFFFFF url(../img/common/tit_bg03.png) no-repeat right center;
	background-size:50%;
}


@media screen and (max-width: 767px) {
.hdBox06 {
	font-size: 1.6rem;
}
.hdBox06 .hd_inr {
	padding: 8px;
}
}

.hdM01 {
	font-size: 2.2rem;
	line-height: 1.2;
	padding: 8px 0;
	margin-bottom: -0.5em;
	display:block;
	overflow:hidden;
	font-family: "Rounded Mplus 1c";
}
.hdM01:before {
	border-bottom: 1px solid #333;
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	margin-top: -10px;
	width: 50px;
}
@media screen and (max-width: 767px) {
.hdM01 {
	font-size: 1.6rem;
	line-height: 1.3;
	overflow:hidden;
	font-family: "Rounded Mplus 1c";
}
.hdM01:before {
	border-bottom: 1px solid #333;
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	margin-top: -10px;
	width: 50px;
}
}

.hdM02 {
	font-size: 2.2rem;
	line-height: 1.2;
	padding: 8px 0;
	margin-bottom:0.5em;
	font-family: "Rounded Mplus 1c";
}
.hdM02:after {
	border-bottom: 1px solid #333;
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	margin-top: 8px;
	width: 50px;
}
@media screen and (max-width: 767px) {
.hdM02 {
	font-size: 1.6rem;
	line-height: 1.3;
	margin-bottom:8px;
	font-family: "Rounded Mplus 1c";
}
.hdM02:after {
	border-bottom: 1px solid #333;
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	width: 50px;
}
}

.hdM03 {
	font-size:3rem;
	text-align:center;
	line-height:1.3;
	margin-bottom:1em;
	font-family: "Rounded Mplus 1c";
}
.hdM03 span{
	font-size:1.5rem;
	display:block;
	font-weight:normal;
}
.hdM03 span:before {
	content: '';
	display: block;
	margin: 3px auto 8px;
	width: 40px;
	border-top: 1px solid #333;
}
@media screen and (max-width: 767px) {
.hdM03 {
	font-size:25px;
}
}

.hdM04 {
	font-size:3rem;
	text-align:center;
	line-height:1.3;
	margin-bottom:1.2em;
	font-family: "Rounded Mplus 1c";
}
.hdM04 span{
	font-size:1.5rem;
	display:block;
	font-weight:normal;
}
.hdM04 span:before {
	content: '';
	display: block;
	margin: 0.1em auto 0.3em;
	width: 170px;
	height:18px;
	background:url(../img/icon/grass.png) no-repeat;
}
@media screen and (max-width: 767px) {
.hdM04 {
	font-size:25px;
}
}

.hdS03 {
	font-size: 25px;
	line-height: 1.1;
	margin-bottom: 0.8em;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
.hdS03 {
	font-size: 20px;
}
}

.hdComment{
	font-size:1.3rem;
	color:#00B3FF;
	margin-top:2em;
	margin-bottom:1em;
}
@media screen and (max-width: 767px) {
}

/* --------------------------------------------------
	top.css
-------------------------------------------------- */
#h2Ttl01 a:hover {
	opacity: 0.7;
}

#h2Ttl01 {
	margin-bottom: 10px;
	text-align: center;
}

#linkBox {
	text-align: center;
}

#linkBox li {
	margin-bottom: 10px;
}

#linkBox li a:hover {
	opacity: 0.7;
}

#banner {
	text-align: center;
}

#banner li {
	margin-bottom: 10px;
}

#banner li a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#banner {
		margin: 0 -3px;
		overflow: hidden;
		text-align: center;
	}

	#banner li {
		float: left;
		width: 50%;
		padding: 0 3px;
		margin-bottom: 6px;
	}

	#banner li a:hover {
		opacity: 1;
	}

}

#calender_ttl {
	margin: 0 0 -1px;
	padding: 0;
	text-align: center;
}

#calender_ttl a:hover {
	opacity: 0.7;
}

#calender_area {
	margin-bottom: 10px;
	border-radius: 0;
	background-color: #FFF;
	border: 1px solid #f8b500;
}

#calender_area .panel-heading {
	margin-bottom: 0;
	padding: 6px 10px 5px;
	border-radius: 0;
	background-color: #f8b500;
}

#calender_area .panel-heading .panel-title {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

#calender_area caption {
	padding: 0 10px;
	max-width: 120px;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	word-break: keep-all;
	line-height: 17px;
	background-color: #f47032;
}

#calender_area .panel-body {
	padding: 7px 9px 6px;
}

#calender_area table {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 3px;
}

#calender_area th,
#calender_area td {
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	font-size: 11px;
	line-height: 21px;
}
#calender_area table > thead > tr > th {
	border: 0;
}

#calender_area td {
	margin: 1px 2px 2px 1px;
	border: 1px solid #cdc4be;
}
#calender_area .off {
    color: #d44950;
}
#calender_area .today {
    background-color: #eee;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
	#calender_ttl {
		margin: 0;
	}

	#calender_ttl a:hover {
		opacity: 1;
	}
	#calender_ttl img {
		width: 67%;
	}

	#calender_area {
		margin-bottom: 18px;
	}
	#calender_area .panel-heading {
		padding: 10px 14px;
	}

	#calender_area .panel-heading .panel-title {
		font-size: 18px;
	}

	#calender_area caption {
		padding: 0 10px;
		max-width: 180px;
		font-size: 15px;
		line-height: 25px;
	}

	#calender_area .panel-body {
		padding: 10px 13px 9px;
	}

	#calender_area th,
	#calender_area td {
		text-align: center;
		vertical-align: middle;
		font-weight: normal;
		font-size: 16px;
		line-height: 35px;
	}

}

#h2Ttl02 {
	margin: 0;
	padding: 0;
	text-align: center;
}
#h2Ttl02 a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#h2Ttl02 {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#h2Ttl02 a:hover {
		opacity: 1;
	}
	#h2Ttl02 img {
		width: 64%;
	}
}


.infoBox {
	margin-bottom: 10px;
	border-radius: 8px;
	border: 3px solid #ff855d;
	background-color: #db3f0c;
}

.infoBox02 {
	margin-bottom: 10px;
	border-radius: 8px;
	border: 3px solid #ffdc6b;
	background-color: #f9be00;
}

.infoBox ul {
	margin: 0 7px 4px;
}

.infoBox02 ul {
	margin: 0 7px 9px;
}

.infoBox li {
	overflow: hidden;
}

.infoBox li a {
	padding: 9px 0 8px;
	display: block;
	color: #FFF;
	overflow: hidden;
	border-bottom: 1px solid #c53100;
	border-top: 1px solid #e75525;
}

.infoBox li a:hover {
	text-decoration: none;
}

.infoBox li a:hover p > span:first-child {
	text-decoration: underline;
}

.infoBox02 li a {
	color: #58442b;
	border-top: 1px solid #ffcf34;
	border-bottom: 1px solid #e8b104;
}

.infoBox02 li a:hover {
	text-decoration: none;
}

.infoBox02 li a:hover p > span:first-child {
	text-decoration: underline;
}

.infoBox li .pho {
	float: left;
	width: 55px;
	height: 55px;
	position: relative;
	overflow: hidden;
}

.infoBox .rBox {
	overflow: hidden;
	font-size: 12px;
	line-height: 1.25;
	padding-left: 5px;
	word-break: break-all;
}

.infoBox .rBox .txt {
	display: block;
	text-align: right;
	text-decoration: none !important;
}

.infoBox02 .rBox {
	color: #58442b;
}

.infoBox02 .rBox .txt {
	color: #e50012;
}

.infoBox li a:hover .txt {
	text-decoration: none !important;
}

.infoBox .rBox .txt span {
	font-size: 20px;
	font-weight: bold;
}

.infoBox .pho .lv {
	position: absolute;
	left: 0;
	top: 2px;
}

.infoBox li:first-child a {
	padding-top: 0;
	border-top: 0;
}

.infoBox li:last-child a {
	border-bottom: 0;
}

.infoBox h2 {
	text-align: center;
}

@media screen and (max-width: 767px) {
	#h2Ttl01 {
		margin: 6px 0 9px;
	}
	#h2Ttl01 a:hover {
		opacity: 1;
	}
	#h2Ttl02 a:hover {
		opacity: 1;
	}
	#linkBox {
		margin: 0 0 9px;
		text-align: center;
	}
	#linkBox li {
		margin-bottom: 10px;
	}
	.infoBox img {
		display: block;
		margin: 0 auto;
	}
	#linkBox li a:hover {
		opacity: 1;
	}
	.infoBox {
		margin-bottom: 8px;
		border-radius: 4px;
		border: 2px solid #ff855d;
	}

	.infoBox02 {
		margin-bottom: 8px;
		border-radius: 8px;
		border: 2px solid #ffdc6b;
	}
	.infoBox ul {
		margin: 0 13px 4px;
	}
	.infoBox02 ul {
		margin: 0 13px 9px;
	}
	.infoBox li a {
		padding: 9px 0 2px;
		font-size: 15px;
	}
	.infoBox li a p > span:first-child {
		text-decoration: underline;
	}
	.infoBox02 li a p > span:first-child {
		text-decoration: underline;
	}
	.infoBox .rBox {
		font-size: 15px;
		line-height: 1.4;
		padding-left: 10px;
	}
	.infoBox .rBox .txt {
		font-size: 12px;
	}
	.infoBox.infoBox02 .rBox .txt {
		color: #58442b;
	}
	.infoBox .rBox .txt span {
		font-size: 16px;
		font-weight: normal;
	}
}

.linkArea {
	margin-bottom: 10px;
}

.linkArea .h3Ttl {
	padding-top: 1px;
	border-radius: 6px 6px 0 0;
	text-align: center;
	background: url(../img/common/link01_bg.png) repeat-x center bottom;
	background-size: auto 100%;
}

#linkArea02.linkArea .h3Ttl {
	background: url(../img/common/link02_bg.png) repeat-x center bottom;
	background-size: auto 100%;
}

#linkArea03.linkArea .h3Ttl {
	background: url(../img/common/link03_bg.png) repeat-x center bottom;
	background-size: auto 100%;
}

#linkArea04.linkArea .h3Ttl {
	background: url(../img/common/link04_bg.png) repeat-x center bottom;
	background-size: auto 100%;
}

.linkArea ul {
	padding: 5px 5px 6px;
	border-radius: 0 0 6px 6px;
	background-color: #53bee9;
}

#linkArea02.linkArea ul {
	background-color: #4fd0b5;
}

#linkArea03.linkArea ul {
	background-color: #edce29;
}

#linkArea04.linkArea ul {
	background-color: #f58e78;
}

.linkArea li {
	background-color: #FFF;
	border-bottom: 1px solid #e5f5fa;
}

.linkArea li:first-child {
	padding-top: 1px;
	border-radius: 6px 6px 0 0;
}

.linkArea li:last-child {
	padding-bottom: 2px;
	border-radius: 0 0 6px 6px;
	border-bottom: 0;
}

.linkArea li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	word-break: break-all;
	color: #374b71;
	padding: 5px 5px 5px 25px;
	background: url(../img/icon/icon01.png) no-repeat left 6px center;
}

#linkAll {
	margin: 0 auto 10px;
	border: 3px solid #53bee9;
	border-radius: 6px;
	background-color: #FFF;
	text-align: center;
	display: block !important;
}

#linkAll a:hover {
	opacity: 0.7;
}
@media screen and (min-width: 768px) {
	.linkArea ul {
		display: block !important;
	}
}
@media screen and (max-width: 767px) {
	.linkArea .h3Ttl button {
		margin-bottom: 18px;
		position: relative;
		padding: 4px 0;
		border: 0;
		width: 100%;
		display: block;
		text-align: center;
		background: transparent url(../img/icon/icon09.png) no-repeat right 15px center;
		background-size: 15px;
		transition: all .5s;
		-webkit-transition: all .5s;
	}
	.linkArea .h3Ttl .collapsed {
		background-image: url(../img/icon/icon10.png);
		transition: all .5s;
		-webkit-transition: all .5s;
	}
	.linkArea .h3Ttl .collapsed:before {
		position: absolute;
		left: 0;
		bottom: -8px;
		width: 100%;
		height: 8px;
		content: "";
		border-radius: 0 0 4px 4px;
		background-color: #53bee9;
	}
	#linkArea02.linkArea .h3Ttl .collapsed:before {
		background-color: #4fd0b5;
	}
	#linkArea03.linkArea .h3Ttl .collapsed:before {
		background-color: #edce29;
	}
	#linkArea04.linkArea .h3Ttl .collapsed:before {
		background-color: #f58e78;
	}
	.linkArea ul {
		margin-top: -18px;
		padding: 8px 8px 6px;
	}
	.linkArea li {
		border-radius:  0 !important;
	}
	.linkArea li a {
		display: block;
		font-size: 15px;
		font-weight: bold;
		color: #374b71;
		padding: 11px 10px 11px 30px;
		background: url(../img/icon/icon08.png) no-repeat left 10px center;
		background-size: 15px;
	}
	.linkArea li a:hover {
		text-decoration: none;
	}
	#linkAll {
		margin: 0 auto 10px;
		border-radius: 4px;
		border: 2px solid #53bee9;
	}
	#linkAll img {
		border-radius: 4px;
	}
	#linkAll a:hover {
		opacity: 1;
	}

}

#pagePath {
	margin-bottom: 15px;
	text-align: right;
}

#pagePath li {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	color: #000;
}

#pagePath li img {
	display: inline-block;
	vertical-align: middle;
}

#pagePath li a {
	font-size: 11px;
	color: #000;
}

/* pagePath
----------------------------------------------- */
div.breadcrumb {
    padding: 0 !important;
}
div.breadcrumb a:hover {
	text-decoration: none;
	opacity: 0.7;
}

div.breadcrumb div {
    font-size: 11px;
    vertical-align: top;
}
div.breadcrumb div img {
	display: inline-block;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	#pagePath {
		margin-bottom: 0;
		font-size: 9px;
		text-align: left;
	}

	#pagePath li {
		font-size: 9px;
	}

	#pagePath li a {
		font-size: 9px;
	}

	#pagePath li a img {
		width: 8px;
	}
	/* pagePath
	----------------------------------------------- */
	div.breadcrumb {
		margin: 0 !important;
		font-size: 12px;
		text-align: left !important;
	}
	div.breadcrumb a:hover {
		text-decoration: none;
		opacity: 1;
	}
	div.breadcrumb div {
		font-size: 9px;
		vertical-align: top;
	}
	div.breadcrumb div a{
		font-size: 9px;
	}
	div.breadcrumb div span {
		font-size: 9px !important;
	}
	div.breadcrumb div img {
		width: 8px;
	}
}

.pageTitle {
	margin-bottom: -3px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.pageTitle {
		margin-bottom: -1px;
	}
}
#h2Ttl03 {
	text-align: center;
}

#h2Ttl03 span {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	font-weight: bold;
	font-family: "Rounded Mplus 1c";
	line-height: 36px;
	color: #FFF;
	position: relative;
	min-width: 210px;
	padding: 0 20px;
	background-color: #db3f0c;
}

#h2Ttl03 span img {
	margin: -3px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#h2Ttl03 span:before {
	position: absolute;
	left: -22px;
	top: 0;
	width: 22px;
	height: 100%;
	content: "";
	box-sizing: border-box;
    border-color: #db3f0c #db3f0c #db3f0c transparent;
    border-style: solid;
    border-width: 18px 20px;
    z-index: 2;
}

#h2Ttl03 span:after {
	position: absolute;
	right: -22px;
	top: 0;
	width: 22px;
	height: 100%;
	content: "";
	box-sizing: border-box;
    border-color: #db3f0c transparent #db3f0c #db3f0c;
    border-style: solid;
    border-width: 18px 20px;
    z-index: 2;
}
@media screen and (max-width: 767px) {
	#h2Ttl03 span {
		margin: 0 -10px;
		font-size: 17px;
		line-height: 17px;
		color: #000;
		min-width: 210px;
		padding: 0;
		background-color: transparent;
	}

	#h2Ttl03 span img {
		width: auto;
		height: 16px;
	}

	#h2Ttl03 span:before {
		display: none;
	}

	#h2Ttl03 span:after {
		display: none;
	}

}

#ttlArea {
	margin-bottom: 6px;
}

#ttlArea .bg {
	height: 18px;
	width: 100%;
	background: url(../img/list/ttl_area.png) repeat-x left top;
}

#ttlArea .sub {
	margin-bottom: 9px;
	padding: 6px 10px 4px;
	overflow: hidden;
	border: 1px solid #FFF;
	background: url(../img/list/sub_bg.png) repeat left top;
}

#ttlArea .red {
	color: #e60012;
}

#ttlArea .sub p {
	float: left;
	font-size: 13px;
}

#ttlArea .note {
	font-size: 12px;
	color: #5c5c5c;
}

#ttlArea .con {
	float: right;
	font-size: 13px;
}

#ttlArea .con select {
	font-size: 12px !important;
	padding: 0 10px 0 5px;
	height: 20px;
	line-height: 18px;
	vertical-align: top;
}

#ttlArea ul {
	padding-right: 30px;
	float: right;
}

#ttlArea li {
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
}

#ttlArea li a {
	color: #000;
}

@media screen and (max-width: 767px) {
	#ttlArea {
		margin-top: 22px;
		margin-bottom: 0;
	}

	#ttlArea .bg {
		height: 10px;
		background: url(../img/list/ttl_area.png) repeat-x left bottom;
		background-size: cover;
	}

	#ttlArea .sub {
		margin-bottom: 5px;
		padding: 3px 5px 6px;
		border: 0;
		background: url(../img/list/sub_bg.png) repeat left top;
	}

	#ttlArea .sub p {
		float: none;
		font-size: 10px;
		text-align: center;
	}

	#ttlArea .note {
		font-size: 10px;
		text-align: right;
	}

	#ttlArea .con {
		font-size: 10px;
	}

	#ttlArea .con select {
		font-size: 10px !important;
		padding: 0 5px 0 2px;
		height: 25px;
		line-height: 22px;
		vertical-align: middle;
	}

	#ttlArea ul {
		padding-right: 0;
		float: left;
	}

	#ttlArea li {
		margin-right: 1px;
		margin-left: 0;
		font-size: 10px;
	}

	#ttlArea li a {
		border-radius: 3px;
		width: 80px;
		padding: 0 20px;
		text-align: center;
		font-size: 10px;
		height: 25px;
		line-height: 26px;
		color: #fff;
		display: inline-block;
		background: #258ab3 url(../img/icon/icon07.png) no-repeat left 10px center;
		background-size: 9px 9px;
	}
	#ttlArea li a:hover {
		text-decoration: none;
	}

}

#goodsList {
}

#goodsList.row a {
	margin-bottom: 43px;
}

#goodsList .pho img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	border: 2px solid #fff;
}

#goodsList a {
	position: relative;
	padding-bottom: 31px;
	display: block;
	position: relative;
	transform: perspective(1px) translateZ(0px);
	-webkit-transform: perspective(1px) translateZ(0px);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#goodsList a .soldout {
	position: absolute;
	left: 0;
	top: 27px
}

#goodsList a:hover {
	text-decoration: none;
	transform: translateX(-8px);
	-webkit-transform: translateX(-8px);
}

#goodsList h2 {
	margin: 6px 0 3px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 18px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

#goodsList p {
	font-size: 12px;
	color: #000;
	line-height: 16px;
}

#goodsList p span {
	margin: 6px 0 1px;
	display: block;
	color: #db3f0c;
	font-size: 15px;
}

#goodsList .tag span {
	margin-right: 2px;
}

#goodsList .more {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	padding-top: 4px;
	border-top: 2px solid #7e6f5d;
	text-align: right;
}
#goodsList .tag span img {
	width: 60px;
}

#goodsList .more a:hover {
	opacity: 0.7;
}

#goodsList .more img {
	margin: 0 0 0 auto;
	display: block;
}

@media screen and (max-width: 767px) {
	#goodsList a {
		padding-bottom: 24px;
	}

	#goodsList.row a {
		margin-bottom: 13px;
	}

	#goodsList .more a:hover {
		opacity: 1;
	}

	#goodsList a:hover {
		text-decoration: none;
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	#goodsList h2 {
		margin: 3px 0 3px;
		font-size: 11px;
		font-weight: bold;
		color: #000;
		line-height: 14px;
	}

	#goodsList p {
		font-size: 9px;
		line-height: 12px;
	}

	#goodsList p span {
		margin: 6px 0 5px;
		font-size: 17px;
		text-align: right;
	}

	#goodsList .tag span {
		margin-right: 0px;
	}
	#goodsList .tag span + span {
		margin-left: 2px;
	}
	#goodsList .tag span img {
		width: 69px;
	}

	#goodsList .more {
		margin-top: 4px;
		padding-top: 2px;
		border-top: 1px solid #7e6f5d;
	}

}

/* .pagination
----------------------------------------------- */
.pagination {
	margin-bottom: 20px;
	text-align: center;
	clear: both;
	display: block !important;
}

.pagination:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
font-size: 0.1em;
}

.pagination > a {
	margin: 0 3px;
	padding: 0 3px;
	display: inline-block;
	float: none;
	vertical-align: top;
	border-radius: 15px !important;
	min-width: 30px;
	font-size: 21px;
	line-height: 30px;
	color: #00a5e3;
	background-color: #FFF;
    box-shadow: 0 0 1px transparent;
    display: inline-block;
	vertical-align: top;
    transform: perspective(1px) translateZ(0px);
	border: 0;
}

.pagination > strong,
.pagination > a.next,
.pagination > a.prev {
	margin: 0 3px;
	padding: 0 3px;
	display: inline-block;
	float: none;
	vertical-align: top;
	border-radius: 15px !important;
	min-width: 30px;
	font-size: 21px;
	line-height: 30px;
	color: #FFF;
	border: 0;
	text-decoration: none;
	background-color: #00a5e3;
}

.pagination > a.next,
.pagination > a.prev {
	padding: 0 10px;
	position: relative;
}

.pagination > a:hover {
	text-decoration: none;
    animation-duration: 0.75s;

    animation-iteration-count: 1;
    animation-name: hvr-buzz-out;
    animation-timing-function: linear;
}
@media screen and (max-width: 767px) {
	/* .pagination
	----------------------------------------------- */
	.pagination {
		margin: 7px 0 -15px;
		text-align: center;
		clear: both;
	}

	.pagination > a {
		margin: 0 -1px;
		border-radius: 10px !important;
		min-width: 18px;
		font-size: 13px;
		line-height: 20px;
	}
	.pagination > a:hover {
		opacity: 1;
	}
	.pagination > a:hover {
		animation-name: none;
	}

	.pagination > strong,
	.pagination > a  {
		padding: 0 -1px;
		border-radius: 10px !important;
		min-width: 20px;
		font-size: 13px;
		line-height: 20px;
	}

	.pagination > a.next,
	.pagination > a.prev {
		padding: 0 5px;
		position: relative;
	}

	.pagination > a.next img,
	.pagination > a.prev img {
		height: 20px;
		width: auto;
	}
}
@keyframes hvr-buzz-out {
10% {
    transform: translateX(3px) rotate(2deg);
}
20% {
    transform: translateX(-3px) rotate(-2deg);
}
30% {
    transform: translateX(3px) rotate(2deg);
}
40% {
    transform: translateX(-3px) rotate(-2deg);
}
50% {
    transform: translateX(2px) rotate(1deg);
}
60% {
    transform: translateX(-2px) rotate(-1deg);
}
70% {
    transform: translateX(2px) rotate(1deg);
}
80% {
    transform: translateX(-2px) rotate(-1deg);
}
90% {
    transform: translateX(1px) rotate(0deg);
}
100% {
    transform: translateX(-1px) rotate(0deg);
}
}

#pageList {
	display: none;
}

/* .pagination
----------------------------------------------- */
.pagination a.prev {
	width: 90px;
	height: 30px;
	position: relative;
	text-indent: -999em;
	background-color: #00a5e3;
}
.pagination a.prev:after {
	position: absolute;
	left: 10px;
	top: 0;
	width: 70px;
	height: 30px;
	content: "";
	z-index: 2;
	background: url(../img/icon/icon_prev.png) no-repeat center center;
	background-size: 100%;
}
.pagination a.prev:before {
	position: absolute;
	left: -24px;
	top: -10px;
	width: 50px;
	height: 48px;
	content: "";
	z-index: 1;
	background: url(../img/icon/icon03.png) no-repeat center center;
}

.pagination a.next {
	width: 90px;
	height: 30px;
	position: relative;
	text-indent: -999em;
	background-color: #00a5e3;
}
.pagination a.next:after {
	position: absolute;
	left: 10px;
	top: 0;
	width: 70px;
	height: 30px;

	content: "";
	z-index: 2;
	background: url(../img/icon/icon_next.png) no-repeat center center;
	background-size: 100%;
}
.pagination a.next:before {
	position: absolute;
	right: -30px;
	top: -14px;
	width: 68px;
	height: 48px;
	content: "";
	background: url(../img/icon/icon04.png) no-repeat center center;
}


@media screen and (max-width: 767px) {
	/* .pagination
	----------------------------------------------- */
	.pagination a.prev {
		width: 60px;
		height: 20px;
	}
	.pagination a.prev:after {
		position: absolute;
		left: 10px;
		top: 0;
		width: 45px;
		height: 20px;
		content: "";
		z-index: 2;
		background: url(../img/icon/icon_prev.png) no-repeat center center;
		background-size: 100%;
	}
	.pagination a.prev:before {
		position: absolute;
		left: -15px;
		top: -15px;
		width: 35px;
		height: 48px;
		content: "";
		background: url(../img/icon/icon03.png) no-repeat center center;
		background-size: 100% auto;
	}

	.pagination a.next {
		width: 60px;
		height: 20px;
	}
	.pagination a.next:after {
		position: absolute;
		left: 10px;
		top: 0;
		width: 45px;
		height: 20px;
		content: "";
		z-index: 2;
		background: url(../img/icon/icon_next.png) no-repeat center center;
		background-size: 100%;
	}
	.pagination a.next:before {
		position: absolute;
		right: -20px;
		top: -18px;
		width: 45px;
		height: 48px;
		content: "";
		background: url(../img/icon/icon04.png) no-repeat center center;
		background-size: 100% auto;
	}


}

#linkList {
	margin-left: -3px;
}

#linkList li {
	float: left;
	width: 25%;
	padding: 2px 0 1px 3px;
	text-align: center;
}


#linkList li a {
    box-shadow: 0 0 1px transparent;
    display: block;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}

#linkList li a:hover {
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-name: hvr-push;
    animation-timing-function: linear;
}
@keyframes hvr-push {
50% {
    transform: scale(0.8);
}
100% {
    transform: scale(1);
}
}
@media screen and (max-width: 767px) {
	#linkList {
		margin: 8px -3px -8px;
	}

	#linkList li {
		width: 50%;
		padding: 2px 3px 4px;
	}
	#linkList li a:hover {
		animation-name: none;
	}
}

#news {
	margin: 45px 0 3px;
	padding: 0 10px 15px;
	position: relative;
	border-radius: 5px;
	border: 5px solid #f2e2c6;
	background-color: #FFF;
}
#news:before {
	margin-left: -40px;
	position: absolute;
	left: 50%;
	top: -43px;
	width: 80px;
	height: 38px;
	content: "";
	background: url(../img/index/new_before.png) no-repeat center bottom;
}
#news h2 {
	margin-bottom: 13px;
	padding-bottom: 4px;
	text-align: center;

	background: url(../img/index/h2_bg.png) repeat-x left bottom;
}

#news dl {
	height: 195px;
	overflow: auto;
	font-size: 13px;
	color: #58442b;
}

body.LC_Page_User #news dl {
	height: 1095px;
	overflow: auto;
}

#news dt {
	margin-right: 7px;
	padding: 4px 5px 4px 5px;
	font-size: 12px;
font-weight: normal;
border-bottom: 1px dotted #f0f0f0;
}

#news dt.none a {
	background-image: none !important;
	cursor: default;
	pointer-events: none;
}

#news dt.none a:hover {
	background-color: #fff;
}

#news dt:first-child {
	border-top: 1px dotted #f0f0f0;

}

#news dd {
	margin-right: 7px;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px dotted #f0f0f0;
}

#news a {
	margin-right: 0;
cursor: pointer;
	display: block;
	color: #58442b;
	background: url(../img/icon/icon05_off.png) no-repeat right 8px center;
}

#news a.collapsed {
	background: url(../img/icon/icon05.png) no-repeat right 8px center;
}

#news a:hover {
	text-decoration: none;
	background-color: #fdffbf;
}

#news dd a {
	padding: 5px 0;
	background-image: none;
}

#news dd a:hover {
	text-decoration: underline;
	background-color: #fff;
}


#news .new {
	display: inline-block;
	vertical-align: top;
	padding-right: 35px;
	background: url(../img/index/img_new.png) no-repeat right top;
}

#news dt span {
font-weight: bold;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	#news {
		margin: 30px 0;
		padding: 0 5px 9px;
		border-radius: 5px;
		border: 3px solid #f2e2c6;
	}
	#news:before {
		margin-left: -20px;
		top: -21px;
		width: 40px;
		height: 18px;
		background: url(../img/index/new_before.png) no-repeat center bottom;
		background-size: 100% auto;
	}
	#news h2 {
		margin-bottom: 6px;
		padding-bottom: 2px;
		text-align: center;
		background: url(../img/index/h2_bg.png) repeat-x left bottom;
		background-size: auto 2px;
	}
	#news h2 img {
		width: auto;
		height: 32px;
	}

	#news dl {
		height: 100px;
		overflow: auto;
		font-size: 10px;
	}

	body.LC_Page_User #news dl {
		height: 695px;
		overflow: auto;
	}

	#news dt {
		margin-right: 3px;
		padding: 5px 0px 5px 7px;
		font-size: 10px;
	}

	#news dd {
		margin-right: 3px;
		padding: 5px 0px 5px 7px;
	}

	#news a {
		margin-right: 0;
		background-size: 3px !important;
	}

	#news a:hover {
		text-decoration: none;
		background-color: #fff;
	}

	#news dd a {
		padding: 5px 0;
		background-image: none;
	}

	#news dd a:hover {
		text-decoration: none;
		background-color: #fff;
	}

	#news .new {
		display: inline-block;
		vertical-align: top;
		padding-right: 20px;
		background: url(../img/index/img_new.png) no-repeat right top;
		background-size: 15px auto;
	}
}

#photoBox {
	margin: 4px auto 37px;
	padding: 16px 20px 40px;
	position: relative;
	text-align: center;
	background: url(../img/detail/photo_box_bg.png) no-repeat center center;
	background-size: 100% 100%;
}
#photoBox:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 160px;
	z-index: 100;
	content: "";
	background: url(../img/detail/flag.png) no-repeat center top;
	background-size: 100% auto;
}
#photoBox ul {
	margin: 6px auto 0;
	max-width: 640px;
	width: 100%;
	overflow: hidden;
}
#photoBox li {
	float: left;
	margin-right: 11px;
	margin-bottom: 6px;
}
#photoBox li img {
	height: 100px;
	width: auto;
}

#photoBox .slick-slide {
	position: relative;
	width: 640px;
	height: 430px;
	outline: 0;
}

#photoBox .slick-slide img {
	margin: 0 auto;
	max-width: 100%;
}
#photoBox .foo {
	margin: 0 auto;
	width: 640px;
	position: relative;
}
#photoBox .foo img {
	width: auto;
	height: 430px;
	box-sizing: border-box;
	border: 3px solid #FFF;

}
#photoBox .foo:before {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -5px;
	left: -5px;
	content: "";
	z-index: 100;
	background: url(../img/detail/tape01.png) no-repeat center center;
}
#photoBox .foo:after {
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: -5px;
	right: -5px;
	content: "";
	z-index: 100;
	background: url(../img/detail/tape02.png) no-repeat center center;
}
@media screen and (max-width: 767px) {
	#photoBox {
		margin: 4px -10px 10px;
		padding: 30px 10px 7px;
		position: relative;
		text-align: center;
		background: none;
		background: url(../img/list/ttl_area.png) no-repeat center bottom;
	}
	#photoBox:before {
		margin: 0;
		position: absolute;
		left: 0;
		top: 20px;
		width: 100%;
		height: 160px;
		z-index: 100;
		content: "";
		background: url(../img/detail/flag.png) no-repeat center top;
		background-size: 100% auto;
	}
	#photoBox ul {
		margin: 8px auto 0;
	}
	#photoBox li {
		float: left;
		width: 70px;
		margin-right: 5px;
		margin-bottom: 8px;
	}
	#photoBox li img {
		width: auto;
		height: 47px;
	}
	#photoBox .foo {
		width: 100%;
		height: auto;
	}
	#photoBox .slick-slide {
		width: 100%;
		height: 300px;
	}
	#photoBox .foo img {
		width: auto;
		height: 300px;
		border-width: 2px;
	}
	#photoBox .foo:before {
		width: 14px;
		height: 14px;
		top: -1px;
		left: -1px;
		background: url(../img/detail/tape01.png) no-repeat center center;
		background-size: 14px;
	}
	#photoBox .foo:after {
		width: 14px;
		height: 14px;
		bottom: -1px;
		right: -1px;
		background: url(../img/detail/tape02.png) no-repeat center center;
		background-size: 14px;
	}
}
#textBox {
	margin-bottom: 20px;
	overflow: hidden;
}
#textBox .lBox {
	float: left;
	width: 50%;
}
#textBox .rBox {
	padding: 27px 20px 22px;
	float: right;
	width: 48%;
	overflow: hidden;
	border-radius: 5px;
	background-color: #FFF;
}

#textBox .rBox .classlist .form-group {
	margin: 0;
}

.ui-tooltip {
	display: block !important;
	text-align: center;
}

.ui-tooltip div{
	margin: 0 0 0 800px;
	display: inline-block;
}

#textBox .rBox .classlist label {
	float: left;
	font-size: 13px;
    margin-top: 10px;
    min-width: 130px;
}

#textBox .rBox .classlist label + div {
	padding: 5px 0;
}

#textBox .rBox .classlist select {
	padding: 3px 12px;
	font-size: 13px !important;
	line-height: 18px !important;
}
#textBox .tag img {
	margin-right: 2px;
	width: 60px;
	vertical-align: top;
}
#textBox .h3Ttl {
	margin: 10px 0 7px;
	font-size: 20px;
	font-weight: bold;
	font-family: "Rounded Mplus 1c";
}

#textBox p {
	margin-bottom: 19px;
	font-size: 13px;
	line-height: 24px;
}
#textBox .txt01 {
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 18px;
}
#textBox .txt02 {
	margin-bottom: 24px;
	font-size: 20px;
	color: #da3f0c;
	line-height: 18px;
}
#textBox .txt02 span {
	margin-bottom: 24px;
	font-size: 40px;
	color: #da3f0c;
	line-height: 18px;
}
#textBox .rBox p {
	margin: 0 5px 20px;
	font-size: 13px !important;
	line-height:30px;
}
#textBox .rBox input {
	padding: 0 5px;
	width: 100px;
	height: 30px;
	font-size: 13px !important;
	line-height:30px;
	border: 1px solid #edce29;
}
#textBox .rBox .link {
	margin-bottom: 21px;
	text-align: center;
}
#textBox .rBox .link button {
	padding: 0;
	border: 0;
	background-color: transparent;
}
#textBox .rBox .link button:hover {
	opacity: .7;
}
#textBox .rBox li a {
	font-size: 12px;
	line-height: 22px;
	color: #000;
	display: block;
	padding-left: 20px;
	background: url(../img/icon/icon06.png) no-repeat left 5px center;
}
#textBox .rBox li:first-child a {
	padding: 7px 0 7px 25px;
	background: url(../img/icon/icon_emial.png) no-repeat left center;
}
@media screen and (max-width: 767px) {
	#textBox {
		margin-bottom:10px;
		overflow: hidden;
	}
	#textBox .lBox {
		float: none;
		width: auto;
	}
	#textBox .rBox {
		padding: 17px 10px;
		float: none;
		width: auto;
		border-radius: 5px;
		background-color: #FFF;
	}
	#textBox .rBox .classlist label {
		font-size: 13px !important;
		margin-top: 14px;
		min-width: 60px;
		margin-left: 10px;
	}

	#textBox .rBox .classlist label + div {
		padding: 5px 10px;
	}
	#textBox .rBox .classlist .form-group {
		margin-left: -10px;
		margin-right: -10px;
	}

	.ui-tooltip div{
		margin-left: 0;
		display: inline-block;
	}

	#textBox .rBox .classlist select {
		padding: 3px 12px;
		font-size: 13px !important;
		line-height: 15px !important;
	}
	#textBox .tag img {
		margin-right: 2px;
		width: 70px;
	}
	#textBox .h3Ttl {
		margin: 8px 0;
		font-size: 20px;
		line-height: 22px;
		font-weight: bold;
	}
	#textBox p {
		margin-bottom: 7px;
		font-size: 12px;
		line-height: 18px;
	}
	#textBox .txt01 {
		margin-bottom: 17px;
		font-size: 11px;
		line-height: 14px;
	}
	#textBox .txt02 {
		margin-bottom: 7px;
		font-size: 12px;
		line-height: 12px;
		text-align: right;
	}
	#textBox .txt02 span {
		margin-bottom: 7px;
		font-size: 25px;
		line-height: 12px;
	}
	#textBox .rBox p {
		margin: 0 5px 13px;
		font-size: 13px !important;
		line-height:26px;
	}
	#textBox .rBox input {
		padding: 0 5px;
		width: 80px;
		height: 24px;
		font-size: 13px !important;
		line-height:26px;
		border: 1px solid #edce29;
	}
	#textBox .rBox .link {
		width: 212px;
		margin: 0 auto 3px;
	}
	#textBox .rBox .link button {
		padding: 0;
		border: 0;
	}
	#textBox .rBox .link button:hover {
		opacity: 1;
	}
	#textBox .rBox li a {
		font-size: 15px;
		line-height: 25px;
		padding-left: 20px;
		background: url(../img/icon/icon06.png) no-repeat left 3px center;
	}
	#textBox .rBox li:first-child a {
		padding: 4px 0 4px 20px;
		background: url(../img/icon/icon_emial.png) no-repeat left center;
		background-size: 15px auto;
	}
	#textBox .rBox a:hover {
		text-decoration: none;
	}

}
#goodsInfo {
	padding-bottom: 10px;
}
#goodsInfo .h3Ttl {
	margin-bottom: 0;
	text-align: center;
}
@media screen and (min-width: 768px) {
	#goodsInfo .tableBasic01 tr:last-child th,
	#goodsInfo .tableBasic01 tr:last-child td {
		background-image: none;
	}
}

@media all and (-ms-high-contrast:none) and (min-width: 768px) {
	#goodsInfo .tableBasic01 tr:last-child th,
	#goodsInfo .tableBasic01 tr:last-child td {
		background-image: none;
	}
}
@media screen and (max-width: 767px) {
	#goodsInfo {
		padding-bottom: 0;
	}
	#goodsInfo .h3Ttl {
		padding-bottom: 8px;
	}
	#goodsInfo .tableBasic01 th {
		width: 100%;
		float: left;
		border: 0;
		font-size: 13px;
		font-weight: bold;
		line-height: 1;
		padding: 2px 0;
		background-size: auto 2px;
	}
	#goodsInfo .tableBasic01 td {
		width: 100%;
		float: left;
		line-height: 1;
		background-image: none;
		padding: 4px 0 9px;
	}
}
#goodsCorr .h3Ttl {
	margin-bottom: 0;
	text-align: center;
}

#shop_text {
	margin: 20px 0 14px;
	font-size: 16px;
	line-height: 30px;
	font-family: "Rounded Mplus 1c";
}
@media screen and (max-width: 767px) {
	#shop_text {
		margin: 43px 0 9px;
		font-size: 12px;
		line-height: 22.5px;
	}
}
#shopInfo {
	margin-bottom: 30px;
	padding: 0 20px 18px;
	border-radius: 8px;
	position: relative;
	border: 4px solid #FFF;
	background: url(../img/shop/shop_bg_01.png) repeat left center;
}
#shopInfo:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	border-radius: 0 0 8px 8px;
	content: "";
	background: url(../img/shop/shop_bg.png) no-repeat center bottom;
	background-size: auto 100%;
}
#shopInfo .h2Ttl {
	margin: -5px 0 5px;
	padding: 30px 0 25px;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	font-family: "Rounded Mplus 1c";
	background: url(../img/shop/h2_bg.png) no-repeat right bottom;
	background-size: auto 93px;
}
#shopInfo .photoBox {
	float: left;
}
#shopInfo .photoBox img {
	margin-bottom: 3px;
	display: block;
	border-radius: 4px;
	border: 4px solid #FFF;
}
#shopInfo .textBox {
	float: right;
	width: 59.2%;
}

#shopInfo .textBox p {
	padding: 25px 10px;
	font-size: 15px;
	color: #000;
	line-height: 23px;
	position: relative;
	border-radius: 15px;
	border-bottom: 5px solid #b6b09e;
	background-color: #FFF;
}
#shopInfo .textBox p:before {
	position: absolute;
	left: -65px;
	bottom: 30px;
	width: 65px;
	height: 70px;
	content: "";
	background: url(../img/shop/text_before.png) no-repeat right bottom;
	background-size: cover;
}
#shopInfo .h3Ttl {
	margin: 0;
	padding: 16px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	font-family: "Rounded Mplus 1c";
	background: url(../img/shop/h3_bg.png) no-repeat left center;
	background-size: auto 40px;
}
#shopInfo .lBox {
	float: left;
	width: 56.5%;
}
#shopInfo .rBox {
	float: right;
	position: relative;
}
#shopInfo .rBox:before {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -5px;
	left: -5px;
	content: "";
	z-index: 100;
	background: url(../img/detail/tape01.png) no-repeat center center;
}
#shopInfo .rBox:after {
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: -5px;
	right: -5px;
	content: "";
	z-index: 100;
	background: url(../img/detail/tape02.png) no-repeat center center;
}
#shopInfo .rBox img {
	display: block;
	border-radius: 5px;

	border: 5px solid #FFF;
}
#shopInfo .tableBasic01 {
	margin: -19px -10px 0;
	border-collapse: separate;
	border-spacing: 10px;
}
#shopInfo .tableBasic01 th,
#shopInfo .tableBasic01 td {
	padding: 5px 0;
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
	border-color: transparent;
}
#shopInfo .tel {
	margin: 23px 0 20px;
	text-align: center;
}
#shopInfo .tel span,
#shopInfo .tel a {
	margin: 0 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 38px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #db3f0c;
	line-height: 1;
}
#shopInfo .tel img {
	vertical-align: middle;
	margin: -7px 6px 0 6px;
}
#shopInfo .link {
	margin-left: 30px;
	text-align: center;
}
#shopInfo .link li {
	margin: 0 7px;
	display: inline-block;
}
#shopInfo .link a:hover {
	opacity: .7;
}
#shopInfo table a {
	color: #000;
	text-decoration: underline;
}
#shopInfo table a:hover {
	color: #000;
	text-decoration: none;
}

#shopInfo .sub {
	margin: 11px 0 0;
}
#shopInfo .sub .h3Ttl {
	background-position: left 250px center;
}
#shopInfo .sub .inner {
	margin: -11px 0 11px;
	padding: 10px 10px 13px;
	overflow: hidden;
	border-radius: 3px;
	background-color: #FFF;
	border: 1px solid #eeecea;
}
#shopInfo .sub .lsub {
	float: left;
}
#shopInfo .sub .rsub {
	padding-left: 20px;
	padding-bottom: 44px;
	overflow: hidden;
	min-height: 120px;
	font-size: 14px;
	line-height: 24px;
	position: relative;
}
#shopInfo .sub .fc {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	font-weight: bold;
	color: #0e0d6a;
	line-height: 1.2;
}
#shopInfo .sub .fc span,
#shopInfo .sub .fc a {
	display: block;
	font-size: 25px;
	color: #0e0d6a;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#shopInfo .sub .fc img {
	margin: -3px 5px 0 0;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	#shopInfo {
		margin-bottom: 10px;
		padding: 0 10px 12px;
		border-radius: 5px;
		border: 2px solid #FFF;
		background: url(../img/shop/shop_bg_01.png) repeat left center;
		background-size: 30px;
	}
	#shopInfo:before {
		height: 10px;
		border-radius: 0 0 5px 5px;

		content: "";
		background: url(../img/shop/shop_bg.png) no-repeat center bottom;
		background-size: auto 100%;
	}
	#shopInfo .h2Ttl {
		margin: -5px -12px 1px 0;
		padding: 16px 0 25px;
		font-size: 20px;
		background: url(../img/shop/h2_bg_sp.png) no-repeat right bottom;
		background-size: auto 58px;
	}
	#shopInfo .photoBox {
		float: none;
		width: 200px;
		margin: 0 auto 5px;
		text-align: center;
	}
	#shopInfo .photoBox img {
		margin-bottom: 1px;
		border-radius: 2px;
		border: 2px solid #FFF;
	}
	#shopInfo .textBox {
		float: none;
		width: auto;
	}

	#shopInfo .textBox p {
		padding: 12px 10px 9px;
		font-size: 13px;
		line-height: 21px;
		border-radius: 5px;
		border-width: 3px;
	}
	#shopInfo .textBox p:before {
		display: none;
	}
	#shopInfo .h3Ttl {
		margin: 0;
		padding: 11px 0 21px;
		font-size: 20px;
		text-align: center;
		background: url(../img/shop/h3_bg.png) no-repeat left bottom;
		background-size: auto 20px;
	}
	#shopInfo .lBox {
		margin-bottom: 5px;
		float: none;
		width: auto;
	}
	#shopInfo .rBox {
		margin: 0 auto;
		float: none;
		max-width: 200px;
	}
	#shopInfo .rBox:before {
		width: 18px;
		height: 18px;
		top: -3px;
		left: -3px;
		background: url(../img/detail/tape01.png) no-repeat center center;

		background-size: 18px;
	}
	#shopInfo .rBox:after {
		width: 18px;
		height: 18px;
		bottom: -3px;
		right: -3px;
		background: url(../img/detail/tape02.png) no-repeat center center;
		background-size: 18px;
	}
	#shopInfo .rBox img {
		display: block;
		border-radius: 3px;
		border: 3px solid #FFF;
	}
	#shopInfo .tableBasic01 {
		margin: 0 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#shopInfo .tableBasic01 th,
	#shopInfo .tableBasic01 td {
		padding: 5px 0;
		font-size: 14px;
		vertical-align: top;
		border-color: transparent;
		width: 100%;
		float: left;
		background-size: auto 2px;
	}
	#shopInfo .tableBasic01 th {
		border: 0;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.25;
		padding: 2px 0;
		background-size: auto 2px;
	}
	#shopInfo .tableBasic01 td {
		line-height: 1.25;
		background-image: none;
		padding: 4px 0 7px;
	}

	#shopInfo .tel {
		/*margin: 12px 0 10px;*/
	}

	#shopInfo .tel a{
		padding: 10px;
		display: block;
		font-size: 21px;
		color: #fff;
		border-radius: 3px;
		background: #00a5e3;
		margin-top:10px;
	}
	#shopInfo .tel span {
		padding: 10px;
		display: block!important;
		font-size: 21px;
		color: #fff;
		border-radius: 3px;
		background: #00a5e3;
		margin-bottom:30px;
		margin-top:10px!important;
	}
	#shopInfo .tel a:hover {
		text-decoration: none;
	}
	#shopInfo .tel a img {
		margin: -3px 3px 0 3px;
		height: 15px;
		width: auto;
	}
	#shopInfo .tel span img {
		margin: -3px 3px 0 3px!important;
		height: 15px!important;
		width: auto!important;
	}
	#shopInfo .link {
		margin-left: 0;
		margin-right: 0;
		position: relative;
	}
	#shopInfo .link:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
		font-size: 0.1em;
	}
	#shopInfo .link {
	  min-height: 1px;
	}
	#shopInfo .link li {
		margin: 0 2px 13px;
	}
	#shopInfo .link li:last-child {
		margin: 0;
	}
	#shopInfo .link li.mt_13 img {
		transform: translateY(-13px);
		-webkit-transform: translateY(-13px);
	}
	#shopInfo .link img {
		width: auto;
		height: 69px;
	}
	#shopInfo .link a:hover {
		opacity: 1;
	}
	#shopInfo table a:hover {
		text-decoration: underline;
	}

	#shopInfo .sub {
		margin: 11px 0 0;
		padding-top: 4px;
		background-color: #FFF;
		border: 1px solid #eeecea;
	}
	#shopInfo .sub .h3Ttl {
		background-position: left bottom;
	}
	#shopInfo .sub .inner {
		margin: 0;
		padding: 0 10px 10px;
		overflow: hidden;
		border-radius: 3px;
		background-color: #FFF;
		border: 0;
	}
	#shopInfo .sub .lsub {
		margin: 0 auto 9px;
		width: 135px;
		float: none;
		text-align: center;
	}
	#shopInfo .sub .rsub {
		padding-left: 0;
		padding-bottom: 0;
		font-size: 13px;
		line-height: 21px;
		letter-spacing: -0.5px;
		position: relative;
	}
	#shopInfo .sub .fc {
		margin: 13px 0 0;
		position: static;
		right: 0;
		bottom: 0;

		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #0e0d6a;
		line-height: 1.2;
	}
	#shopInfo .sub .fc a:hover {
		text-decoration: none;
	}
	#shopInfo .sub .fc span,
	#shopInfo .sub .fc a {
		margin: 3px 0;
		padding: 4px 0 3px;
		display: block;
		border-radius: 3px;
		border: 1px solid #e1e1e1;
		font-size: 25px;
		color: #0e0d6a;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#shopInfo .sub .fc img {
		margin: -3px 5px 0 0;
		width: 25px;
	}
}

#container .tag .label {
	padding: 0;
	display: inline-block;
	width: 60px;
	height: 17px;
	position: relative;
	text-indent: -999em;
	background-color: transparent !important;
}
#container .tag .label:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#container .tag .label-primary:before {
	background: url(../img/icon/ico_01.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-success:before {
	background: url(../img/icon/ico_02.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-warning:before {
	background: url(../img/icon/ico_03.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-danger:before {
	background: url(../img/icon/ico_04.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-info:before {
	background: url(../img/icon/ico_05.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-6:before {
	background: url(../img/icon/ico_06.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-7:before {
	background: url(../img/icon/ico_07.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-8:before {
	background: url(../img/icon/ico_08.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-9:before {
	background: url(../img/icon/ico_09.gif) no-repeat left center;
	background-size: 100% 100%;
}
#container .tag .label-10:before {
	background: url(../img/icon/ico_10.gif) no-repeat left center;
	background-size: 100% 100%;
}
#container .tag .label-11:before {
	background: url(../img/icon/ico_11.gif) no-repeat left center;
	background-size: 100% 100%;
}
#container .tag .label-12:before {
	background: url(../img/icon/ico_12.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-13:before {
	background: url(../img/icon/ico_13.gif) no-repeat left center;
	background-size: 100% 100%;
}

#container .tag .label-14:before {
	background: url(../img/icon/ico_14.gif) no-repeat left center;
	background-size: 100% 100%;
}





@media screen and (max-width: 767px) {
	#container .tag .label {
		width: 66px;
		height: 20px;
		margin: 0;
	}

}

#beginner .h3Ttl01 {
	text-align: center;
}

#beginner .text01 {
	font-size: 16px;
	font-weight: bold;
	color: #3f301d;
	line-height: 25px;
}

#beginner .h3Ttl01 {
	text-align: center;
}

#beginner .photoInr {
	padding: 41px 0 30px;
	position: relative;
	text-align: center;
}

#beginner .photoInr:after {
	position: absolute;
	left: 5px;
	top: -5px;
	width: 100%;
	height: 240px;
	content: "";
	background: url(../img/beginner/star.png) no-repeat left top;
}

#beginner .photo {
	margin: 0 auto;
	max-width: 666px;
	position: relative;
}

#beginner .photo:before {
	position: absolute;
	left: -5px;
	top: -5px;
	width: 50px;
	height: 50px;
	content: "";
	background: url(../img/beginner/before.png) no-repeat left top;
}

#beginner .photo:after {
	position: absolute;
	right: -5px;
	bottom: -5px;
	width: 50px;
	height: 50px;
	content: "";
	background: url(../img/beginner/after.png) no-repeat left top;
}

#beginner .justify {
	margin-bottom: 23px;
	text-align: justify;
}

#beginner .justify li {
	display: inline-block;
	vertical-align: top;
	width: 257px;
}

#beginner .justify .ttl {
	margin: 0;
	padding: 17px 15px 18px;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	border-radius: 10px 10px 0 0;
}

#beginner .justify .ttl img {
	display: block;
	margin: 0 auto 10px;
}

#beginner .justify p {
	margin-bottom: -4px;
	padding: 0 15px;
	font-size: 14px;
	color: #3f301d;
	line-height: 23px;
	background-color: #fff;
}

#beginner .justify:after {
	content: '';
	width: 100%;
	height: 0;
	visibility: hidden;
	display: inline-block;
}

#beginner .pho01 {
	margin-bottom: 35px;
}

#beginner .pho02 {
	margin-bottom: 15px;
}

#beginner .text02 {
	padding: 17px 15px 15px;
	font-size: 16px;
	font-weight: bold;
	color: #3f301d;
	line-height: 20px;
	text-align: center;
	border-top: 1px solid #3f301d;
	border-bottom: 1px solid #3f301d;
}

#beginner .comContact {
	margin: 19px 0 3px;
	padding: 35px 0 37px;
	text-align: center;
	border-radius: 5px;
	background: #fff url(../img/beginner/contact_bg.png) no-repeat left bottom;
	background-size: 100% auto;
}

#beginner .comContact .tel {
	margin: 0 30px 0 20px;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	color: #000;
	text-align: left;
}

#beginner .comContact .tel span {
	display: block;
	font-size: 40px;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 40px;
	color: #c30400;
}

#beginner .comContact .tel span a {
	color: #c30400;
}

#beginner .comContact .tel span a:hover {
	color: #c30400;
	text-decoration: none;
}

#beginner .comContact .tel img {
	margin: -5px 5px 0 0;
	vertical-align: middle;
}
#beginner .comContact .contact {
	padding: 4px 0;
	display: inline-block;
	vertical-align: top;
}
#beginner .comContact .contact a:hover {
	opacity: 0.7;
}
#beginner .comContact p {
	display: none;
}

@media screen and (max-width: 767px) {
	#beginner .h3Ttl01 {
		margin: 0 auto;
		max-width: 300px;
	}

	#beginner .h3Ttl01.mb9 {
		margin-top: 35px;
	}

	#beginner .text01 {
		margin-top: -4px;
		font-size: 12px;
		font-weight: normal;
		line-height: 21px;
		text-align: left !important;
	}

	#beginner .text01 br {
		display: none;
	}

	#beginner .photoInr {
		padding: 8px 0 9px;
	}

	#beginner .photoInr:after {
		display: none;
	}

	#beginner .photo {
		margin: 0 auto;
		max-width: 600px;
		position: relative;
	}

	#beginner .photo:before {
		position: absolute;
		left: -3px;
		top: -3px;
		width: 22px;
		height: 22px;
		content: "";
		background: url(../img/beginner/before.png) no-repeat left top;
		background-size: cover;
	}

	#beginner .photo:after {
		position: absolute;
		right: -3px;
		bottom: -3px;
		width: 22px;
		height: 22px;
		content: "";
		background: url(../img/beginner/after.png) no-repeat left top;
		background-size: cover;
	}

	#beginner .justify {
		margin-bottom: 20px;
		text-align: left;
	}

	#beginner .justify li {
		display: block;
		width: auto;
		max-width: 600px;
		margin: 0 auto 10px;
	}

	#beginner .justify li:first-child .ttl br {
		display: none;
	}

	/*#beginner .justify li:nth-child(3) .ttl br {
		display: none;
	}*/

	#beginner .justify .ttl {
		margin: 0;
		padding: 8px 15px 2px;
		font-size: 15px;
		line-height: 21px;
		border-radius: 5px 5px 0 0;
	}

	#beginner .justify .ttl img {
		margin: 0 auto 10px;
		width: 65px;
	}

	#beginner .justify p {
		margin-bottom: -5px;
		padding: 0 10px;
		font-size: 12px;
		line-height: 21px;
	}

	#beginner .justify:after {
		display: none;
	}

	#beginner .pho01 {
		margin-bottom: 22px;
		text-align: center;
	}

	#beginner .pho02 {
		margin-top: -20px;
		margin-bottom: 9px;
		text-align: center;
	}

	#beginner .text02 {
		padding: 8px 0;
		font-size: 11px;
		line-height: 15px;
	}

	#beginner .comContact {
		margin: 13px 0 4px;
		padding: 13px 0;
	}

	#beginner .comContact .tel {
		margin: 0 10px 0 10px;
		font-size: 11px;
		font-weight: normal;
		line-height: 15px;
	}

	#beginner .comContact .tel span {
		font-size: 33px;
		font-weight: bold;
		line-height: 35px;
	}

	#beginner .comContact .tel img {
		margin: -8px 3px 0 0;
		width: 32px;
	}
	#beginner .comContact .contact {
		padding: 6px 20px;
	}
	#beginner .comContact .contact img {
		width: 250px;
	}
	#beginner .comContact .contact a:hover {
		opacity: 1;
	}

	#beginner .comContact p {
		margin-bottom: 8px;
		display: block;
		text-align: center;
	}

}

/*--- brandlist ---*/
#brandlist .justify {
	margin: 26px 0 14px;
	text-align: justify;
}

#brandlist .justify li {
	display: inline-block;
	vertical-align: top;
	width: 125px;
}

#brandlist .justify:after {
	content: '';
	width: 100%;
	height: 0;
	visibility: hidden;
	display: inline-block;
}

#brandlist .linkList a:hover {
	opacity: 0.7;
}

#brandlist .h3Ttl01 {
	text-align: center;
}

#brandlist .pho {
	float: left;
}

#brandlist .infoInr {
	margin: 19px 0 0;
}

#brandlist .txt {
	padding: 5px 0 0 30px;
	overflow: hidden;
	color: #3f301d;
}

#brandlist .txt p {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 25px;
}


#brandlist .h3Ttl02 {
	margin-bottom: 7px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
}

#brandlist .tableBasic01 {
	font-size: 13px;
	line-height: 18px;
}

#brandlist .clickBox {
	margin: 11px 0 0;
	padding: 21px 20px 21px;
	position: relative;
	background: url(../img/brandlist/click_bg02.png) repeat-y left top;
	background-size: 100% auto;
}

#brandlist .clickBox:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 20px;
	content: "";
	z-index: 100;
	background: url(../img/brandlist/click_bg01.png) no-repeat left top;
	background-size: 100% auto;
}

#brandlist .clickBox:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	content: "";
	z-index: 100;
	background: url(../img/brandlist/click_bg03.png) no-repeat left top;
	background-size: 100% auto;
}

#brandlist .clickBox .ttl {
	padding: 18px 0;
	position: relative;
	z-index: 200;
	font-size: 18px;
	font-weight: bold;
	color: #e83928;
	text-align: center;
	border: 1px solid #c2b6a3;
	border-bottom: 3px solid #67584c;
	border-radius: 5px;
	box-shadow: 0 0 2px #c2b6a3;
	background: #fff url(../img/common/grass_btm.png) repeat-x center bottom -5px;
}

#brandlist .clickBox .ttl a {
	position: absolute;
	right: 14px;
	top: 13px;
	cursor: pointer;
}

#brandlist .clickBox .ttl a:hover {
	opacity: 0.7;
}

#brandlist .clickBox p {
	margin: 7px 0 -6px;
	padding: 0 18px;
	text-align: right;
	font-size: 13px;
}

#brandlist .clickBox img {
	margin-right: 5px;
	vertical-align: middle;
}

#brandlist .clickBox .inr {
	overflow: hidden;
}

#brandlist .clickBox .lBox {
	float: left;
	width: 375px;
}

#brandlist .clickBox .rBox {
	float: right;
	width: 375px;
}

#brandlist .clickBox li {
	padding: 7px 0 7px;
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #c9c9c9;
}

#brandlist .clickBox li span {
	margin-top: 2px;
	font-size: 11px;
	line-height: 18px;
	display: inline-block;
}

#brandlist .btnlink {
	margin: 19px 0 9px;
	text-align: center;
}

#brandlist .btnlink a {
	cursor: pointer;
}

#brandlist .btnlink a:hover {
	opacity: 0.7;
}

#brandlist .btnlink {
	text-align: center;
}

#brandlist .bg {
	margin-top: 5px;
	width: 100%;
	height: 30px;
	border-radius: 3px;
	background: url(../img/brandlist/grass.png) repeat-x center bottom;
}

#brandlist .bg + .h3Ttl01 {
	margin: 24px 0 21px;
}

#brandlist .area {
	margin: 118px 0 20px;
	position: relative;
	padding: 24px 18px 0;
	border: 1px solid #fff;
	border-radius: 10px;
	background: url(../img/brandlist/area_bg.png) repeat left bottom;
}

#brandlist .area:before {
	position: absolute;
	left: 50%;
	top: -74px;
	width: 260px;
	height: 100px;
	transform: translateX(-61%);
	-webkit-transform: translateX(-61%);
	content: "";
	z-index: 100;
	background: url(../img/brandlist/area_ttl.png) no-repeat center top;
}

#brandlist .area {
	background: url(../img/brandlist/area_bg.png) repeat left bottom;
}

#brandlist .area .h3Ttl03 {
	margin-bottom: 20px;
	text-align: center;
}

#brandlist .area .imgBox {
	overflow: hidden;
}

#brandlist .area .photoBox {
	float: right;
	border: 3px solid #fff;
}

#brandlist .area .textBox {
	padding: 5px 20px 25px;
	float: left;
	width: 504px;
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	border-bottom: 5px solid #dcc7a5;
}

#brandlist .area .textBox:before {
	position: absolute;
	right: 0;
	top: 15px;
	width: 24px;
	height: 24px;
	margin: 0 -24px 0 0;
	content: "";
	background: url(../img/brandlist/icon02.png) no-repeat left top;
}

#brandlist .area .tableBasic01 th,
#brandlist .area .tableBasic01 td {
	border-color: transparent;
}

#brandlist .area .textBox .tableBasic01 th,
#brandlist .area .textBox .tableBasic01 td {
	border-color: #fff;
}

#brandlist .area p {
	font-size: 14px;
	color: #3f301d;
	line-height: 25px;
}


#brandlist .area .ttl {
	margin: 10px 0 5px;
	font-size: 25px;
	line-height: 35px;
}

#brandlist .area .ov {
	margin-bottom: -13px;
	overflow: hidden;
}

#brandlist .area .lBox {
	float: left;
	width: 375px;
}

#brandlist .area .rBox {
	float: right;
	width: 375px;
}

#brandlist .area .ov .tableBasic01 th,
#brandlist .area .ov .tableBasic01 td {
	border-spacing: 6px;
	vertical-align: top;
}

#brandlist .area .ov .tableBasic01 th {
	position: relative;
}

#brandlist .area .ov .tableBasic01 th:before {
	position: absolute;
	right: -5px;
	top: 0;
	width: 10px;
	height: 100%;
	content: "";
	background: url(../img/brandlist/area_bg.png) repeat left top;
}
#brandlist .clickBox .ttl br {
	display: none;
}

@media screen and (max-width: 767px) {
	/*--- brandlist ---*/
	#brandlist .justify {
		margin: 31px 0 23px;
		text-align: justify;
		font-size: 0;
	}

	#brandlist .justify li {
		display: inline-block;
		vertical-align: top;
		width: 16%;
	}

	#brandlist .justify:after {
		content: '';
		width: 100%;
		height: 0;
		visibility: hidden;
		display: inline-block;
	}

	#brandlist .linkList a:hover {
		opacity: 1;
	}

	#brandlist .h3Ttl01 img {
		max-width: 270px;
		display: block;
		margin: 0 auto;
	}

	#brandlist .pho {
		float: none;
		width: 80px;
		margin: 0 auto 10px;
		text-align: center;
	}

	#brandlist .infoInr {
		margin: 29px 0 0;
	}

	#brandlist .txt {
		padding: 5px 0 0 0;
		overflow: hidden;
		color: #3f301d;
	}

	#brandlist .txt p {
		margin-bottom: 12px;
		font-size: 13px;
		line-height: 21px;
	}


	#brandlist .infoInr .tableBasic01 th {
		width: 10%;
		vertical-align: top;
	}

	#brandlist .h3Ttl02 {
		margin-bottom: 0;
		font-size: 25px;
		text-align: center;
	}

	#brandlist .tableBasic01 {
		font-size: 12px;
		line-height: 18px;
	}

	#brandlist .clickBox {
		margin: 0 0 0;
		padding: 10px 10px 10px;
		position: relative;
		background: url(../img/brandlist/click_bg02.png) repeat-y left top;
		background-size: 100% auto;
	}

	#brandlist .clickBox:before {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 20px;
		content: "";
		z-index: 100;
		background: url(../img/brandlist/click_bg01.png) no-repeat left top;
		background-size: 100% auto;
	}

	#brandlist .clickBox:after {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 20px;
		content: "";
		z-index: 100;
		background: url(../img/brandlist/click_bg03.png) no-repeat left bottom;
		background-size: 100% auto;
	}

	#brandlist .clickBox .ttl {
		padding: 8px 0;
		position: relative;
		z-index: 200;
		font-size: 11px;
		line-height: 13px;
		font-weight: bold;

		border: 1px solid #c2b6a3;
		border-bottom: 2px solid #67584c;
		border-radius: 3px;
		box-shadow: 0 0 2px #c2b6a3;
		background: #fff url(../img/common/grass_btm.png) repeat-x center bottom -3px;
		background-size: auto 10px;
	}
	#brandlist .clickBox .ttl br {
		display: block;
	}

	#brandlist .clickBox .ttl a {
		position: absolute;
		right: 5px;
		top: 10px;
		width: 40px;
	}

	#brandlist .clickBox .ttl a:hover {
		opacity: 1;
	}

	#brandlist .clickBox p {
		margin: 7px 0 -6px;
		padding: 0;
		text-align: right;
		font-size: 9.5px;
	}

	#brandlist .clickBox img {
		margin-right: 3px;
		vertical-align: middle;
	}

	#brandlist .clickBox .inr {
		overflow: hidden;
	}

	#brandlist .clickBox .lBox {
		float: none;
		width: auto;
	}

	#brandlist .clickBox .rBox {
		float: none;
		width: auto;
	}

	#brandlist .clickBox li {
		padding: 3px 0;
		font-size: 10px;
		line-height: 14px;
	}

	#brandlist .clickBox li span {
		margin-top: 0;
		font-size: 9px;
		line-height: 12px;
		display: inline-block;
	}

	#brandlist .btnlink {
		margin: 12px auto 8px;
		width: 125px;
		text-align: center;
	}

	#brandlist .btnlink a:hover {
		opacity: 1;
	}

	#brandlist .btnlink {
		text-align: center;
	}

	#brandlist .bg {
		margin-top: 3px;
		height: 15px;
		background: url(../img/brandlist/grass.png) repeat-x center bottom;
		background-size: auto 15px;
	}

	#brandlist .bg + .h3Ttl01 {
		margin: 24px 0 -29px;
	}

	#brandlist .bg + .h3Ttl01 img {
		max-width: 210px;
	}

	#brandlist #a02 {
		margin-top: 15px;
	}

	#brandlist #a02 .tableBasic01 th {
		width: 25%;
		vertical-align: top;
	}

	#brandlist .txt p.mb30 {
		margin-bottom: 0 !important;
	}

	#brandlist .h3Ttl02 {
		font-size: 25px;
		margin-bottom: 7px;
	}

	#brandlist .area {
		margin: 55px 0 20px;
		padding: 14px 10px 0;
		border-radius: 5px;
		background: url(../img/brandlist/area_bg.png) repeat left bottom;
		background-size: 50px;
	}

	#brandlist .area:before {
		top: -37px;
		width: 130px;
		height: 50px;
		background: url(../img/brandlist/area_ttl.png) no-repeat center top;
		background-size: 100% auto;
	}

	#brandlist .area .h3Ttl03 {
		margin: 0 -10px 8px;
		text-align: center;
	}

	#brandlist .area .h3Ttl03 img {
		width: 300px;
	}

	#brandlist .area .imgBox {
		overflow: hidden;
	}

	#brandlist .area .photoBox {
		margin: 0 auto 21px;
		float: none;
		width: 118px;
		border: 2px solid #fff;
	}

	#brandlist .area .textBox {
		padding: 5px 10px 15px;
		float: none;
		width: auto;
		border-radius: 5px;
		border-bottom: 3px solid #dcc7a5;
	}

	#brandlist .area .textBox:before {
		position: absolute;
		right: auto;
		left: 15px;
		top: -15px;
		width: 30px;
		height: 15px;
		margin: 0;
		content: "";
		background: url(../img/brandlist/icon03.png) no-repeat left top;
		background-size: cover;
	}

	#brandlist .area .textBox .tableBasic01 th {
		float: left;
		width: 100%;
		padding-bottom: 0;
		background-image: none;
	}


	#brandlist .area .textBox .tableBasic01 th,
	#brandlist .area .tableBasic01 td {
		float: left;
		width:100%;
	}

	#brandlist .area .textBox .tableBasic01 td {
		padding-top: 0;
		font-size: 18px;
		font-weight: bold;
	}

	#brandlist .area p {
		font-size: 12px;
		line-height: 21px;
	}


	#brandlist .area .ttl {
		margin: 10px 0 -8px;
		font-size: 25px;
		font-weight: bold;
		color: #000;
		line-height: 35px;
		text-align: center;
	}

	#brandlist .area .ov {
		margin-bottom: -13px;
		overflow: hidden;
	}

	#brandlist .area .lBox {
		float: none;
		width: auto;
	}

	#brandlist .area .rBox {
		float: none;
		width: auto;
	}

	#brandlist .area .ov .tableBasic01 th {
		position: relative;
		font-size: 9px;
	}

	#brandlist .area .ov .tableBasic01 th:before {
		position: absolute;
		right: -5px;
		top: 0;
		width: 10px;
		height: 100%;
		content: "";
		background: url(../img/brandlist/area_bg.png) repeat left top;
	}

	#brandlist .area .ov + .btnlink {
		margin-bottom: 0;
		width: 200px;
	}

}


/* --------------------------------------------------
	gift.css
-------------------------------------------------- */
#gift .h3Ttl01 {
	margin: 28px 0 0;
	text-align: center;
}

#gift .hdGrass {
	border-top: 1px solid #bab1a7;
    border-bottom: 1px solid #58442b;
    border-radius: 0;
    font-size: 20px;
	font-weight: bold;
    line-height: 34px;
    margin-bottom: 0.5em;
    padding: 12px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#gift .iconCoco {
	display: block;
    padding-left: 47px;
	background-size: auto 34px;
}

#gift .ttl01 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #3f301d;
	font-weight: bold;
}

#gift .h3Ttl02 img {
	display: block;
}

#gift .txt {
	margin-bottom: 0;
	font-size: 15px;
	color: #3f301d;
	line-height:22px;
}

#gift .txt + .txt {
	margin-bottom: 24px;
}

#gift .txt span {
	margin-right: 10px;
	width:18px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	display: inline-block;
	border-radius: 50%;
	background-color: #3f301d;
}

#gift .justify {
	text-align: justify;
	margin-bottom: -7px;
}

#gift .justify:after {
	content: '';
	width: 100%;
	height: 0;
	visibility: hidden;
	display: inline-block;
}

#gift .justify li {
	display: inline-block;
	vertical-align: top;
}

#gift .justList li {
	padding: 26px 0 28px;
	width: 258px;
	position: relative;
	text-align: center;
	background-color: #fff;
	border-bottom: 2px solid #bbb5a4;
}

#gift .justList li:before {
	position: absolute;
	left: 7px;
	top: -14px;
	width: 16px;
	height: 34px;
	content: "";
	background: url(../img/giftpc/bg01.png) no-repeat left top;
}

#gift .justList .h3Ttl {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

#gift .justList p {
	font-size: 14px;
	color: #3f301d;
	line-height: 20px;
}

#gift .txt02 {
	margin-bottom: 11px;
	font-size: 13px;
}

#gift .justList02 li {
	padding: 0 0 0;
	width: 185px;
}

#gift .textBox01 .justList02 p {
	margin: 7px 0;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
}
#gift .textBox01 .justList02 p span {
	font-size: 11px;
	display: block;
	letter-spacing: -0.8px;
}

#gift .textBox01 {
	margin-bottom: 35px;
	padding: 31px 20px 25px;
	background: #fff url(../img/giftpc/box_bg01.png) no-repeat left bottom;
	background-size: 100% auto;
	border-radius: 10px;
}
#gift .textBox01 .h3Ttl03 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #3f301d;
	font-weight: bold;
	line-height: 25px;
}
#gift .textBox01 p {
	margin-bottom: 12px;
	color: #3f301d;
	font-size: 15px;
	letter-spacing: -0.2px;
	line-height: 25px;
}

#gift .textBox01 p + .h3Ttl03 {
	margin-top: 48px;
}

#gift .list01 img {
	margin: -4px 5px 0 0;
	vertical-align: middle;
}
#gift .list01 li {
	padding: 0 0 9px 19px;
	color: #3f301d;
	text-indent: -19px;
}

#gift .textBox01 .clearfix p {
	float: left;
	max-width: 490px;
}
#gift .textBox01 .clearfix .pho {
	padding-left: 20px;
	overflow: hidden;
}

#gift .note {
	margin: 16px 0 14px;
	font-size: 14px;
	line-height: 20px;
}

#gift .justList03 {
	margin-bottom: 13px;
}

#gift .justList03 li {
	width: 258px;
}

#gift .justList03 .h3Ttl04 {
	margin: 11px 0 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

#gift .justList03 p {
	font-size: 14px;
	line-height: 20px;
}

#gift .justList04 {
	margin-bottom: 20px;
}

#gift .justList04 li {
	width: 395px;
}

#gift .justList04 li:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#gift .justList04 .pho {
	float: left;
}

#gift .justList04 .inr {
	padding-left: 10px;
	overflow: hidden;
}

#gift .justList04 .h3Ttl04 {
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 25px;
}

#gift .justList04 .inr p {
	font-size: 12px;
	margin: 0;
}

#gift .justList04 p {
	margin: 4px 0 -8px;
	font-size: 14px;
	line-height: 22px;
}

#gift .h3Ttl05 {
	margin-bottom: 15px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #3f301d;
	line-height: 28px;
	background-color: #cfc7ab;
}

@media all and (min-width: 0) and (max-width: 767px) {
	/* --------------------------------------------------
		gift.css
	-------------------------------------------------- */
	#gift .h3Ttl01 {
		margin: 28px 0 0;
		text-align: center;
	}

	#gift .hdGrass {
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 0.5em;
		padding: 5px 0 4px;
		background-size: auto 10px;
	}


	#gift .iconCoco {
		padding-left: 35px;
		background-size: auto 25px;
	}

	#gift .ttl01 {
		margin-top: 15px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 19px;
		color: #3f301d;
	}

	#gift .txt {
		margin-bottom: 0;
		font-size: 12px;
		line-height: 16px;
		padding-left: 2em;
		text-indent: -2em;
	}

	#gift .txt + .txt {
		margin-bottom: 17px;
	}

	#gift .txt span {
		margin-right: 8px;
		width:15px;
		font-size: 10px;
		text-indent: 0;
		line-height: 15px;
	}

	#gift .justify {
		margin-bottom: -12px;
	}

	#gift .justList li {
		padding: 20px 0 12px;
		width: 31.5%;
		border-bottom: 1px solid #bbb5a4;
	}

	#gift .justList li:before {
		left: 4px;
		top: -7px;
		width: 8px;
		height: 17px;
		background: url(../img/giftpc/bg01.png) no-repeat left top;
		background-size: cover;
	}

	#gift .justList .h3Ttl {
		margin-bottom: 10px;
		font-size: 13px;
		line-height: 10px;
	}

	#gift .justList p {
		margin: 0 6px;
		text-align: left;
		font-size: 10px;
		line-height: 14px;
		letter-spacing: -0.8px;
	}

	#gift .txt02 {
		margin-bottom: 21px;
		font-size: 13px;
		line-height: 20px;
	}

	#gift .h3Ttl02 {
		margin: 0 -10px;
	}

	#gift .h3Ttl02 img {
		display: block;
		margin: 0 auto;
		width: 320px;
	}

	#gift .justList02 li {
		padding: 0;
		width: 48%;
	}

	#gift .justList02 li .pho img {
		width: 100%;
	}
	#gift .textBox01 .justList02 {
		margin-bottom: -20px;
	}

	#gift .textBox01 .justList02 p {
		margin: 3px 0 11px;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0;
	}
	#gift .textBox01 .justList02 p span {
		font-size: 8px;
		line-height: 12px;
		letter-spacing: -0.8px;
	}

	#gift .textBox01 {
		margin-bottom: 11px;
		padding: 14px 10px;
		background: #fff url(../img/giftpc/box_bg01_sp.png) no-repeat left bottom;
		background-size: 100% auto;
		border-radius: 5px;
	}
	#gift .textBox01 .h3Ttl03 {
		margin-bottom: 5px;
		font-size: 19px;
		line-height: 25px;
	}
	#gift .textBox01 p {
		margin-bottom: 10px;
		font-size: 13px;
		letter-spacing: -1px;
		line-height: 21px;
	}

	#gift .textBox01 p + .h3Ttl03 {
		margin-top: 10px;
	}

	#gift .list01 {
		margin: 0 0 10px;
	}

	#gift .list01 img {
		margin: -4px 5px 0 0;
		width: 9px;
	}
	#gift .list01 li {
		padding: 0 0 3px 15px;
		text-indent: -15px;
		font-size: 13px;
		line-height: 20px;
	}

	#gift .textBox01 .clearfix p {
		padding-right: 0;
		float: none;
		margin-bottom: 6px;
	}
	#gift .textBox01 .clearfix .pho {
		float: none;
		padding-left: 0;
		width: 160px;
		margin: 0 auto 5px;
	}

	#gift .textBox01 + .h3Ttl01 {
		margin-top: 0;
	}

	#gift .note {
		margin: -2px 0 5px;
		font-size: 9px;
		line-height: 10px;
	}

	#gift .justList03 {
		margin-bottom: -13px;
	}

	#gift .justList03 li {
		width: 31.5%;
	}

	#gift .justList03 .h3Ttl04 {
		margin: 2px 0 -1px;
		font-size: 13px;
		font-weight: bold;
		line-height: 20px;
		text-align: center;
	}

	#gift .justList03 p {
		font-size: 10px;
		line-height: 14px;
	}

	#gift .justList04 {
		margin-bottom: -9px;
	}

	#gift .justList04 li {
		width: 48%;
	}

	#gift .justList04 .pho {
		float: none;
		text-align: center;
	}

	#gift .justList04 .inr {
		padding-left: 0;
		overflow: hidden;
	}

	#gift .justList04 .h3Ttl04 {
		margin: 4px 0 2px;
		text-align: center;
		font-size: 13px;
		line-height: 18px;
	}

	#gift .justList04 .inr p {
		font-size: 10px;
		margin: 0;
	}

	#gift .justList04 p {
		margin: 4px 0 -1px;
		font-size: 10px;
		line-height: 14px;
	}

	#gift .h3Ttl05 {
		margin-bottom: 10px;
		padding: 0 10px;
		font-size: 10px;
		line-height: 24px;
	}
}

/*------------------------------------------------------------
	happiness
------------------------------------------------------------*/
#happiness .h3Ttl01 {
	text-align: center;
}

#happiness .linkList {
	margin-bottom: 50px;
	text-align: center;
}

#happiness .linkList li {
	margin: 0 4px;
	display: inline-block;
	vertical-align: top;
}

#happiness .linkList a:hover {
	opacity: 0.7;
}

#happiness .imgBox {
	margin-bottom: 20px;
}

#happiness .imgBox .lBox {
	float: left;
}

#happiness .imgBox .rBox {
	float: right;
}

#happiness .imgBox .photo {
	width: 270px;
}

#happiness .imgBox .text {
	padding: 20px 12px 34px 25px;
	width: 540px;
	color: #3f301d;
	border-radius: 10px;
	background: #FFF url(../img/happiness/text_bg.png) no-repeat left bottom;
	background-size: 100% auto;
}

#happiness .imgBox .text .pho {
	float: right;
}

#happiness .imgBox .text .txt {
	float: left;
	width: 260px;
}

#happiness .imgBox .text .h3Ttl02 {
	margin: 9px 0 8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}

#happiness .imgBox .text .lh25 {
	font-size: 15px;
	line-height: 25px;
}

#happiness .imgBox .text .lh15 {
	font-size: 11px;
	line-height: 15px;
}

#happiness .imgBox .text .lh18 {
	font-size: 13px;
	line-height: 18px;
}

#happiness .imgBox .text p {
	font-size: 14px;
	line-height: 23px;
}

#happiness .imgBox .text .table {
	padding-top: 7px;
	clear: both;
}

#happiness .imgBox .text .table img {
	display: block;
	margin: 0 auto 5px;
}

#happiness .imgBox .text .udline {
	text-decoration: underline;
}


@media all and (min-width: 0) and (max-width: 767px) {

	/*------------------------------------------------------------
		happiness
	------------------------------------------------------------*/
	#happiness .h3Ttl01 {
		text-align: center;
	}

	#happiness .linkList {
		margin-bottom: 0;
		text-align: center;
	}

	#happiness .linkList li {
		margin: 0 0 10px;
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}

	#happiness .linkList a:hover {
		opacity: 1;
	}

	#happiness .imgBox {
		margin-bottom: 0;
	}

	#happiness .imgBox .lBox {
		float: none;
	}

	#happiness .imgBox .rBox {
		float: none;
	}

	#happiness .imgBox .photo {
		margin: 0 auto;
		width: 300px;
	}

	#happiness .imgBox .text {
		padding: 12px 10px 35px;
		width: auto;
		color: #3f301d;
		border-radius: 5px;
		background: #FFF url(../img/happiness/text_bg_sp.png) no-repeat left bottom;
		background-size: 100% auto;
	}

	#happiness .imgBox .text .pho {
		float: none;
	}

	#happiness .imgBox .text .pho img {
		width: 180px;
		margin: 12px auto 0;
		display: block;
	}

	#happiness .imgBox .text .txt {
		float: none;
		width: auto;
	}

	#happiness .imgBox .text .h3Ttl02 {
		margin: 9px 0 6px;
		font-size: 15px;
		line-height: 20px;
		text-align: center;
	}

	#happiness .imgBox .text .lh25 {
		font-size: 13px;
		line-height: 20px;
	}

	#happiness .imgBox .text .lh15 {
		font-size: 10px;
		line-height: 15px;
	}

	#happiness .imgBox .text .lh18 {
		font-size: 12px;
		line-height: 18px;
	}

	#happiness .imgBox .text .splh18 {
		margin-top: 10px;
		font-size: 12px;
		line-height: 18px;
	}

	#happiness .imgBox .text p {
		font-size: 13px;
		line-height: 20px;
	}

	#happiness .imgBox .text .table {
		padding-top: 5px;
	}


}



/*------------------------------------------------------------
	cuts
------------------------------------------------------------*/
#cuts .h3Ttl01 {
	text-align: center;
}

#cuts .h4Ttl01 {
	margin-bottom: 17px;
	text-align: center;
}

#cuts .ttl {
	margin: 9px 0 6px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #3f301d;
	text-align: center;
}

#cuts .justifyList {
}

#cuts .justifyList li {
	margin-bottom: 22px;
	margin-right: 16.6666px;
	float: left;
	vertical-align: top;
	width: 190px;
	padding: 0 0 25px;
	background: url(../img/cuts/list_bg.png) no-repeat left bottom;
	background-size: 100% auto;
}

#cuts .justifyList li:nth-child(4n) {
	margin-right: 0;
}

#cuts .justifyList li .pho {
	text-align: center;
	position: relative;
}

#cuts .justifyList li .pho:before {
	position: absolute;
	left: 0;
	top: -4px;
	width: 25px;
	height: 25px;
	content: "";
	background: url(../img/cuts/before.png) no-repeat left top;
}

#cuts .justifyList li .pho:after {
	position: absolute;
	right: 0;
	bottom: -4px;
	width: 25px;
	height: 25px;
	content: "";
	background: url(../img/cuts/after.png) no-repeat left top;
}

#cuts .justifyList li .tag {
	position: absolute;
	right: -10px;
	top: -14px;
	z-index: 100;
}


#cuts .justifyList .h4Ttl02 {
	margin: 13px 0 6px;
	font-size: 15px;
	font-weight: bold;
	color: #445f00;
	line-height: 18px;
}

#cuts .justifyList .h4Ttl02 span {
	display: inline-block;
	margin-right: 5px;
	width: 18px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background-color: #445f00;
	font-size: 12px;
	line-height: 18px;
}

#cuts .justifyList p {
	font-size: 13px;
	line-height: 20px;
}

@media all and (min-width: 0) and (max-width: 767px) {

	/*------------------------------------------------------------
		cuts
	------------------------------------------------------------*/
	#cuts .h3Ttl01 img {
		width: 300px;
		margin: 0 auto;
		display: block;
	}

	#cuts .h4Ttl01 {
		margin-bottom: 7px;
		text-align: center;
	}

	#cuts .ttl {
		margin: 10px 0 8px;
		font-size: 11px;
		font-weight: normal;
		line-height: 17px;
		text-align: left;
	}

	#cuts .justifyList {
	}

	#cuts .justifyList li {
		margin-bottom: 22px;
		margin-right: 0;
		float: left;
		width: 49%;
		padding: 0 0 34px;
		background: url(../img/cuts/list_bg_sp.png) no-repeat left bottom;
		background-size: 100% auto;
	}

	#cuts .justifyList li:nth-child(2n) {
		float: right;
		margin-right: 0;
	}

	#cuts .justifyList li .pho img {
		width: 100%;
	}

	#cuts .justifyList li .pho:before {
		position: absolute;
		left: -2px;
		top: -2px;
		width: 20px;
		height: 20px;
		content: "";
		background: url(../img/cuts/before.png) no-repeat left top;
		background-size: cover;
	}

	#cuts .justifyList li .pho:after {
		position: absolute;
		right: -2px;
		bottom: -2px;
		width: 20px;
		height: 20px;
		content: "";
		background: url(../img/cuts/after.png) no-repeat left top;
		background-size: cover;
	}

	#cuts .justifyList li .tag {
		position: absolute;
		right: -5px;
		top: -10px;
		width: 30px;
	}


	#cuts .justifyList .h4Ttl02 {
		margin: 10px 0 3px;
		font-size: 14px;
		line-height: 15px;
	}

	#cuts .justifyList .h4Ttl02 span {
		margin-right: 5px;
		width: 15px;
		font-size: 12px;
		line-height: 15px;
	}

	#cuts .justifyList p {
		font-size: 12px;
		line-height: 20px;
	}

}



#faq .ttlBox {
	margin-top: 29px;
}

#faq .ttlBox p {
	margin-left: 5px;
	font-size: 14px;
	line-height: 20px;
}

#faq .lBox {
	float: left;
	width: 555px;
}

#faq .rBox {
	margin-top: -5px;
	width: 232px;
	float: right;
	position: relative;
	padding: 13px 11px 12px 9px;
	border: 1px solid #fff;
	background: url(../img/faq/pull_bg.png) repeat left top;
}

#faq .rBox .pull {
	position: relative;
}

#faq .rBox p {
	margin: 0;
	padding: 0 5px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
	line-height: 19px;
	border: 1px solid #a6c8ff;
	background: #fff url(../img/faq/p_bg.png) no-repeat right 8px center;
}

#faq .rBox ul {
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	width: 100%;
	padding: 2px 5px 5px;
	border: 1px solid #a6c8ff;
	border-top: 0;
	font-size: 14px;
	line-height: 25px;
	background: #fff;
}

#faq .rBox ul a {
	color: #000;
	text-decoration: none;
}

#faq .rBox ul a:hover,
#faq .rBox p:hover {
	color: #333;
}

#faq .faqBox {
	margin: 20px 0;
	padding: 20px 16px 15px;
	border-radius: 8px;
	background-color: #fff;
	border: 5px solid #53bee9;
}

#faq .faqBox .h3Ttl01 {
	margin-bottom: 10px;
	padding-bottom: 18px;
	text-align: center;
	font-size: 21px;
	line-height: 33px;
	font-weight: bold;
	font-family: "Rounded Mplus 1c";
	background: url(../img/common/grass_btm.png) repeat-x left bottom -5px;
}

#faq .faqBox dl {
	margin-bottom: 14px;
	padding-bottom: 14px;
	font-size: 13px;
	color: #2c2521;
	line-height: 20px;
	background: url(../img/faq/dl_bg.png) repeat-x left bottom;
}

#faq .faqBox dl:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background-image: none;
}

#faq .faqBox dt {
	margin-bottom: 2px;
	padding: 1px 25px;
	font-size: 15px;
	font-weight: bold;
	background: url(../img/faq/faq_q.png) no-repeat left top;
}

#faq .faqBox dd {
	padding: 2px 0 2px 25px;
	background: url(../img/faq/faq_a.png) no-repeat left top;
}

#faq .faqBox + .faqBox {
	border-color: #f9c007;
}

#faq .faqBox + .faqBox + .faqBox {
	border-color: #f58e78;
}

#faq .faqBox .list01 {
	margin-bottom: 10px;
	padding-bottom: 9px;
	border-bottom: 1px solid #dfdfdf;
}

#faq .faqBox .list01 li {
	float: left;
	width: 50%;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
}

#faq .faqBox .list01 img {
	margin: -1px 5px 0 0;
	vertical-align: middle;
}

#faq .faqBox p {
	margin-bottom: 7px;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

#faq .faqBox .list01 span {
	color: #e83928;
}

#faq .faqBox .list02 {
	margin-bottom: 15px;
}

#faq .faqBox .list02 li {
	margin-bottom: 6px;
	font-size: 12px;
	color: #2c2521;
	padding-left: 1.5em;
	line-height: 18px;
	background: url(../img/faq/li_bg.png) no-repeat left 4px top 6px;
}

#faq .faqBox .list03 {
	margin-top: 8px;
}

#faq .faqBox .list03 li {
	padding: 2px 0 12px;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	padding-left: 30px;
	position: relative;
}

#faq .faqBox .list03 img {
	position: absolute;
	left: 3px;
	top: 3px;
}

@media all and (min-width: 0) and (max-width: 767px) {

	#faq .ttlBox {
		margin-top: 37px;
	}

	#faq .ttlBox p {
		margin-left: 0;
		font-size: 12px;
		line-height: 21px;
	}

	#faq .lBox {
		float: none;
		width: auto;
	}

	#faq .rBox {
		margin: 4px 0 0;
		width: auto;
		float: none;
		position: relative;
		padding: 13px 10px;
		border: 1px solid #fff;
		background: url(../img/faq/pull_bg.png) repeat left top;
	}

	#faq .rBox .pull {
		position: relative;
	}

	#faq .rBox p {
		margin: 0 auto;
		padding: 0 5px;
		width: 210px;
		font-size: 14px;
		color: #000;
		cursor: pointer;
		line-height: 20px;
		border: 1px solid #000;
		background: #fff url(../img/faq/p_bg_sp.png) no-repeat right center;
		background-size: auto 100%;
	}

	#faq .rBox ul {
		font-size: 14px;
		line-height: 25px;
		width: 210px;
		left: 50%;
		margin-left: -105px;
		border-color: #000;
	}

	#faq .rBox ul a {
		color: #000;
		text-decoration: none;
	}

	#faq .rBox ul a:hover,
	#faq .rBox p:hover {
		color: #000;
	}

	#faq .faqBox {
		margin: 15px 0;
		padding: 15px 10px;
		border-radius: 5px;
		background-color: #fff;
		border: 3px solid #53bee9;
	}

	#faq .faqBox .h3Ttl01 {
		margin-bottom: 5px;
		padding-bottom: 10px;
		font-size: 16px;
		line-height: 24px;
		background: url(../img/common/grass_btm.png) repeat-x left bottom;
		background-size: auto 10px;
	}

	#faq .faqBox dl {
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		line-height: 20px;
		background: url(../img/faq/dl_bg.png) repeat-x left bottom;
	}

	#faq .faqBox dl:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		background-image: none;
	}

	#faq .faqBox dt {
		margin-bottom: 2px;
		font-size: 14px;
		font-weight: bold;
	}

	#faq .faqBox .list01 {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #dfdfdf;
	}

	#faq .faqBox .list01 li {
		float: none;
		width: auto;
		font-size: 16px;
		line-height: 24px;
		padding-left: 30px;
		position: relative;
	}

	#faq .faqBox .list01 img {
		margin: -1px 5px 0 0;
		vertical-align: middle;
		position: absolute;
		left: 3px;
		top: 3px;
	}

	#faq .faqBox p {
		margin-bottom: 5px;
		font-size: 13px;
		line-height: 20px;
	}

	#faq .faqBox .list02 {
		margin-bottom: 10px;
	}

	#faq .faqBox .list02 li {
		margin-bottom: 6px;
		font-size: 12px;
		padding-left: 1.5em;
		line-height: 18px;
	}

	#faq .faqBox .list03 {
		margin-top: 10px;
	}

	#faq .faqBox .list03 li {
		padding: 2px 0 5px;
		font-size: 13px;
		line-height: 20px;
		padding-left: 30px;
	}

	#faq .faqBox .list03 img {
		position: absolute;
		left: 3px;
		top: 3px;
	}

}


/*==========add by Tham===========*/
.LC_Page_Products_Detail {
	background: #fff;
}

.teaserPage {
	margin-bottom: 3rem;
	text-align: center;
}

.LC_Page_User #wrap{
	padding-top: 0;
}
#page_homepage #wrap {
	padding: 0;
	margin: 0;
}
#h2dL01 {
	background: rgba(255,255,255,0.7);
    padding: 20px;
    border: 2px solid #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    font-size: 25px;
    color: #3f301d;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}

.h3dM01 {
	text-align: center;
	margin-bottom: 40px;
}
.detail-slider ul {
	width: 400px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.detail-slider li {
	width: 25%;
}

.detail-slider li img {
	height: 100px;
	width: auto;
	border: 2px solid #fff;
}

.detail-slider li.on img{
	border: 2px solid #f8b500;
}

.detail-slider {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 40px;
	background:url(../img/detail/bg_detail-slider.png) no-repeat right bottom;
	position: relative;
}

.detail-slider:before {
	position: absolute;
	content: '';
	border-bottom: 1px solid #000;
	bottom: 0;
	width: 400px;
	right: 0;
}

/*.detail-slider .slick-slide {
	position: relative;
	width: 640px;
	height: 430px;
	outline: 0;
}
*/
.detail-slider .slick-slide img {
	margin: 0 auto;
	max-width: 100%;
}
.detail-slider .foo {
	width: 400px;
	position: relative;
}
.detail-slider .foo img {
	width: auto;
	height: 400px;
}

.h4Sd01 {
	margin: 10px 0 7px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
}

.description {
	margin-bottom: 30px;
}

.flexCol {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	max-width: 600px;
    margin: 0 auto 50px;
}

.flexCol .flexImg {
	width: 180px;
	margin-left: 30px;
}

.flexTxt {
	width: calc(100% - 210px);
}

.subtit {
	margin-bottom: 15px;
}

.txt-note {
	font-size: 11px;
	margin-top: 10px;
}

.tableBasic03 {
    font-size: 1.4rem;
    margin-bottom: 3em;
    width: 100%;
    color: #3f301d;
}

.tableBasic03 th,
.tableBasic03 td {
	border-bottom: 1px dotted #000;
}

.tableBasic03 th {
	padding: 8px 0px;
	border-right: 15px solid #fff;
	font-weight: normal;
}
.tableBasic03 td {
	padding: 8px 0px;
}

#goodsList-detail .pho img {
	width: 100%;
	height: auto;
	border: 2px solid #fff;
}

#goodsList-detail a {
	position: relative;
	padding-bottom: 31px;
	display: block;
	position: relative;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#goodsList-detail .item {
	padding: 0 2px;
}

#goodsList-detail a .soldout {
	position: absolute;
	left: 0;
	top: 27px
}

#goodsList-detail a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#goodsList-detail h2 {
	margin: 6px 0 3px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 18px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

#goodsList-detail p {
	font-size: 12px;
	color: #000;
	line-height: 16px;
}

#goodsList-detail p span {
	margin: 6px 0 1px;
	display: block;
	color: #db3f0c;
	font-size: 15px;
	text-align: right;
}

#goodsList-detail .tag span {
	margin-right: 2px;
}

#goodsList-detail a .comTxt {
	font-size: 12px;
	color: #000;
	margin: 10px 0;
}

#goodsList-detail .more {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	padding-top: 4px;
	border-top: 2px solid #7e6f5d;
	text-align: right;
}
#goodsList-detail .tag span img {
	width: 60px;
}

#goodsList-detail .more a:hover {
	opacity: 0.7;
}

#goodsList-detail .more img {
	margin: 0 0 0 auto;
	display: block;
}

#textBox .brdBox {
	border: 1px solid #ccc;
	border-radius: 0;
}

.asideBox {
	margin-bottom: 3rem;
}

.asideBox .tit-side {
	margin-bottom: 1rem;
	text-align: center;
}

.asideBox .sideList {
	padding: 0px 10px 20px;
	background: #fff url('../img/common/sidebar_bg.png') repeat-x left bottom;
}

.asideBox .sideList a {
	display: block;
	padding: 5px 5px 5px 5px;
	color: #3f301d;
	font-size: 1.3rem;
/*	background: url('../img/common/arrow_sidebar.png') no-repeat left center;*/
	border-bottom: 1px dashed #3f301d;
}

.asideBox .sideList a:hover,
.otherLinks li a:hover {
/*	background: url('../img/common/arrow_sidebar_active.png') no-repeat left center;*/
}

.otherLinks ul {
	padding: 10px;
	background: url(../img/common/bg01.gif) repeat;
}
.otherLinks li a {
	display: block;
	padding: 5px 5px 5px 25px;
	color: #3f301d;
	font-size: 1.3rem;
	background: url('../img/common/arrow_sidebar.png') no-repeat left center;
}

#undercolumn .h2dL02 {
	margin-top: 4rem;
}
#list-product .pho {
	margin-bottom: 1.5rem;
}

#list-product a {
	display: block;
}

#list-product a:hover {
	text-decoration: none;
}

#list-product a:hover .pho img {
	opacity: 0.7;
}

#list-product .tit-product {
	color: #000;
	font-size: 1.3rem;
	margin-bottom: 5px;
}

#list-product .item-product {
	margin-bottom: 1.5rem;
}

#list-product .weight {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	color: #000;
}
#list-product .price {
	text-align: right;
	color: #e50012;
	font-size: 1.8rem;
}

#list-product .price span.fs-small {
	font-size: 1.3rem;
}

#list-product .cart_area {
	margin: 20px 0;
}

#list-product .quantity {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
	align-items: center;
}

#list-product .quantity label {
	width: 45px;
    display: block;
}

#list-product .quantity input {
	width: calc(100% - 45px);
	height: 32px;
	background: #fff;
	border: 1px solid #edce29;
	padding: 0 1rem;
	outline: none;
}

#list-product .cartin_btn {
	text-align: center;
}

#list-product .cartin_btn input {
	outline: none;
}

#list-product .cartin_btn input:hover {
	opacity: 0.7;
}

#list-product .classlist dl {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
	align-items: center;
}

#list-product .classlist dl dt {
	width: 45px;
    display: block;
}

#list-product .classlist dl dd {
	width: calc(100% - 45px);
}

#list-product .classlist dl dd select {
	width: 100%;
	height: 32px;
	background: #fff;
	border: 1px solid #edce29;
	outline: none;
}

#list-product .more {
	text-align: right;
    padding: 10px 5px;
    border-bottom: 1px solid #3f301d;
}
@media screen and (max-width: 767px) {
	#h2dL01 {
		font-size: 22px;
		padding: 20px 10px;
	}
	.detail-slider {
		display: block;
		background: none;
	}

	.detail-slider:before {
		display: none;
	}
	.detail-slider ul {
		margin: 8px auto 0;
		max-width: 100%;
		width: auto;
		justify-content: center;
	}
	.detail-slider li {
		width: calc(25% - 6px);
		margin: 0 3px;
		margin-bottom: 8px;
	}
	.detail-slider li img {
		width: auto;
	}
	.detail-slider .foo {
		width: 100%;
		height: auto;
	}
	.detail-slider .slick-slide {
		width: 100%;
		height: 350px;
	}
	.detail-slider .foo img {
		width: auto;
		height: 350px;
		border-width: 2px;
	}
	.flexCol {
		display: block;
		margin-bottom: 40px;
	}
	.flexCol .flexImg {
		width: auto;
		margin-left: 0;
		text-align: center;
		margin-bottom: 15px;
	}
	.flexTxt {
		width: auto;
	}

	.tableBasic03 {
		font-size: 1.1rem;
	}
	.tableBasic03 th, .tableBasic03 td {
		display: block;
	}
	#goodsList-detail a {
		padding-bottom: 24px;
	}

	#goodsList-detail .more a:hover {
		opacity: 1;
	}

	#goodsList-detail a:hover {
		text-decoration: none;
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	#goodsList-detail h2 {
		margin: 3px 0 3px;
		font-size: 11px;
		font-weight: bold;
		color: #000;
		line-height: 14px;
	}

	#goodsList-detail p {
		font-size: 9px;
		line-height: 12px;
	}

	#goodsList-detail p span {
		margin: 6px 0 5px;
		font-size: 17px;
		text-align: right;
	}

	#goodsList-detail .tag span {
		margin-right: 0px;
	}
	#goodsList-detail .tag span + span {
		margin-left: 2px;
	}
	#goodsList-detail .tag span img {
		width: 69px;
	}

	#goodsList-detail .more {
		margin-top: 4px;
		padding-top: 2px;
		border-top: 1px solid #7e6f5d;
	}

	#goodsList-detail .item {
	    padding: 0 5px;
	}

	#goodsList-detail a .comTxt {
		font-size: 11px;
	}
}

@media screen and (max-width: 414px) {
	.detail-slider .slick-slide {
		height: 40vh;
	}

	.detail-slider .slick-slide img {
		height: 40vh;
	}

	.detail-slider li img {
		height: 12vh;
	}
}

@media screen and (max-width: 320px) {
	.detail-slider li {
		width: calc(33.33% - 6px);
	}
}