/* CSS Document */

body{
	margin:0;
	padding:0;
	height:100%;
}

img{
max-width: 100%;　/* 横幅を100％に */
height: auto;　/* 縦幅を自動調節 */
width /***/:auto;?@
}


.pc_img{
display:none;	
}

.cfix:before,
.cfix:after {content: " ";display: table;}
.cfix:after {clear: both;}
.cfix {*zoom: 1;}

/*----------------------------------------------------
    テキスト 文字色設定
----------------------------------------------------*/

.txtRed {
	color: #900000;
}

.txtRed_link {
	font-size: 120%;
	color: #F40000;
	text-decoration:underline;
}

#txtRed_link a{
	padding: 0 5px;
	color:#F40000;
	text-decoration:none;
}

#txtRed_link a:hover{
	color:#F40000;
	text-decoration:underline;
}

#txtRed_link a:visited{
	color:#F40000;
	text-decoration:underline;
}

.txtbold{
	font-weight:bold;
}

.txtc{
	text-align:center !important;
}

.txtl{
	text-align:left !important;
}

.txtr{
	text-align:right !important;
}

/*----------------------------------------------------
    マージン
----------------------------------------------------*/

.mtop5{
	margin:5px 0 5px 0;
}

.mtop10{
	margin:10px 0 5px 0;
}

.mtop15{
	margin-top:15px;
}

.mtop20{
	margin-top:20px;
}

.mtop40{
	margin-top:40px;
}

.mtop50{
	margin-top:50px;
}

.mtop35{
	margin:30px 0 5px 0;
}

.mtop35{
	margin:35px 0 5px 0;
}

.mtop45b10{
	margin:45px 0 10px 0;
}

.mr10b50{
	margin:0 10px 50px 0;
}

.mtb30rl10{
	margin:30px 10px;
}

.mtb10{
	margin:10px 0;
}

.mtb20{
	margin:20px 0;
}

.mtb40{
	margin:40px 0;
}

.mtb50{
	margin:50px 0;
}

.mtr20{
	margin:20px 20px 0 0;
}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

/*----------------------------------------------------
    Material icons
----------------------------------------------------*/

.material-icons {
	display: inline-block;
	vertical-align:middle;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	padding: 0 3px 3px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 5vw !important;  /* 推奨サイズ */
	color:#fff;

/* WebKitブラウザサポート */
	-webkit-font-smoothing: antialiased;
/* Chrome、Safariサポート */
	text-rendering: optimizeLegibility;

/* Firefoxサポート */
	-moz-osx-font-smoothing: grayscale;

/* IEサポート */
font-feature-settings: 'liga';
}

/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 7vw !important; }
.material-icons.md-40 { font-size: 40px; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が明るいとき用のアイコン色2 */
.material-icons.md-dark2 { color: rgba(185, 42, 44, 1); }
.material-icons.md-dark2.md-inactive { color: rgba(185, 42, 44, 0.3); }


/*--------------------------------------------------------

	予約ページ用	yoyaku.html

---------------------------------------------------------*/


#yoyaku_box{
	width:100%;
	margin:10px auto;
	overflow:auto;
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
}

#yoyaku_box h1{
font-size:14px;
margin:10px 0 5px 0;	
}

.yoyaku_hassou_p{
text-align:left;
font-size:12px;	
padding:10px;
box-sizing:border-box;
}

.yoyaku_hassou1{
width:100%;
overflow:auto;
padding:10px 10px;
box-sizing:border-box;
border:1px solid #000;
margin:20px 0 10px 0;
text-align:center;
}

.yoyaku_hassou1 h2{
	background:#FC3;
	padding:10px 0;
	margin:0 0 15px 0;
	font-size:16px;
}

.yoyaku_hassou2{
width:100%;
overflow:auto;
padding:10px 10px;
float:right;
box-sizing:border-box;
border:1px solid #000;
margin:20px 0 10px 0;
text-align:center;
}

.yoyaku_hassou2 h2{
	background:#cce198;
	padding:10px 0;
	margin:0 0 15px 0;
	font-size:16px;
}







/*--------------------------------------------------------

	欠品ページ用	keppin.html

---------------------------------------------------------*/

#keppin{
width:100%;
line-height:2em;
text-align:left;
padding:5px 5px;
box-sizing: border-box;
font-size:12px;
font-family:"メイリオ";	
}

#keppin h2{
width:100%;
box-sizing: border-box;
margin:5px 0 35px 0;
}

#keppin h3{
width:100%;
font-size:18px;
font-weight:normal;
border-bottom:2px solid #1b1b1b;
margin:5px 0 10px 0;
box-sizing: border-box;
padding:5px 0;
}

p.keppin1{
margin:15px 0;
font-weight:bold;
font-size:14px;
color:#6B6E37;
}

