/*全体*/

*{margin:0;padding:0;

}





.center{
text-align:center;}

.clear{
clear:both;}


/*.wrap{overflow:hidden;}*/






/*要素スタイル*/

h1{font-size:25px;
margin:30px 0;}

h2{font-size:23px;
margin:30px 0;}

iframe{width:90%;}

/*要素スタイルここまで*/


/*pagetopボタン*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 50px;
  background:#CD853F;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*pagetopボタン*/



/*bodyスタイル*/

body{
background-image: url("back.jpg");
background-repeat: repeat;
line-height:30px;
font-family: 'Sawarabi Mincho', sans-serif;

}
/*bodyスタイルここまで*/

/*wrapperスタイル*/
.wrapper{
margin:0 auto;
width:1000px;}

/*wrapperスタイルここまで*/




.sonota1_wrapper{
margin:0 auto;
width:1200px;}

/*ヘッダー*/



#header .subtitle p{font-size:12px;

margin:0;
padding:0;
margin-left:20px;}

header{

width:100%;
padding-top:10px;
background:white;

}


header nav ul li{
font-size:20px;
font-weight:bold;
list-style: none;
display: inline-block;
}

header nav ul li a{
text-decoration: none;
color: #333;
}
header .gnav .current{
color: #F33135;
}
header nav ul li a:hover{
border-bottom: solid 3px #FF9966;
}


header nav ul li::after{
content:"|";
color:#808080;
margin:10px;}


#header p{
font-size:15px;
color:#808080;}


.logo{
margin-top:0;
padding-top:0;
margin-left:20px;
float:left;
}


.navi{
float:right;}


.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

/*ヘッダーここまで*/


/*メニュー*/



.gnav {
    display: flex;
    height: 2rem;
    margin: 0 auto;

}
.gnav > li {/*親階層のみ幅を25%にする*/
    width: 25%;
margin-top: 10px;
}
/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
}
.gnav li a {
font-weight:bold;
	font-size:22px;
    border-right: 1px solid #eee;
    color: black;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/*子階層以降共通*/
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav li li a {
    border-top: 1px solid #eee;
}
.gnav li:hover > ul > li {
    height: 2rem;
    overflow: visible;
}
.gnav li ul li ul {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
/*一番右のメニュー*/
.gnav > li:nth-child(5) ul li ul {
    left: -100%;
}
/*aの背景色を指定*/   
.gnav li a:hover {/*親階層*/

border-bottom:red 3px solid;
}



.gnav li li a {/*子階層*/
background:white;
    
}

.index_header .gnav li li a {/*子階層トップページ用*/
background:none;
    
}
.gnav li li:hover a {
background:#DEB887;
border:none;

}
.gnav li ul li ul li a {/*孫階層*/
    background: #004789;
}
.gnav li ul li ul li:hover a {
    background: #0065c1;
}
.gnav li ul li ul li ul li a {/*ひ孫階層*/
    background: #0065c1;
}
.gnav li ul li ul li ul li:hover a {
    background: #1e7dd4;
}
/*リストに「??」を付ける*/
.gnav > li > ul:before{/*子階層*/
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    content: "";
    right: 1rem;
    position: absolute;
    top: 1rem;
    transform: translateY(-40%);
}
.gnav li ul li ul:before {/*孫階層*/
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    content: "";
    left: -20px;
    position: absolute;
    top: 1em;
    transform: translateY(-50%);
}
.gnav li:nth-child(5) ul li ul:before {/*一番右のメニューの孫階層*/
    border: 5px solid transparent;
    border-right: 5px solid #fff;
    left: auto;
    right: -20px;
}




/*メニューここまで*/



/*トップページ*/


#index_subtitle p{
color:white;
text-shadow:2px 2px 3px black;
}

.index_navi nav ul{
color:white; text-shadow:2px 2px 3px black;

}

.index_wrapper{
width:auto;
padding-top:50px;}

.index_header{
background:none;
color:white;
;}

.index_header .gnav li a{
color:white;
text-shadow: 3px 3px black;
;}


#index_navi nav ul li{
font-size:25px;
}


.index_header nav ul li::after{
content:"|";
color:white;
margin:10px;}


