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


/* ==================== base =====================*/

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



html {
	font-size: 62.5%;
}

body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #333;
	-webkit-text-size-adjust: 100%;
}


.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



a:link {
	color:#4D4D4D;
	text-decoration: none;
}
a:visited {
	color:#4D4D4D;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #ff4E54;
	text-decoration: underline;
	}
a:active {
	color:#ff4E54;
}


.alpha_a a img {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}
.alpha_a a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}



/* -------ページトップへ（矢印）------- */

#ptop {
    position: fixed;
    bottom: 25px;
    right: 25px;
	z-index: 1;
}
#ptop a {
    text-align: center;
    display: block;
    border-radius: 5px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}






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

/*header*/
#wrapper .header_back {
	width: 100%;
	height: 300px;
	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;
	height: 300px;
}

.header_top .header_top_con .header_copy {
	padding-top: 35px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #FFF;
	border-bottom: solid 2px #F2E633;
	display: inline-block;
	margin-bottom: 7px;
}
.header_top .header_top_con h1 {
	font-size: 2.6rem;
	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;
    bottom: 0;
    right: 0;
}

.header_top .header_top_con .header_illust img {
	width: 170px;
	height: auto;
}


/*main_intoro*/
.main_intoro {
	width: 100%;
	margin-bottom: 70px;
	background-color: #f9f8f4;
	padding-top: 40px;
	padding-bottom: 15px;
}
.main_intoro .main_intoro_con {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.main_intoro .main_intoro_con .main_intoro_content {
	margin-bottom: 20px;
}
.main_intoro .main_intoro_con .main_intoro_content_b {
	background-image: url("../images/chic_Illust_01.png") ;
	background-position: center 150px;
	background-repeat: no-repeat;
	background-size: auto 175px;
	padding-bottom: 175px;
}
.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: 10px;
	text-align: center;
}
.main_intoro .main_intoro_con .main_intoro_content h2 {
	margin-bottom: 5px;
}

.main_intoro .main_intoro_con .main_intoro_content h2 img {
	width: auto;
	height: 28px;
}

.main_intoro .main_intoro_con .main_intoro_content h3 {
	font-size: 1.8rem;
	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: center;
}
.main_intoro .main_intoro_con .main_intoro_content_b .btn_con li {
	width: 31%;
	max-width: 120px;
}

.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: 5px;
	font-size: 1.3rem;
}

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

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

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

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

.subtitle_img {
	height: 30px;
	text-align: center;
	margin-top: 8px;
}

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

.main_eventcontent {
	max-width: 1100px;
	margin: 0 auto;
	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: 800px auto;
	padding: 30px 20px 20px 20px;
	margin-top: 15px;
}

.main_eventcontent li {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	margin-bottom: 10px;
}

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

/*main_shop*/

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

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

.main_shop_bbgroup {
	margin-top: 15px;
}

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

.main_shop_group {
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	margin-top: 15px;
}

.main_shop_group_a {
	margin-bottom: 50px;
}

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

.main_shop_sti {
	font-size: 1.7rem;
	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: 1.2rem;
	width: 80px;
	margin-bottom: 8px;
	vertical-align: top;
}

.main_shop_table td {
	font-size: 1.2rem;
	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: 15px;
    background-position: right 15px center;
}

.close {
    background-image: url(../images/icon_minus.png);
    background-repeat: no-repeat;
    background-size: 15px;
    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: 50px 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: 15px;
}

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

.subtitle_copy_p_bold {
	font-weight: bold;
}

.main_recipe_l {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px 25px;
	margin-bottom: 10px;
}

.main_recipe_r {
	border-radius: 10px;
	background-color: #fff;
	padding: 15px 25px;
}

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

.main_recipe_l th,
.main_recipe_l td {
	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-weight: bold;
}

.main_recipe_ta_b {
	margin-bottom: 20px;
}

.main_recipe_pp {
	font-size: 1.3rem;
}

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

.main_recipe_info {
	margin-left: 10px;
}

.main_recipe_info h4 {
	font-weight: bold;
}

.main_recipe_num img {
	width: 40px;
	height: auto;
}

.main_recipe_img {
	text-align: center;
}

.main_recipe_img img {
	width: 160px;
	height: auto;
}

/*main_gobou*/

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

.main_gobou_img img {
	width: 100%;
	height: 130px;
	object-fit: cover;
}

/*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: 20px;
}

.main_check_group_a {
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	margin-bottom: 40px;
}

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

.main_check_group_ti a {
	font-size: 1.7rem;
	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: 1.2rem;
	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: 1.0rem;
	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%;
	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: 95%;
	margin: 0 auto;
}
.header_top_b .header_top_con_b h1 {
	padding-top: 25px;
	padding-bottom: 20px
}
.header_top_b .header_top_con_b h1 img {
	width: 270px;
	height: auto;
}
.main_product {
	width: 100%;
	margin-bottom: 100px;
}
.main_product .main_product_con {
	width: 100%;
}
.main_product .main_product_con .main_product_photo {
	text-align: center;
	margin-bottom: 30px;
}
.main_product .main_product_con .main_product_photo img {
	width: 100%;
	height: auto;
}
.main_product .main_product_con .main_product_info {
	width: 95%;
	margin: 0 auto;
}
.main_product .main_product_con .main_product_info h2 {
	font-size: 2rem;
	font-weight: bold;
	background-image: url("../images/chic_bg_line07.png") ;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: auto 10px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.shop_Introduction {
	width: 100%;
	background-color: #F8F7F3;
	margin-bottom: 45px;
}
.shop_Introduction .shop_Introduction_con {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 15px;
}
.shop_Introduction .shop_Introduction_con h2 {
	text-align: center;
	margin-bottom: 30px;
}
.shop_Introduction .shop_Introduction_con h2 img {
	margin-top: -60px;
}

.shop_Introduction_con .shop_Introduction_details .s_details {
	margin-bottom: 35px;
}
.shop_Introduction_con .shop_Introduction_details .s_details h3 {
	font-size: 1.8rem;
	font-weight: bold;
	background-image: url("../images/chic_bg_line03.png") ;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: auto 15px;
	padding-bottom: 15px;
	margin-bottom: 5px;
}
.shop_Introduction_con .shop_Introduction_details .s_details .s_syosai {
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.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;
	display: inline-block;
	line-height: 2.2;
	width: 100%;
	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: 40px;
}
.product_back .product_back_con {
	width: 95%;
	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;
}
/* -------------- スクロールここまで-------------- */







