@import "../../../css/menu2.css";

/* 年越しそば・年明けうどん */

/* common setting */
/* display none */
ul#mainNav,#navFooter {
    display:none;
}
#navHeader {
    margin:0 auto;
}
.pagetop_sp,.pagetop_sp a,.pt {
    display:none;
}

/* 画像リンク */
a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
}

/* common setting END */



#content {
    width:950px;
    margin:0 auto;
    text-align:center;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    line-height:1.6;
}

#content h2 {
    width:950px;
    height:350px;
    background:url("../images/title_main.jpg") no-repeat;
    margin:0 0 40px;
}
#content h2 img {
    display:none;
}

#content p {
    margin:0;
}


/* pick up */
.pickup {
    margin:0 0 25px;
}

.pickup h3 {
    margin:0 0 20px;
    padding:0;
    border-bottom:1px solid #4c4c4c;
}
.pickup h3 img {
    margin:0;
    padding:0;
    vertical-align:bottom;
}

.pickup img {
    margin:0 0 5px;
    border:1px solid #ffffff;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.pickup a:hover img {
    border:1px solid #e55353;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.pickup .soba {
    float:left;
    width:455px;
    margin:0 35px 0 0;
}

.pickup .udon {
    float:left;
    width:455px;
    margin:0;
}

.pickup p.arrow {
    display:none;
}


/* list */
.list {
    margin:0 10px 25px;
}
.list ul {
    margin:0 0 0 -31px;
    letter-spacing:-.40em;
}
.list ul li {
    display:inline-block;
    width:124px;
    margin:0 0 1em 31px;
    vertical-align:top;
    letter-spacing:normal;
    *display:inline;
    *zoom:1;
}
.list ul li img {
    margin:0 0 5px;
    border:1px solid #ffffff;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.list ul li a:hover img {
    border:1px solid #e55353;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.list .soba {
    float:left;
    width:435px;
    margin:0 45px 0 0;
}

.list .udon {
    float:right;
    width:435px;
    margin:0;
}

.list .soba h3,.list .udon h3 {
    display:none;
}


/* product */
.product {
    margin:0 0 40px;
}

.product .productBox {
    width:435px;
    margin:0;
    padding:20px 10px 10px;
    border:1px solid #d4d4d4;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.product .productSoba {
    float:left;
    margin-right:35px;
}

.product .productSoba img {
	padding-top:0.8em;
	padding-bottom:0.7em;
}

.product .productUdon {
    float:right;
}

.product .productBox ul {
    margin:0 0 1em;
}

.product .productBox ul li {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:24%;
    margin:0 2%;
}

.product .productBox ul li img {
    width:100%;
    /*max-height:90px;*/
    vertical-align:middle;
}

.product .productBox p {
    margin:0;
}

.product .productBox p a {
    background:url("../images/bullet.gif") no-repeat 0 center;
    padding:0 0 0 18px;
}


/* /PCレイアウト 950px～ */





/* タブレットレイアウト ～949px */
@media only screen and (max-width: 949px) {

#content {
    width:100%;
    font-size:1.0em;
}

#content h2 {
    width:100%;
    height:0;
    background-size:contain;
    padding:42.1% 0 0;
}


/* pick up */
.pickup {
    width:96%;
    margin:0 auto 25px;
}

.pickup h3 {
    padding:0 25%;
	margin-bottom:5%!important;
}

.pickup .soba {
    width:48%;
    margin:0 4% 0 0;
}

.pickup .udon {
    width:48%;
    margin:0;
}


/* list */
.list {
    width:96%;
    margin:0 auto 25px;
}
.list ul {
    width:100%;
    margin:0 auto;
}
.list ul li {
    width:30%;
    margin:0 0 0 3%;
    padding:0 0 1.5em;
    font-size:0.8em;
}

.list .soba {
    width:48%;
    margin:0 4% 0 0;
}

.list .udon {
    width:48%;
    margin:0;
}


/* product */
.product {
    width:96%;
    margin:0 auto 40px;
}

.product .productBox {
    width:48%;
    min-height:8.5em;
    padding:2% 1% 1%;
    box-sizing:border-box;
}

.product .productSoba {
    margin-right:4%;
}
.product .productUdon {
}

.product .productBox ul {
    margin:0 auto 2%;
}
.product .productSoba ul {
    margin-bottom:1%;
}

.product .productBox ul li {
    width:28%;
    margin:0 2%;
}



}
/* /タブレットレイアウト ～949px */






/* タブレットレイアウト ～768px */
@media only screen and (max-width: 768px) {

#content {
    width:100%;
}




}
/* /タブレットレイアウト ～768px */






/* スマホレイアウト ～640px */
@media only screen and (max-width: 640px) {

#content {
    overflow:hidden;
}

#content h2 {
    height:auto;
    background:none;
    margin:0 0 3%;
    padding:0;
}
#content h2 img {
    display:block;
}


/* pick up */
.pickup {
    width:100%;
    margin:0 0 8%;
}

.pickup h3 {
    margin:0;
    padding:0 15%;
    border-bottom:1px solid #4c4c4c;
}
.pickup div.link img {
    display:none;
}
.pickup div.link a {
padding-top:73%;
margin-top:-73%;
display: block;
}


.pickup .soba {
    width:49%;
    margin:0 2% 0 0;
    box-sizing:border-box;
}

.pickup .udon {
    width:49%;
    margin:0;
    box-sizing:border-box;
}

.pickup .soba div.link {
    background:url("../images/soba00_sp.jpg") no-repeat;
    background-size:contain;
    padding:73% 0 0;
}

.pickup .udon div.link {
    background:url("../images/udon00_sp.jpg") no-repeat;
    background-size:contain;
    padding:73% 0 0;
}

.pickup p.arrow {
    display:inline-block;
    width:32px;
    background:none;
    padding:0.5em 0 0;
    text-align:center;
    *display:inline;
    *zoom:1;
}
.pickup p.arrow a img {
    border:none;
}


/* list */
.list {
    width:96%;
    margin:0 auto 3%;
}
.list ul {
    width:100%;
    margin:0 auto;
}
.list ul li {
    width:30%;
    margin:0 1.5%;
}

.list .soba {
    float:none;
    width:100%;
    margin:0 auto 3%;
}

.list .udon {
    float:none;
    width:100%;
    margin:0 auto 3%;
}

.list .soba h3,.list .udon h3 {
    display:block;
    margin:0 0 3%;
    padding:0 20%;
    border-bottom:1px solid #4c4c4c;
}
.list .soba h3 img,.list .udon h3 img {
    margin:0;
    padding:0;
    vertical-align:bottom;
}


/* product */
.product {
    width:96%;
    margin:0 auto 5%;
}

.product .productBox {
    float:none;
    width:98%;
    min-height:inherit;
    margin:0 0 3%;
}
.product .productBox:first-child {
    margin-right:0;
}

.product .productBox ul {
    margin:0 auto 2%;
}

.product .productBox ul li {
}

.product .productBox ul li img {
    /*max-height:80px;*/
}





/* page top */
.pagetop_sp {
    display:none;
    position:fixed;
    bottom:2%;
    right:2%;
}
.pagetop_sp a {
	display:block;
	width:60px;
	height:60px;
	background:url("/common/images/responsive/sp/up.png") no-repeat 0 0;
	font-size:0.1em;
	text-decoration:none;
	text-indent:-9999px;
}


}
/* /スマホレイアウト ～640px */