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

#world_level3 {
width: 960px;
height: auto;
padding: 0px 0px 50px 0px;
margin: 0 auto;
margin-top: 25px;
background: #ffffff;
}

.h_ttl {
width: 960px;
height: auto;
margin: 0 auto;
}

.catch{
color: #8ab714;
width: 100%;
margin: 0 auto;
padding:0% 0% 3% 0%;
font-size: 30px;
line-height: 1.6;
text-align: center;
font-weight: bold;
}

#world_level3 h1{
width: 100%;
margin: 0 auto;
padding:0% 0% 0% 0%;
}

.w_navi {
width: 960px;
height: auto;
margin: 0 auto;
padding:0.5% 0% 0% 1%;
display:inline-block;
}

.w_navi_o {
width: 960px;
height: auto;
margin: 0 auto;
padding:0.5% 0% 0% 0%;
display:inline-block;
}

.eu_navi{
width:26%;
height: auto;
margin: 0 auto;
padding:0% 8% 0% 1%;
-moz-transition: -moz-transform 0.3s linear;
-webkit-transition: -webkit-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
-ms-transition: -ms-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}

.eu_navi:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.asia_navi{
width:25%;
height: auto;
margin: 0 auto;
padding:0% 8% 0% 1%;
-moz-transition: -moz-transform 0.3s linear;
-webkit-transition: -webkit-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
-ms-transition: -ms-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}

.asia_navi:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.america_navi{
width:35%;
height: auto;
margin: 0 auto;
padding:0% 8% 0% 0%;
-moz-transition: -moz-transform 0.3s linear;
-webkit-transition: -webkit-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
-ms-transition: -ms-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}

.america_navi:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.america_navi_o{
width:27%;
height: auto;
margin: 0 auto;
padding:0% 0% 0% 0%;
-moz-transition: -moz-transform 0.3s linear;
-webkit-transition: -webkit-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
-ms-transition: -ms-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}

.america_navi_o:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.other_navi{
width:11%;
height: auto;
margin: 0 auto;
padding:0.8% 0% 0% 0%;
-moz-transition: -moz-transform 0.3s linear;
-webkit-transition: -webkit-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
-ms-transition: -ms-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}

.other_navi:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.index_navi{
width:25%;
height: auto;
margin: 0 auto;
padding:1% 8% 0% 4%;
-moz-transition: -moz-transform 0.3s linear;
-webkit-transition: -webkit-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
-ms-transition: -ms-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}

.index_navi:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.index_navi_o{
width:21%;
height: auto;
margin: 0 auto;
padding:1% 7% 0% 1%;
-moz-transition: -moz-transform 0.3s linear;
-webkit-transition: -webkit-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
-ms-transition: -ms-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}

.index_navi_o:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

#world_level3 h2{
width: 100%;
height: auto;
margin: 0 auto;
padding:20px 0px 20px 0px;
background: #ffffff;
border: none;
font-size: 35px;
line-height: 1.6;
font-weight: bold;
text-align: center;
color:#333;
}

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

#halal{
width: 960px;
height: 1050px;
margin: 5% 0% 0% 0%;
padding: 0% 0% 0% 0%;
clear:left;
}

#gluten_free{
width: 960px;
height: 700px;
margin: 5% 0% 5% 0%;
padding: 0% 0% 0% 0%;
clear:left;
}

#non_egg{
width: 960px;
height: 1750px;
margin: 0% 0% 5% 0%;
padding: 0% 0% 0% 0%;
clear:left;
}

#soy_meat{
width: 960px;
height: 1180px;
margin: 5% 0% 5% 0%;
padding: 0% 0% 0% 0%;
clear:left;
}

#endou_tsuna{
width: 960px;
height: 730px;
margin: 5% 0% 5% 0%;
padding: 0% 0% 0% 0%;
clear:left;
}

#pomato{
width: 960px;
height: 2200px;
margin: 5% 0% 5% 0%;
padding: 0% 0% 0% 0%;
clear:left;
}

.chonchon{
width: 30px;
height: 35px;
margin: 0 auto;
padding:0;
}

.w_other_donyu{
padding: 0px 0px 30px 0px;
margin: 0 auto;
font-size: 16px;
line-height: 1.6;
font-weight: normal;
color:#333;
text-align: center;
}

.obi{
width: 960px;
height: 80px;
margin: 0 auto;
padding:0% 0% 0% 0%;
background:#d9eeed;
vertical-align: middle;
clear:left;
}

.obi_free{
width: 960px;
height: 80px;
margin: 0 auto;
padding:0% 0% 0% 0%;
background:#d9eeed;
vertical-align: middle;
clear:left;
}

