@charset "UTF-8";
/* CSS Document */

/* PC用のCSSはメディアクエリの外に記述する */
body.ekiben {
	background-color: #FCF0E3;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	color: #1F1F1F;
}


.wrap {
    padding: 0;
    margin: 0;
    max-width: 1000px;
    width: auto;
  }
.header {
	width: 100%;
	background-repeat: repeat;
	height: auto;
}
.header-in {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
}
span.read {
	padding: 10px;
	display: block;
	width: 100%;
	text-align: left;
	font-size: 1rem;
	-webkit-box-shadow: 0px 0px #FFFFFF;
	box-shadow: 0px 0px #FFFFFF;
	color: #202020;
}
span.toplogo-pc {float: left;}
span.toplogo-smp {display:none}
span.toptel{float:right;}
.content {
	
    background-color: #ffffff;
}
  
article.left {float: left;width: 75%;}
aside.sidemenu {float: right;width: 25%;}
aside.sidemenu ul {
	background-image: url(../ekiben/images/sioso-bento-color.png);
}
aside.sidemenu ul li {list-style-type: none;padding: 5px;}
aside.sidemenu ul li img {width: 100%;height: auto;}

h2.yoko-line {background-image: url("../honten/images/honten_green_50.png");width: auto;padding: 0.5em; display: block;font-size: 1.5em;font-weight: 700;}
h3.yoko-line {background-image: url("../honten/images/honten_green_50.png");width: auto;padding: 0.5em; display: block;font-size: 1em;font-weight: 700;}
.navigation3 {
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
	background-image: url(../ekiben/images/sioso-bento-color.png);
}
.content2-upper-color {
	width: 100%;
	background-image: url(../ekiben/images/sioso-bento-color.png);
	padding-top: 5px;
	padding-bottom: 20px;
}
.content2-upper {
    width: 100%;
    max-width: 1000px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}