.index_company{
padding-bottom:50px;}

.index_product{

}


.product_setumei{
width:1000px;
margin:0 auto;
padding-bottom:30px;
}

.company_setumei{
width:1000px;
margin:0 auto;
}

.shohin{
width:1000px;
margin:0 auto;}


/*トップページここまで*/

/*kouso2.html*/

#kouso2_body{
}


.kouso2_mainimage{
margin-top:50px;}


/*kouso2.htmlここまで*/



/*index.html*/



.index_kouso{

float:left;}

.index_kouso p{
text-decoration:none;

margin:0 auto;
font-weight:bold;
color:#CC6600;
background:white;
border: solid 1px #CC6600;
text-align:center;
margin-bottom:10px;}

.index_kouso p:hover{
color:white;
background:#CD853F;}



.index_osu{
float:left;}

.index_osu p{
text-decoration:none;

margin:0 auto;
font-weight:bold;
color:#CC6600;
background:white;
border: solid 1px #CC6600;
text-align:center;
margin-bottom:10px;}


.index_osu p:hover{
color:white;
background:#CD853F;}

.index_sonota{
float:left;}

.index_sonota p{
text-decoration:none;

margin:0 auto;
font-weight:bold;
color:#CC6600;
background:white;
border: solid 1px #CC6600;
text-align:center;
margin-bottom:10px;}

.index_sonota p:hover{
color:white;
background:#CD853F;}


.index_sonota a{text-decoration:none;}
.index_kouso a{text-decoration:none;}
.index_osu a{text-decoration:none;}



#index_subtitle p{
color:white;}


.index_company a{
margin-left:10px;
font-weight:bold;
color:#CC6600;
padding-top:10px;
padding-bottom:10px;
padding-left:50px;
padding-right:50px;
background:white;
text-decoration: none;
border: solid  1px #CC6600;

}

.index_company a:hover{
color:white;
background:#CD853F;}


.index_company p{
margin-bottom:50px;}



.index_product{

padding-top:50px;
padding-bottom:50px;

}


/*index.htmlここまで*/











#sec2{


}

#sec2 h2{
padding-bottom:20px;}




h1 img{width:100%;
}


#company{

margin-top:100px;

}

.kaishasetumei{
padding-top:30px;}

.kaishasetumei h2{
margin-bottom:50px;}

.setumei1{
}

.setumei1 p{
float:left;
width:500px;}

.setumei1 img{
float:right;
}


.setumei1 .sain{
float:right;}

.setumei2{
clear:both;}


.setumei2{
}

.setumei2 p {
float:right;
width:500px;}
.setumei2 img{
float:left;
}


.lef{
float:left;
width:500px;}

.rig{
float:right;
width:400px;}



.setumei3{clear:both;}




.kaishasetumei1{
padding-bottom:50px;}

.kaishasetumei2{
padding-bottom:50px;}

.kaishasetumei3{
padding-bottom50px;}



.kouso1{padding-top:50px;}

.kouso1 p{
float:left;
width:500px;}

.kouso1 img{
float:right;
}

.kouso2{
clear:both;}


.kouso2{padding-top:50px;}
.kouso2 p {float:right;width:500px;}
.kouso2 img{float:left;}



.kouso3{clear:both;}



.osu1{padding-top:50px;}

.osu1 p{
float:left;
width:500px;}

.osu1 img{
float:right;
}

.osu2{
clear:both;}


.osu2{padding-top:50px;}
.osu2 p {float:right;width:500px;}
.osu2 img{float:left;}



.osu3{clear:both;}


.kousolink{
margin-top:40px;

}

.kousolink img{
margin-right:10px;}

.osulink{
margin-top:40px;

}

.osulink img{

margin-right:10px;


}


.sonotalink{
margin-top:40px;

}

.sonotalink img{

margin-right:10px;


}


.product_shohin h2{

background:#996633;
color: white;
padding:5px 0px 5px 10px;}


#kouso2_body{
background:black;
}

#kouso2_wrapper{
color:white;
}

#kouso2_body h1{
padding-top:20px;
padding-bottom:20px;
color:#CC9933;}

.kouso2_topimage{
padding-top:50px;
}

.kouso2_image{
padding-top:20px;}

