.pc_ { display: block; }
.sp_ { display: none; }

/*共通部分の指定*/

a.brown {text-decoration: none; color: #5f420f;}
a.brown :hover {text-decoration: none; color: #f5a210;}
a.brown :visited {text-decoration: none; color: #f5a210;}
a.brown :active {text-decoration: none; color: #5f420f;}

a.orange {text-decoration: none; color: #f5a210;}
a.orange :hover {text-decoration: none; color: #5f420f;}
a.orange :visited {text-decoration: none; color: #5f420f;}
a.orange :active {text-decoration: none; color: #f5a210f;}

#potesara {
width: 960px;
height:auto;
padding: 25px 0px 0px 0px;
margin: 0 auto;
background: #fff;
overflow: hidden;
}

#potesara h1 {
width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin:0 auto;
float: right;
overflow: hidden;
}

#search_genre {
width: 960px;
height:120px;
padding-bottom: 0%;
margin: 0 auto;
background: #fff;
float: left;
overflow: hidden;
clear:left;
}

.cols {*zoom:1;}

.col_s {
float:left;
width:20%;
margin:0 auto;
padding:0px 0px 0px 45px;
*clear:right;
/*2px × 2pxのドットで間隔が8pxの点線をrightに表示*/
background-image: linear-gradient(to bottom, #777, 2px, transparent 2px, transparent 8px);
background-size: 2px 8px;
background-position: right;
background-repeat: repeat-y;
overflow: hidden;
}

.col_s2 {
float:left;
width:19%;
margin:0 auto;
padding:10px 0px 0px 25px;
*clear:right;
overflow: hidden;
}

.col_s:first-child {
margin-left:0px;
}

#search_genre .search_dot{
padding:0% 0% 3% 10%;
list-style-type: disc;
color: #f5a210;
}

#search_genre .search_dot li {
padding:1% 0% 0% 0%;
list-style-type: disc;
}

#search_genre .search_dot span {
color: #5f420f;
font-size:14px;
text-decoration: underline;
}

#genre2{
width: 960px;
height:130px;
padding: 2% 0% 5% 0%;
margin: 0 auto;
background: #fff;
clear:left;
}

#genre3{
width: 960px;
height:160px;
padding: 3% 0% 0% 0%;
margin: 0 auto;
background: #fff;
clear:left;
}

#other {
width: 960px;
height:150px;
padding: 20px 0px 0px 30px;
margin: 0 auto;
background-color: #fffcdb;
clear:left;
}

#pote_footer {
width: 960px;
height:110px;
padding: 0%;
margin: 0 auto;
background: #f5a210;
padding-bottom: 2%;
clear:left;
}

#genre2 .tag{
width: 96%;
padding:0% 0% 0% 4%;
margin:0 auto;
color: #5f420f;
float:left;
overflow: hidden;
}

#genre2 .tag li {
padding:1% 3% 0% 0%;
margin:0 auto;
list-style:none;
float:left;
overflow: hidden;
color: #5f420f;
}

#genre2 .tag li:before {
content:"#"; 
}

#genre2 .tag span {
color: #5f420f;
font-size:14px;
text-decoration: underline;
}

#genre3 ul{
width:95%;
margin:0 auto;
padding:0px 0px 0px 0px;
*clear:right;
float:left;
overflow: hidden;
}

#genre3 .tag2{
width:100%;
margin:0 auto;
padding:0px 0px 0px 50px;
*clear:right;
float:left;
overflow: hidden;
}

#genre3 li {
width:24%;
padding:1.5% 1% 0% 0%;
list-style-type: none;
color: #f5a210;
float:left;
overflow: hidden;
}

#genre3 .tag2 span {
color: #5f420f;
font-size:13px;
text-decoration: underline;
}

.h2_genre {
color: #f5a210;
font-size:20px;
text-align: left;
width: 100%;
height:auto;
padding: 0% 0% 0% 0%;
margin:0% 0% 0% 0%;
font-weight:bold;
display: flex;
vertical-align: bottom;
}