/*均等４列レイアウト*/
.quad {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.quad ul li {
    width: 25%;
    float: left;
    display: block;
}
.quad ul li img {
    width: 100%;
    height: auto;
}

/*均等３列レイアウト*/
.tri {
    width: 75%;
    text-align: center;
    margin: 0 auto;
}
.tri ul li {
    width: 33.333%;
    float: left;
    display: block;
}
.tri ul li img {width: 100%;height: auto;}

/**OEM３列**/
.ekiben-tri {
    width: 85%;
    text-align: center;
    margin: 0 auto;
}
ul.ekiben-nav-center-tri{
    display: flex;
    justify-content: space-around;
    text-align: center;
}
ul.ekiben-nav-center-tri li{
    width: 30%;
    padding: 2px;margin: 2px;
    display: inline-block;
    float: none;
}
ul.ekiben-nav-center-tri li figure {padding: 0;margin: 0 30px;}
ul.ekiben-nav-center-tri li figure img {width: 100%;margin: 0 auto;height: auto;}

/**OEM2列**/
.ekiben-half {
    width: 85%;
    text-align: center;
    margin: 0 auto;
}
ul.ekiben-nav-center-half{
    display: flex;
    text-align: center;
}
ul.ekiben-nav-center-half li{
    padding: 2px 2px 10px 2px;margin: 2px;
    display: inline-block;
    float: none;
    margin-bottom: 10px;
    border: solid 1px #ff0000;
    border-radius:10px;
    font-weight: 700;
}
ul.ekiben-nav-center-half li figure {margin: 0;}
ul.ekiben-nav-center-half li figure img {width: 90%;height: auto;margin: 0 auto;}

.new ul li:first-child  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    padding: 10px 10px;
}
.new ul li  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: none;
    padding: 10px 10px;
}
.new ul li ul li.date  {
    width: 20%;
    display: inline;
    float: left;
    border:none;
    font-size: 1.2rem;
}
.new ul li ul li.data  {
    width: 80%;
    border: none;
    font-size: 1.2rem;   
}
.tabiiro {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.sns {width: auto;margin: 20px 0 0 0;text-align: center;}
.sns ul li{display: inline;margin-right:15px; }
.sns ul li:last-child{margin-right:0; }
.sns ul li img {width: 50px;height: auto;}
.content2{
  
}
.ekiben .content2-upper{color:#ffffff;}

/*ページサブメニュー*/
nav.submenu {width: 100%;display: block;}

nav.submenu ul{width: 100%;display: flex;justify-content: space-around;}

nav.submenu li  {float: left;font-size: 1.1em;border-left: solid 1px #9E8D82;width: 33.3333%;text-align: center;border-bottom: solid 1px #9E8D82;}

nav.submenu li a{;display: block;color:#9E8D82;padding: 1em;font-weight: bold; background-color: #ffffff;}

nav.submenu li a:hover {background-color: #f4f4f4;}

div.history-billbord {
	width: 100%;margin-bottom: 0;padding-bottom: 0;
}
div.history-billbord img {width: 100%;height: auto;margin-bottom: 0;padding-bottom: 0; }

table.date-list th {background-color: #FBEFE2;padding-left: 0.5em;border: solid 1px #c9c9c9;}

table.date-list td {background-color: #ffffff;padding-left: 0.5em;padding-right: 0.5em;border: solid 1px #FBEFE2;}
.content a {color:#68554B;}

table.date-list2 th,table.date-list2 td{padding: 2em 1.0em;}

table.date-list3 th {padding-left: 0.5em;}

table.date-list3 td {padding-left: 0.5em;padding-right: 0.5em;}
.content a {color:#68554B;}

ul.half li img {border: solid 1px #68554B;}

ul.bento-full {width: 100%;}
ul.bento-full img  {width: 100%;height: auto;}


.quad3 ul {width: 100%;}
.quad3 ul li {width: 20%; display: inline-block;}
.quad3 ul li img {width: 96%;height: auto}

.border-red {
	border: 1px solid #FF0000;
}
.border-radius-10 {border-radius: 10px;}

figure.oem-icon img {width: 100px;height: 100px;}

div.otoiawase-button a  {display: block;border: solid 1px #ff0000;width: 85%;text-align: center;margin: 0 auto;border-radius: 10px;color: #ff000;font-weight: 700;}


/**div.nagare-5 ul {width: 100%;margin: 0 auto;text-align: center;}
div.nagare-5 ul li {display: inline-block;width: 18%;float: none;border: 1px solid #FF0000;border-radius: 10px;font-size: 0.8em;font-weight: 700;}**/


div.nagare-5 {width: 85%;margin: 0 auto;}
div.nagare-5 ul {display: flex;justify-content: space-around;text-align: center;}
div.nagare-5 ul li {width: 18%;float: none;border: 1px solid #FF0000;border-radius: 10px;font-size: 1.0em;font-weight: 700;}
span.nagare-namber{color:#ff0000;text-align: center;font-size: 3em;font-weight: 900;}
div.nagare-5 ul li figure {margin: 0;}

div.oem-tate{width: 85%;margin: 1em auto;}
div.oem-tate p{border: solid 1px #ff0000;margin-bottom: 1em;padding: 1em;border-radius: 10px;text-align: center;font-size: 1.5em;font-weight: 700;}

div.oem-head{width: 100%;}
p.mojikan-s{letter-spacing: 0.1em;}

@media screen and (max-width: 640px) {
	/* 480px以下に適用されるCSS（スマホ用） */


div.ekiben-half{width: 95%;}   
ul.ekiben-nav-center-half li{
    font-size: 0.6em;text-align: justify;padding: 2px;}
    
div.oem-tate{width: 96%;}
div.oem-tate p{margin-bottom: 1em;padding: 0.5em;text-align: justify;font-size: 0.65em;}    
    
    
    
div.nagare-5 {width: 95%;margin: 0 auto;}

div.nagare-5 ul li {width: 18%;float: none;border: 1px solid #FF0000;border-radius: 10px;font-size: 0.6em;font-weight: 700;padding: 2px;}
    
span.nagare-namber{text-align: center!important;}    
 
div.otoiawase-button a  {font-size: 0.8em;padding: 0 1em;}
    
    
span.toplogo-pc {display: none;}
span.toplogo-smp {display: block;}
span.toplogo-smp img {width: 55%;height: auto;}

    
.quad3 ul {width: 100%;text-align: center;}    
.quad3 ul li {width: 48%;height: auto; display: inline-block;float: none;margin: 0;}
.quad3 ul li img {width: 100%;height: auto;}
    
 table.date-list th,table.date-list td {width: 100%;padding-top: 0.5em;padding-bottom: 0.5em;border: solid 1px #FBEFE2;font-size: 0.7em;}   
    
    table.date-list2 th{padding: 2.0em 1.0em 0 2.0em;}
    table.date-list2 td{padding: 0 2em 1.0em 2em;}

.wrap {
  padding: 100px 0 0 0;
}
.header {
    width: 100%;
    background-repeat: repeat;
    height: auto;
    padding-bottom: 0;
}
.header-in {
    width: 100%;
    margin: 0 auto;
    height: auto;
    
}
span.read {
    padding: 5px;
    display: block;
    width: 82%;
    font-size: 1rem;
    text-align: justify;
    text-justify: inter-ideograph;
}
span.toplogo {width: 40%;height: auto; float: left; margin: 0 auto;}
span.toptel{display: none;}    

.content {
  text-align: center;
  font-size: 22px;
  padding: 0;
}

h3.contents{display: none;}
    

/*均等４列レイアウト*/
.quad {
    text-align: center;
    }
.quad ul li {
    width: 100%;
    display: block;
}
.quad ul li img {
    width: 60%;
    height: auto;
    }
    
/*均等３列レイアウト*/
.tri {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.tri ul li {
    width: 100%;
    
    display: block;
}
.tri ul li img {
    width: 60%;
    height: auto;
    }
    
/**OEM３列**/
.ekiben-tri {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

ul.ekiben-nav-center-tri li{
    width: 30%;
    padding: 2px;margin: 2px;
    display: inline-block;
    float: none;
    font-size: 0.6em;
}
    
.new {
    width: 100%;
    text-align: center;
    }
.new ul {
    width: 98%;
    margin: 0 auto;
    }
.new ul li:first-child  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    padding: 10px 0px;
    text-align: left;
    margin: 0;
}
.new ul li  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: none;
    padding: 10px 0px;
    text-align: left;
    margin: 0;
}
.new ul li ul li.date  {
    width: 98%;
    border-bottom: dotted 1px #ffffff;
    font-size: 1.2rem;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:15px;
    margin: 0 0 15px 0;
}
.new ul li ul li.data  {
    width: 98%;
    border: none;
    font-size: 1.2rem;  
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    
    
}
    
 .tabiiro {
    width: 98%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.tabiiro img {
    width: 90%;
    height: auto;
}

.sns ul li{
    display: inline;
    margin-right: 30px;
}
.sns ul li:last-child{
    margin-right: 0;
}
.sns ul li img {
    width: 80px;
    height: auto;
}
    
.content2{
  font-size: 22px;
  padding-top: 0;
  text-align: center;
}
    
article.left {
    width: 100%;
}
aside.sidemenu {
    width: 100%;
}
aside.sidemenu ul {
    display: inline-flex;
    justify-content: space-around;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    background-image: url(../ekiben/images/sioso-bento-color.png);
}
aside.sidemenu ul li {
    width: 45%;
}
aside.sidemenu ul li img {
    height: auto;
} 
.navigation3 {background-image: url("../image/clear.png");}

/*ページサブメニュー*/
nav.submenu li a  {font-size: 0.6em;padding: 1.5em 0.5em;}
    
}