.kouso2_image p{width:320px;}

.kouso2_1{float:left;margin-left:10px;}
.kouso2_2{float:left;margin-left:10px;}
.kouso2_3{float:left;}






.shohin{
padding-top:50px;}

.index_osu{
margin-left:50px;}

.index_sonota{
margin-left:50px;}

.shohin img:hover{
opacity:0.7;
}

figure.gazo-box {
float: left;
padding-right: 10px;
}

footer{
background-color: #DEB887;

}


.footer_company{
margin-top:30px;
padding-top:5px;
padding-bottom:20px;
background:white;}

.footer_company h2{
text-align:center;
}

.footer_company .footer_left{


padding-left:100px;
float:left;width:50%;}

.footer_company .footer_left ul li{
list-style-type:none;}


.footer_company  .footer_right{

float:left;width:40%;}

footer{
padding-top:50px;
padding-bottom:50px;
text-align:center;}

/*
#pagetop{
text-align:right;
margin-top:50px;
margin-bottom:20px;
margin-right:20px;
text-decoration:none;
}

*/

#pagetop{
position:fixed;
bottom:20px;
right:20px;

}

#pagetop a{
text-decoration:none;
background:white;
padding:10px;
border:2px solid #CD853F;
color:#CD853F;
font-weight:bold;
border-radius:10px;
font-size:16px;

}

#pagetop a:hover{

background:#CD853F;
color:white;


}

.kaishagaiyou h2{
background:#DEB887;
padding:20px;}

.kaishagaiyou table{
margin:0 auto;
border-collapse: collapse;

}



.kaishagaiyou th{width:200px;height:50px;vertical-align: middle;border: solid 1px black;}

.kaishagaiyou td{width:800px;height:60px;vertical-align: middle;border: solid 1px black;}

.kaishagaiyou table th{
background:#d2b48c;}

.kaishagaiyou table td{
background:#f5deb3;
padding-left:20px;
padding-right:20px;
}

.kaishagaiyou table ul{
list-style-type: none
}

.kaishagaiyou table tr{
border-bottom:2px solid #808080;}

.kaishagaiyou{



margin-top:50px;
margin-bottom:50px;
line-height: 30px;
width: 100%;
    font-size: 124%;
    font-size: inherit;
    font: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
display: table;
box-sizing: border-box;



}

.product_shohin{
margin-top:30px;
margin-bottom:50px;
}




.kodawari h2{
background:#996633;
color: white;
padding:5px 0px 5px 10px;

}




.sain img{}


#osu1_body{
background:white;}


#osu1_wrapper h1{
margin:40px 0;
}

#osu1_wrapper h2{
margin:20px 0;
}



.QualityManagement{
margin-top:40px;
}



.honbun{
width:600px;
float:left;}

.flt img{
width:350px;
float:right;}

.vinegar_making_img{

margin-top:40px;
}

.QualityManagement_img{

margin-top:40px;
}


.vinegar_making{

margin-top:50px;

}


.reliance{
padding-bottom:30px;}



.reliance table{
background:white;
margin-top:20px;
margin:0 auto;
}

.reliance table caption{
font-size:20px;
background:white;
padding:20px 0;
}



.reliance table thead{
text-align:center;
}



.reliance table th{
padding: 10px 0;
font-weight:bold;

}

.reliance table td{
padding:0 20px;

}

.reliance table tfoot{
text-align:center;
}

.reliance table tfoot td{
padding:20px 0;
}

.tokkyo p{
font-size:25px;
}

.tokkyo{padding-top:50px;}



.tokkyo_honbun{
margin-bottom:30px;
}


.tokkyo_honbun h2{
line-height:50px;
font-size:40px;
}

.tokkyo_honbun p{
line-height:40px;
font-size:30px;
color:#CC9966;
}


.tokkyosyo{
width:350px;
float:left;
padding-left:100px;
margin-bottom:30px;


}

.tokkyolink{
background:white;
border:solid 2px #CC6600;
text-decoration:none;
text-align:center;
color: black;

}

.tokkyolink:hover{
background:#CC6600;
color:white;

}

.zentokkyo a{
text-decoration:none;

}








.index_company {

text-align:center;

}

.index_product {
text-align:center;

}



