@charset "utf-8";

/*  ハピプロ用  */

/*  対象タグ全てにフォントを指定  */
/*
span {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
}*/


/*  納期ページ用  */
@media screen and (min-width: 480px) {
	/* スマホ */
	.出荷日文{
		font-size: 14px; font-weight: bold;
		font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	}
	.納期交通事情{
		font-size: 11px;
		font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	}

}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	/* タブレット */
	.出荷日文{
		font-size: 18px; font-weight: bold;
		font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	}
	.納期交通事情{
		font-size: 13px;
		font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	}
}
@media screen and (min-width: 1024px) {
	/* PC */
	.出荷日文{
		font-size: 22px; font-weight: bold;
		font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	}
	.納期交通事情 {
		font-size: 15px;
		font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	}


}


/*  ハピプロ用  */

.basefont {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
}
.px6 { font-size: 6px;}
.px11 { font-size: 11px;}
.px12 { font-size: 12px;}
.px14 { font-size: 14px;}
.px15 { font-size: 15px;}
.px16 { font-size: 16px;}
.px18 { font-size: 18px;}
.px20 { font-size: 20px;}
.px22 { font-size: 22px;}
.px23 { font-size: 23px;}
.px24 { font-size: 24px;}


.w60 { width: 60px; }
.w80 { width: 80px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w350 { width: 350px; }

.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }

/* font coloerの略  */
.fc-red {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	color: red ;
}
/* font weightの略  */
.fw-bold {
	font-weight: bold;
}
/*  -----------------------------------------  */
/*  全体・汎用  */

/*テキストフィールドにフォーカスが合うと背景色を薄い黄色に*/
input:focus, select:focus, textarea:focus {
	background-color: #F6F6CC;
}

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

.table_design01 {
	border-collapse: collapse;
	width: 100%;
}

.table_design01 th, .table_design01 td {
	border: 2px solid #fff;
	background-color: #e6f1f6;
	padding: 1em;
}

.table_design01 th {
	background-color: #4d9bc1;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 25%;
	min-width: 4em;
}

.中央寄せ { text-align: center;}

.左寄せ { text-align: left;}


/* ハピプロメールフォーム用 注文フォームとは違う*/
.本文 {
	text-align:left;
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 16px;
}

.名前等 {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 16px;
    width: 95%;
}

.電話番号 {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 16px;
    width: 150px;
}

.メアド {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 14px;
    width: 95%;
}
.備考 {
	font-family: "メイリオ" , Meiryo, "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka－等幅", "Osaka", "Hiragino Kaku Gothic ProN";
	font-size: 16px;
    width: 95%;
}