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

/*=======================
　　　　   カラー
========================*/

:root {
  --link-color: #349bf4;
  --main-color: #202338;
  --text-color: #222;
  /*---15周年color---*/
  --text-color-15th: #730202;
  --background-color-15th-01: #8c6645;
  --background-color-15th-02: #d9d9d9;
  /*---グレートハーヴェストフェア---*/
  --background-color-cs26: #e7eef5;
}
/*========================*/


/*////////共通////////*/

.heading2 {
	border-left: 4px solid #730202;
}
.hf_section {
    background-color: var(--background-color-cs26);
    margin: 0 calc(50% - 50vw);
    padding: 80px calc(50vw - 50% + 8px);
    width: 100vw;
}
.hf_section:nth-of-type(2n) {
    background-color: #FFFFFF;
}

.hf_section {
    scroll-margin-top: var(--anchor-offset, 150px);
}

.caution {
    font-size: 1.2rem;
}
.cp_period {
    font-size: 1.6rem;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 1.5rem 0px;
    width: 50%;
    margin: 4rem auto 1rem;
}
.hf_imgbox {
	margin: 2.5rem auto 3.5rem;
    text-align: center;
}
.hr_inner_imgbox {
	text-align: center;
    margin: 10px 0 30px;
}


.hq_wrap_margin {
	margin: 2rem 0 6rem;
} 

/*下矢印*/
.arrow_down::after {
	right: -255px;
}
/*横矢印*/
..btn_topage::after {
    right: -255px;
}
/*矢印　下余白なし*/
.arrow_nomargin {
    margin-bottom: 0;
    margin-top: 2rem;
}
/*商品ラインナップに入るボタン*/
.arrow_product_list {
    margin-bottom: 8rem;
    margin-top: 0;
}


/*////////アンカー////////*/
.anchor_3_area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    justify-content: space-around;
}

.anchor_hf {
    font-size: 1.5rem;
    position: relative;
    display: block;
    color: var(--text-color);
    width: 42%;
    margin-bottom: 40px;
    padding: 10px 30px 10px 10px;
    vertical-align: middle;
    text-decoration: none;
    transition: 1.0s;
    border-bottom: 1px solid;
    /*text-align: center;*/
}
.anchor_hf:link {
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
}
.anchor_hf:hover, .anchor_hf:active {
    color: var(--text-color);
    text-decoration: none;
    background-color: #EFE9E6;
}

.sample3::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin: 0;
    border-top: 1px solid var(--text-color);
    border-right: 1px solid var(--text-color);
    transform: translateY(-50%) rotate(135deg);
}
.arrow::after {
	left: auto;
}


.caution_area p {
	margin: 0!important;
}


/*202611~ハーベストフェア*/
.label {
    font-weight: bold;
    line-height: 1;
}
.label .hv_date {
  position: relative;
  padding-right: 0.8em;
  margin-right: 0.8em;
}
.label .hv_date::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1em;          /* 線の長さ */
  background: #333;    /* 線の色 */
}
.hv_wrap {
    margin-bottom: 4rem;
}
.message_box {
    border: 1px solid #ccc;
    padding: 2rem;
    text-align: center;
    margin: 2rem 0 6rem;
}

.sign_img {
    width: 100px;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 1rem;
}

/*////////CTA////////*/
.btn_nomargin {
    margin-bottom: 0;
}
/*商品ラインアップ　CTAボタン*/
.products_list_nomargin {
    margin-bottom: 0;
}
.btn_lineup {
    margin-bottom: 80px;
    margin-top: 0;
}


/*////////見出し////////*/
.hf_head2 {
	text-align: center;
    font-weight: bold;
    margin-bottom: 2rem;
	line-height: 1.8;
}
.hf_head3 {
	font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    padding: 5px 10px;
    /* margin-bottom: 20px; */
    margin: 60px 0 15px;
    border-left: 4px solid #4f6d93;
	
}
.hf2_head3 {
	font-size: 1.7rem;
    font-weight: bold;
	line-height: 1.8;
	margin: 60px 0 15px;
	border-bottom: 1px solid #4f6d93;
	display: flex;
    align-items: center;
	
}
.hf2_head3_tag_widthfix {
	align-items: flex-start;/*タグ上付け*/
}


/*////////img2カラム////////*/
.column01 {
	width: 100%;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: space-evenly;
	margin-top: 0;
}

.column01_box {
    width: 50%;
}

.hr_column01_imgarea {
   margin: 0 2rem;
}

/*////////歩み////////*/
.lead_message {
	/*background: #f7ebd9;*/
    padding: 4rem;
	border: 1px solid #ccc;
	background: #fff;
}
.hf_head2_message {
	margin: 0 0 15px 0;
}

/*////////寿々ペアグラス////////*/
.hf_products_list_center {
	margin: 0;
}
.hf_products_list_center dl {
	margin: 1rem 1% 3rem;
}
.hf_products_list_cente dd .cp_btn, .hf_products_list_cente dd .cp_btn:visited {
	margin-bottom: 0!important;
}

.hf_products 


.caution_list {
	padding: 0;
    margin-left: 20px;
    margin-bottom: 0;
    line-height: 2.8rem;
}
.caution_list h4 {
    font-size: 1.5rem;
    font-weight: bold;
}
.caution_list li {
    list-style-type: disc;
    font-size: 1.5rem;
	margin-left: 2rem;
}
.tag_glassfair{
    text-align: center;
    display: table;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    color: #730202;
    border: 1px solid #730202;
    border-radius: 19px;
    padding: 5px 15px;
    margin: 0 auto 1rem;
    background: #fff;
}
/*////////直営店イベント////////*/
.hr_event_area {
	border: 1px solid #ccc;
    padding: 2rem;
    margin: 2rem 0;
    background: #fff;
}
.hr_event_title {
	font-weight: bold;
    text-align: center;
}
.hr_event_area ul {
    font-size: 1.5rem;
    margin-top: 3rem;
}
.event_list_flex {
    display: flex;
    margin: 2rem;
    justify-content: center;
}
.event_tab_area {
    width: 16%;
}
.event_txt {
    width: 60%;
    border-left: 1px solid #ccc;
    padding-left: 6rem;
}
.hf_contents_event_full {
	text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    margin: 2rem;
    color: #730202;
}
.hr_event_headtxt {
	margin: 2rem;
}
.hr_event_inquiry {
	    text-align: center;
    margin-top: 4rem;
}