.product_shohin #osu{
margin-top:100px;

}


#kouso_nav ul li {
font-size:20px;
font-weight:bold;
list-style: none;
display: inline-block;


}


#kouso_nav{
margin-top:50px;
}


#kouso_nav ul li a{

padding-right:20px;
padding-left:20px;
margin-right:10px;
border: 1px solid black;
text-decoration:none;
color:black;
background:white;
}

#kouso_nav ul li a:hover{
background:#FFE4C4;
}

#kouso_nav ul .kouso_current a{
background:#DEB887;

}

#kouso_nav ul li::after{

content:none;

}



#kouso_nav ul li {
font-size:20px;
font-weight:bold;
list-style: none;
display: inline-block;


}


#osu_nav ul li {
font-size:20px;
font-weight:bold;
list-style: none;
display: inline-block;


}



#osu_nav{
margin-top:50px;
}


#osu_nav ul li a{

padding-right:30px;
padding-left:30px;
margin-right:20px;
border: 1px solid black;
text-decoration:none;
color:black;
background:white;
}

#osu_nav ul li a:hover{
background:#FFE4C4;
}

#osu_nav ul .osu_current a{
background:#DEB887;

}

#osu_nav ul li::after{

content:none;

}


#osu_nav ul li {
font-size:20px;
font-weight:bold;
list-style: none;
display: inline-block;


}


#sonota_nav ul li {
font-size:20px;
font-weight:bold;
list-style: none;
display: inline-block;


}


#sonota_nav{
margin-top:50px;
padding-bottom:50px;
}


#sonota_nav ul li a{

padding-right:30px;
padding-left:30px;
margin-right:20px;
border: 1px solid black;
text-decoration:none;
color:black;
background:white;
}

#sonota_nav ul li a:hover{
background:#FFE4C4;

}

#sonota_nav ul .sonota_current a{
background:#DEB887;

}

#sonota_nav ul li::after{

content:none;

}


.kaishasetumei h2{
background:#996633;
color: white;
padding:5px 0px 5px 10px;}



#osu2_body{
background:white;}

#osu2_section img{
float:left;}


#osu2_section .rgt{
float:right;
width:700px;}

#osu2_section .ume{
padding-left:50px;
float:left;
width:300px;}

#osu2_section .miso{
float:right;
width:300px;}

.recipe p{
font-size:14px;}

.recipe li{
font-size:14px;}


.recipe{
margin: 50px 0;}

.recipe span{
font-weight:bold;}

.recipe h3{
font-size:25px;
font-weight:bold;}


.revies{background:white;}


.reliance h3{
padding:20px 0;
text-align:center;
}

.reliance .review1{
padding-left:25px;
float:left;
width:300px;}

.reliance .review2{
margin:0 25px;
float:left;
width:300px;}

.reliance .review3{
padding-right:25px;
float:left;
width:300px;}

.revtitle{
text-align:center;
font-weight:bold;
padding-bottom:20px;}

.revname{
text-align:center;
padding-top:20px;}



.company_wrapper h2{
padding-left:10px;

}




#sonota_product h2{
text-align:center;
background:#CD853F;

}

#sonota_product .hutatu{

margin-bottom:10px;
}


.other_product_left{
background:white;width:595px;float:left;height:500px;
}


.other_product_right{
background:white;width:595px;float:left;margin-left:10px;height:500px;
}

.other_product_image{
float:left;width:195px;height:250px;
}

.other_product_setumei{

float:left;width:390px;padding-right:10px;height:280px;

}


#sonota_product a{
color:black;
text-decoration:none;
padding:5px 20px;
background:#DEB887;
border: solid 2px black;
border-radius:10px;
}

#sonota_product a:hover{
background:#CD853F;
}


/*PCヘッダーを表示*/
#header{display:block;}

/*スマホヘッダーを非表示*/
#phone_header{display:none;}
#phone_yohaku{display:none;}