#other .tag{
width: 95%;
padding:0% 0% 0% 0%;
margin:0 auto;
color: #f5a210;
float:left;
*clear:right;
overflow: hidden;
}

#other .tag li {
padding:0% 3% 0% 0%;
margin:0 auto;
list-style:none;
float:left;
overflow: hidden;
}

#other .tag li:before {
content:"＃"; 
}

#other .tag span {
color: #f5a210;
font-size:13px;
text-decoration: underline;
}

#other .other_link{
width: 100%;
padding:0% 0% 0% 0%;
margin:0% 0% 0% 0%;
color: #f5a210;
clear:left;
}

#other .other_link li {
padding:0px 30px 30px 0px;
margin:0 auto;
float:left;
*clear:right;
overflow: hidden;
}

#other .other_image{
width:200px;
height: 61px;
float:left;
overflow: hidden;
}

#pote_footer .f_link{
width: 100%;
padding:1% 0% 0% 0%;
margin:0% 0% 0% 0%;
}

#pote_footer .f_link li {
padding:0% 6% 0% 0%;
margin:0 auto;
float:left;
*clear:right;
overflow: hidden;
}

.pote_copy {
width: 940px;
padding: 0px 20px 10px 0px;
margin: 0 auto;
background-color: #f5a210;
color: #fff;
font-size:12px;
text-align: right;
clear:left;
}


/*TOPの指定*/

#main {
width: 960px;
padding: 0% 0% 3% 0%;
margin: 0 auto;
background: #fff;
}

#search{
width: 960px;
height:auto;
padding: 2% 0% 0% 0%;
margin: 0 auto;
background: #fff;
}

#read{
width: 960px;
height:auto;
padding: 3% 0% 5% 0%;
margin: 0 auto;
background: #fff;
clear:left;
}

#recipe{
width: 960px;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
background: #fff;
clear:left;
}

#pote_menu {
width: 960px;
height:77px;
padding: 0%;
margin: 0 auto;
background: #f5a210;
padding-bottom: 0%;
}

#main h2{
width: 100%;
height:auto;
padding: 1% 0% 1% 3%;
margin: 0 auto;
text-align: left;
color: #f5a210;
font-size:28px;
font-weight:bold;
background: #ffffff;
border: none;
vertical-align: bottom;
display: flex;
}

#search h2{
width: 100%;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0% 0% 0% 0%;
text-align: left;
color: #f5a210;
font-size:28px;
font-weight:bold;
background: #ffffff;
border: none;
vertical-align: bottom;
display: flex;
}

#recipe h2{
width: 100%;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0% 0% 0% 0%;
text-align: left;
color: #f5a210;
font-size:28px;
font-weight:bold;
background: #ffffff;
border: none;
vertical-align: bottom;
display: flex;
}

#read h2{
width: 100%;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
text-align: left;
color: #f5a210;
font-size:28px;
font-weight:bold;
background: #ffffff;
border: none;
vertical-align: bottom;
display: flex;
}

.icon_search{
width: 35px;
height:45px;
}

.icon_recipe{
width: 35px;
height:45px;
}

.icon_recipe_s{
width: 35px;
height:28px;
}

.icon_enjoy{
width: 35px;
height:45px;
}

.icon_enjoy_s{
width: 35px;
height:30px;
}

.h2_read {
color: #5f420f;
font-size:14px;
text-align: left;
width: 100%;
height:auto;
padding: 0% 0% 0% 5%;
}

.more_link {
color: #5f420f;
font-size:14px;
text-align: right;
width: 95%;
height:auto;
padding: 0% 0% 2% 0%;
}


/*col組*/

#search .col_s_top {
float:left;
width:20%;
margin:0 auto;
padding:0px 0px 0px 45px;
*clear:right;
/*2px × 2pxのドットで間隔が8pxの点線をrightに表示*/
background-image: linear-gradient(to bottom, #777, 2px, transparent 2px, transparent 8px);
background-size: 2px 8px;
background-position: right;
background-repeat: repeat-y;
overflow: hidden;
}

