@charset "utf-8";
/* CSS Document */
.g_wrapper{position: relative; padding:0;margin: 50px 0;}
.sp_img{display: block !important;}
.pc_img{display: none !important;}
/*PC用レイアウト 601px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 601px) {
.sp_img{display: none !important;}
.pc_img{display: block !important;}}
/*横レイアウト*/
.g_layout{margin: 70px 0;}
.sp_title{display: block !important;color: #40210f;border-bottom: solid 2px #ebe2cb;text-align: center;
margin-bottom: 20px;}
.row_title_sp{display: block !important;color: #40210f;text-align: center;margin-bottom: 20px;}
.row_title_sp::before{content: url("https://ginnomori.itembox.design/item/icon_mikuri.png");
vertical-align: middle;}
.row_title_sp::after{content: url("https://ginnomori.itembox.design/item/icon_mikuri.png");
vertical-align: middle;}
.row_section{display: block;}
.row_section_r{display: flex;flex-direction: column-reverse;}
.row_title{text-align: center;font-size: 18px;font-weight: bold;color: #40210f;}	
.row_txt{text-align: justify;text-justify:inter-ideograph;line-height: 1.8em;}
.row_txt_img{display: none !important;}
.row_photobox{background: linear-gradient(90deg, #fff 0%, #fff 40%, #e9dfa7 40%, #e9dfa7 100%);
background: -moz-linear-gradient(#90deg, #fff 0%, #fff 50%, #e9dfa7 50%, #e9dfa7 100%);
background: -webkit-linear-gradient(#90deg, #fff 0%, #fff 50%, #e9dfa7 50%, #e9dfa7 100%);
text-align: center;}
.row_photobox_r{background: linear-gradient(270deg, #fff 0%, #fff 40%, #e9dfa7 40%, #e9dfa7 100%);
background: -moz-linear-gradient(#270deg, #fff 0%, #fff 50%, #e9dfa7 50%, #e9dfa7 100%);
background: -webkit-linear-gradient(#270deg, #fff 0%, #fff 50%, #e9dfa7 50%, #e9dfa7 100%);
text-align: center;	}
.row_photobox_p{margin: 0 auto;text-align: center;}
.l_part{display: none !important;}
.title{display: none !important;}
.r_part{display: none !important;}
.title_r{display: none !important;}
.row_img_p{display: none !important;}
/*PC用レイアウト 601px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 601px) {
.sp_title{display: none !important;}
.row_title_sp{display: none !important;}
.row_section{display: flex;display: -webkit-:boxdisplay; -ms-flexbox;-ms-flex-wrap: wrap;
    flex-wrap: wrap;align-items: center;}
.row_section_r{display: flex;display: -webkit-:boxdisplay; -ms-flexbox;-ms-flex-wrap: wrap;
    flex-wrap: wrap;flex-direction: row;align-items: center;}
.row_title{font-size: 22px;}
.row_txt_img{display: block !important; text-align: center;}
.row_txtbox{width: 50%;position: relative;}
.row_photobox{
	width: 50%;height: 100%;padding: 6rem 0;-webkit-box-align: center;-ms-flex-align: center;
	align-items: center;}
.row_photobox_r{
	width: 50%;height: 100%;padding: 6rem 0;-webkit-box-align: center;-ms-flex-align: center;
	align-items: center;}
.l_part{display: block !important;position: absolute;top: 70%;left: 15%;width: 20%;}
.title{display: block !important;position: absolute;top: 40%;left: 20%;color: #40210f;background-color: #fff;}
.r_part{display: block !important;position: absolute;top: 70%;right: 15%;width: 20%;}
.title_r{display: block !important;position: absolute;top: 40%;right: 15%;color: #40210f;}
.row_img_p{display: block !important;}}
/*画像が横並びのレイアウト*/	
.both_img{text-align: center;margin-top: 50px;}
.both_txt{text-align: center;}
@media screen and (min-width: 601px) {
.g_layout_both{margin: 0 auto;display: flex;align-items: center;}
.both_img{margin: 0 auto;}}
/*栗菓子への想いに追加*/		
.title_center{text-align: center;}
.row_txt_img{margin-top: 20px;}
.sp_leadcontents{display: block !important; margin: 50px 0;}
.pc_leadcontents{display: none !important;}
/*PC用レイアウト 601px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 601px) {
.sp_leadcontents{display: none !important;}
.pc_leadcontents{display: block !important;position: relative;margin: 100px 0;}
.pc_center_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}}

/**ここから色指定**/
/*****ページ各コンテンツ見出し*****/
.sub_title{color: #6a3906;}
/**ここから商品一覧見出し**/
.category_title{border-bottom: 2px solid #6a3906;padding-bottom: 1px;font-size: 18px;}
.category_title::before{content: "";color: #6a3906;font-size: 1.5rem;border-left: 4px solid #6a3906;}
/*****ページボタン色指定*****/
/** SPボタンの記述 **/
.category_box>div{border:1px solid #6a3906;background:#6a3906;}
/** PCボタンの記述 ***/
@media screen and (min-width: 601px) {   
.category_box>div{width:50%;margin:0 1%;border:1px solid #6a3906;background:#6a3906;text-align: center;padding: 1% 0;}}   
/** ボタンひとつのみ **/
.p_btn{width:60%;border:1px solid #6a3906;background:#fff;text-align: center;padding: 1% 0;}
.p_btn a{display: block;text-decoration: none;color: #6a3906;font-weight: bold;}
.arrow_sel:before{border-top: solid 2px #6a3906;border-right: solid 2px #6a3906;}