@media screen and (min-width: 700px) and (max-width: 1000px) {
/* 700から1000pxまでの幅の場合に適応される */




body{font-size:20px;}



.footer_company .footer_left{
padding-left:30px;}

.lef{
float:left;
width:400px;}

.rig{
float:right;
width:250px;
}

.rig img{

width:250px;
}








.fit img{float:none;}

.product_shohin p{
width:400px;}



.setumei1 p{
width:400px;}

.setumei1 img{
width:250px;}

.setumei2 p{
width:400px;}

.setumei2 img{
width:250px;}

.company_setumei{
width:auto;}

.product_setumei{
width:auto;}



.wrapper{
width:700px;
margin:0 auto;}


.shohin{
width:auto;}




.kouso1 img{
width:250px;}

.kouso2 img{
width:250px;}

.osu1 img{
width:250px;}

.osu2 img{
width:250px;}



#sonota_product{
float:none;}


.other_product_left{
float:none;
margin:0;
height:auto;
width:auto;
padding-bottom:50px;
}


.other_product_right{
float:none;
margin:0;
height:auto;
width:auto;
padding-bottom:50px;
}


.other_product_image{
float:none;
text-align:center;
width:auto;
height:auto;}

.other_product_setumei{
float:none;
padding:0 10px;
padding-bottom:20px;
width:auto;
height:auto;}


















} 






@media screen and (max-width: 700px) {
/* 700pxまでの幅の場合に適応される */

.kaishasetumei img{
padding-top:30px;}

.tokkyosyo{
padding-left: 0;
float:none;
width:100%;}

body p{font-size:20px;}

iframe{width:90%;}


.rig{
float:none;
width:100%;}

.lef{
float:none;
width:100%;}

.tokkyo_gazou{
padding-left:0;}


.footer_company .footer_left {

float:none;
width:90%;
padding-left:10px;
margin:0;}

.footer_company .footer_left li{
}


.footer_company .footer_right {
float:none;
width:90%;
padding-top:30px;
padding-left:20px;
margin:0;}








#sonota_product{
float:none;}


.other_product_left{
float:none;
margin:0;
height:auto;
width:auto;
padding-bottom:50px;
}


.other_product_right{
float:none;
margin:0;
height:auto;
width:auto;
padding-bottom:50px;
}


.other_product_image{
float:none;
text-align:center;
width:auto;
height:auto;}

.other_product_setumei{
float:none;
padding:0 10px;
padding-bottom:20px;
width:auto;
height:auto;}



.other_product a{
text-align:center;
}


#osu2_section{
float:none;}

.recipe{
float:none;}


#osu2_section .rgt{
float:none;
width:auto;}

#osu2_section img{
height:auto;}


.company_setumei{
width:auto;

}




.product_setumei{
width:auto;

}

.shohin{
width:auto;
}





#phone_header {
height:70px;}




#phone_header{
background:white;
z-index:1;}

#phone_yohaku{
padding-bottom:70px;}



/*PCヘッダーを非表示*/
#header{display:none;}

/*スマホヘッダーを表示*/
#phone_yohaku{display:block;}
#phone_header{display:block;
position:fixed;
top:0;
}


#phone_header{
background:white;}

/****メニュー全体****/
#menu{
	/*配置*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;
}

/****メニュー開閉ボタン****/
#menu div{
text-align:center;
	/*デザイン*/
	width: 70px;
	height:70px;
	background: #CD853F;;
	/*配置*/
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;

}

#menu .menuopen{
text-decoration:none;
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 35px;
	/*配置*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
padding-top:15px;
}

#menu .menuclose{
text-decoration:none;
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 35px;
	/*配置*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
padding-top:15px;
}

/****メニュー一覧****/
#menu ul{
	/*デザイン*/
	background:#CD853F;
	width: 100%;
	/*配置*/
	position: absolute;
	top: 70px;
	right: 0;
}





#menu li{
	/*アニメーション*/
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	/*デザイン*/
	padding: 0 10px;
	color: rgba(0,0,0,1);
	border-bottom: 0px rgba(255,255,255,1) solid;
	height: 0;
	/*配置*/
	overflow: hidden;
	pointer-events: auto;
}





#menu a {
text-decoration:none;
}


#menu a li{
text-decoration:none;
color:white;
font-weight:bold;
}


#menu ul :hover{
background:#8B4513;
}





/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target li{
	/*デザイン*/
	padding: 10px;
	padding-left:30px;
	height: 40px;
	border-bottom: 1px rgba(255,255,255,1) solid;
text-shadow:1px 1px 1px black;
}










