@charset "utf-8";
.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{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%;-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: 30%;left: 10%; font-size: 20px;font-weight: bold;text-align: center;}
.r_part{display: block !important;position: absolute;top: 70%;right: 15%;width: 20%;}
.title_r{display: block !important;position: absolute;top: 30%;right: 15%;color: #40210f;font-size: 20px;font-weight: bold;text-align: center;}
.row_img_p{display: block !important;}}
/*節気のページボタン（４つのボタン並びに適応）*/	
.category_title{text-align: center}
.sekki_itemlist{width: 100%;display: flex;display: -ms-flexbox; /* IE10 */flex-wrap: wrap;-ms-flex-wrap: wrap; /* IE10 */}
.sekki_itemlist > div{width: 25%;padding: 10px;}
.g_img{text-align: center;}
.g_img img:hover {opacity: 0.8;transition: all 0.5s 0s ease;/*transitionの記述を追加*/}
.item_name{text-align: center;margin:0 auto;}
/*sp用レイアウト 600px以下の範囲に収めるデザインはこの中に記述*/
@media screen and (max-width: 600px) {
.sekki_itemlist> div{width: 50%;}}
/*PC用レイアウト 601px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 601px) {.sekki_itemlist{width: 100%;display: flex;display: -ms-flexbox; /* IE10 */flex-wrap: wrap;-ms-flex-wrap: wrap; /* IE10 */background-color: #fff;justify-content: flex-start;}}	
/*節気のタイトル*/
.sekki_column{margin: 0 auto;}
.sekki_title{text-align: center;display: flex;align-items: center;justify-content: center;}	
.sekki_title:before,.sekki_title:after{content: "";width: 80px; }
.sekki_title:before {margin-right: 10px;}
.sekki_title:after {margin-left: 10px;}
/*各節気の色指定*/
/*立春*/
.bd_rissyun:before,.bd_rissyun:after{border-top: 2px solid #f9d7e0;}
.t_rissyun{color: #FFA07A;}
/*雨水*/
.bd_usui:before,.bd_usui:after{border-top: 2px solid #a1d6dc;}
.t_usui{color: #fff;}
/*啓蟄*/
.bd_keithitsu:before,.bd_keithitsu:after{border-top: 2px solid #bc926d;}
.t_keithitsu{color: #bc926d;background: #fff;}
/*春分*/
.bd_syunbun:before,.bd_syunbun:after{border-top: 2px solid #f9d7e0;}
.t_syunbun{color:chocolate;background: #fff;}
/*清明*/
.bd_seimei:before,.bd_seimei:after{border-top: 2px solid #dcc11c;}
.t_seimei{color: #fff;}	
/*穀雨*/
.bd_kokuu:before,.bd_kokuu:after{border-top: 2px solid #00a5a5;}
.t_kokuu{color: #00a5a5;background: #fff;}
/*立夏*/
.bd_rikka:before,.bd_rikka:after{border-top: 2px solid #0079d7;}
.t_rikka{color: #fff;}	
/*小満*/
.bd_shouman:before,.bd_shouman:after{border-top: 2px solid #dcc11c;}
.t_shouman{color: #40210f;background: #fff;}


/**ここから色指定**/
/*****ページ各コンテンツ見出し*****/
.sub_title{color: #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;}