.obi_name{
padding: 16px 0px 0px 0px;
margin: 0 auto;
font-size: 26px;
line-height: 1.6;
font-weight: bold;
color:#333;
vertical-align: middle;
text-align: center;
}

.obi_name_free{
padding: 16px 0px 0px 0px;
margin: 0 auto;
font-size: 26px;
line-height: 1.6;
font-weight: bold;
color:#333;
vertical-align: middle;
text-align: center;
}

.obi_flag{
width: 76px;
height: 44px;
padding: 0px 10px 0px 0px;
margin: 0 auto;
vertical-align: middle;
}

.other_main{
width: 100%;
height: 500px;
margin: 0 auto;
padding: 0% 0% 0% 0%;
clear:left;
}

.other_left{
width: 480px;
height: auto;
margin: 20px 0px 0px 0px;
padding: 0px;
float:left;
}

.other_photo{
width: 480px;
height: auto;
margin: 3% 0% 4% 0%;
padding: 0%;
}

.other_anno_left{
width: 100%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0%;
font-size: 13px;
line-height: 1.4;
font-weight: normal;
color:#333;
text-align: left;
clear:left;
}

.other_anno_right{
width: 100%;
height: auto;
margin: 7% 0% 0% 0%;
padding: 0%;
font-size: 13px;
line-height: 1.4;
font-weight: normal;
color:#333;
text-align: left;
clear:left;
}

.other_right{
width: 440px;
height: auto;
margin: 10px 0px 0px 40px;
padding: 0px;
float:left;
}

.other_midashi{
width: 100%;
height: auto;
margin: 5% 0% 3% 0%;
padding: 0%;
font-size: 25px;
line-height: 1.6;
font-weight: bold;
color:#333;
text-align: left;
}

.other_txt{
width: 100%;
height: auto;
margin: 0% 0% 3% 0%;
padding: 0%;
font-size: 16px;
line-height: 1.6;
font-weight: normal;
color:#333;
text-align: left;
}

.other_item{
width: 440px;
height: 150px;
margin: 0 auto;
padding: 10px 0px 10px 35px;
}

.other_item_big{
width: 440px;
height: 210px;
margin: 0px 0px 20px 0px;
padding: 10px 0px 40px 35px;
}

.o_item{
width: 132px;
height: 132px;
margin: 0 auto;
padding: 0%;
clear:left;
float:left;
}

.o_item_big{
width: 160px;
height: 160px;
margin: 30px 0px 0px 0px;
padding: 0%;
clear:left;
float:left;
}

.o_item_big2{
width: 135px;
height: 135px;
margin: 30px 20px 0px 0px;
padding: 0%;
clear:left;
float:left;
}

.other_item_name{
width: 405px;
height: auto;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 1.6;
font-weight: normal;
color:#76a32d;
text-align: left;
}

.other_item_name a{
text-decoration: none;
color:#76a32d;
}

.other_item_name a:hover{
text-decoration: none;
color:#e60012;
}

.other_item_name2{
width: 405px;
height: auto;
margin: 70px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 1.6;
font-weight: normal;
color:#76a32d;
text-align: left;
}

.other_item_name2 a{
text-decoration: none;
color:#76a32d;
}

.other_item_name2 a:hover{
text-decoration: none;
color:#e60012;
}

.dot_border {
width: 960px;
height: 16px;
margin: 0 auto;
padding:0%;
background: url(/img/usr/free/world/dot.png) repeat-x 0;
border:none;
clear:left;
}

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

.w_recipe_box1{
width: 960px;
height: auto;
margin: 0 auto;
padding:0% 0% 0% 0%;
display: block;
clear:left;
}

.w_recipe_box{
width: 960px;
height: 260px;
margin: 0 auto;
padding:0px 375px 0px 375px;
}

.w_recipe{
width: 210px;
height: 210px;
padding: 0px;
margin: 0px 40px 40px 0px;
background:#d9eeed;
float:left;
}

.w_recipe_end{
width: 210px;
height: 210px;
padding: 0px;
margin: 0px 0px 0px 0px;
background:#d9eeed;
float:none;
}

.box_recipe{
width: 210px;
height: 158px;
margin: 0 auto;
padding: 0px;
}

.box_name{
width: 100%;
height: 50px;
font-size: 14px;
padding: 0px 0px 0px 0px;
text-align: center;
}

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

.box_feature{
width: 210px;
height: 210px;
padding: 0px;
margin: 0px 40px 40px 0px;
float:left;
}

.box_feature_end{
width: 210px;
height: 210px;
padding: 0px;
margin: 0px 0px 40px 0px;
float:left;
}

