@charset "utf-8";

/* --------------
 reset
-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
ol,ul{list-style:none}
caption,th{text-align:left;}

img {max-width:100% !important; height:auto;vertical-align: bottom;}
iframe {max-width:100% !important; border:0;}

mark {background:none;}
small{line-height: 1.2;display: inline-block;}

/* --------------
 clearfix
-------------- */
div:after,ul:after,ol:after,dl:after,
header:after,footer:after,
nav:after,section:after,article:after {
	content: ""; 
	display: block;
	clear: both;
}

/* --------------
 base
-------------- */
body {
	color: #000;
	word-wrap: break-word;
	overflow-wrap: break-word;
	background: #FFF;
}

body, .meiryo {
	font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.2;
}

h1,h2,h3,h4,h5,h6, .mincho {
	font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
}

/* link */
a {
	color: #06F;
	text-decoration: underline;
}
a:hover{
	color: #000;
	text-decoration: none;
}
a:hover img {
	-moz-opacity:0.6;
	opacity:0.6;
}

/* --------------
 modules css
-------------- */
/* ---------- font size */
.fs10 { font-size:77%;}
.fs11 { font-size:85%;}
.fs12 { font-size:93%;}
.fs13 { font-size:100%;}
.fs14 { font-size:108%;}
.fs15 { font-size:116%;}

/* ---------- font weight */
.bold {	font-weight: bold;}

/* ---------- align */
.alc { text-align: center !important;}
.alr { text-align: right !important;}
.all { text-align: left !important;}

.alt { vertical-align: top !important;}
.alb { text-align: bottom !important;}

/* ---------- float */
.noFloat { float: none !important;}

/* ---------- Cancele */
.both { clear: both;}

/* ---------- margin,padding */
.mb0 {	margin-bottom: 0px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}

.mt0 {	margin-top: 0px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}

.pt0 {	padding-top: 0px !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}


/* ----- color */
.green1 {color: #00a99d;}
.green2 {color: #006837;}
.green3 {color: #81b72c;}
.pink {color: #ff7bac;}
.blue1 {color: #29abe2;}
.blue2 {color: #006aa5;}
.blue3 {color: #009fe9;}
.orange {color: #f7931e;}
.brown {color: #7d6a59;}

/* ----- line */
.linePk {
	border-bottom: 3px double #ff7bac;
}
.lineOg {
	border-bottom: 1px solid #f89f3a;
}
.lineBl {
	border-bottom: 3px double #0071bc;
}

/* ----- text */
.txtS {
	color: #666;
	font-size: 85%;
}

/* ----- list */
.ulDisc {
	margin-left: 22px;
	line-height: 1.4;
	list-style: outside disc;
}

.olDecimal {
	margin-left: 22px;
	list-style: outside decimal;
}

.ulDisc li, .olDecimal li {
	margin-bottom: 10px;
}

.col3 {
	text-align: center;
	/*letter-spacing: -.5em;*/
}
.col3 li {
	margin-bottom: 10px;
	display: inline-block;
	/*letter-spacing: normal;*/
}

.col3wd li {
	width: 32%;
}


/* ----- decoration (button, etc...) */

/* ----- button */


/* --------------
 container each contents
-------------- */

/* mv
---------------------------------------------------- */
#mv {
	background: url(../img/bg.jpg) center top;
}

/* clm01
---------------------------------------------------- */
#clm01 {
	background: #e6e6e6;
	position: relative;
}

#clm01 h2 {
	margin-bottom: 20px;
}

/* clm02
---------------------------------------------------- */
#clm02 header {
	padding-bottom: 10px;
	background: url(../img/clm02_line1.png) repeat-x bottom;
}

#clm02 header h2 {
	color: #006837;
	display: inline-block;
}

.clm02_ic2 li {
	background: url(../img/clm02_ic2.png) no-repeat left center;
}

.clm02_bx {
	margin-bottom: 15px;
	border: 1px solid #ff82b0;
	background: #FFF;
}

.clm02_line2 {
	background: url(../img/clm02_line2.png) no-repeat left bottom;
}


/* clm03
---------------------------------------------------- */
#clm03 {
	background: url(../img/bg.jpg) center top;
}

.clm03_bx {
	border-style: solid;
	background: #FFF;
}
#clm03_1.clm03_bx {
	border-color: #29abe2;
}
#clm03_2.clm03_bx {
	border-color: #81b72c;
}
#clm03_3.clm03_bx {
	border-color: #7d6a59;
}

