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


@import url(index_sp.css) screen and (max-width: 768px); /* 768以下　スマホ用 */

/*@import url(index_pc.css) screen and (min-width: 769px);  769以上  PC用　*/
@import url(index_pc_.css) screen and (min-width: 769px);  /*769以上  PC用幅広テスト　*/


/* 共通　文字装飾*/



/* フリーコールアイコン付き*/
.freetel_ico:before {
	content: url(../img/tel_ico_ss.gif);
	position: relative;
	margin-top: 10px;
	top: 8px;
}
.freetel_ico {
	font-weight: bold;
	color: #666;
	text-align: right;
	font-size: 30px;
	padding-bottom: 0.5%;
}


/* 青文字*/
.blue-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.blue-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}



.blue-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.blue-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.bar_b01 {
	line-height: 130%;
	font-weight: bold;
	color: #009;
	background-color: #F0FFFF;
	padding: 5px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #03C;
	border-bottom-color: #03C;
	border-left-color: #06C;
	clear: both;
}

/* 大きい文字*/
.big {
	font-size: 72px;
	line-height: 135%;
	font-weight: bold;
	color: 000000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

/* 小文字ボックス*/
.box_s {
	font-size: small;
	color: #333;
	width: 93%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 1px dotted #999;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	line-height: 110%;
}

/* 位置ﾘｾｯﾄ*/
.clear {
	clear: both;
}

/* キャプション用*/
.cap02 {
	font-size: 12px;
}
.cap {
	font-size: x-small;
	line-height: 130%;
	color: #333;
	padding: 0px;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
}

/* 紂王寄せ*/
.center {
	text-align: center;
	clear: both;
}

/* 赤文字*/
.fnt_red {
	color: #F00;
}

/* 緑文字*/
.gree-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bolder;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.gree-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.gree-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.gree-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.gree-line01 {
	font-size: large;
	font-weight: bold;
	color: #060;
	padding: 5px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3C0;
	border-right-color: #3C0;
	border-bottom-color: #3C0;
	border-left-color: #3C0;
	clear: both;
}

/* 灰色文字*/
.glay-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.glay-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.glay-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.glay-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.glay_box01 {
	padding: 8px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border: 1px solid #CCC;
}
.green_back_fontbig {
	font-size: 23px;
	font-weight: 700;
	color: #FFF;
	background-color: #009933;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


/* 水色文字*/
.mizuiro-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.mizuiro-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.mizuiro-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.mizuiro-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}


.oomidashi-waku01 {
	background-color: #FFFFE8;
	width: 90%;
	margin-top: 0.2em;
	margin-right: auto;
	margin-bottom: 0.2em;
	margin-left: auto;
	border: 6px ridge #CCCC33;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* オレンジ上下ライン見出し*/
.or-line01 {
	font-size: large;
	font-weight: bold;
	color: #F30;
	padding: 5px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F60;
	border-right-color: #F60;
	border-bottom-color: #F60;
	border-left-color: #F60;
	clear: both;
}

/* ピンク文字*/
.pink-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.pink-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.pink-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.pink-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
/* ピンク上下ライン見出し*/
.pink-m-unline {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #F33;
	border-right-color: #F33;
	border-bottom-color: #F33;
	border-left-color: #F33;
}
.pink_midashi01 {
	font-size: large;
	color: #FFF;
	background-color: #F66;
	border: 2px inset #F66;
	font-weight: bolder;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding: 0.3em;
}

/* 紫文字*/
.per-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #CC0066;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.per-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #CC0066;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.per-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #CC0066;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
/* 赤文字*/
.red-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bolder;
	color: #FF0000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.red-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bolder;
	color: #FF0000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.red-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #FF0000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.red-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #FF0000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
/* 赤背景*/
.red_back {
	font-size: medium;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.red_back_fontbig {
	font-size: 23px;
	font-weight: 700;
	color: #FFF;
	background-color: #F00;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* 赤線ボックス*/
.red-block {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3333;
	border-right-color: #CC0000;
	border-bottom-color: #990000;
	border-left-color: #FF3333;
	font-size: small;
	margin: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
	width: auto;
	clear: both;
}
.red-block02 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3333;
	border-right-color: #CC0000;
	border-bottom-color: #990000;
	border-left-color: #FF3333;
	margin: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
	width: auto;
}

/* 黄色背景*/
.yellback_redfnt_ll {
	font-size: xx-large;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	line-height: 130%;
}
.yellback_ll {
	font-size: xx-large;
	font-weight: bold;
	background-color: #FF0;
	line-height: 130%;
	color: #333;
}


.yell_back {
	font-size: medium;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}



/* 買い物かごボタン */
input[type="submit"], input[type="button"] {
	-webkit-appearance: none;	/* iOSデフォデザイン強制解除 */
}
.list input[type="submit"],
.simple_table input[type="submit"],
.itiran_t input[type="submit"],
.blue_box01 input[type="submit"]{
	background: #F00;
	color: #FFF;
	font-weight: bold;
	font-size: large;
	margin: 0.5em 0;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #990000;
	padding: 0.5em 1em;
}
.list input[type="submit"]:hover,
.simple_table input[type="submit"]:hover,
.itiran_t input[type="submit"]:hover,
.blue_box01 input[type="submit"]:hover {
	box-shadow: none;
	transform: translate3d(0, 5px, 0);
}


/* YouTube動画レシポンシブ */
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}