@charset "UTF-8";

#top {
	padding-top:148px;
}
body {
	overflow-x: hidden;
	font-family: "メイリオ","MS Pゴシック", "MS PGothic", "游ゴシック", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
}

img{width:100%;
  backface-visibility: hidden;}

h1,h2,h3,h4,h5{margin:0;}

ul {list-style-type:none;margin:0;padding:0;}

a img:hover{opacity:0.7;
  transition: all .5s;}

:-ms-input-placeholder {
        color: #999;
    }
    :focus::-webkit-input-placeholder {
        color: transparent;
    }
    :focus:-moz-placeholder {
        color: transparent;
    }
    :focus::-moz-placeholder {
        color: transparent;
    }
.row-height{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}

nav{
 padding-top:20px;
}

.head{height:70px;margin: 0px;}

.head img{position:fixed;}

.head .headlink{float:right;margin: 8px 30px 0 0;}

#side_menu{
width:100%;
}


.side_logo{
width:211px;
margin: 30px auto;
}

.side_logo:hover{
opacity:0.7;
  transition: all .5s;
}

.side_bnr{
width:212px;
margin: 0 auto 20px;
background-color:#FFF;
}

.side_bnr:hover{
background-color:#FFFF81;
  transition: all .5s;
}

.drawer-menu li{width: 260px;height: 44px;}