.clm03_in {
}

.clm03_bx h2 {
	text-align: center;
}
#clm03_1.clm03_bx h2 {
	background: #29abe2;
}
#clm03_2.clm03_bx h2 {
	background: #81b72c;
}
#clm03_3.clm03_bx h2 {
	background: #7d6a59;
}

/* clm03_01
------------------------------------------ */
.clm03_1_lead {
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}
.clm03_1_lead b {
	margin: 0 10px;
	padding: 2px 10px;
	color: #FFF;
	text-align: center;
	border-radius: 20px;
	background: #f7931e;
	display: inline-block;
}
.clm03_1_lead span {
}

#clm03_1 h3 {
	color: #f7931e;
}

#clm03_1 .flr h3 {
	margin-top: 20px;
}

.clm03_1_bx {
	border: 6px solid #e6e6e6;
	background: #e3faff;
}

/* clm03_2
------------------------------------------ */
.tblA {
	width: 100%;
}
.tblA th, .tblA td{
	border: 1px solid #999;
}

.tblA tr td:last-child {
	background: #f9f9ce;
}

#clm03_2 h3 {
	margin-top: 20px;
	color: #81b72c;
}

.clm03_2_bx {
	border: 6px solid #e6e6e6;
	background: #fbfff3;
	position: relative;
}
.clm03_2_bx mark {
	position: absolute;
}

.clm03_2_bx h3 {
	padding: 4px 20px;
	color: #FFF !important;
	border-radius: 20px;
	background: #81b72c;
	display: inline-block;
}

@media all and (-ms-high-contrast:none){/* IE10以降 */
	.clm03_2_bx h3 {
		height: 16px;
		padding: 13px 20px 0;
	}
}

.tblB {
	margin: 10px 0;
	font-size: 16px;
}
.tblB caption {
	font-weight: bold;
}
.tblB th {
	padding-right: 20px;
}
.tblB td {
	color: #ed1c24;
	font-weight: bold;
}

/* clm03_3
------------------------------------------ */


/* clm04
---------------------------------------------------- */
#clm04 header {
	padding: 20px 0;
	color: #FFF;
	text-align: center;
	background: #0071bc;
	position: relative;
}

#clm04 .in h2 {
	margin-top: 20px;
}
#clm04 .in h2 img {
	vertical-align: middle;
}

.clm04_lead span {
	font-weight: bold;
	background: url(../img/clm04_line1.png) no-repeat right bottom;
}


/* clm05
---------------------------------------------------- */
#clm05 {
	background: url(../img/bg2.png);
}

.clm05_bx {
	background: #FFF;
}

/* clm06
---------------------------------------------------- */
.clm06_bx h3 {
	color: #00a99d;
	background-position: left center;
	background-repeat: no-repeat;
}

.clm06_1 h3 {
	background-image: url(../img/clm06_ic1.png);
}
.clm06_2 h3 {
	background-image: url(../img/clm06_ic2.png);
}
.clm06_3 h3 {
	background-image: url(../img/clm06_ic3.png);
}
.clm06_4 h3 {
	background-image: url(../img/clm06_ic4.png);
}

/* clm07
---------------------------------------------------- */
#clm07 {
	background: url(../img/bg3.jpg);
}

.clm07_bx {
	border: 6px solid #bce2e8;
	background: #FFF;
}

.qa dt {
	margin: 10px 0;
	padding: 5px 0 5px 30px;
	background: url(../img/clm07_ic1.png) no-repeat left 6px;
}

.qa dd {
	padding: 5px 0 20px 30px;
	color: #ed6ea5;
	border-bottom: 1px dotted #CCC;
	background: url(../img/clm07_ic2.png) no-repeat left 6px;
}

/* clm08
---------------------------------------------------- */