#w_kanren{
width: 960px;
margin: 0 auto;
clear:left;
padding: 0px 0px 20px 0px;
}

.w_kanren_t{
width: 100%;
height: auto;
margin: 0 auto;
padding:40px 0px 10px 0px;
font-size: 22px;
line-height: 1.5;
font-weight: bold;
text-align: left;
color:#333;
}

.w_kanrenlink{
width: 100%;
height: auto;
margin: 0 auto;
padding:0px 0px 0px 0px;
font-size: 16px;
line-height: 1.6;
font-weight: normal;
text-align: left;
color:#333;
}

.w_kanrenlink a{
text-decoration: underline;
color:#333;
}

.w_kanrenlink a:hover{
text-decoration: underline;
color:#e60012;
}

.other_anno{
width: 100%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 4% 0% 2% 0% ;
font-size: 13px;
line-height: 1.4;
font-weight: normal;
color:#333;
text-align: left;
clear:left;
}


@media (max-width:780px){

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

#world_level3 {
width: 100%;
max-width: 480px;
margin: 0 auto;
background: #ffffff;
padding: 1% 0% 3% 0%;
}

.h_ttl {
width: 100%;
max-width: 480px;
}

.catch{
color: #8ab714;
width: 98%;
padding:0% 0% 3% 0%;
font-size: 16px;
font-weight: normal;
}

.w_navi {
width: 100%;
max-width: 480px;
height: auto;
position: relative;
left: 10%;
}

.w_navi_o {
width: 100%;
height: auto;
position: relative;
left: 10%;
}

.eu_navi{
width:20%;
height: auto;
margin: 0 auto;
padding:2% 3% 0% 3%;
}

.asia_navi{
width:20%;
height: auto;
margin: 0 auto;
padding:2% 3% 0% 3%;
}

.america_navi{
width:19.5%;
height: auto;
margin: 0 auto;
padding:2% 3% 0% 3%;
}

.america_navi_o{
width:19.5%;
height: auto;
margin: 0 auto;
padding:2% 3% 0% 3%;
}

.other_navi{
width:19%;
height: auto;
margin: 0 auto;
padding:2% 3% 0% 3%;
}

.index_navi{
width:19%;
height: auto;
margin: 0 auto;
padding:2% 3% 0% 3%;
}

#e_tegaru{
width: 100%;
max-width: 480px;
height: auto;
padding: 5% 0% 0% 0%;
}

#halal{
width: 100%;
max-width: 480px;
height: auto;
margin: 0 auto;
padding: 0% 0% 0% 0%;
}

#gluten_free{
width: 100%;
max-width: 480px;
height: auto;
margin: 0 auto;
padding: 0% 0% 0% 0%;
}

#non_egg{
width: 100%;
max-width: 480px;
height: auto;
margin: 0 auto;
padding: 0% 0% 0% 0%;
}

#soy_meat{
width: 100%;
max-width: 480px;
height: auto;
margin: 0 auto;
padding: 0% 0% 0% 0%;
}

#endou_tsuna{
width: 100%;
max-width: 480px;
height: auto;
margin: 0 auto;
padding: 0% 0% 0% 0%;
}

#pomato{
width: 100%;
max-width: 480px;
height: auto;
margin: 0 auto;
padding: 0% 0% 0% 0%;
}

#world_level3 h2{
padding:3% 0% 3% 0%;
font-size: 24px;
}

.chonchon{
width: 6%;
height: auto;
}

.w_other_donyu{
font-size: 14px;
text-align: left;
}

.obi{
width: 100%;
max-width: 480px;
height: auto;
margin: 4% 0% 0% 0%;
}

.obi2{
width: 100%;
max-width: 480px;
height: auto;
margin: 4% 0% 0% 0%;
}

.obi_free{
width: 100%;
max-width: 480px;
height: auto;
margin: 4% 0% 0% 0%;
}

.obi_name{
width: 98%;
padding: 2% 1% 2% 1%;
margin: 0 auto;
font-size: 24px;
}

.obi_name_free{
width: 98%;
padding: 2% 1% 2% 1%;
margin: 0 auto;
font-size: 24px;
}

.obi_flag{
width: 14%;
height: auto;
}

#e_feature{
width: 100%;
height: auto;
padding:5% 0% 5% 0%;
}

.other_main{
width: 100%;
max-width:480px;
height: auto;
margin: 0 auto;
padding: 0% 0% 0% 0%;
clear:left;
}

.box_feature{
width: 40%;
height: auto;
padding: 0%;
margin: 0% 5% 8% 5%;
}

.box_feature_end{
width: 40%;
height: auto;
padding: 0%;
margin: 0% 0% 8% 5%;
}