#search .col_s2_top {
float:left;
width:19%;
margin:0 auto;
padding:10px 0px 0px 25px;
*clear:right;
overflow: hidden;
}

#search .col_s_top:first-child {
margin-left:0px;
}

#search .cols_top {
*zoom:1;
}

#recipe .cols_read {
*zoom:1;
}

#search .col_read {
float:left;
width:33%;
margin:0 auto;
padding: 1% 1% 2% 2%;
*clear:right;
}

#search .col_read:first-child {
margin-left:0px;
}

#search .image_ {
width: 275px;
height: 206px;
margin:0 auto;
padding: 0% 0% 0% 0%;
}

#search .name_ttl{
margin:0 auto;
padding: 3% 0% 0% 0%;
line-height:1.5;
text-align: center;
width: 90%;
font-size:16px;
color:#f5a210;
font-weight:bold;
}

#search .read1cols .name_ttl a {
font-size:16px;
color:#f5a210;
font-weight:bold;
text-decoration: underline;
line-height:1.7;
}

#search .name_{
margin:0 auto;
padding: 0% 0% 5% 0%;
line-height:1.5;
text-align: left;
width: 100%;
font-size:16px;
color:#5f420f;
font-weight:normal;
}

#search .read1cols .name_ a {
font-size:16px;
color:#5f420f;
font-weight:normal;
text-decoration: underline;
}

#search .name_read{
margin:0 auto;
padding: 0% 0% 5% 0%;
line-height:1.6;
text-align: left;
width: 100%;
height: 70px;
font-size:15px;
color:#5f420f;
font-weight:normal;
}

#search .recipe1cols .name_read a {
font-size:13px;
color:#5f420f;
font-weight:normal;
text-decoration: underline;
}

#search .read1cols {
background-color: #fff;
width: 100%;
height: auto;
margin:0 auto;
padding: 2% 0% 2% 0%;
}

#search .search_dot{
padding:0% 0% 3% 10%;
list-style-type: disc;
color: #f5a210;
}

#search .search_dot li {
padding:1% 0% 0% 0%;
list-style-type: disc;
}

#search .search_dot span {
color: #5f420f;
font-size:14px;
text-decoration: underline;
}

#recipe .cols_recipe {
*zoom:1;
}

#recipe .col_recipe {
float:left;
width:35%;
margin:0 auto;
padding: 1% 6% 2% 0%;
*clear:right;
}

#recipe .col_recipe:first-child {
margin-left:0px;
}

#recipe .col_recipe_end {
float:left;
width:29%;
margin:0 auto;
padding: 1% 0% 2% 0%;
*clear:right;
}

#recipe .image_ {
width: 100%;
height: auto;
margin:0 auto;
padding: 3% 5% 0% 6%;
}

#recipe .image_r {
width: 100%;
height: auto;
margin:0 auto;
padding: 3% 5% 0% 6%;
}

#recipe .image_rank1 {
margin:0 auto;
padding: 4% 0% 2% 5%;
}

#recipe .top3 {
margin:0 auto;
padding: 3% 0% 0% 4.5%;
}

#recipe .name_{
margin:0 auto;
padding: 3% 0% 4% 3%;
line-height:1.5;
text-align: center;
width: 95%;
}

#recipe .recipe1cols .name_ a {
font-size:16px;
color:#5f420f;
text-decoration: underline;
}

#recipe .name_2{
margin:0 auto;
padding: 3% 0% 4% 3%;
line-height:1.5;
text-align: center;
width: 95%;
}

#recipe .recipe1cols .name_2 a {
font-size:15px;
color:#5f420f;
text-decoration: underline;
}

#recipe .recipe1cols {
color: #5d627b;
background: white;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
border-top: solid 3px #f5a210;
width: 100%;
height: auto;
margin:0 auto;
padding: 2% 0% 2% 0%;
}

.h2_tag {
margin:0 auto;
padding: 4% 0% 1% 0%;
}

#recipe .cols_read {
*zoom:1;
}