.menu_home {
  display: block;
  width: 260px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  line-height: 44px;
  outline: none;
  background:url("../img/menu_home.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_home:hover {
  background:url("../img/menu_home_on.png") no-repeat left center #FFF;
  transition: all .5s;
}


.menu_item {
  display: inline-block;
  width: 260px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  line-height: 44px;
  outline: none;
  background:url("../img/menu_item.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_item:hover {
  background:url("../img/menu_item_on.png") no-repeat left center #FFF;
  transition: all .5s;
}


.menu_recipe {
  display: inline-block;
  width: 260px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  line-height: 44px;
  outline: none;
  background:url("../img/menu_recipe.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_recipe:hover {
  background:url("../img/menu_recipe_on.png") no-repeat left center #FFF;
  transition: all .5s;
}

.menu_topics {
  display: inline-block;
  width: 260px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  line-height: 44px;
  outline: none;
  background:url("../img/menu_topics.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_topics:hover {
  background:url("../img/menu_topics_on.png") no-repeat left center #FFF;
  transition: all .5s;
}


.menu_safety {
  display: inline-block;
  width: 260px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  line-height: 44px;
  outline: none;
  background:url("../img/menu_safety.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_safety:hover {
  background:url("../img/menu_safety_on.png") no-repeat left center #FFF;
  transition: all .5s;
}


.menu_gs {
  display: inline-block;
  width: 260px;
  height: 44px;
  line-height: 44px;
  background:url("../img/menu_gs.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_gs:hover {
  background:url("../img/menu_gs_on.png") no-repeat left center #FFF;
  transition: all .5s;
}


.menu_opinion {
  display: inline-block;
  width: 260px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  line-height: 44px;
  outline: none;
  background:url("../img/menu_opinion.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_opinion:hover {
  background:url("../img/menu_opinion_on.png") no-repeat left center #FFF;
  transition: all .5s;
}
.menu_home_on {background:url("../img/menu_home_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 44px;line-height: 44px;}
.menu_item_on {background:url("../img/menu_item_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 44px;line-height: 44px;}
.menu_recipe_on {background:url("../img/menu_recipe_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 44px;line-height: 44px;}
.menu_topics_on {background:url("../img/menu_topics_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 44px;line-height: 44px;}
.menu_safety_on {background:url("../img/menu_safety_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 44px;line-height: 44px;}
.menu_gs_on {background:url("../img/menu_gs_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 44px;line-height: 44px;}
.menu_opinion_on {background:url("../img/menu_opinion_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 44px;line-height: 44px;}



#side_menu ul.side_link{
  margin: 40px 0 0;
}

#side_menu ul.side_link li{width: 260px;height: 28px;}

.menu_fc {
  display: inline-block;
  width: 260px;
  height: 28px;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  outline: none;
  background:url("../img/menu_fc.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_fc:hover {
  background:url("../img/menu_fc_on.png") no-repeat left center #FFF;
  transition: all .5s;
}

.menu_company {
  display: inline-block;
  width: 260px;
  height: 28px;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  outline: none;
  background:url("../img/menu_company.png") no-repeat left center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.menu_company:hover {
  background:url("../img/menu_company_on.png") no-repeat left center #FFF;
  transition: all .5s;
}

.menu_fc_on {background:url("../img/menu_fc_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 28px;line-height: 28px;}
.menu_company_on {background:url("../img/menu_company_on.png") no-repeat left center #FFF;text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;width: 260px;height: 28px;line-height: 28px;}



.lang_box{
text-align:center;
margin: 20px 0 0;
font-weight:bold;
font-size:1.5rem;
color:#185422;
}

.lang_box a{
color:#FAFF81;
}

.lang_box a:hover{
color:#FEFF00;
}

.lang_box a.on{
color:#FEFF00;
}

.lang_box a.on:hover{
color:#FAFF81;
}

main{
min-height:900px;
position:relative;
overflow-x: hidden !important;
}

main .top_contents1{background-color:#FFD400;}
main .top_contents2{background:url("../img/contents2_bg.png") repeat left top;}
main .top_contents2 .bg_green{background-image:url("../img/bg_green.png");background-repeat: no-repeat; background-position:center top;}
main .top_contents3_title{background:url("../img/bg_yerrow.png") repeat-x left top;}
main .top_contents3{background-color:#FFD400;}
main .top_contents4{background-color:#FFF;}

main .top_contents1 section.contents{
	max-width:1025px;
	margin:0 auto;
	padding: 20px 7px;
}

main .top_contents1 section.contents .main_img{
	margin:0 auto 10px;
	text-align:center;
	/*background:url("../img/main_tate_line.png") repeat-y right top;*/
}


main .top_contents1 section.contents .btn_box{
	max-width: 575px;
	overflow:hidden;
	margin:0 auto 5px;
	padding-bottom: 5px
}

main .top_contents1 section.contents .btn_box2{
	margin: 20px 0;
}

main .top_contents1 section.contents .btn_box a,
main .top_contents1 section.contents .btn_box2 a{
	text-decoration: none;
}

main .top_contents1 section.contents .btn_box2 a{
	color: #000;
	font-weight: 700;
}

main .top_contents1 section.contents .btn_box a:hover,
main .top_contents1 section.contents .btn_box a img:hover{
	text-decoration: none;
	color: #128A49;
	opacity: 1;
}

main .top_contents1 section.contents .btn_box2 a:hover,
main .top_contents1 section.contents .btn_box2 a img:hover{
	text-decoration: none;
	color: #000;
	opacity: 1;
}

main .top_contents1 section.contents .btn_box .btn_box_con{
	padding: 10px 15px;
	border-radius: 35px;
	margin: 0 auto;
	text-align:center;
	background: #fff;
	box-shadow: 0 3px rgba(0, 143, 59, 1);
}

main .top_contents1 section.contents .btn_box .btn_box_con:hover,
main .top_contents1 section.contents .btn_box2 .btn_box_con2:hover{
	transform: translateY(3px);
	transition: 0.3s;
	box-shadow: none;
}

main .top_contents1 section.contents .btn_box .btn_box_con p:nth-of-type(1){
	margin-bottom: 0;
	font-weight: 700;
	font-size: 1.5em;
}

main .top_contents1 section.contents .btn_box .btn_box_con p:nth-of-type(1)::before{
    content: url(../img/top_link_icon.png);
    display: inline-block;
    vertical-align: middle;
    margin-left:-5%;
    padding-right: 5%;
}

main .top_contents1 section.contents .btn_box .btn_box_con img{
	margin: 0px auto 10px;
	width: 80%;
}

main .top_contents1 section.contents .btn_box .btn_box_con p:nth-of-type(2){
	margin-bottom: 0;
	font-weight: 700;
	line-height: 1.3em;
	font-size: 0.8em;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2{
	max-width: 565px;
	background: #fff;
	background-size:contain;
	background-repeat: no-repeat;
	border-radius: 35px;
	margin: 0 auto 15px;
	box-shadow: 0 3px rgba(0, 143, 59, 1);
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_title{
	width : 100%;
	border-radius: 35px 35px 0 0;
	z-index: 1;
	overflow: hidden;
	position: relative;
}

/*main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_title img{
	border-radius: 35px 35px 0 0;	
}*/

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_content{
	display: flex;
	/*align-items: top;*/
	padding: 15px;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 a{
	color: #000;
	font-weight: 700;
}


main .top_contents1 section.contents .btn_box2 .btn_box_con2 p:nth-of-type(1){
	font-size: 1.1em;
	margin-bottom: 5px;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 p:nth-of-type(1)::before{
    content: url(../img/top_link_icon.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 p:nth-of-type(2){
	font-size: 0.8em;
	color: #666;
	margin-bottom: 5px;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 p:nth-of-type(3){
	margin-bottom: 0;
	font-weight: 700;
	font-size: 0.8em;
	color: #ff7770;
	text-align: right;
	padding-right: 5px;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_box_text{
	width: 55%;
	padding: 0 10px;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2.recipe .btn_content{
	background-image: url(../img/top_link_recipeback.png);
	background-position: left 20% top 50%;
	background-repeat: no-repeat;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2.mogumogu .btn_content{
	background-image: url(../img/top_link_moguback.png);
	background-position: right 20% top 50%;
	background-repeat: no-repeat;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_box_img{
	width: 45%;
	padding: 0;
	margin: 0;
	position: relative;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_box_img img{
	height: 110px;
	object-fit: cover;
	font-family: 'object-fit: cover;';  /*IE対策*/
}
	@media screen and (min-width:768px) and ( max-width: 1200px){
		main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_box_img img{ height: 85px;}
	}
	@media screen and (min-width:500px) and ( max-width: 767px) {
		main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_box_img img{ height: 150px;}
	}

.br_sp{ display: none; }
	@media screen and ( max-width:1220px) {
		.br_sp{ display: block; }
	}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_content .btn_new_l{
	padding: 5px 7px;
	background-color: #e63728;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1em;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_content .btn_new_r{
	padding: 5px 7px;
	background-color: #e63728;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1em;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_content .btn_new_rb{
	padding: 5px 7px;
	background-color: #e63728;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 1em;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
}


main .top_contents1 section.contents .topics.pc{
	display: flex;
	align-items: center;
	text-align: left;
}

main .top_contents1 section.contents .topics.sp{
	display: none;
}

main .top_contents1 section.contents .topics{
	background: #fac021;
	padding: 20px;
	margin: 5px;
}

main .top_contents1 section.contents .topics .bnr_img{
	width: 51%;	
	padding-right: 18px;
}

main .top_contents1 section.contents .topics .bnr_text{
	width: 50%;
	/*padding-left: 10px;*/
}

main .top_contents1 section.contents .topics .bnr_text p.topics_latest {
	font-weight: 700;
	color: #128A49;
    margin-bottom: 5px;
}

main .top_contents1 section.contents .topics .bnr_text p.topics_title::before {
    content: url(../img/top_topics_icon.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

main .top_contents1 section.contents .topics .bnr_text p.topics_title {
	font-weight: 700;
    font-size: 1.1em;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fae730;
}

main .top_contents1 section.contents .topics .bnr_text p.topics_title a{
	color: #000;
}

main .top_contents1 section.contents .topics .bnr_text p.topics_title a:hover{
	text-decoration: none;
	opacity: 0.6;
	transition: 0.3s;
}

main .top_contents1 section.contents .topics .bnr_text p.topics_text {
    font-size: 0.8em;
    color: #444;
    margin-bottom: 5px;
}


main .top_contents1 section.contents .border_right{
	margin:0 auto 25px;
	text-align:center;
	background:url("../img/main_tate_line.png") repeat-y right top;
}

main .top_contents1 section.contents .border_bottom{
	padding-bottom: 10px;
	text-align:center;
	background:url("../img/main_yoko_line.png") repeat-x left bottom;
}


main .top_contents1 section.contents .pick_up_box,
main .top_contents1 section.contents .new_item_box{
margin: 20px auto;
overflow:hidden;
display:table;
}


main .top_contents1 section.contents .pick_up{
	text-align:center;
	background-image:url("../img/pick_up_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	max-width:262px;
	float:left;
	width:52.97%;

	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 7%;


}

main .top_contents1 section.contents .pick_up2{
	text-align:center;
	background-image:url("../img/pick_up_bg2.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	max-width:233px;
	width:47.03%;
	float:left;
	
}

main .top_contents1 section.contents .new_item{
	text-align:center;
	background-image:url("../img/new_item_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	max-width:262px;
	float:left;
	width:52.97%;

	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 7%;

}

main .top_contents1 section.contents .new_item2{
	text-align:center;
	background-image:url("../img/new_item_bg2.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	max-width:233px;
	width:47.03%;
	float:left;
}

main .top_contents1 section.contents .pick_up img,
main .top_contents1 section.contents .new_item img{
width:100%;
//padding: 30% 0 10%;

}

main .top_contents1 section.contents .pick_up2 .item_title,
main .top_contents1 section.contents .new_item2 .item_title{
margin: 45% 0 10%;
width:100%;
height:40px;
font-weight:bold;
display:inline-table;
vertical-align:middle;
background-color:#FFF;
}

main .top_contents1 section.contents .pick_up2 .item_title p,
main .top_contents1 section.contents .new_item2 .item_title p{
display:table-cell;
vertical-align:middle;
text-align:center;
color:#000;
}


main .top_contents1 section.contents .pick_up2 .item_title p a,
main .top_contents1 section.contents .new_item2 .item_title p a{
color:#000;
}


main .top_contents1 section.contents .pick_up2 p,
main .top_contents1 section.contents .new_item2 p{
text-align:left;
padding: 0 20px;
color:#FFF;
}


main .top_contents1 section.contents .pick_up2 .item_btn,
main .top_contents1 section.contents .new_item2 .item_btn{
margin: 10px auto;
padding: 0 0 10px;
}



main .top_contents2 section.contents{
	max-width:1025px;
	margin:0 auto;
	padding: 0 0 110px;
	overflow:hidden;
}

.top_news_title{margin:0;}


main .top_contents2 section.contents .news_box{
	width:70%;
	margin: 30px auto;
}

main .top_contents2 section.contents .news_box dl{
	border-bottom: 1px dotted #C1C1C1;
	overflow:hidden;
}

main .top_contents2 section.contents .news_box dt{
	display:block;
	float:left;
	width:130px;
}

main .top_contents2 section.contents .news_box dd{
	padding:0 0 10px 130px;
}

main .top_contents2 section.contents .news_list{
	background-image:url("../img/news_list_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	float:right;
	margin: 20px 5% 40px 0;
	padding: 0 0 0 20px;
	line-height:17px;
	font-weight:bold;
}

main .top_contents2 section.contents .news_box a,
main .top_contents2 section.contents .news_list a{
	color:#333;
}





main .top_contents3_title section.contents{
	max-width:1025px;
	margin:0 auto;
	padding: 0;
}
main .top_contents3 section.contents{
	max-width:1025px;
	margin:0 auto;
	padding: 0;
}
.top_about_title{margin:-110px 0 0;}


main .top_contents3 section.contents .world_box{
	margin: 30px 0 0;
}
main .top_contents3 section.contents .world_item{
	margin: 0 0 50px;
}

main .top_contents3 section.contents .world_bg{
	background-color:#FFF4C3;
	border-radius:10px;
	padding:20px;
	text-align:center;
	margin: 0 0 0 40px;
}

main .top_contents3 section.contents .world_bg h3{
	margin: 10px 0 20px;
}

main .top_contents3 section.contents .world_bg p{
	padding:0 50px;
	text-align:left;
	line-height: 1.8;
}

main .top_contents3 section.contents .world_img_box{
	position:absolute;
	padding-right:20px;
	left:-51px;
}

main .top_contents3 section.contents .ichioshi{
	text-align:center;
	margin: 30px 0 0;
}

main .top_contents3 section.contents .ichioshi{
	text-align:center;
	margin: 30px 0 0;
}

main .top_contents3 .item_btn{
	text-align:center;
	background-color:#00A55A;
	margin: 0 10px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:2.5em;
	border-bottom:3px solid #00725F;
}

main .top_contents3 a .item_btn{
	color:#FFF;
}
main .top_contents3 a:hover{
	text-decoration:none;
	opacity:0.7;
}

main .top_contents3 .item_btn .item_icon{
	background-image:url("../img/item_btn_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 30px;
	line-height:25px;
}



main .top_contents3 section.contents .domestic_box{
	margin: 80px 0 0;
}

main .top_contents3 section.contents .domestic_bg{
	background-color:#FFF4C3;
	border-radius:10px;
	padding:20px;
	text-align:center;
	margin: 0 40px 0 0;
}

main .top_contents3 section.contents .domestic_bg h3{
	margin: 10px 0 20px;
}

main .top_contents3 section.contents .domestic_bg p{
	padding:0 50px;
	text-align:left;
	line-height: 1.8;
}

main .top_contents3 section.contents .domestic_img_box{
	position:absolute;
	padding-left:20px;
	margin: 30px 0 0;
	right:-51px;
	z-index:2;
}


main .top_contents4_title{
	background-image : url("../img/top_recipe_title2_bg.png"), url("../img/top_recipe_tile_bg.png");
	background-repeat: repeat;
}

main .top_contents4_title section.contents{
	background-image : url("../img/top_recipe_tile_bg.png");
	max-width:1025px;
	margin:0 auto;
	padding: 0;
}

main .top_contents4_title section.contents h2{
	margin: 0;
	padding: 0;
}


main .top_contents4 section.contents{
	max-width:1025px;
	margin:0 auto;
	padding-bottom:20px;
}

main .top_contents4 section.contents_main{
	margin:-64px 0 0;
	padding: 0;
}                            

main .top_contents4 section.contents .inbox_recipe{
	max-width:1025px;
	margin:0 auto;
/*	background-image:url("../img/inbox_recipe_bg.png"); background-repeat:repeat-y; background-position:center top;background-size:contain;
*/}

.top_recipe_title{margin:0;}
.top_recipe_btm img{vertical-align:bottom;}

main .top_contents4 section.contents .inbox_recipe .recipe_box_l{
	padding-left:55px;
	margin-top:30px;
	margin-bottom:30px;
}

main .top_contents4 section.contents .inbox_recipe .recipe_box_c{
	padding: 0 32px;
	margin-top:30px;
	margin-bottom:30px;
}
main .top_contents4 section.contents .inbox_recipe .recipe_box_r{
	padding-right:55px;
	margin-top:30px;
	margin-bottom:30px;
}

main .top_contents4 section.contents .inbox_recipe .recipe_img_box{
	position:relative;
	display:table;
	margin: 0 auto;
}

main .top_contents4 section.contents .inbox_recipe .btn_box{
margin: 20px 0 30px;
padding: 0 30px;
text-align:right;
}

main .top_contents4 section.contents .inbox_recipe .btn_box:last-child{
text-align:left;
}
main .top_contents4 section.contents .inbox_recipe .recipe_title{
	font-size:1.5rem;
	font-weight:bold;
	margin: 30px 0 10px;
	border-bottom:1px solid #333;
}

main .top_contents4 section.contents .inbox_recipe .recipe_info{
	font-size:1.3rem;
}

main .top_contents4 section.contents .inbox_recipe .recipe_img_box img{
	box-shadow: 5px 5px 10px rgba(100,100,100,0.8);
}

main .top_contents4 section.contents .inbox_recipe .recipe_watch_btn{
	text-align:center;
	margin: 20px 0 0;
}


.recipe-new {
	position: absolute;
	top: -15px;
	left: -15px;
	width: 48px;
	height: 49px;
	background-image: url(../img/new_icon.png);
	background-repeat:no-repeat;
	z-index:9;
}


/*:::::::::::::::::::::::::::::20191107追加:::::::::::::::::::::::::::::*/

main .top_contents4 section.contents .recipe_main_img_box{
	padding-right: 55px;
	float: right;
}

main .top_contents4 section.contents .recipe_space{
	margin-top:30px; 
}

main .top_contents4 section.contents .recipe_main_img_box img {
    box-shadow: 5px 5px 10px rgba(100,100,100,0.8);
    max-width: 445px;
}

main .top_contents4 section.contents .newrecipe_main{
	padding-left:55px;
}

main .top_contents4 section.contents .newrecipe_main .update{
	background-image:url("../recipe/img/update_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
	min-width:105px;
	min-height:120px;
	margin: -30px 0 0;
	color:#FFF;
	font-size:2.3rem;
	font-weight:bold;
}
main .top_contents4 section.contents .recipe_main_img .recipe-main-new{
	display:none;
}

main .top_contents4 section.contents .newrecipe_main .update p{
	margin: 25px 0 0;
	transform: rotate(-10deg);
}
main .top_contents4 section.contents .newrecipe_main .main_recipe{
display:block;
float:right;
width:75%;
}

@media (max-width:82em) {
 main .top_contents4 section.contents .newrecipe_main .main_recipe {
    width: 69%;
 }
}


main .top_contents4 section.contents .newrecipe_main .recipe_title{
text-align: left;
margin-top: 0!important;
}

main .top_contents4 section.contents .inbox_recipe .newrecipe_main .recipe_info{
text-align:left;
margin: 0;
}

main .top_contents4 section.contents .newrecipe_main .relation{
	background-color:#FFFFE3;
	padding: 25px 15px;
	margin: 20px 0 0 0;
}

main .top_contents4 section.contents .newrecipe_main .relation_item{
	font-size:1.4rem;
	font-weight:bold;
	margin: 15px 0 0;
}

main .top_contents4 section.contents .newrecipe_main .relation_item a{
	background-image:url("../recipe/img/recipe_cate_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 18px;
}


main .top_contents4 section.contents .btn{
	margin: 20px auto;
}

main .top_contents4 section.contents a {
    color: #491A02;
    text-decoration: none;
}

main .top_contents4 section.contents a:hover{
	text-decoration:none;
	color:#128A49;
	transition: 0.3s;
}

main .top_contents4 .bnr{
	margin: 20px 40px;	
}

/*:::::::::::::::::::::::::::::20191216追加:::::::::::::::::::::::::::::*/

main .top_contents5_title .mogumogu_description.pc{ display: block; }
main .top_contents5_title .mogumogu_description.sp{ display: none; }


main .top_contents5_title{
	background-image :url("../img/top_mogumogu_title_bg.png"), 
						url("../img/top_recipe_tile_bg.png");
	background-repeat: repeat, repeat;
}

main .top_contents5_title section.contents{
	max-width:1025px;
	margin:0 auto;
	padding: 0;
}

main .top_contents5_title section.contents h2{
	margin: 0;
	padding: 0;
}

main .top_contents5 section.contents .mogumogu_wrap{
	max-width: 1025px;
	margin: 40px auto;
	background: #fff;
}

.mogumogu_content {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
	padding: 0 5%;
}

.mogumogu_title{
	width: 50%;
	margin-left: 30px;
}

.mogumogu_title.sp{
	display: none;
}

.mogumogu_title.pc{
	display: block;
}

.mogumogu_img{
	width: 90%;
	margin: 0 auto;
}

.review_list {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.review_item {
	width: 47%;
}
.review_item {
	background: #FFD400;
	box-shadow: 1.5px 1.5px 1.5px rgba(0,0,0,0.4);
	overflow: hidden;
	position: relative;
}
.review_item:nth-of-type(1),.review_item:nth-of-type(2){
	margin-bottom: 20px;
}
.review_item p {
	margin:0;
}
.review_item a:hover {
	margin:0;
	text-decoration: none;
	opacity: 0.6;
	transition: 0.2s;
}
.review_item p:nth-of-type(2) {
	padding:15px;
	background-color: #FFD400;
	/*height: 100%;*/
	line-height: 1.5;
}
.review_item a p:nth-of-type(2)  {
		font-size: 13px;
	font-weight: bold;
	color: #3e3939;

}
.review_item p:nth-of-type(2) span {
	color: #00a453;
	line-height: 2;
}
.mogumogu_new {
	width: 70px;
	height: 30px;
	background-color: #e63728;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
}

/*左側*/
.mogumogu_description_pc {
	width: 50%;
}

/*.mogumogu_description_sp, .mogumogu_img_sp {
	display: none;
}*/
/*.mogumogu_img img {
	max-width: 417px;
}*/

.view_all {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	width: 205px;
	height: 30px;
	line-height: 30px;
	background-color: #00a453;
	margin-left: auto;
	margin-right: auto;
}
.view_all a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
.view_all:hover{
	opacity: 0.6;
	transition: 0.5s;
}

/*スマホ調整*/
@media (max-width:600px) {
	.mogumogu_content {
		flex-direction: column;
		display: block;
	}

	.mogumogu_title.sp{
		display: block;
		margin-bottom: 0;
	}

	.mogumogu_title.pc{
		display: none;
	}
	/*上側*/
	.mogumogu_title {
		width: 100%;
		margin: 0 auto;
	}

	.mogumogu_img {
		text-align: center;
		margin-bottom: 0;
	}

	/*下側*/
	.review_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.view_all_pc {
		display: none;
	}
	.view_all_sp {
	display: block;
	text-align: center;
	box-shadow: 1.5px 1.5px 1.5px rgba(0,0,0,0.4);
	margin-top: 30px;
	margin-bottom: 0;
	padding:10px;
	background-color: #00a453;

	}
	.view_all_sp a {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	display: block;
}
}


.pc_title{display:block;}
.sp_title{display:none;}



main footer{
	padding: 20px 0 100px;
	background-color:#00A552;
}


main footer section.contents{
	max-width:1025px;
	margin:0 auto;
	padding: 0;
}

main footer .sitemap{
}

main footer section.contents .sitemap_left{
padding-left:50px;
}

main footer section.contents .sitemap_right{
padding-left:0px;
}


main footer section.contents ul{
	list-style-type:none;
	font-size:1.3rem;
	padding: 0 0 0 30px;
	z-index:0;
}

main footer section.contents ul li{
	color:#FFF;
	font-weight:bold;
	background:url("../img/footer_link_icon.png") no-repeat left center;
	padding: 0 0 0 12px;
	margin: 0;
	line-height:1.8em;
}

main footer section.contents ul li.bg_none{
	background:none;
}

main footer section.contents ul li a{
	color:#FFF;
}
main footer section.contents ul li a:hover{
	color:#FAFF81;
}

main footer section.contents ul li ul{
	padding: 0 0 0 7px;
}

main footer section.contents ul li ul li{
	font-weight:normal;
	padding: 0;
	background:none;
}

main footer section.contents .copyright{
	border-top: 1px solid #006833;
	margin: 0 3%;
	padding: 30px 0 0;
	overflow:hidden;
	color:#FFF;
	font-size:1.3rem;
}

main footer section.contents .copyright .footer_link{
	float:right;
	text-align:right;
	margin: 39px 0 0;
}

main footer section.contents .copyright .footer_link a{
	color:#FFF;
}

main footer section.contents .copyright .footer_link a:hover{
	color:#FAFF81;
}



.top_botomminfo{
	background-color:#FFD400;
}
@media (max-width: 48em){
.top_botomminfo{
	background-color:#FFD400;
}}





.gs_info{
    display: block;
	padding-top: 30px;
	text-align: center;
	max-width: 1025px;
	margin: 0 auto;
	}

.gs_info p{
		width:80%;
		text-align:left;
		margin: 0 auto;
		font-size: 1.3rem;
		line-height: 1.8;
		padding: 10px 20px 0 20px;
	}
	
@media (max-width: 48em){	
	.gs_info p{
		width:100%;
		text-align:left;
		margin: 0 auto;
		font-size: 1.3rem;
		line-height: 1.8;
		padding: 10px 20px 0 20px;
	}
	}
.kyousan_btn{
	background-color:#00A55A;
	width:100%;
	max-width:1025px;
	height:57px;
	margin:0 auto;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	line-height:57px;
	font-weight:bold;
	}
.bun{
  display: flex;
  justify-content: center;
  width: 70%;
  margin:30px auto 0;
  padding-bottom: 30px;
}
.bun_left{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 45%;
}
.bun_left img{
   max-width: 200px;
   margin-bottom: 15px;
}
.bun_right{
  width: 45%;
 }
.bun_right img{
  max-width: 200px;
}





@media screen and (max-width: 767px){

.bun_left{
  margin-right: 2.5%;
}

.bun_right{
  margin-left: 2.5%;
 }

main .top_contents1 section.contents .topics.pc {
	display: none;
}


main .top_contents1 section.contents .topics.sp {
	display: block;
	max-width: 565px;
	margin:  0 auto;
}

main .top_contents1 section.contents .topics .bnr_text p:nth-of-type(1) {
	text-align: center;
    margin-top: 10px;
}

main .top_contents1 section.contents .topics .bnr_img,
main .top_contents1 section.contents .topics .bnr_text{
	width: 100%;
	padding: 0;
}

main .top_contents1 section.contents .btn_box2 .btn_box_con2 .btn_content_cen{
	align-items: center;
}


}


@media (max-width:63em) {
	body {
		padding-top:65px;
	}
}
@media (max-width:64em) {
	header{position:fixed;height:55px;background-color:#FFF;width:100%;top:0;
	box-shadow: 0 5px 10px rgba(0,0,0,0.4);
  transition: all .6s;
  overflow-x: hidden !important;
  z-index:10;}
	
	
	.head_logo{
	text-align:center;
	margin: 5px auto 0;
	}
main footer section.contents .copyright .footer_link{
	float:none;
	text-align:left;
	margin: 0 0 20px;
	}
	
	main .top_contents3 section.contents .world_bg p,
	main .top_contents3 section.contents .domestic_bg p{
		padding:0 20px;
	}

}

main #sec_title {
	background-color:#00A552;
	padding: 10px 0 10px 0;
}

main #sec_title section.contents{
	max-width:1025px;
	margin:0 auto;
	padding: 0;
}

main #sec_title  h2 {
	background-color:#00A552;
	padding: 0 0 0 30px;
}

main .bread_cramb {
	margin:5px 0 30px;
	padding: 0;
	color:#00A552;
	font-weight:bold;
}


.information {
    padding-bottom: 20px;
    width:80%;
    margin: 30px auto 0;
}
dl {
    margin: 0;
}

.infoac dt{
    display:block;
    /* width:100%;*/
    padding: 10px 20px;
    /*border:#666 1px solid;*/
    cursor:pointer;
    position:relative;
    border-bottom: 1px dotted #CCC;
    }
    
.infoac dt:hover {
	color: #B00032;
}
	
.infoac dt p{margin:0}
.infoac dt:after{
    float:right;
    margin-top: -18px;
    margin-right: 0px;
    content: "▼";
    }
.infoac dt.active:after {
    content: "▲";
}
    
.infoac dt.active:hover {
	color: #B00032;
}

.infoac dt .date{
float:left;
margin-right:10px;
width:125px;
}

.infoac dt .longtitle{
padding-right:20px;
display: flex;
}

  #noicon::after{
  content:none;
  }
  
  #noicon:hover {
	color: #333333;
}



.infoac dd {
    padding: 10px 20px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #CCCCCC;
    display:none;
}


.news1 {
    display: inline-block;
    width: 60px;
    text-align: center;
    padding: 1px 0px 1px 0px;
    background-color: #c1145a;
    color: #ffffff;
    margin-right: 10px;
}
.news2 {
    display: inline-block;
    width: 60px;
    text-align: center;
    padding: 1px 0px 1px 0px;
    background-color: #39a24a;
    color: #ffffff;
    margin-right: 10px;
}
.news3 {
    display: inline-block;
    width: 60px;
    text-align: center;
    padding: 1px 0px 1px 0px;
    background-color: #603813;
    color: #ffffff;
    margin-right: 10px;
}


@media (max-width:81em) {
	main .top_contents2 .bg_green{background:none;}
	main .top_contents4 .bg_white{background:none;}
	main footer section.contents .sitemap_left,
	main footer section.contents .sitemap_right{
	padding-left:20px;
	padding-right:0;
	}
	main footer section.contents ul{
		padding: 0 0 0 10px;
	}
main .top_contents1 section.contents .btn_box .shop_search{
	padding:0 4px 6px 0;
	}
main .top_contents1 section.contents .btn_box .web_chirashi{
	padding:0 0 6px 3px;
	}

main .top_contents1 section.contents .btn_box .recipe_btn{
	padding:6px 0 0;
	}
	
	main .top_contents1 section.contents .pick_up img,
	main .top_contents1 section.contents .new_item img{
	//padding: 50% 0 0;
	}
	
}

@media (max-width:63em) {
	.head{display:none;}
	
	main footer .sitemap{
	display:none;
	}
}

@media (max-width:38em) {
	.pc_title{display:none;}
	.sp_title{display:block;}
	/*main .top_contents4 section.contents .inbox_recipe{
		max-width:600px;margin:0 auto;
		background-image:url("../img/inbox_recipe_spbg.png"); 
		background-repeat:repeat-y; 
		background-position:center top;background-size:contain;}*/
	main footer section.contents ul{
		padding: 0 0 0 20px;
		font-size:1.0rem;
	}
	main footer section.contents .copyright{
		font-size:1.0rem;
	}
	
	main .top_contents1 section.contents .pick_up img,
	main .top_contents1 section.contents .new_item img{
	padding: 0 10% 0;
	}
}


@media (max-width:766px){
	/*::::::::::::::::::::::20191107追加 →　20210713 48emから移動:::::::::::::::::::::*/
	main .top_contents4 section.contents .recipe_main_img_box{
		float:none;
	}
	main .top_contents4 section.contents .inbox_recipe .recipe_box_l,
	main .top_contents4 section.contents .inbox_recipe .recipe_box_c,
	main .top_contents4 section.contents .inbox_recipe .recipe_box_r{
		padding:0 50px;
	}
	main .top_contents4 section.contents .inbox_recipe .btn{
	text-align:center;
	}
	main .top_contents4 section.contents .inbox_recipe .btn_box{
	text-align:center;
	}
	main .top_contents4 section.contents .inbox_recipe .btn_box:last-child{
	text-align:center;
	}

	main .top_contents4 section.contents .recipe_main_img_box{

		padding: 0 50px;
	}
	
	main .top_contents4 section.contents .recipe_main_img_box img{
		max-width:257px;
	}

	main .top_contents4 section.contents .newrecipe_main{
		padding: 0 50px;
		text-align:center;
	}

	main .top_contents4 section.contents .newrecipe_main .relation{
		padding: 20px 0;
	}
	
	main .top_contents4 section.contents .newrecipe_main .main_recipe{
		margin: 30px 0 10px;
		width:100%;
	}

	main .top_contents4 section.contents .newrecipe_main .recipe_info{
	margin: 0 0 10px;
	}
	
	main .top_contents4 section.contents .newrecipe_main .update{
		display:none;
	}
	main .top_contents4 section.contents .recipe_main_img{
	position:relative;
	display:table;
	margin: 0 auto;
	}
	main .top_contents4 section.contents .recipe-main-new{
		display:block!important;
		position: absolute;
		top: -15px;
		left: -15px;
		width: 48px;
		height: 49px;
		background-image:url("../recipe/img/update_s_bg.png");
		background-repeat: no-repeat;
		z-index: 9;
	}
	
	main .top_contents4 section.contents .recipe-main-new p{
		margin: 7px 0 0;
		transform: rotate(-10deg);
		color:#FFF;
		font-weight:bold;
	}
}


@media (max-width:48em) {
	main .top_contents1 section.contents .btn_box .recipe_btn{
		background:none;
	}
	main .top_contents2 section.contents .news_box{
		width:90%;
	}
	
	main .top_contents3 section.contents .world_bg,
	main .top_contents3 section.contents .domestic_bg{
		margin: 0 20px;
	}

	main .top_contents3 section.contents .world_img_box{
		position:relative;
		padding:0px;
		margin: 30px 0 0;
		left:0;
		text-align:center;
	}
	
	main .top_contents3 section.contents .domestic_img_box{
		position:relative;
		padding:0px;
		margin: 30px 0;
		left:0;
		text-align:center;
	}

	main .top_contents3 section.contents .domestic_box{
		margin: 10px 0;
	}
	
	main #sec_contents section.contents .bread_cramb{
		font-size:1.2rem;;
	}
	
	main .top_contents3 section.contents .world_item{
		margin: 0px;
	}



/*:::::::::::::::::::::::::::::20191107追加:::::::::::::::::::::::::::::*/
	
	
	main #sec_contents section.detail_main .material_box{
		padding-left: 10px;
	}

	main .top_contents4 .bnr {
    margin: 20px 20px;
	}


/*:::::::::::::::::::::::::::::20191107追加:::::::::::::::::::::::::::::*/



	.information {
	    width:100%;
	}
	
	.infoac dt .date{
	float:none;
	}

.sale_bnr {
    width: 40%;
}

/*:::::::::::::::::::::::::::::20210713追加:::::::::::::::::::::::::::::*/
	main .top_contents4 section.contents .newrecipe_main .update{
		transform: scale(0.7);
	}
	
}


/* ページトップ */
#page-top {
	position: fixed;
	z-index:200;
	bottom: 70px;
	right: 0px;
	font-size: 80%;
}
#page-top a {
	background: rgba(0,139,52,0.7);
	text-decoration: none;
	color: #fff;
	width: 65px;
	padding: 10px 0 10px 10px;
	line-height: 1.2;
	text-align: left;
	display: block;
	border-radius: 10px 0px 0px 10px;
}
#page-top a:before {
	content:"\f366";
	font-family: "Ionicons";
	font-size:2.0rem;
}
@media (min-width:38em) {
#page-top a:hover {
    text-decoration: none;
    background: #CC0068;
}
}



.youtube{display:inline;}
.youtube_sp{display:none;}

@media (max-width:63em) {
.youtube{display:none;}
.youtube_sp{display:inline;}
}

/*スライダー改修テスト*/
@media screen and (max-width:767px) {

.top_contents3_sp {
  display: block;
    background-color: #FFD400;
    width: 100%;
}
main .top_contents3_sp a {
	text-decoration: none;
}
main .top_contents3_sp a .item_btn {
    color: #FFF;
}
main .top_contents3_sp a .item_btn:hover{
    opacity: 0.7;
    transition:0.5s;
}
main .top_contents3_sp .item_btn {
    text-align: center;
    background-color: #00A55A;
    margin-top: -5px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 2.5em;
    border-bottom: 3px solid #00725F;
    max-width: 435px;
}
}
@media screen and (max-width:600px) {
    main .top_contents1 section.contents {
    width: 90%;
  }
  main .top_contents3_sp .item_btn {
    width: 87%;
}
main .top_contents1 section.contents .border_right {
	background: none;
  }
}

/*新着・おすすめスライダーの改修*/
@media screen and (min-width:768px){
	.swiper-container_pick_up {
		width: 50%;
		float: left;
	}
	}
	
/* ポップアップバナー */
.sale_bnr {
    position: fixed;
    bottom: 80px;
    right: 90px;
    z-index: 100;
    max-width: 210px;
}
.sale_bnr_img {
    border: 7px solid #fff;
    border-radius: 10px;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
    background: #fff;
}
.sale_bnr_img img {
    width: 100%;
}
.sale_bnr_close {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 101;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
}

/* 業スー掲示板 */
.forumimg img{
	height: 114px !important;
	object-fit: contain !important;
	font-family: 'object-fit: contain;' !important; /*IE対策*/
	/*image-rendering: -webkit-optimize-contrast;*/
}
main .top_contents1 section.contents .btn_box2 .popnew{
	position: relative;
}
main .top_contents1 section.contents .btn_box2 .popnew p:nth-of-type(2){
	font-size: 0.8em;
	color: #666;
	margin-bottom: 5px;
}
main .top_contents1 section.contents .btn_box2 .popnew p:nth-of-type(3){
	margin-bottom: 0;
	font-weight: 700;
	font-size: 0.8em;
	color: #ff7770;
	text-align: right;
	padding-right: 5px;
}
main .top_contents1 section.contents .btn_box2 .pop_illust{
	position: absolute;
    bottom: -15px;
    right: 0;
    width: 105px;
    border-radius: 15px;
}
main .top_contents1 section.contents .btn_box2 .pop .btn_content {
    background-image: url(../img/top_link_popback.png);
    background-position: right 20% top 50%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1200px){
main .top_contents1 section.contents .btn_box2 .pop_illust{width: 60%;}
}

@media screen and (max-width: 767px){
.popsp{align-items: normal !important;}
main .top_contents1 section.contents .btn_box2 .pop_illust{width: 50%;}
}

@media screen and (max-width: 500px){
main .top_contents1 section.contents .btn_box2 .pop_illust{width: 60%;}
}

/* 業スー掲示板  ここまで*/

/*TOP 最下部微調整*/
@media screen and (max-width:1350px){
	.sports_wrap  {
		padding-right: 50px;
		padding-left: 50px;
	}
	.sports_wrap p {
		width: 90%;
	}
}

@media screen and (max-width: 768px) {
	.sports_wrap  {
		padding-right: 30px;
		padding-left: 30px;
	}
	.sports_wrap p {
		width: 100%;
	}
	.sports_wrap .bun {
		width: 80%;
	}
}


/* EC公開用*/
.sp_o{display: none;}
.ma_t_0 {margin-top: 0 !important;}
.ma_t_20 {margin-top: 20px !important;}
.ma_b_10 {margin-bottom: 10px !important;}

.side_bnr_ec {
    width: 200px;
    margin: 0 auto 15px;
    background-color: #FFF;
    box-shadow: 0 3px rgb(0 143 59);
    border-radius: 20px;
}
.side_bnr_ec:hover {
    transform: translateY(3px);
    transition: 0.3s;
    box-shadow: none;
    opacity: 1;
}
.ec_btn a {
    background-color: #00af7c;
    padding: 5px 10px;
    margin-left: 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
.ec_btn a:hover{
	text-decoration: none;
	opacity:0.7;
	transition: all .5s;
}
.ec_btn2 a {
    background-color: #00af7c;
    padding: 5px 10px;
    margin-left: 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
.ec_btn2 a:hover{
	text-decoration: none;
	opacity:0.7;
	transition: all .5s;
}
.ec_icon {
    width: 18px;
    height: 16px;
    position: relative !important;
    margin-right: 5px;
    margin-bottom: 1px;
}
.menu_ec {
    display: inline-block;
    width: 260px;
    height: 44px;
    text-align: center;
    text-decoration: none;
    line-height: 44px;
    outline: none;
    background: url(../img/menu_ec.png) no-repeat left center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

main .top_contents1 section.contents .btn_box3{
	max-width: 575px;
	overflow:hidden;
	margin:0 auto 5px;
	padding-bottom: 5px
}
main .top_contents1 section.contents .btn_box3 .btn_box_con3{
	position: relative;
  	border-radius: 50%;
  	box-shadow: 0 3px rgba(0, 143, 59, 1);
}
main .top_contents1 section.contents .btn_box3 .btn_gyomuca{
	position: relative;
    border-radius: 50%;
    box-shadow: 0 3px rgb(131 12 74);
}

main .top_contents1 section.contents .btn_box3 .btn_box_con3 p.p_c{
	position:absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	text-align: center;
	font-weight: bold;
}
main .top_contents1 section.contents .btn_box3 .btn_box_con3 p.p_r{
	position:absolute;
	max-width: 10px;
	top: 50%;
	left: 90%;
	-webkit-transform: translate(-90%, -50%);  /*Safari用*/ 
	transform: translate(-90%, -50%);
	text-align: center;
	font-weight: bold;
}
main .top_contents1 section.contents .btn_box3 .btn_box_con3:hover{
	transform: translateY(3px);
	transition: 0.3s;
	box-shadow: none;
}
main .top_contents1 section.contents .btn_box3 {
	margin-bottom: 20px;
}
main .top_contents1 section.contents .btn_box3 .btn_box_con3 p.p_c{
	font-size: 1.2em;
}


@media screen and (max-width: 1024px){
.sp_o{display: block;}	
}