.other_left{
width: 90%;
max-width: 480px;
height: auto;
margin: 3% 5% 3% 5%;
padding: 0%;
float:none;
}

.other_photo{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0%;
}

.other_photo2{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0% 0% 5% 0%;
}

.other_anno{
width: 95%;
height: auto;
margin: 3% 2% 0% 3%;
clear:left;
}

.other_right{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0% 3% 8% 3%;
float:none;
}

.other_midashi{
width: 94%;
margin: 0% 3% 0% 3%;
padding: 0%;
font-size: 20px;
}

.other_txt{
width: 96%;
height: auto;
margin: 0% 2% 3% 2%;
padding: 0%;
font-size: 16px;
line-height: 1.6;
font-weight: normal;
color:#333;
text-align: left;
}

.other_item{
width: 100%;
height: auto;
margin: 0% 0% 5% 0%;
padding: 0% 0% 2% 0%;
display: block;
clear:left;
float:none;
}

.other_item_big{
width: 100%;
height: auto;
margin: 0% 0% 5% 0%;
padding: 0% 0% 2% 0%;
display: block;
clear:left;
float:none;
}

.o_item{
width: 40%;
height: auto;
margin: 0 auto;
padding: 0%;
clear:left;
float:left;
}

.o_item_big{
width: 40%;
height: auto;
margin: 0 auto;
padding: 0%;
clear:left;
float:left;
}

.other_item_name{
width: 100%;
height: auto;
margin: 2% 0% 2% 0%;
padding: 13% 0% 8% 0%;
font-size: 16px;
}

.other_item_name2{
width: 100%;
height: auto;
margin: 2% 0% 2% 0%;
padding: 13% 0% 8% 3%;
font-size: 16px;
}

hr.dot_border {
width: 100%;
}

#e_recipe{
width: 100%;
height: auto;
margin: 0 auto;
padding:5% 0% 8% 0%;
}

.w_recipe_box1{
width: 100%;
height: auto;
}

.w_recipe_box{
width: 100%;
height: auto;
margin: 0 auto;
padding:0%;
display:block;
}

.w_recipe{
width: 40%;
height: auto;
padding: 0%;
margin: 0 auto;
}

.w_recipe_end{
width: 40%;
height: auto;
padding: 0%;
margin: 0 auto;
display:block;
}

.box_recipe{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0%;
}

.box_name{
width: 100%;
height: 50px;
font-size: 14px;
padding: 5px 0px 0px 0px;
}

#w_kanren{
width: 95%;
margin: 0 auto;
padding:0%;
}

.w_kanren_t{
padding:7% 0% 0% 0%;
}

#halal, #gluten_free, #non_egg, #soy_meat, #endou_tsuna, #pomato {
 margin-top: -17.07vw;
 padding-top: 17.07vw;
}
}



@media (max-width:375px){

#world_level3 h2{
font-size: 22px;
}

.chonchon{
width: 7%;
height: auto;
padding: 0% 1% 0% 1%;
}

.obi{
margin: 4% 0% 0% 0%;
}

.obi_free{
margin: 4% 0% 0% 0%;
}

.obi_name{
padding: 2.5% 0% 2.5% 0%;
margin: 0 auto;
font-size: 22px;
}

.obi_name_free{
padding: 2.5% 0% 2.5% 0%;
margin: 0 auto;
font-size: 22px;
}

.w_kanren_t{
font-size: 20px;
}

.w_kanrenlink{
font-size: 14px;
}
}


@media (max-width:360px){

.catch{
font-size: 14px;
}

#world_level3 h2{
font-size: 20px;
}

.obi_name{
padding: 2.5% 0% 2.5% 0%;
margin: 0 auto;
font-size: 20px;
}

.obi_name_free{
padding: 2.5% 0% 2.5% 0%;
margin: 0 auto;
font-size: 20px;
}

.other_item_name{
width: 100%;
height: auto;
margin: 2% 0% 2% 0%;
padding: 13% 0% 8% 0%;
font-size: 14px;
}

.other_item_name2{
width: 100%;
height: auto;
margin: 2% 0% 2% 0%;
padding: 13% 0% 8% 3%;
font-size: 14px;
}
}


@media (max-width:320px){

#world_level3 h2{
font-size: 18px;
}

.obi_name{
font-size: 18px;
}

.obi_name_free{
font-size: 18px;
}

.chonchon{
width: 6%;
height: auto;
padding: 0% 0% 0% 0%;
}

.w_kanren_t{
font-size: 18px;
}

.other_txt{
font-size: 14px;
}

.w_kanrenlink{
font-size: 14px;
}
}