#read .col_read {
float:left;
width:33%;
margin:0 auto;
padding: 1% 1% 2% 2%;
*clear:right;
}

#read .col_read:first-child {
margin-left:0px;
}

#read .image_ {
width: 275px;
height: 206px;
margin:0 auto;
padding: 0% 0% 0% 0%;
}

#read .name_ttl{
margin:0 auto;
padding: 3% 0% 0% 0%;
line-height:1.5;
text-align: center;
width: 90%;
font-size:16px;
color:#f5a210;
font-weight:bold;
}

#read .read1cols .name_ttl a {
font-size:16px;
color:#f5a210;
font-weight:bold;
text-decoration: underline;
line-height:1.7;
}

#read .name_{
margin:0 auto;
padding: 0% 0% 5% 0%;
line-height:1.5;
text-align: left;
width: 100%;
font-size:16px;
color:#5f420f;
font-weight:normal;
}

#read .read1cols .name_ a {
font-size:16px;
color:#5f420f;
font-weight:normal;
text-decoration: underline;
}

#read .name_read{
margin:0 auto;
padding: 0% 0% 5% 0%;
line-height:1.6;
text-align: left;
width: 100%;
height: 70px;
font-size:15px;
color:#5f420f;
font-weight:normal;
}

#read .recipe1cols .name_read a {
font-size:13px;
color:#5f420f;
font-weight:normal;
text-decoration: underline;
}

#read .read1cols {
background-color: #fff;
width: 100%;
height: auto;
margin:0 auto;
padding: 2% 0% 2% 0%;
}

.h2_link {
width: 95px;
height: 20px;
margin:0px 0px 5px 0px;
padding: 0px;
text-align: left;
}

#pote_menu .f_link{
width: 100%;
padding:1% 0% 0% 0%;
margin:0% 0% 0% 0%;
}

#pote_menu .f_link li {
padding:0% 0% 0% 15%;
margin:0 auto;
float:left;
*clear:right;
overflow: hidden;
}

#tab_recipe{
width: 960px;
height:auto;
margin:0 auto;
margin-top:20px;
padding: 0px 0px 10px 0px;
clear:left;
background-color: #fff;
}

.tab_txt{
width:275px;
height:50px;
margin: 10px 20px 20px 20px;
padding: 8px 0px 0px 0px;
color: #5f420f;
font-size: 18px;
text-align: center;
font-weight: normal;
border: solid 3px #5f420f;
float:left;
}

.tab_txt a{
color: #5f420f;
}

.tab_txt_end{
width:275px;
height:50px;
margin: 10px 20px 20px 20px;
padding: 8px 0px 0px 0px;
color: #5f420f;
font-size: 18px;
text-align: center;
font-weight: normal;
border: solid 3px #5f420f;
float:left;
}

.tab_txt_end a{
color: #5f420f;
}


@media (max-width:480px){

.pc_ { display: none; }
.sp_ { display: block; }

/*共通部分の指定*/

#potesara {
width: 100%;
padding: 0%;
}

#potesara h1 {
width: 100%;
height:auto;
padding: 0%;
float: right;
overflow: hidden;
}

.cols {
width: 100%;
height:auto;
background-color: #f5a210;
margin: 0 auto;
padding: 0% 0% 0% 0%;
}

#pote_footer {
width: 100%;
height:auto;
padding: 0%;
margin: 0 auto;
background-color: #f5a210;
clear:left;
}

#pote_footer .f_link {
width: 100%;
padding:1% 0% 0% 0%;
margin:0% 0% 0% 0%;
background-color: #f5a210;
}

#pote_footer .f_link li {
padding:0% 0% 0% 0%;
margin:0 auto;
float: left;
overflow: hidden;
}

.f_li{
width: 33%;
padding:0% 0% 0% 0%;
float: left;
overflow: hidden;
}

.f_btn {
width: 100%;
padding:0% 0% 0% 3%;
float: left;
overflow: hidden;
}

