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

	common.css

========================================== */
/*pc*/
@media screen and (min-width: 1367px) {
	.sp1366 {display:none!important;}
}
@media screen and (min-width: 1281px) {
	.sp1280 {display:none!important;}
}
@media screen and (min-width: 1195px) {
	.sp1194 {display:none!important;}
}
@media screen and (min-width: 1113px) {
	.sp1112 {display:none!important;}
}
@media screen and (min-width: 1025px) {
	.sp1024 {display:none!important;}
}
@media screen and (min-width: 1001px) {
	.sp1000 {display:none!important;}
}
@media screen and (min-width: 897px) {
	.sp896 {display:none!important;}
}
@media screen and (min-width: 769px) {
	.sp {display:none!important;}
}
@media screen and (min-width: 641px) {
	.sp640 {display:none!important;}
}
@media screen and (min-width: 481px) {
	.sp480 {display:none!important;}
}

/*sp*/
@media screen and (max-width: 1366px) {
	.pc1366 {display:none!important;}
}
@media screen and (max-width: 1194px) {
	.pc1194 {display:none!important;}
}
@media screen and (max-width: 1112px) {
	.pc1112 {display:none!important;}
}
@media screen and (max-width: 1024px) {
	.pc1024 {display:none!important;}
}
@media screen and (max-width: 1000px) {
	.pc1000 {display:none!important;}
}
@media screen and (max-width: 896px) {
	.pc896 {display:none!important;}
}
@media screen and (max-width: 768px) {
	.pc {display:none!important;}
}
@media screen and (max-width: 640px) {
	.pc640 {display:none!important;}
}
@media screen and (max-width: 480px) {
	.pc480 {display:none!important;}
}
@media screen and (min-width: 769px) {
	a[href^="tel:"] {
		pointer-events: none;
		color: #3a2513;
		text-decoration: underline;
	}
}

/* Link
========================================== */
a {
	text-decoration: none;
	color: #222;
}
a:hover {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover img.ImgOn {
	opacity: 0.7;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
a[href^="tel:"] {
	color: #3a2513;
	text-decoration: none;
}
/*
*:hover {
	transition: all 0.2s;
}
*/

/* Width
========================================== */
.w1100 {
	width: 1100px;
	margin: 0 auto;
}

@media screen and (max-width: 1366px) {
	.w1100 {
		width: 100%;
		height: auto;
	}
}


/* Image
========================================== */
.cmn_img {
	max-width: 100%;
	height: auto;
}

/* Flort
========================================== */
.fl{float:left;}
.fr{float:right;}

/* Font
========================================== */
.bd {font-weight: bold;}
.roman-font { font-family: 'EB Garamond', serif;}

/* Clear
========================================== */
.cb{ clear:both;}

.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0;
}
/* IE7,MacIE5 */
.clear {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}


/* Margin
========================================== */
.mb00 { margin-bottom:0px!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;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mb60 { margin-bottom:60px!important;}


.mt10 { margin-top:10px!important;}
.mt20 { margin-top:20px!important;}
.mt30 { margin-top:30px!important;}
.mt40 { margin-top:40px!important;}
.mt50 { margin-top:50px!important;}

.mr30 { margin-right:30px!important;}
.mr70 { margin-right:70px!important;}

.ml15 { margin-left:15px!important;}
.ml30 { margin-left:30px!important;}
.ml70 { margin-left:70px!important;}
.ml110 { margin-left:110px!important;}

/* Padding
========================================== */
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}



/* Text
========================================== */
.acenter{text-align:center;}
.aright{text-align:right;}
.txtRed { color:#f00;}


/* Font
========================================== */
.fontsize13 {font-size:13px; font-size:1.3rem;}
.fontsize16 {font-size:16px; font-size:1.6rem;}
.fontsize18 {font-size:18px; font-size:1.8rem;}
.fontsize20 {font-size:20px; font-size:2.0rem;}
.fontsize22 {font-size:22px; font-size:2.2rem;}
.fontsize24 {font-size:24px; font-size:2.4rem;}


/* input, textarea, select
========================================== */
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], textarea, select {
	vertical-align:middle;
	padding: 12px 15px;
	border:1px solid #b3b3b3;
	font-size:100%;
	background:#fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-style: normal;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	color: #222!important;
}
input[type="submit"], input[type="button"], input[type="reset"], button {
	-webkit-appearance: none;
	border-radius: 0;
	-moz-appearance: none;
	     appearance: none;
	border: none;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
}

input[type="text"], input[type="email"], input[type="tel"], select, textarea {
	width: 100%;
	border-radius: 5px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #b5b5b5;
	font-weight: 400;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #b5b5b5;
	font-weight: 400;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #b5b5b5;
	font-weight: 400;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: #b5b5b5;
	font-weight: 400;
}

input::placeholder, textarea::placeholder {
	color: #b5b5b5;
	font-weight: 400;
}
/* IE */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #b5b5b5;
}
/* Edge */
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: #b5b5b5;
}

textarea{
	min-height:150px!important;
	line-height:1.5;
	resize: vertical;
}

.selectbox {
	position: relative;
}
.selectbox::after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
	content: "";
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
	color: #333;
	pointer-events: none;
	margin-top: -6px;
}
.selectbox select {
	padding: 12px 40px 12px 15px;
}
input[type="radio"] , input[type="checkbox"]{
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	    transform: scale(1.5);
	margin-right: 12px;
}
.bnone {
	border: none!important;
	padding: 16px 20px!important;
}
input[type="date"] {
  appearance: none; /* ブラウザのデフォルトスタイルを無効化 */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  /* その他のスタイル指定 */
}
@media screen and (max-width: 768px){
	textarea {
		width: 100%!important;
	}
}
@media screen and (max-width: 480px){
	.selectbox select {
		padding: 12px 30px 12px 15px;
	}
}