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


/*
############################################
　全ディバイス共通CSS
############################################
*/

/*HTML5用ブロック指定*/
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary
{display: block;}




body {
	text-size-adjust: 100%;/*iPhoneサファリの文字制御*/
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height:0;
	margin:0 auto;
	padding:0;
	background:#FBF7F0;
}


/*
############################################
　PC用CSS
############################################
*/

header,
main,
div,
footer
{ 
	width:1000px;
	margin:0 auto;
	padding:0;
}

p{ margin:0; padding:0; line-height:0;}


/*
==============================
ヘッダー固定
==============================
*/

.menu{
    position: fixed;/* ヘッダーの固定 */
    top: 0px;
    left: auto;
    width: 100%;
    height: 72px;
}

/*上部固定ナビの調整*/
#order-link{
	margin-top: -50px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 50px; /* 打ち消し用のパディング */
}


main{
	padding-top:72px;}



/*
大寒の日の記載エリア
=================================== */

#daikan{
	background:#1B1009;
	padding:30px 0;
	color:#FFF;
}

.day{
	padding-bottom:15px;
	font-size:30px;
	font-weight:600;
}
#daikan span{
	font-size:50px;
	color: #FC0;}

#daikan strong{
	color: #FFFF99;
}


#daikan p{
	text-align:center;
	line-height:1.5em;
}

/* 2017 オーダーフォーム設置追加
===============================================
*/
#order{
	background:url(../img/img_10_bg.png) repeat;
}

.inner-box:after {
      content: "";
      clear: both;
      display: block;
   }

.inner-box{
	width:95%;
	border:8px solid #F7931E;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background:#FFF;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:30px;
	display:block;
}


.inner01{
	float:left;
	width:35%;
	padding-top:30px;
}

.inner02{
	float:left;
	width:65%;
}

.inner01 img,
.inner02 img{
	max-width:100%;
	height:auto;
}

/*
注文はこちらから
=================================== */

.img_wrap{
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.1);
  transition-duration: 0.5s;
}
/*
iosのフォーカス時の自動拡大はoff設定
=================================== */

input,select,textarea{
   font-size:16px;
}

.select-main {
	vertical-align:middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
	width:100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../img/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../img/arrow01.png)  right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	border-radius: 4px;
}


.button-main {
	vertical-align:middle;
	width: 100%;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	border: 1px solid #B05800;
	margin:0 auto;
	margin-top:1em;
	padding: 9px 0 7px 28px;
	border-radius: 5px;	
	background: url(../img/bg_button.png) left no-repeat;
}


/*
下部カート
=================================== */

#cart_navigation {
	z-index: 9999;
	position: fixed;
    bottom: 10px;
	left:10px;
	width:140px;

	border:2px solid #ffffff;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	padding:12px 6px;
	background-color: #F90;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	font-size:12px;
	display:table;
}


#cart_navigation div{
	display: table-cell;
	vertical-align:middle;
}


a{
	color:#630;
	text-decoration: none;
	}

/*
==============================
footer
==============================
*/

footer{ 
	overflow: hidden;
	position: relative;
	zoom:1;
	background:#FFF;}

/*必要事項のリンク*/

nav{
	text-align:center;
}

nav ul{
	list-style-position:outside;
	margin:0;
	padding:0;

}

nav li{
	display:inline-block;
	margin: 0;
	list-style-position:outside;
	padding:25px 20px;
	font-size:80%;
}


/*
############################################
　タブレット　PC980px以下用CSS
############################################
*/
@media screen and (max-width: 999px) {
	
	
header,footer{width:100%;}
div,main{ width:100%;}


main{ padding-top:55px;}

 
img {
max-width : 100% ;
height : auto ;
}

footer{
	margin-bottom:50px;}

	
 }


/*
############################################
　スマホ用CSS
############################################
*/
@media screen and (max-width: 480px) { 
 

/*上部固定ナビの調整*/
#order-link{
	margin-top: -5px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 5px; /* 打ち消し用のパディング */
}

main{ padding-top:25px;}

img {
max-width:100% ;
height: auto ;
}

nav ul{list-style-position:outside;}

nav li{
	display:block;
	margin: 0;
	list-style-position:outside;
	padding:20px 0;
	border-bottom:1px solid #FDBD53;
	background: #FFFBE6;
}


/*
大寒の日の記載エリア
=================================== */


.day{
	padding:15px 0;
	font-size:14px;
	font-weight:600;
}
#daikan span{
	font-size:28px;
	color: #FC0;}

#daikan strong{
	color: #FFFF99;
}

#daikan p{
	text-align:center;
	line-height:1.5em;
	font-size:12px;
}

footer{
	margin-bottom:70px;}
	

/* 2017 オーダーフォーム設置追加
===============================================
*/
#order{
	background:url(../img/img_10_bg.png) repeat;
}


.inner-box{
	width:90%;
	border:4px solid #F7931E;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background:#FFF;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:20px;
}
.inner01{
	float:none;
	width:90% !important;
	/*background:#FCFAF1;*/
	padding-top:30px;
	padding-right:30px;
}
.inner02{
	float:none;
	width:100% !important;
	text-align:center;
}


.button-main { font-size:13px;}

/*
.mobile-no{display:none;}
.pc-no{	display:block;}
*/


}
 
.soldout {
	color: #CC0000;
	font-weight: bold;
	font-style: normal;
}