#other {
width: 100%;
height:210px;
padding: 20px 0px 20px 15px;
margin: 0 auto;
background-color: #fffcdb;
}

#other .other_link{
width: 98%;
height:auto;
padding:0% 0% 0% 0%;
margin:0% 0% 0% 0%;
color: #f5a210;
}

#other .other_link li {
width: 47%;
height:auto;
padding:1% 0% 3% 4%;
margin:0 auto;
float:left;
overflow: hidden;
}

#other .other_image{
width:175px;
height: 54px;
float:left;
overflow: hidden;
}

#other .tag span {
color: #f5a210;
font-size:13px;
text-decoration: underline;
line-height:175%;
}

#genre2{
width:100%;
height:170px;
padding: 1% 0% 5% 5%;
margin: 0 auto;
background: #fff;
}

#genre3{
width:100%;
height:150px;
padding: 1% 0% 0% 0%;
margin: 0 auto;
background: #fff;
clear:left;
}

#genre3 ul{
width:95%;
margin:0 auto;
padding: 0% 0% 0% 0%;
*clear:right;
float:left;
overflow: hidden;
}

#genre3 .tag2{
width:100%;
margin:0 auto;
padding: 0% 0% 0% 3%;
*clear:right;
float:left;
overflow: hidden;
}

#genre3 li {
width:45%;
padding:1.5% 1% 0% 3%;
list-style-type: none;
color: #f5a210;
float:left;
overflow: hidden;
}

.h2_genre {
color: #f5a210;
font-size:18px;
text-align: left;
width: 92%;
height:auto;
padding: 0% 0% 0% 0%;
font-weight:bold;
clear:left;
}

.pote_copy {
width: 100%;
padding: 0% 0% 3% 0%;
margin: 0 auto;
background-color: #f5a210;
color: #fff;
font-size:12px;
text-align: center;
}


/*TOPの指定*/

#main {
width: 100%;
margin: 0 auto;
background: #fff;
padding-bottom: 0%;
}

#main h2{
width: 95%;
height:25px;
padding: 2% 0% 1% 3%;
margin: 0 auto;
text-align: left;
color: #f5a210;
font-size:20px;
font-weight:bold;
vertical-align: top;
background: #ffffff;
border: none;
clear:left;
}

#search h2{
width: 95%;
height:auto;
padding: 0% 0% 1% 3%;
margin: 0 auto;
text-align: left;
font-size:20px;
clear:left;
vertical-align: bottom;
display: flex;
}

#recipe h2{
width: 95%;
height:auto;
padding: 2% 0% 0% 3%;
margin: 0 auto;
text-align: left;
font-size:20px;
clear:left;
vertical-align: bottom;
display: flex;
}

#read h2{
width: 95%;
height:auto;
padding: 2% 0% 1% 3%;
margin: 0 auto;
text-align: left;
font-size:20px;
clear:left;
vertical-align: bottom;
display: flex;
}

#search {
width: 100%;
margin: 0 auto;
padding: 3% 0% 2% 0%;
}

#read{
width: 100%;
margin: 0 auto;
padding: 13% 0% 5% 0%;
clear:left;
}

#recipe{
width: 100%;
margin: 0 auto;
margin-top: -15%;
padding: 12% 0% 0% 0%;
clear:left;
}

.h2_read {
font-size:14px;
text-align: left;
width: 90%;
height:auto;
padding: 0% 0% 0% 5%;
clear:left;
}

.more_link {
font-size:14px;
text-align: right;
width: 95%;
height:auto;
padding: 2% 0% 2% 0%;
clear:left;
}

#pote_menu {
width: 100%;
height:50px;
padding: 0%;
margin: 0 auto;
padding-bottom: 0%;
clear:left;
}

#pote_menu .f_link{
width: 100%;
padding:1% 0% 0% 0%;
margin:0% 0% 0% 0%;
clear:left;
}

#pote_menu .f_link li {
width: 30%;
padding:0% 0% 0% 3%;
margin:0 auto;
float:left;
*clear:right;
overflow: hidden;
}