*{float:none;}


.setumei2{

padding-top:0;}

.setumei1{

padding-top:0;}




.kaishasetumei{float:none;}


.kaishasetumei img{
float:none;
text-align:center;
width:100%;
}

.wrapper{width:90%;
        
    }

.logo img{
text-align:center;
 width:90%;
}

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



.kousolink a{

margin:0;

}



.reliance table{

width:90%;

}



header nav ul li::after{
content:"";
margin:0px;}




.reliance .review1{
width:90%;}

.reliance .review2{
width:90%;}
.reliance .review3{
padding-right:0;
padding-left:25px;
width:90%;}


.revname{
padding-bottom:20px;}



.index_company p{

text-align:start;}



.product_setumei p{

text-align:start;}





h2{
font-size:20px;}




#header p{
font-size:13px;
text-align:center;}





.tokkyo img{
width:100%;}

.tokkyo_honbun h2{
font-size:32px;

}


header .navi{
text-align:center;}


.index_osu{
margin:0;}

.index_sonota{
margin:0;}


header{
padding:0;}

.honbun{
width:100%;
float:none;}


.navi{

float:none;}



.kodawari p{width:100%;}
.kodawari img{width:100%;}


.setumei1 p{width:100%;}
.setumei2 p{width:100%;}

.kouso1 p{width:100%;}
.kouso2 p{width:100%;}

.osu1 p{width:100%;}
.osu2 p{width:100%;}


.wrapper{width:90%; }


*{float:none;}


nav ul li::after{
margin:0;}


.kaishagaiyou{font-size:11px;}




.wrapper{width:90%;
        
    }


nav{margin:0 auto;padding:0;float:none;padding-bottom:5px;padding-right:15px;}

nav ul li{
font-size:13px;
list-style: none;
display: inline-block;
}

header nav ul li{
font-size:13px;
list-style: none;
display: inline-block;
}

#index_navi nav ul li{
font-size:13px;
list-style: none;
display: inline-block;
}


.logo img{
text-align:center;
 width:100%;
}

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



.shohin img{
width:90vw;
height:auto;}



#header h2{
font-size:15px;}



.product_shohin img{

width:100%;

}


#osu1_wrapper img{

width:100%;

}

nav{
margin:0;
padding:0;
width:100%;}



.reliance table{

width:90%;

}


.kousolink a{
display:block;
margin:0;
padding:0;
margin-bottom:20px;
width:100%;}

.osulink a{
display:block;
margin:0;
padding:0;
margin-bottom:20px;
width:100%;}

.sonotalink a{
display:block;
margin:0;
padding:0;
margin-bottom:20px;
width:100%;}


#kouso_nav ul li a{
float:none;
text-align:center;
display:block;
margin:0;
padding:0;
margin-bottom:10px;
width:100%;
}

#kouso_nav ul li{
float:none;
text-align:center;
display:block;
margin:0;
padding:0;
margin-bottom:10px;
width:100%;
}



#osu_nav ul li a{
float:none;
text-align:center;
display:block;
margin:0;
padding:0;
margin-bottom:10px;
width:100%;
}

#osu_nav ul li{
float:none;
text-align:center;
display:block;
margin:0;
padding:0;
margin-bottom:10px;
width:100%;
}


#sonota_nav ul li a{
float:none;
text-align:center;
display:block;
margin:0;
padding:0;
margin-bottom:10px;
width:100%;
}

#sonota_nav ul li{
float:none;
text-align:center;
display:block;
margin:0;
padding:0;
margin-bottom:10px;
width:100%;
}






.tokkyo_honbun{
width:90%;}



header nav ul li::after{
content:"";
margin:0px;}


.index_header nav ul li::after {
    content: "";
    margin: 0px;
}






}



@media screen and (max-height: 450px) {
/* 450pxまでの高さの場合に適応される */

.clearfix .logo img{width:200px;}

#menu:target li {
height:20px;}


}



@media screen and (max-width: 400px) {
/* 400pxまでの幅の場合に適応される */





}

#phone_header img{

padding-left:20px;
padding-top:10px;
width:250px;}


}