p.keppin2{
margin:20px 0;
font-weight:bold;
font-size:14px;
}

p.koe{
margin:25px 0;
padding:10px 20px;
border-bottom:1px dotted #949494;
box-sizing: border-box;
font-size:10px;
}

p.koe2{
margin:45px 0 15px 0;
padding:10px 0 35px 20px;
box-sizing: border-box;
border-bottom:2px solid #1b1b1b;
font-size:10px;
}

p.aisatu{
margin:10px auto;
width:80%;
box-sizing: border-box;
}


hr.cutline{
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

.keppin1_small{
font-size:10px;
color:#000;
font-weight:normal;
line-height:120% !important;
}




/*--------------------------------------------------------

	休業案内ページ用	kyugyo.html

---------------------------------------------------------*/

#kyugyo_box{
	width:96%;
	margin:0 2%;
	padding-bottom: 2%;
	font-family:"メイリオ";	
}

#kyugyo_box h2{
	font-size:5vw;
	margin:10px 0 5px 0;
	text-align:center;
	color:#D0111A;
}

.kyugyo_kikan{
	width:100%;
	box-sizing:border-box;
	padding:10px 0;
	text-align:center;
	background-color:#D0111A;
	color:#ffffff;
	font-size:4.5vw;
	font-weight:bold;
	border:5px solid #900000;
	letter-spacing:2px;
}

.kyugyo_kikan2{
	width:100%;
	box-sizing:border-box;
	padding:10px 0;
	text-align:center;
	background-color:#D0111A;
	color:#ffffff;
	font-size:4vw;
	font-weight:bold;
	border:5px solid #900000;
	letter-spacing:2px;
}

.kyugyo_annnai{
	font-size:3.8vw;
	text-align:center;
}

.txt_small{
	font-size:10px;	
}


/*----------------------------------------------------
　休業前出荷に関する注意事項
----------------------------------------------------*/


.kyugyo_attention_box{
	display: block;
	width:100%;
	margin: 0;
	padding: 0;
}

/*カレンダー*/
.kyugyo_calendar{
	display: inline-block;
	width:100%;
	margin: 0 2% 0 0;
	padding: 0;
	box-sizing: border-box;
	float: left;
}


/*加工なし注文出荷　受付案内用*/

.kyugyo_attention {
	display: inline-block;
	margin: 1em 0;
    width:100%;
	border:solid 3px #fa7887;
	background-color: #ffffff;
	box-sizing: border-box;
}
.kyugyo_attention .box-title {
    font-size: 1.1em;
    background: #fa7887;
    padding: 2px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.kyugyo_attention p {
	font-size: 0.9em;
    padding: 10px;
    margin: 0;
}

/*加工注文出荷　受付案内用*/

.kyugyo_attention2 {
	display: inline-block;
    margin-bottom: 1em;
    width:100%;
	border:solid 3px #f39700;
	background-color: #ffffff;
	box-sizing: border-box;
}
.kyugyo_attention2 .box-title {
    font-size: 1.1em;
    background: #f39700;
    padding: 2px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.kyugyo_attention2 p {
	font-size: 0.9em;
    padding: 10px;
    margin: 0;
}


/*注意事項用 ワーク*/


.item_haisochui{
	border:2px solid #d0111a;	
	box-sizing: border-box;
	padding:0 0;
	width:100%;
	font-size:12px;
	background-color:#fff100;
	margin:10px 0 5px 0;
}

.item_haisochui p{
	padding:10px 5px;	
}

.item_haisochui_mds1{
	background-color:#d0111a;	
	padding:5px 5px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}






/*--------------------------------------------------------

	システム障害ページ用	fault.html

---------------------------------------------------------*/

#fault_box{
width:100%;
margin:10px auto;
font-family:"メイリオ";	
overflow:auto;
padding:0 5px;
box-sizing:border-box;
}

#fault_box h1{
font-size:24px;
margin:10px 0 5px 0;
text-align:center;
}

.fault_annnai{
font-size:16px;
text-align:center;	
}

.fault_renraku_sp{
width:100%;
display:block;
font-size:14px;
font-weight:bold;
margin:10px 0;
padding:10px 15px;
box-sizing:border-box;
background-color:#d1c0a5;	
border-radius:10px;
text-align:center;
}


.fault_renraku2{
width:100%;
display:block;
font-size:14px;
font-weight:bold;
margin:10px 0;
padding:10px 15px;
box-sizing:border-box;
background-color:#aaaaaa;
border-radius:10px;
text-align:center;
color:#000;
}

.fault_renraku3{
width:100%;
display:block;
font-size:14px;
font-weight:bold;
margin:10px 0;
padding:10px 15px;
box-sizing:border-box;
background-color:#c9c9c9;	
border-radius:10px;
text-align:center;
color:#000;
}


.fault_renraku{
display:none;
}