/*col組*/

#search .col_read {
float:none;
width:90%;
margin:0 auto;
padding: 1% 0% 2% 0%;
clear: both;
}

#search .col_read:first-child {
margin-left:5%;
}

#search .image_ {
width: 45%;
height: auto;
margin:0 auto;
padding: 2% 0% 5% 0%;
float:left;
overflow: hidden;
}

#search .name_ttl{
margin:0 auto;
padding: 8% 0% 1% 47%;
text-align: left;
width: 97%;
font-size:14px;
}

#search .read1cols .name_ttl a {
font-size:14px;
}

#search .name_{
margin:0 auto;
padding: 0% 0% 0% 47%;
text-align: left;
width: 97%;
font-size:13px;
font-weight:normal;
}

#search .read1cols .name_ a {
font-size:13px;
font-weight:normal;
text-decoration: underline;
}

#search .read1cols {
width: 95%;
height: auto;
margin:0 auto;
padding: 0% 0% 5% 0%;
}

#search .name_read{
margin:0 auto;
padding: 0% 0% 0% 47%;
text-align: left;
width: 97%;
height: auto;
font-size:13px;
}


#search .col_s_top {
float:left;
width:44%;
margin:0 auto;
padding:0% 0% 0% 5%;
background-image:none;
}

#search .col_s2_top {
float:right;
width:90%;
margin:0 auto;
padding:0% 0% 0% 0%;
overflow: hidden;
}

#search .col_s_top:first-child {
margin-left:0px;
}

#search .cols_top {
padding:3% 0% 0% 5%;
*zoom:1;
}

#search .search_dot{
padding:0% 0% 3% 0%;
list-style-type: disc;
color: #f5a210;
}

#search .search_dot li {
padding:1% 0% 0% 0%;
list-style-type: disc;
}

#search .search_dot span {
font-size:13px;
text-decoration: underline;
}

#search .search_more{
font-size:13px;
text-align: right;
padding:0% 5% 0% 0%;
}

#recipe .col_recipe:first-child {
margin-left:0%;
}

#recipe .cols_recipe {
width: 100%;
margin:0 auto;
padding: 0% 0% 0% 0%;
*zoom:1;
}

#recipe .col_recipe {
float:none;
width:100%;
margin:0 auto;
padding: 1% 0% 2% 0%;
}

#recipe .col_recipe_end {
float:none;
width:100%;
margin:0 auto;
padding: 1% 0% 1% 0%;
}

#recipe .image_ {
width: 40.5%;
height: auto;
margin:0 auto;
padding: 0% 0% 0% 0%;
float:left;
overflow: hidden;
}

#recipe .image_r {
width: 40.5%;
height: auto;
margin:0 auto;
padding: 0% 0% 0% 0%;
float:left;
overflow: hidden;
}

#recipe .name_{
margin:0 auto;
padding: 12% 0% 10% 47%;
line-height:1.5;
text-align: left;
width: 97%;
}

#recipe .recipe1cols .name_ a {
font-size:14px;
}

#recipe .name_2 {
margin:0 auto;
padding: 12% 0% 10% 47%;
line-height:1.5;
text-align: left;
width: 97%;
}

#recipe .recipe1cols .name_2 a {
font-size:14px;
}

#recipe .recipe1cols {
color: #5d627b;
background: white;
box-shadow: none;
border-top: none;
width: 94%;
height: auto;
margin:0 auto;
padding: 2% 0% 5% 0%;
}

#read .col_read {
float:none;
width:90%;
margin:0 auto;
padding: 1% 0% 2% 0%;
clear: both;
}

#read .col_read:first-child {
margin-left:5%;
}

#read .image_ {
width: 45%;
height: auto;
margin:0 auto;
padding: 2% 0% 5% 0%;
float:left;
overflow: hidden;
}

#recipe .image_r {
width: 45%;
height: auto;
margin:0 auto;
padding: 2% 0% 5% 0%;
float:left;
overflow: hidden;
}

