@charset "utf-8";/* --------------------------------
	Theme CSS for EC-CUBE 3
-------------------------------- */


/* --------------------------------
	Common
-------------------------------- */

body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;f;line-height: 1;background-color: #fff;color: #000;-webkit-text-size-adjust: 100%;}

@media (max-width: 767px) {h1{font-size:1.4em;margin:0.67em 0}}
@media (max-width: 767px) {#wedding h1{font-size:1.4em;margin:0 auto;}}

.img_center,.txt_center {text-align: center;}
.img_right,.txt_right {text-align: right;}

/****** Base Layout Setting ********/

#header {background: #fff;}
#contents {background: #fff;}

/****** Header Setting ********/


.header_logo_area {margin-right: 100px;}
.header_logo_area .header_logo a:link,.header_logo_area .header_logo a:visited,.header_logo_area .header_logo a:hover,.header_logo_area .header_logo a:active {text-decoration: none;color: #000;}
.header_logo_area .header_logo a:hover {color: #666;}


/****** Side Setting ********/

/****** Footer Setting ********/

/****** Effect Setting ********/


/****** Each BlockParts Setting ********/

/* cart area */

#cart_area {width: 100%;z-index: 11;position: absolute;right: 0;top: 0;}
#cart_area p {margin: 0;}
#cart_area p.cart-trigger {position: absolute;right: 65px;}

#cart .inner {background: #f3f3f3;}


/* search area */

#search {background: #EBEBEB;padding: 16px 8px;}
#search select {width: 100%;}

/* snsbtn_area */
.snsbtn_area .snsbtn {float: left;height: 20px;margin: 0 10px 10px 0;}

/* --------------------------------
	Top Page
-------------------------------- */

.front_page a:hover img {opacity: 0.8;}
.front_page #contents .row > div {padding-bottom: 8px;}
.front_page #contents .row.no-padding > div {padding-bottom: 0;}

/* Comment Area */

.front_page .comment_area h4 {font-size: 24px;font-size: 2.4rem;margin: 0 0 2px;}
.front_page .comment_area h5 {font-size: 16px;font-size: 1.6rem;margin: 0;}
.front_page .comment_area p {margin: 10px 0 15px;}

/* Item List */

.front_page .item_comment {color: #444;}
.front_page .item a {padding-bottom: 0;}
.front_page .item a:hover {opacity: 0.8;}
.front_page .item a:hover img {opacity: 1;}
.front_page #contents_top .item_comment {color: #525263;font-weight: normal;font-size: 14px;font-size: 1.4rem;}
.front_page #contents_top .item_comment.text-warning,.front_page #contents_top .item_name.text-warning {color: #9a947e;font-weight: bold;font-size: 16px;font-size: 1.6rem;}
.front_page .more_link.text-warning {font-weight: bold;color: #9A947E;}

/* news_area */

.news_contents {padding: 0;}
#news_area {}
#news_area .heading01 {padding: 5px;text-align: center;margin: 0;}

/* txt_bnr */

.txt_bnr_area {padding: 0 0 16px;}

.txt_bnr {background: #f8f8f8;border: 1px solid #D9D9D9;font-weight: bold;padding: 16px;margin: 12px 0 0;text-align: center;}
.txt_bnr strong {color: #DE5D50;font-size: 20px;font-size: 2rem;}
.txt_bnr strong strong {font-size: 32px;font-size: 3.2rem;}

.item_gallery {clear: both;}

/* --------------------------------
	Detail Page
-------------------------------- */

#item_detail + row {margin-top: -1px;background: #fff;}

/*#item_detail .btn_area li:last-child {padding-left: 0;}
*/


/* Slider */
.slick-loading .slick-list {background: #fff url('ajax-loader.gif') center center no-repeat;}


/* Arrow */

.slick_prev,.slick_next {font-size: 18px;font-size: 1.8rem;width: 40px;height: 40px;line-height: 40px;}

/* Dots */
.slick-slider {margin-bottom: 30px;}

.slick-dots {position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}
.slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {content:" ";line-height: 20px;position: absolute;top: 0;left: 0;width: 12px;height: 12px;text-align: center;opacity: .25;background-color: black;border-radius: 50%;}
.slick-dots li.slick-active button:before {opacity: .75;background-color: black;}
.slick-dots li button.thumbnail img {width: 0;height: 0;}

#item_photo_area .slick-slide {text-align: center;}
#item_photo_area .slick-slide img {display: inline-block;}


/******************************
	Media Query
*******************************/

@media only screen and (max-width: 767px) {/* --------- common ---------- */


	/****** Header Setting ********/


	/****** Side Setting ********/


	/****** Effect Setting ********/


}
@media only screen and (min-width: 768px) {/* --------- common ---------- */

	#contents {padding-top: 30px;}

	/****** Header Setting ********/

	/****** Layout ********/

	/* header */

	#header .header_logo_area {float: left;margin:0 0 0 0;padding: 20px 0 0 0;}
	#header #drawer #search {position: relative;}
	#search {background: none;padding: 0;}
	#member {float: right;}

	.member ul li {display: inline-block;}


	/****** Side Setting ********/

	/****** Footer Setting ********/

	/****** Each BlockParts Setting ********/

	/* search area */

	#search select {width: auto;max-width: 180px;}
	/* cart */

	#cart .inner {position: absolute;right: 0;top: 0;}
	#cart_area {position: static;top: 0;right: 16px;}
	#cart_area p {border: 1px solid #D9D9D9;float: right;min-width: 256px;}
	#cart_area p.cart-trigger {position: relative;right: 0;}
	#cart_area .inner {min-width: 256px;}
	#cart_area .cart_price {font-size: 12px;}
	#cart_area .cart_price .price {font-size: 16px;}


	/* --------------------------------
		Top Page
	-------------------------------- */

	.front_page #contents .row {padding-bottom: 24px;}
	/* Comment Area */
	.front_page .comment_area h4 {font-size: 32px;font-size: 3.2rem;margin: 0 0 8px;}
	.front_page .comment_area h5 {font-size: 20px;font-size: 2rem;}
	.front_page .comment_area p {font-size: 20px;font-size: 2rem;margin: 24px 0 24px;}

	/* news_area */

	.news_contents {padding: 0 16px 0 0;}

	#news_area .heading01 {padding: 16px;text-align: left;}
	#news_area {margin-bottom: 32px;}


	/* txt_bnr */
	.txt_bnr_area {padding-left: 16px;}
	.txt_bnr {margin:0 0 16px;}

	/* --------------------------------
		Detail Page
	-------------------------------- */

	#item_photo_area .slick-dots {margin: 0 -16px;position: relative;bottom: 0;}
	#item_photo_area .slick-dots::after {content: "";display: table;clear: both;}
	#item_photo_area .slick-dots li {width: 33.33333333%;height: auto;padding: 16px;margin: 0;float: left;}

	.slick-dots li button.thumbnail {width: 100%;height: auto;padding: 0;}
	.slick-dots li button.thumbnail img {width: 100%;height: auto;opacity: 0.8;}
	.slick-dots li button.thumbnail:hover img,.slick-dots li.slick-active button.thumbnail img {opacity: 1;}
	.slick-dots li button.thumbnail::before {display: none;}
}

/* --------------------------------
    display mask
-------------------------------- */
.prevention-masked {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 3040;background-color: #000;filter: alpha(opacity=50);opacity: .5;}
.extra-form {margin: 10px 0;}

/*2019_jcool*/
/*ロゴここから*/
#header .header_logo_area {
    float: none;
    margin: 0 auto;
}
/*ロゴここまで*/
/*memberここから*/
#member {
    float: none;
    margin: 0 auto;
}
/*memberここまで*/

/*カゴノ中ここから*/
@media only screen and (min-width: 768px) {
#cart_area p {
    border: none;
    float: none;
    min-width: 60px;}
#cart_area p.cart-trigger {
    position: relative;
    right: 6px;
    top: 2px;
    }
}
@media only screen and (max-width: 767px) {
    #cart_area {
        height: 0;
    }
}
/*カゴノ中ここまで*/