/* clm09
---------------------------------------------------- */
#clm09 {
	background: #1f7ee3;/* fallback */
	background: -moz-linear-gradient(top center, #2180cb 0%, #1f7ee3 30%, #165ed1 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0.00, #2180cb), color-stop(0.30, #1f7ee3), color-stop(1.00, #165ed1));/* Chrome & Safari */
	background: linear-gradient(to bottom, #2180cb 0%, #1f7ee3 30%, #165ed1 100%);/* IE10+, W3C */
}

.tblC {
	background: rgba(255,255,255,0.3);
}
.tblC td {
	border: 1px solid #FFF;
	padding-right: 10px;
	padding-left: 10px;
}
.tblC td p {
	padding: 20px 0;
	text-align: center;
}

/* clm10
---------------------------------------------------- */
.clm10_bx {
	background: #e2e2e2;
}

.clm10_bx p {
	margin-bottom: 1em;
}


/* =footer
-------------------------------------------------------------- **/
#footer {
	color: #333;
	background: #e2fefa;/* fallback */
	background: -moz-linear-gradient(top center, #e2fefa 0%, #bce2e8 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0.00, #e2fefa), color-stop(1.00, #bce2e8));/* Chrome & Safari */
	background: linear-gradient(to bottom, #e2fefa 0%, #bce2e8 100%);/* IE10+, W3C */
}
#footer h3 {
	padding-left: 10px;
	color: #333;
	position: relative;
}
#footer h3:before {
	content: "";
	position: absolute;
	border: 3px solid transparent;
	border-left-color: #00a99d;
	top: 50%;
	left: 0;
	margin-top: -3px;
}

#footer a {
	color: #333;
}

/* =siteFooter
---------------------------------------------------- */
.tblD {
	width: 100%;
	border-top: 1px solid #DDD;
}

/* =copyright
---------------------------------------------------- */
#copyright {
	text-align: center;
}

/* =pageTop
---------------------------------------------------- */
#pageTop {
	width: 30px;
	height: 30px;
	bottom: 130px;
}
@media screen and (max-width: 1200px) { /*以下の時*/
#pageTop {
	right: 5px;
}
}
@media screen and (min-width: 1201px) { /*以上の時*/
#pageTop {
	right: 100px;
}
}

#pageTop a:after {
	width: 30px;
	height: 30px;
}

#pageTop {
	display: block;
	position: fixed;
}
#pageTop a {
	display: block;
	font-size: 30;
	position: relative;
}
#pageTop a:after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	border-top: 2px none #00a99d;
	border-right: 2px none #00a99d;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.white {
	color: #FFF;
}
.red {
	color: #F00;
}


@media screen and (min-width: 681px){
	.banner{
	display:block;
	position:fixed;
	top:0;
	right:40px;
	line-height:1.4;
	background-size:cover;
	width:220px;
	z-index:9999;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	border-bottom:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	box-shadow:1px 1px 1px #cccccc;
	-webkit-box-shadow:1px 1px 1px #cccccc;
	-moz-box-shadow:1px 1px 1px #cccccc;
	background-repeat: no-repeat;
	background-image: url(../img/banner_bg.jpg);
}
	.banner_sp{ display:none;}
}

@media screen and (max-width: 680px){
	.banner{ display:none;}
	.banner_sp{
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	line-height:1;
	background-size:cover;
	width:300px;
	height:50px;
	z-index:9999;
	color:#ffffff;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;
	border:2px solid #ffffff;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	box-shadow:1px 1px 1px #cccccc;
	-webkit-box-shadow:1px 1px 1px #cccccc;
	-moz-box-shadow:1px 1px 1px #cccccc;
	background-repeat: no-repeat;
	background-image: url(../img/banner_bg.jpg);
}
}
	.banner_sp a {
	color: #FFF;
	text-decoration: none;
}

.banner a {
	color: #FFF;
	text-decoration: none;
}
#order {
	color: #FFF;
	background-image: url(../img/banner_bg.jpg);
}
#footer .banner {
	color: #FFF;
}
#footer .banner_sp {
	color: #FFF;
}

.message {
	background-color: #FFF;
	color: #000;
	padding: 20px;
	line-height: 200%;
}