#read .name_ttl{
margin:0 auto;
padding: 8% 0% 1% 47%;
text-align: left;
width: 97%;
font-size:14px;
}

#read .read1cols .name_ttl a {
font-size:14px;
}

#read .name_{
margin:0 auto;
padding: 0% 0% 0% 47%;
text-align: left;
width: 97%;
font-size:13px;
font-weight:normal;
}

#read .read1cols .name_ a {
font-size:13px;
font-weight:normal;
text-decoration: underline;
}

#read .read1cols {
width: 95%;
height: auto;
margin:0 auto;
padding: 0% 0% 5% 0%;
}

#read .name_read{
margin:0 auto;
padding: 0% 0% 0% 47%;
text-align: left;
width: 97%;
height: auto;
font-size:13px;
}

.h2_link {
margin:0% 0% 1% 5%;
padding: 0% ;
text-align: left;
}

#tab_recipe{
width:100%;
height:auto;
padding: 1% 0% 5% 5%;
margin: 5% 0% 0% 0%;
background: #fff;
clear:left;
}

.tab_txt{
width:70%;
height:35px;
margin: 2% 15% 3% 12%;
padding: 1% 0% 0% 0%;
color: #5f420f;
font-size: 15px;
text-align: center;
font-weight: normal;
border: solid 3px #5f420f;
float:none;
}

.tab_txt_end{
width:70%;
height:35px;
margin: 2% 15% 0% 12%;
padding: 1% 0% 0% 0%;
color: #5f420f;
font-size: 15px;
text-align: center;
font-weight: normal;
border: solid 3px #5f420f;
float:none;
}
}


@media (max-width:414px){

#pote_menu {
height:45px;
}

#search .col_read {
width:95%;
}

#search .col_read:first-child {
margin-left:3%;
}

#search .read1cols {
width: 100%;
}


#read .col_read {
width:95%;
}

#read .col_read:first-child {
margin-left:3%;
}

#read .read1cols {
width: 100%;
}
}


@media (max-width:386px){

/*共通部分の指定*/

#other {
height:180px;
}

#other .other_image{
width:140px;
height: 43px;
}

#search .image_ {
width: 40%;
}

#read .image_ {
width: 40%;
}

#recipe .image_r {
width: 40%;
}

#search .name_ttl{
padding: 5% 0% 1% 42%;
}

#search .name_{
padding: 0% 0% 0% 42%;
}

#search .name_read{
padding: 0% 0% 0% 42%;
}


#read .name_ttl{
padding: 5% 0% 1% 42%;
}

#read .name_{
padding: 0% 0% 0% 42%;
}

#read .name_read{
padding: 0% 0% 0% 42%;
}
}


@media (max-width:375px){

/*共通部分の指定*/


#genre3{
height:150px;
}

#genre3 ul{
width:98%;
padding: 0% 0% 0% 0%;
}

#genre3 .tag2{
width:100%;
padding: 0% 0% 0% 3%;
}

#genre3 li {
width:47%;
padding:1.5% 0% 0% 0%;
list-style-type: none;
}

.h2_genre {
color: #f5a210;
font-size:18px;
text-align: left;
width: 94%;
height:auto;
padding: 3% 0% 0% 1%;
}

.pote_copy {
width: 100%;
font-size:11px;
}


/*TOPの指定*/

#pote_menu {
height:40px;
}

#recipe .recipe1cols {
width: 95%;
height: auto;
margin:0 auto;
padding: 2% 0% 5% 0%;
}

.more_link {
color: #5f420f;
font-size:14px;
text-align: right;
width: 95%;
height:auto;
padding: 0% 0% 2% 0%;
}
}


@media (max-width:360px){

/*共通部分の指定*/

#genre2 .tag{
width: 100%;
padding:0%;
}

#genre2 .tag span {
font-size:14px;
}

#genre3{
height:150px;
}

#genre3 ul{
width:98%;
}

#genre3 .tag2{
width:100%;
padding: 0% 0% 0% 3%;
}

#genre3 .tag2 span {
font-size:12px;
}

