@charset "utf-8";
/**ここから文章**/
.g_txt{margin: 50px 0;text-align: inherit;}
/**ここから見出し**/
.category_title{color: #FFF;background-color: #006934;font-size: 16px;padding: 10px 0;}
@media screen and (min-width: 601px) {
.category_title{font-size: 23px;}}
.category_title::before{
content: url("https://ginnomori.itembox.design/item/icon_top_w.svg");/*画像のURL*/
vertical-align: middle; /*画像の縦位置を中央揃え*/
font-size: 2rem;margin: 0 15px;}
/*画像がひとつのレイアウト*/	
.g_wrapper{text-align: center;margin: 0 auto;}  
/*画像が横並びのレイアウト*/	
.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;}
.both_img{margin: 0 auto;text-align: center;padding: 10px;}}	
/**ここから選択ボタン**/
.g_gift_wrapper{text-align: center;margin: 50px 0;}
.gift_tbtn{text-align: center;background-color: #ab9756; border: 1px solid #FFF;}
.gift_tbtn p {text-decoration: none;font-weight: bold;color: #FFF;}
.gift_btn{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
}
.gift_btn > div{
width: 25%;
padding: 10px;
}
@media screen and (max-width: 601px) {
.gift_btn> div{
width: 50%;
}}
/**ここから画像横並び****/
.item_img{text-align: center;border: 1px solid #000;}
*, *:before, *:after {box-sizing: border-box;}
.itemlist:before, *:after {box-sizing: border-box;}
.g_itemlist{width: 100%;display: flex;display: -ms-flexbox; /* IE10 */flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */}
	.item_name{text-align: center;}
.g_itemlist > div{width: 25%;padding: 10px;}
@media screen and (max-width: 599px) {
.g_itemlist> div{width: 50%;margin: 0 auto;}}	
/**ここから画像横並び(短冊）****/
.item_img_t{text-align: center;}
/**ここからアンダーライン****/
.green_line{font-weight: bold;background-color: #006934;color: #FFF;padding: 5px;}
/**ここから画像横並び(マナーのページ）****/
.img_wrap img{border: 1px solid #000;}
.both_img img{border: 1px solid #000;}
/**ここから文字の装飾(ギフトランキングのページ）****/
.center_txt{text-align: center;margin: 40px 0;}
.osusume{text-align: center;font-weight: bold;margin: 20px 0;}
/**ここから画像横並び(ギフトランキングのページ）****/
.gift_rank_wrapper{margin: 20px 0;padding: 20px;text-align: center;}
.gift_rank{margin: 0 auto;text-align: center;}
.gift_rank_sec{margin: 0 auto; padding: 10px; background-color: #FFFFFF;text-align: center;}
.rank_line01,.rank_line02,.rank_line03{font-weight: bold;color: #754c24;padding-bottom: 2px;border-bottom: 1px solid #754c24;font-size: 2rem;font-family: -apple-system, BlinkMacSystemFont, "source-han-sans-japanese", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.rank_line01::before{content: url("https://ginnomori.itembox.design/item/icon_rank01.svg");}
.rank_line02::before{content: url("https://ginnomori.itembox.design/item/icon_rank02.svg");}
.rank_line03::before{content: url("https://ginnomori.itembox.design/item/icon_rank03.svg");}
/*PC用レイアウト 601px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 601px) {
.gift_rank_wrapper{display: flex;margin: 40px 0;align-items: center;}
.gift_rank_sec{margin: 0 auto;padding: 20px; text-align: justify;width: 450px;}
}

/*****ページボタン色指定*****/
/** SPボタンの記述 **/
.category_box>div{border:1px solid #004d25;background:#004d25;}
/** PCボタンの記述 ***/
@media screen and (min-width: 601px) {   
.category_box>div{width:50%;margin:0 1%;border:1px solid #004d25;background:#004d25;text-align: center;padding: 1% 0;}
.p_btn {width:60%;}}   
/** ボタンひとつのみ **/
.p_btn{border:1px solid #004d25;background:#fff;text-align: center;padding: 1% 0;}
.p_btn a{display: block;text-decoration: none;color: #004d25;font-weight: bold;}
.arrow_sel:before{border-top: solid 2px #004d25;border-right: solid 2px #004d25;}