@charset "utf-8";

/* Universal reset
----------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}
html {
	height: 100%;
	overflow-y: scroll;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	table-layout: fixed;
}
img {
	border: none;
	vertical-align: bottom;
}
li {
	list-style: none;
}

p {
	padding: 0;
	margin-top: 0;
}


h1,h2,h3,h4,h5{
	font-size: 100%;
	font-weight: normal;
}

/* Body setting
----------------------------------------------------------- */
body {
	color: #595757;
	font-family: 'Roboto Condensed', "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 1.7;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	position: relative;
  min-width: 960px;
	height: 100%;
}
.mincho{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.robot{
	font-family: 'Roboto Condensed', sans-serif;
}
@media all and (-ms-high-contrast:none){
	body {
		font-family: "メイリオ", Meiryo,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",  sans-serif;
	}
}

@media screen and (max-width: 768px) {
	body{
		font-size: 14px;
    min-width: 320px;
	}
	body.backFixed{
		position: fixed;
		z-index: 10;
	}
	#contFixWrap.fixed,{
	  position: fixed;
	}

	.mincho{
		font-family: "メイリオ", Meiryo, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	a:hover{
		opacity: 1 !important;
	}
}

/* Link setting
----------------------------------------------------------- */
a{
	text-decoration: none;
  color: #91854a;
	transition: 0.3s all;
}
a:hover {
	text-decoration: underline;
}
.opcOver{
	transition:opacity 0.3s;
	display: block;
}
.opcOver:hover{
	text-decoration: none !important;
	opacity: 0.7;
}
@media screen and (max-width: 768px) {
	a:hover {
		text-decoration: none;
	}
	.opcOver:hover{
		text-decoration: none !important;
		opacity: 1;
	}
}

/* form setting
----------------------------------------------------------- */
a:focus, *:focus { outline:none !important; }
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family:"游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 17px;
	background: #fff;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number]{
	height: 30px;
	padding: 0 5px;
	width: 100%;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #91854a;
}

textarea{
	width: 100%;
	padding: 10px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #91854a;
}
input::-webkit-input-placeholder{
    color: #929497;
    font-weight: normal;
}
input:-ms-input-placeholder{
    color: #929497;
    font-weight: normal;
}
input::-moz-placeholder{
    color: #929497;
    font-weight: normal;
}
/*
input[type=text]:focus,
textarea:focus{
	border: 2px solid #00a0e9;
	background: #f3f5f7;
}
*/
input[type=text].error,
input[type=tel].error,
input[type=email].error ,
input[type=number].error ,
textarea.error,
.error input[type=text],
.error input[type=tel],
.error input[type=email],
.error input[type=number],
.error textarea{
	border: 2px solid #db0c0b;
	background: #fcc;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}

button{
	transition: 0.3s all;
  cursor: pointer;
}


label{
  display: block;
  cursor: pointer;
}
input[type=checkbox],
input[type=radio]{
  display: none;
}
#orchid.archive #sideMenu input[type=checkbox] + span,
#greenplants.archive #sideMenu input[type=checkbox] + span,
#arrangement.archive #sideMenu input[type=checkbox] + span {
  position: relative;
	width: 35px;
	height: 35px;
	background: #ebe6ce;
	display: block;
/*	margin-right: 5px;*/
}
#orchid.archive #sideMenu input[type=checkbox] + span::before,
#greenplants.archive #sideMenu input[type=checkbox] + span::before,
#arrangement.archive #sideMenu input[type=checkbox] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background: url(/flower/img/arrange/check_off.png) center center no-repeat;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
}

#orchid.archive #sideMenu input[type=checkbox]:checked + span::before,
#greenplants.archive #sideMenu input[type=checkbox]:checked + span::before,
#arrangement.archive #sideMenu input[type=checkbox]:checked + span::before {
	background-image: url(/flower/img/arrange/check_on.png);
}

#orchid.archive #spSelectionWrap label,
#greenplants.archive #spSelectionWrap label,
#arrangement.archive #spSelectionWrap label{
	display: block;
}

#orchid.archive #spSelectionWrap input[type=radio] + span,
#orchid.archive #spSelectionWrap input[type=checkbox] + span,
#greenplants.archive #spSelectionWrap input[type=radio] + span,
#greenplants.archive #spSelectionWrap input[type=checkbox] + span,
#arrangement.archive #spSelectionWrap input[type=radio] + span,
#arrangement.archive #spSelectionWrap input[type=checkbox] + span {
  position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#orchid.archive #spSelectionWrap input[type=radio]:checked + span,
#orchid.archive #spSelectionWrap input[type=checkbox]:checked + span,
#greenplants.archive #spSelectionWrap input[type=radio]:checked + span,
#greenplants.archive #spSelectionWrap input[type=checkbox]:checked + span,
#arrangement.archive #spSelectionWrap input[type=radio]:checked + span,
#arrangement.archive #spSelectionWrap input[type=checkbox]:checked + span {
	background: #ebe6ce;
}


.selectWrap{
  position: relative;
}
/*
.selectWrap::before{
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background: #fff;
  height: 100%;
  width: 30px;
}
.selectWrap::after{
  content:  "";
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 12px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
}
*/
.selectWrap::after{
  content:  "";
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 12px;
  width: 14px;
  height: 12px;
	background: url(/img/common/arr_select.png) 0 0 no-repeat;
	-webkit-background-size: 14px 12px;
	background-size: 14px 12px;
}
select{
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0 auto;
  height: 40px;
  position: relative;
  z-index: 1;
  padding: 0 35px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
select::-ms-expand {
    display: none;
}

table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}


label{
	display: inline-block;
}
@media screen and (max-width: 768px) {

	body {
		min-width: auto;
	}
	input, button, textarea, select {
		font-size: 14px;
	}
	input, textarea, select {
	}
	input[type=text],
	input[type=mail],
	input[type=tel]{
		height: 35px;
		padding: 0 5px;
	}
	select{
	  height: 35px;
	  padding: 0 20px 0 5px;
	}
	.selectWrap::after{
	  top: 13px;
	  right: 10px;
	  width: 10px;
	  height: 9px;
		background: url(/img/common/arr_select.png) 0 0 no-repeat;
		-webkit-background-size: 10px auto;
		background-size: 10px auto;
	}
	.opcOver:hover{
		opacity: 1;
	}

	a:hover{
		text-decoration: none;
	}
}


/* align
----------------------------------------------------------- */
.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }


/* width
----------------------------------------------------------- */
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w380 { width: 380px !important; }
.w100p { width: 100% !important; }


/* margin
----------------------------------------------------------- */
.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; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !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; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }

.mb0  { margin-bottom: 0px !important; }
.mb1  { margin-bottom: 1px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !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; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }


/* padding
----------------------------------------------------------- */
.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; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt100 { padding-top: 100px !important; }
.pt130 { padding-top: 130px !important; }

.pr0  { padding-right: 0px !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !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; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }

.pl0  { padding-left: 0px !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }


/* float etc
----------------------------------------------------------- */
.fWrap{overflow: hidden;}
.fLh{float: left;}
.fRh{float: right;}
.clear{clear: both;}

.ctr{text-align: center;}

sup,sub{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}
sup {bottom: 1ex;}
sub {top: .5ex;}