.event_list_flex .event_txt .event_txt_margin01 {
    display: inline-block;
    margin-bottom: 5px;
}
.event_list_flex .event_txt .event_txt_margin02 {
    display: inline-block;
    margin: 10px 0 5px;
}

/*//////////////////////////////*/
/*////////20260701~ 開業記念////////*/
/*//////////////////////////////*/
.message_head_wrap {
    text-align: center;
}
.head2_message {
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
.head3_message {
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 1rem;
    margin: 0px auto 1rem;
}
/*イベント*/
.million_contents_event {
    border: 1px solid #ccc;
    padding: 2rem 4rem;
    margin: 3rem 0 0;
    background: #fff;
}
.million_cp_title {
    text-align: center;
    font-weight: bold;
}
.million_contents_event ul {
    font-size: 1.5rem;
    margin-top: 3rem;
}
.million_contents_event_inquiry {
    text-align: center;
    margin-top: 4rem;

}

/*タブ*/
.tab-wrap{
  background-color: #fff;
	border: 1px solid #ccc;
}
 
.tab-wrap ul {
  display: flex;
  /*background: #eee;*/
}
 
.tab-btn {
  width: 50%;
  padding: 15px 5px;
  text-align: center;
  list-style: none;
  cursor: pointer;
	    font-size: 1.5rem;
}

 
.tab-btn.show {
    background: #fff;
    border-bottom: 2px solid #730202;
}
 
.tab-contents {
  display: none;
}
 
.tab-contents.show {
  display: block;
  padding: 3rem 4rem 2rem;
}

.tab-soldout {
	border: 1px solid #ccc;
    padding: 0.3rem 0.6rem;
    font-size: 1.3rem;
    margin-left: 0.8rem;
}
.soldout_txt {
	    margin-left: 2rem;
    /*font-weight: bold;*/
}

/*old*/

.tabs {
	    position: relative;
}
.tab-buttons span {
	    /* font: 400 14px 'open sans', sans-serif; */
    color: #333;
    background: none;
    cursor: pointer;
    border-bottom: 2px solid #ddd;
    display: block;
    width: 415px;
    float: left;
    text-align: center;
    /* height: 45px; */
    /* line-height: 40px; */
    font-size: 1.6rem;
    /* padding: 10px 5px; */
	padding: 8px 5px 14px;
}
#lamp, #lamp02 {
    width: 415px;
    height: 2px;
    background: #333;
    display: block;
    position: absolute;
    top: 48px;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
#lamp.content2_02, #lamp02.content2_02 {
    left: 415px;
	  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
.tab-content, .tab-content02 {
    border-bottom: none;
	border: 1px solid #ccc;
    padding: 30px;
    background: #fff;
    display: inline-block;
    color: #333;
}

.rosefair_last_child {
	margin-bottom: 0!important;
}
.million_cp_glassfair_item_wrap .column01 {
	margin-top: 0;
}
.million_cp_glassfair_item_wrap .column01 .column01_img {
	width: 48%;
}

/*==========================================

　　　　　　　　　SPレイアウト

==========================================*/
@media screen and (max-width: 680px) {
/*==========================================*/	
	.hf_news_area {
		width: 100%;
	} 
	.hf_news_area dt {
		margin-right: 2.5rem;
		font-size: 1.2rem;
	}
	.hf_news_area dd {
		width: 100%;
	}
	.hf_news_txt {
		font-size: 1.2rem;
	}
	.block_title {
		font-size: 1.9rem;
	}
	
	.hf_head2 {
		font-size: 2rem;
	}
	
    .column01_box {
        width: 100%;
        margin: 2rem 0;
    }
    .hr_column01_imgarea {
        margin: 0;
    }
	
    .caution_list h4 {
        font-size: 1.4rem;
    }
    .caution_list li {
        font-size: 1.4rem;
    }
	

	
	
    .hr_event_title {
        font-size: 1.5rem;
    }
    .event_list_flex {
        margin: 2rem 0;
        justify-content: space-between;
    }
    .event_txt {
        width: 85%;
        padding-left: 1.5rem;
    }
	
	.cp_period {
		width: 100%;
	}
	
	.tag_glassfair {
        margin-bottom: 2rem;
    }
	
	
    .anchor_3_area {
        width: 100%;
        display: block;
        padding: 0 15px;
    }
	.anchor_hf {
		width: 100%;
		padding: 10px 0;
		margin-bottom: 20px;
        
	}
    .anchor_hf:link {
        justify-content: flex-start;
        text-align: left;
    }
	.anchor_million {
		width: 100%;
	}
	.anchor_million:nth-child(4) {
		width: 100%;
	}
	.anchor_million {
		padding: 10px;
	}
	
	.lead_message {
		padding: 2rem;
	}
	.hr_event_headtxt {
		margin: 2rem 0;
	}
	
	.page_up p {
		font-size: 1rem;
	}
	.hf_products_list_center dl {
    margin: 2rem auto;
}
	
	
	/*202611~*/
    .message_box {
        padding: 2rem 1rem;
    }
/*==========================================*/	
}
/*==========================================*/