#genre3 li {
width:47%;
padding:1.5% 0% 0% 0%;
}

/*TOPの指定*/
#pote_menu {
height:42px;
}

#search .name_ttl{
padding: 0% 0% 1% 42%;
}

#recipe .image_r {
width: 45%;
height: auto;
margin:0 auto;
padding: 0% 0% 8% 0%;
}

#recipe .recipe1cols .name_2 a {
font-size:14px;
}

#read .name_ttl{
padding: 0% 0% 1% 42%;
}
}


@media (max-width:320px){

/*共通部分の指定*/

#genre3{
width:100%;
height:220px;
padding: 1% 0% 0% 0%;
margin: 0 auto;
background: #fff;
clear:left;
}

#genre3 ul{
width:95%;
margin:0 auto;
padding: 0% 0% 0% 0%;
*clear:right;
float:left;
overflow: hidden;
}

#genre3 .tag2{
width:100%;
margin:0 auto;
padding: 0% 0% 0% 3%;
*clear:right;
float:left;
overflow: hidden;
}

#genre3 li {
width:90%;
padding:1.5% 0% 0% 15%;
list-style-type: none;
color: #f5a210;
float:none;
overflow: hidden;
}

#genre2 {
height:250px;
}

#genre2 .tag li {
padding:1% 3% 0% 5%;
margin:0 auto;
list-style:none;
float:left;
overflow: hidden;
color: #5f420f;
}

#genre2 .tag2 span {
color: #5f420f;
font-size:14px;
text-decoration: underline;
}

#genre2 .tag span {
font-size:14px;
}

#genre3 .tag2 span {
color: #5f420f;
font-size:14px;
}

.pote_copy {
font-size:10px;
}


/*TOPの指定*/
#pote_menu {
height:36px;
}

#search .name_ttl{
padding: 0% 0% 0% 45%;
width: 100%;
font-size:13px;
}

#search .read1cols .name_ttl a {
font-size:13px;
}

#search .name_{
margin:0 auto;
padding: 0% 0% 0% 45%;
width: 100%;
font-size:12px;
font-weight:normal;
}

#search .read1cols .name_ a {
font-size:12px;
}

#search .read1cols {
width: 100%;
height: auto;
margin:0 auto;
padding: 2% 0% 5% 0%;
}

#search .name_read{
margin:0 auto;
padding: 0% 0% 0% 45%;
width: 100%;
height: auto;
font-size:12px;
}

#recipe .name_{
margin:0 auto;
padding: 12% 0% 10% 50%;
width: 100%;
}

#recipe .name_2 {
margin:0 auto;
padding: 12% 0% 10% 50%;
width: 100%;
}

#recipe .recipe1cols .name_2 a {
font-size:12px;
}

#recipe .recipe1cols {
width: 100%;
height: auto;
margin:0 auto;
padding: 2% 0% 5% 0%;
}


#recipe .recipe1cols .name_ a {
font-size:13px;
}

#read .name_ttl{
padding: 0% 0% 0% 45%;
width: 100%;
font-size:13px;
}

#read .read1cols .name_ttl a {
font-size:13px;
}

#read .name_{
margin:0 auto;
padding: 0% 0% 0% 45%;
width: 100%;
font-size:12px;
font-weight:normal;
}

#read .read1cols .name_ a {
font-size:12px;
}

#read .read1cols {
width: 100%;
height: auto;
margin:0 auto;
padding: 2% 0% 5% 0%;
}

#read .name_read{
margin:0 auto;
padding: 0% 0% 0% 45%;
width: 100%;
height: auto;
font-size:12px;
}

.more_link {
color: #5f420f;
font-size:13px;
text-align: right;
width: 95%;
height:auto;
padding: 2% 0% 0% 0%;
}

#other {
width: 100%;
height: 160px;
padding: 20px 0px 20px 10px;
}

#other .other_image {
width: 120px;
height: 36px;
}

#other .other_link li {
width: 48%;
padding: 1% 0% 3% 5%;
}
}