@charset "UTF-8";
/* CSS Document */


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


/* ==================== トップページ =====================*/

/*header*/
#wrapper .header_back {
	width: 100%;
	height: 650px;
	background-image: url("../images/chic_mainimg.jpg") ;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-bottom: solid 5px #F2E633;
}
#wrapper header .header_top {
	width: 100%;
	background-image: url("../images/chic_bg_line01.png") ;
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 17px 17px;
}

.header_top .header_top_con {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.header_top .header_top_con .header_copy {
	padding-top: 60px;
	font-size: 200%;
	font-weight: bold;
	color: #FFF;
	border-bottom: solid 2px #F2E633;
	display: inline-block;
	margin-bottom: 15PX;
}
.header_top .header_top_con h1 {
	font-size: 330%;
	line-height: 1.6;
	font-weight: bold;
	color: #FFF;
}
.header_top .header_top_con h1 span {
	font-feature-settings: "palt";
}
.header_top .header_top_con .header_illust {
	position: absolute;
    top: 450px;
    right: 10px;
}


/*main_intoro*/
.main_intoro {
	width: 100%;
	margin-bottom: 90px;
	background-color: #f9f8f4;
	padding-top: 60px;
	padding-bottom: 60px;
}
.main_intoro .main_intoro_con {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.main_intoro .main_intoro_con .main_intoro_content {
	width: 55%;
	max-width: 640px;
}
.main_intoro .main_intoro_con .main_intoro_content_b {
	width: 40%;
	max-width: 485px;
	background-image: url("../images/chic_Illust_01.png") ;
	background-position: center 150px;
	background-repeat: no-repeat;
	background-size: 270px 250px;
}
.main_intoro .main_intoro_con {
	display: flex;
	justify-content: space-between;
}
.main_intoro .main_intoro_con .main_intoro_content .subtitle_copy {
	background-color: #EEB817;
	display: inline-block;
	padding: 3px 25px;
	font-weight: bold;
	border-radius: 16px;
	margin-bottom: 15px;
}
.main_intoro .main_intoro_con .main_intoro_content h2 {
	width: 100%;
	max-width: 530px;
	margin-bottom: 15px;
}

.main_intoro .main_intoro_con .main_intoro_content h2 img {
	width: 100%;
	height: auto;
}

.main_intoro .main_intoro_con .main_intoro_content h3 {
	font-size: 150%;
	line-height: 1.7;
	font-weight: bold;
	color: #30A1D2;
	margin-bottom: 15px;
}

.main_intoro .main_intoro_con .main_intoro_content_b .btn_con {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.main_intoro .main_intoro_con .main_intoro_content_b .btn_con li {
	width: 31%;
	max-width: 148px;
}

.main_intoro .main_intoro_con .main_intoro_content_b .btn_con li img {
	width: 100%;
	height: auto;
}
.main_intoro .main_intoro_con .main_intoro_content_b .btn_con .down_b {
	margin-top: 65px;
}

/*subtitle*/
.subtitle_copy {
	background-color: #EEB817;
	display: inline-block;
	padding: 3px 25px;
	font-weight: bold;
	border-radius: 16px;
	margin-bottom: 10px;
}

.subtitle_copy_c {
	display: block;
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

.subtitle_copy_p {
	text-align: center;
	margin-top: 5px;
}

/*main_event*/
.main_event {
	width: 100%;
	margin-bottom: 90px;
}

.main_event_con {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}

.subtitle_img {
	text-align: center;
	margin-top: 10px;
}

.main_eventcontent {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	background-image: url(../images/chic_bg_line02.png), url(../images/chic_bg_line02.png);
	background-repeat: repeat-x;
	background-position: left top, left bottom;
	background-size: 1100px auto;
	padding: 50px 60px;
	margin-top: 25px;
}

.main_eventcontent li {
	width: 48%;
}

.main_eventcontent li img {
	width: 100%;
	height: auto;
}

/*main_shop*/

.main_shop {
	width: 100%;
	margin-bottom: 90px;
}

.main_shop_con {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}

.main_shop_bbgroup {
	margin-top: 20px;
}

.main_shop_ti {
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background-color: #4e94be;
	padding: 8px 15px;
	cursor: pointer;
}

.main_shop_group {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.main_shop_group_a {
	width: 30.9%;
	margin-bottom: 50px;
}

.sub_slide_a_img img {
	width: 100%;
	height: auto;
}

.main_shop_sti {
	font-size: 125%;
	font-weight: bold;
	margin-top: 35px;
	background-image: url(../images/chic_bg_line03.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 340px 15px;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.main_shop_table th {
	font-weight: bold;
	font-size: 85%;
	width: 80px;
	margin-bottom: 8px;
	vertical-align: top;
}

.main_shop_table td {
	font-size: 85%;
	width: 260px;
	margin-bottom: 8px;
	vertical-align: top;
}

.main_shop_stamp {
	margin-top: 25px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #231815;
	border-radius: 50px;
}

.main_shop_link {
	text-align: center;
	font-weight: bold;
}

.main_shop_link a {
	background-color: #c5b098;
	color: #fff;
	width: 100%;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 5px 0;
	border-radius: 10px;
	margin-top: 10px;
}

.main_shop_link a:hover {
	background-color: #908170;
	transition: .3s;
}

.main_shop_item {
    display: none;
}

.main_shop_box_bule {
	margin-bottom: 10px;
}

.main_shop_ti {
    background-image: url(../images/icon_plus.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right 15px center;
}

.close {
    background-image: url(../images/icon_minus.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right 15px center;
}

/*矢印*/
.left_arrow_a {
    width: 12px !important;
    height: 20px !important;
    position: absolute;
    top: 45%;
    left: 15px;
    z-index: 1 !important;
    cursor: pointer;
}
.right_arrow_a {
    width: 12px !important;
    height: 20px !important;
    position: absolute;
    top: 45%;
    right: 15px;
    z-index: 1 !important;
    cursor: pointer;
}
.slick-dots{
	bottom: -30px!important;
}
.sub_yerea_box .sub_t{
	margin-top: 80px;
	margin-bottom: 60px;
}

/*main_recipe*/

.main_recipe {
	width: 100%;
	margin-bottom: 10px;
	background-color: #f9f8f4;
	padding: 60px 0 40px 0;
}

.main_recipe_con {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.main_recipe_video {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 35px;
}

.main_recipe_video iframe {
	width: 100%;
	height: 460px;
}

.subtitle_copy_p_bold {
	font-weight: bold;
}

.main_recipe_group {
	display: flex;
	justify-content: space-between;
}

.main_recipe_l {
	width: 26%;
	max-width: 315px;
	background-color: #fff;
	border-radius: 10px;
	padding: 15px 25px;
}

.main_recipe_r {
	width: 70%;
	max-width: 850px;
	border-radius: 10px;
	background-color: #fff;
	padding: 15px 25px;
}

.main_recipe_rr {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main_recipe_h3 {
	font-size: 110%;
	font-weight: bold;
	color: #30a1d2;
	margin-bottom: 10px;
}

.main_recipe_l th,
.main_recipe_l td {
	font-size: 85%;
	font-weight: bold;
}

.main_recipe_l th {
	padding-right: 15px;
	padding-left: 5px;
}

.main_recipe_ta_a {
	margin-bottom: 20px;
}

.main_recipe_ta_title {
	font-size: 85%;
	font-weight: bold;
}

.main_recipe_ta_b {
	margin-bottom: 20px;
}

.main_recipe_pp {
	font-size: 75%;
}

.main_recipe_rr li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.main_recipe_info {
	margin-left: 15px;
}

.main_recipe_info h4 {
	font-size: 85%;
	font-weight: bold;
}

.main_recipe_info_p {
	font-size: 85%;
}

/*main_gobou*/

.main_gobou {
	width: 100%;
	margin-bottom: 70px;
}

.main_gobou_img img {
	width: 100%;
	height: auto;
}

/*main_check*/
.main_check {
	width: 100%;
	margin-bottom: 110px;
}

.main_check_con {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.main_check_group {
	margin-top: 35px;
	display: flex;
	justify-content: space-between;
}

.main_check_group_a {
	width: 30.9%;
}

.main_check_img img {
	width: 100%;
	height: auto;
}

.main_check_group_ti a {
	font-size: 135%;
	font-weight: bold;
	display: block;
	background-image: url(../images/chic_linkmark01.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 13px auto;
	padding-right: 35px;
	text-decoration: none;
	color: #333;
	margin-top: 10px;
	margin-bottom: 5px;
}

.main_check_group_ti a:hover {
	color: #30a1d2;
	transition: .3s;
}

.main_check_p {
	font-size: 85%;
	background-image: url(../images/chic_bg_line04.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 340px auto;
	padding-top: 20px;
}

/*copyright*/

.copyright {
	width: 100%;
}

/*copyright*/

.copy_deco {
	width: 100%;
	height: 10px;
	background-image: url(../images/chic_bg_line06.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 73px auto;
	margin-bottom: 5px;
}

.copyright {
	width: 100%;
	font-size: 70%;
	background-color: #f2f2f2;
	text-align: center;
	padding: 15px 0 35px 0;
	background-image: url(../images/chic_bg_line01.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 17px 17px;
}







/*sub page*/

#wrapper .header_top_b {
	width: 100%;
	height: 130px;
	background-image: url("../images/chic_bg_line01.png") ;
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 17px 17px;
	background-color: #F8F7F3;
}

.header_top_b .header_top_con_b {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.header_top_b .header_top_con_b h1 {
	padding-top: 30px;
}

.main_product {
	width: 100%;
	margin-bottom: 150px;
}

.main_product .main_product_con {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.main_product .main_product_con .main_product_photo {
	margin-top: -25px;
	margin-bottom: 40px;
	box-shadow: 0px 25px 20px -15px #cbcbcb;
}
.main_product .main_product_con .main_product_photo img {
	width: 100%;
	max-width: 1100px;
	height: auto;
}


.main_product .main_product_con .main_product_info {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}
.main_product .main_product_con .main_product_info h2 {
	font-size: 170%;
	font-weight: bold;
	background-image: url("../images/chic_bg_line07.png") ;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 900px 13px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.shop_Introduction {
	width: 100%;
	background-color: #F8F7F3;
	margin-bottom: 50px;
}
.shop_Introduction .shop_Introduction_con {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.shop_Introduction .shop_Introduction_con h2 {
	text-align: center;
	margin-bottom: 40px;
}
.shop_Introduction .shop_Introduction_con h2 img {
	margin-top: -60px;
}

.shop_Introduction .shop_Introduction_con .shop_Introduction_details {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.shop_Introduction_con .shop_Introduction_details .s_details {
	width: 100%;
	max-width: 340px;
	margin-bottom: 35px;
}
.shop_Introduction .shop_Introduction_con .shop_Introduction_details {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.shop_Introduction_con .shop_Introduction_details .s_details h3 {
	font-size: 120%;
	font-weight: bold;
	background-image: url("../images/chic_bg_line03.png") ;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 340px 15px;
	padding-bottom: 15px;
	margin-bottom: 5px;
	font-feature-settings: "palt";
}
.shop_Introduction_con .shop_Introduction_details .s_details .s_syosai {
	font-size: 90%;
	margin-bottom: 10px;
}
.shop_Introduction_con .shop_Introduction_details .s_details .s_syosai th {
	font-weight: bold;
}
.shop_Introduction_con .shop_Introduction_details .s_details .ko_link a {
	text-align: center;
	font-size: 80%;
	display: inline-block;
	line-height: 2.2;
	width: 340px;
	padding: 2px 0;
	color: #FFF;
	background-color: #C5B098;
	border-radius: 5px;
}
.shop_Introduction_con .shop_Introduction_details .s_details .ko_link a:hover {
	background-color: #D5C6B5;
	text-decoration: none;
	transition: .3s;
}

.product_back {
	width: 100%;
	margin-bottom: 60px;
}
.product_back .product_back_con {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.product_back .product_back_con .product_back_photo {
	text-align: center;
}


/* -------------- スクロールここから-------------- */
html {
  scroll-behavior: smooth;
}

#chi01 {
  scroll-margin-top: 10px;
  margin-bottom: 10px;
}
#chi02 {
  scroll-margin-top: 10px;
  margin-bottom: 10px;
}
#chi03 {
  scroll-margin-top: 10px;
  margin-bottom: 10px;
}
/* -------------- スクロールここまで-------------- */


