@charset "UTF-8";


main  * {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",  "メイリオ", "Meiryo", sans-serif;
}

/* main設定 */
main {
	background-color: #fcecdb;
	padding: 10px 0 20px;
}
main > section {
	background-color: #FFFFFF;
	margin: 20px auto 0;
	padding: 20px 10px;
}
main > section > h2 {
	background-color: #00529f;
	color: #FFFFFF;
	font-size: 1.3em;
	padding: 10px 20px;
}
main > section p{
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
}


/*----------見出し↓----------*/
.introduce h2 {
	font-size: 6.5vw;
	font-weight: 700;
	color: #00529f;
	text-align: center;
  margin: 5vw auto 12vw;
	padding: 0.5em 0;
	border-top: 6px solid #00529f;
	border-bottom: 6px solid #00529f;
}
/*
.introduce h2::before{
	content: '';
	position: absolute;
	bottom: 0vw;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 90%;
	height: 2vw;
	background-color: #00529f;
}
.introduce h2::after{
	content: '';
	position: absolute;
	bottom: -26vw;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 90%;
	height: 2vw;
	background-color: #00529f;
}
	*/

.introduce br.pc{
	display: none;
}

/*----------見出し↑----------*/


/*----------ご注文から取付までの流れ↓----------*/
#flow h3{
	text-align: center;
	font-size: 6.2vw;
	font-weight: 700;
	padding: 14vw 0 0;
}
#flow h3::after{
	content: "";
	display: block;
	margin: 5px auto 0;
	width: 40px;
	height: 3px;
	background: #00529f;
}
#flow h4 span {
	display: inline-block;
	color: #fff;
	background-color: #00529f;
	width: 10vw;
	height: 10vw;
	border-radius: 50%;
	text-align: center;
	line-height: 9.5vw;
	margin-right: 0.5em;
	font-size: 5.5vw;
}
#flow h4 {
	font-size: 5.8vw;
	font-weight: 600;
	position: relative; /* 親要素を基準にする */
}
#flow ol li {
	margin: 10vw auto 30vw;
}
#flow ol li p span{
	font-size: 3.2vw;
	display: inline-block;
}

#flow ol li a{
	display: block;
	box-sizing: border-box;
	font-size: 5.3vw;
	font-weight: bold;
	color: #00529f;
	background-color: #fff;
	border: 2px solid #00529f;
	border-radius: 6px;
	width: 84vw;
	margin: 10vw auto 0;
	text-align: center;
	line-height: 1;
	padding: 0.9em 0;
}
#flow ol li:nth-of-type(2) a{
	display: block;
	box-sizing: border-box;
	font-size: 5.3vw;
	font-weight: bold;
	color: #cf1414;
	background-color: #fedfdf;
	border: 2px solid #cf1414;
	border-radius: 55px;
	width: 84vw;
	margin: 10vw auto 0;
	text-align: center;
	line-height: 1;
	padding: 1em 0;
	box-shadow: 0px 3px 1px -1px #acacac;
}
#flow ol li h4::after{
	content: ''; /* 疑似要素の内容を空に設定 */
  position: absolute; /* 絶対配置 */
	left: 50%; /* 横方向中央揃え */
  transform: translateX(-50%); /* 水平方向の中央揃え調整 */
  border-left: 6vw solid transparent; /* 左側の透明な部分 */
  border-right: 6vw solid transparent; /* 右側の透明な部分 */
  border-top: 9vw solid #d0e7fd; /* 上側に色付きの三角形を作成 */
	border-radius: 6px;
	margin: 60vw auto;
}
#flow ol li:nth-of-type(2) h4::after{
	margin: 76vw auto;
}

#flow ol li:nth-of-type(3) h4::after{
	display: none;
}
#flow li a img {
	width: 8vw;
	position: absolute;
	left: 20vw;
	transform: translate(0%, -20%);
}
#flow .pc{
	display: none;
}
#flow .sp{
	display: none;
}
#flow br.pc_2{
	display: none;
}
#flow br.pc_3{
	display: none;
}


/*----------ご注文から取付までの流れ↑----------*/



/*----------取付料金について↓----------*/
#fee h3{
	text-align: center;
	font-size: 6.2vw;
	padding: 4vw 0 8vw;
}
#fee h3::after{
	content: "";
	display: block;
	margin: 5px auto 0;
	width: 40px;
	height: 3px;
	background: #00529f;
}

#fee .price > h4, .notice > h4 {
	background-color: #00529f;
	color: #FFFFFF;
	padding: 10px;
}
#fee .price > div > table {
	font-size: 0.8em;
	line-height: 14px;
	text-align: center;
	margin-bottom: 20px;
	border-collapse: collapse;
	width: 100%;
}
#fee  .price > div > table caption {
	text-align: right;
}
#fee  .price > div > table th {
	padding: 8px 3px;
	border: solid 1px #FFFFFF;
	background-color: #0a335e;
	color: #FFFFFF;
	font-size: 0.6em;
}
#fee  .price  div > table tr:nth-child(2n+1) {
	background-color: #ececec;
}
#fee  .price > div > table td {
	padding: 7px;
}
#fee  .price > div > table span {
	display: inline-block;
	font-size: 0.7em;
}
#fee  .price > div ~ p {
	font-weight:bold;
	font-size:14px;
	display:inline-block;
	border-bottom: 1px solid #f00;
	margin: 5px;
}
#fee  .price > div ~ p > span {
	font-weight:normal;
	font-size:12px;
}
#fee  .price > div + p + p {
	margin-bottom: 14px;
	margin-left: 1em;
	padding-left: 0.5em;
}
/*注意事項*/
.notice > ul {
	padding-left: 15px;
	margin: 10px;
	font-size: 0.8em;
}
.notice > ul li {
	list-style-type: disc;
	margin-bottom: 10px;
}
/*----------取付料金について↑----------*/


/*----------カレンダー↓----------*/
#calendar > h3 {
	text-align: center;
	font-size: 6vw;
	padding: 20vw 0 8vw;
}
#calendar > h3::after {
	content: "";
	display: block;
	margin: 5px auto 0;
	width: 40px;
	height: 3px;
	background: #00529f;
}
#calendar p span {
	font-size: 3.2vw;
	display: inline-block;
}
#calendar p span.under {
	font-size: 1em;
	display: inline;
	text-decoration: underline;
}
#calendar .pc { display: none; }
#calendar .sp { display: none; }
#calendar > h4 {
	font-size: 5vw;
	text-align: center;
}

/* --- 新カレンダーUI --- */
#calendar-app {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 4vw 3vw;
	margin: 5vw 0;
	background: #fff;
}
.cal-loading, .cal-error {
	text-align: center;
	padding: 40px 0;
	font-size: 4vw;
	color: #666;
}
.cal-error { color: #c00; }
.cal-scroll-note {
	text-align: center;
	font-size: 3.2vw;
	color: #555;
	line-height: 1.8;
	margin: 0 0 3vw;
}
.cal-nav {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2vw;
	margin-bottom: 3vw;
	padding: 3vw 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.cal-nav-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2vw;
}
.cal-btn-today {
	background: #d4edff;
	border: none;
	border-radius: 20px;
	padding: 0.4em 1.2em;
	font-size: 3.6vw;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}
.cal-btn-prev, .cal-btn-next {
	background: none;
	border: none;
	font-size: 3.6vw;
	color: #00529f;
	font-weight: bold;
	cursor: pointer;
	padding: 0;
}
.cal-btn-prev::before,
.cal-btn-next::after {
	transform: scaleY(2);
  display: inline-block;
}
.cal-btn-prev::before {
	content: '＜';
	margin-right: 0.3em;
}
.cal-btn-next::after {
	content: '＞';
	margin-left: 0.3em;
}
.cal-period {
	font-size: 3.2vw;
	font-weight: bold;
	color: #333;
}
.cal-period span {
	font-size: 1.5em;
}
.cal-period span span{
	font-size: 0.75em;
}
.cal-legend {
	font-size: 3.2vw;
	color: #555;
	display: flex;
	align-items: center;
	gap: 0.5em;
}
.cal-legend-maru {
	font-weight: bold;
	background-color: #ffedf2;
	padding: 0.5em;
	border-radius: 0.3em;
}
.cal-legend-maru span {
	color: #d32f2f;
}
.cal-legend-batsu {
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 0.5em;
	border-radius: 0.3em;
}
.cal-legend-batsu span {
	color: #999;
}

.cal-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.cal-table {
	width: 100%;
	min-width: 500px;
	border-collapse: collapse;
	table-layout: fixed;
	text-align: center;
}
.cal-table thead {
	border-bottom: 2px solid #eee;
}
.cal-time-header {
	width: 60px;
	position: sticky;
	left: 0;
	background: #fff;
	z-index: 2;
}
.cal-day-header {
	padding: 8px 4px 6px;
	vertical-align: middle;
}
.cal-dow {
	display: block;
	font-size: 3.4vw;
	color: #555;
	font-weight: normal;
}
.cal-day-num {
	display: block;
	font-size: 5.5vw;
	font-weight: bold;
	color: #333;
	line-height: 1.3;
}
.cal-sun .cal-dow,
.cal-sun .cal-day-num { color: #d32f2f; }
.cal-sat .cal-dow,
.cal-sat .cal-day-num { color: #1976d2; }
.cal-today-header {
	background: #d4edff;
	border-radius: 8px;
}
.cal-closed-header .cal-dow,
.cal-closed-header .cal-day-num {
	color: #bbb;
}
.cal-closed-label {
	display: block;
	font-size: 2.6vw;
	color: #d32f2f;
	font-weight: bold;
}
.cal-time-label {
	font-size: 3.6vw;
	font-weight: bold;
	color: #333;
	padding: 8px 4px;
	text-align: left;
	white-space: nowrap;
	position: sticky;
	left: 0;
	background: #fff;
	z-index: 1;
	box-shadow: 2px 0 4px rgba(0,0,0,0.06);
}
.cal-cell {
	padding: 6px 2px;
	border-bottom: 1px solid #f0f0f0;
}
.cal-closed-cell {
	background: #f5f5f5;
}
.cal-closed-text {
	color: #ccc;
	font-size: 4vw;
}
.cal-maru {
	color: #d32f2f;
	font-size: 5vw;
	font-weight: bold;
	padding: 0.1em 0.3em;
	background-color: #ffedf2;
	border-radius: 0.3em;
}
.cal-batsu {
	color: #bbb;
	font-size: 4.5vw;
	font-weight: bold;
	padding: 0.1em 0.3em;
	background-color: #f5f5f5;
	border-radius: 0.3em;
}
/* 過去日グレーアウト */
.cal-past-header .cal-dow,
.cal-past-header .cal-day-num,
.cal-past-header .cal-closed-label { color: #bbb; }
.cal-past-cell { background: #f5f5f5; }
.cal-past-cell.cal-closed-cell { background: #eee; }
.cal-past-cell .cal-maru,
.cal-past-cell .cal-batsu,
.cal-past-cell .cal-closed-text { color: #ccc; background-color: #f5f5f5; }

/* カレンダー下リンク */
#calendar ul.calendar_link li a {
	display: block;
	box-sizing: border-box;
	font-size: 5.3vw;
	font-weight: bold;
	color: #cf1414;
	background-color: #fedfdf;
	border: 2px solid #cf1414;
	border-radius: 55px;
	width: 84vw;
	margin: 10vw auto 0;
	text-align: center;
	line-height: 1;
	padding: 1em 0;
	box-shadow: 0px 3px 1px -1px #acacac;
}
#calendar ul.calendar_link li a img {
	width: 8vw;
	position: absolute;
	left: 20vw;
	transform: translate(0%, -20%);
}
#calendar ul.calendar_link li:nth-of-type(2) a {
	display: block;
	box-sizing: border-box;
	font-size: 5.3vw;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	border-radius: 10px;
	border: 2px solid #000;
	width: 84vw;
	margin: 10vw auto 0;
	text-align: center;
	line-height: 1;
	padding: 1em 0;
	box-shadow: 0px 0px rgba(0, 0, 0, 0);
}
#calendar ul.calendar_link li dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 3.4vw;
	line-height: 1.8;
	margin: 1em;
}
#calendar ul.calendar_link li dt {
	margin-right: 0.5em;
}
#calendar ul.calendar_link li dd {
	margin-right: 1.5em;
}
#calendar ul.calendar_link li dd:nth-of-type(2) {
	margin-right: 0em;
}
/*----------カレンダー↑----------*/

/*---------- 店舗在庫 ----------*/
#stock > h3 {
	text-align: center;
	font-size: 6vw;
	padding: 20vw 0 8vw;
}
#stock > h3::after{
	content: "";
	display: block;
	margin: 5px auto 0;
	width: 40px;
	height: 3px;
	background: #00529f;
}
#stock picture {
	display: block;
	width: 60%;
	border: 1px solid #000;
	margin: 0 auto;
}
#stock .link_stock {
	display: block;
	box-sizing: border-box;
	font-size: 5.3vw;
	font-weight: bold;
	color: #f00;
	background-color: #fff;
	border: 2px solid #f00;
	border-radius: 6px;
	width: 84vw;
	margin: 10vw auto 0;
	text-align: center;
	line-height: 1;
	padding: 0.9em 0;
}
.shop_map > h3 {
	text-align: center;
	font-size: 6vw;
	padding: 20vw 0 8vw;
}
.shop_map > h3::after{
	content: "";
	display: block;
	margin: 5px auto 0;
	width: 40px;
	height: 3px;
	background: #00529f;
}

.shop_map > .map {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin-top: 10px;
}
.shop_map > .map > iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border: 0;
}



#information > h3 {
	text-align: center;
	font-size: 6vw;
	padding: 20vw 0 8vw;
}
#information > h3::after{
	content: "";
	display: block;
	margin: 5px auto 0;
	width: 40px;
	height: 3px;
	background: #00529f;
}

#information > figure > figure {
	margin-bottom: 10px;
	font-size: 0.8em;
}
#information > figure > figure > img,
#shop_info > figure > img {
	width: 100%;
}
#shop_info > figure > img:nth-of-type(2) {
	display: none;
}
#shop_info > table {
	font-size: 0.8em;
}
#shop_info > table th,
#shop_info > table td {
	display: block;
}
#shop_info > table th {
	border-bottom: solid #000000 1px;
	text-align: left;
	margin-top: 10px;
}
#shop_info > table ul {
	padding-left: 15px;
	line-height: 1.5em;
}
#shop_info > table li {
	list-style-type: disc;
	margin-bottom: 0.5em;
}
#shop_info > table li a {
	border-bottom: 3px double;
	font-weight: bold;
}


.street_view {
	margin-bottom: 20px;
}
.street_view:after {
	position: relative;
	content: '';
	bottom: -5px;
	width: 100%;
	border-bottom: solid 3px rgb(119, 195, 223);
	display: block;
}
.street_view > h4 {
	position: relative;
	padding-left: 25px;
	margin-top: 10px;
	font-size: 0.9em;
}
.street_view > h4:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px rgb(119, 195, 223);
}
.street_view > h4:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 3px;
	width: 100%;
	border-bottom: solid 3px rgb(119, 195, 223);
}
.street_view > .view {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin-top: 10px;
}
.street_view > .view > iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border: 0;
}


.greeting > h3 {
	text-align: center;
	font-size: 6vw;
	padding: 20vw 0 8vw;
}
.greeting > h3::after{
	content: "";
	display: block;
	margin: 5px auto 0;
	width: 40px;
	height: 3px;
	background: #00529f;
}
div.greeting > div {
	margin-right: 20px;
}
div.greeting > figure > img{
	width: 100%;
}
div.greeting > figure figcaption {
	text-align: center;
	font-size: 0.8em;
}


.sell > h3 {
	text-align: center;
	font-size: 6vw;
	padding: 20vw 0 8vw;
}
.sell > h3::after{
	content: "";
	display: block;
	margin: 5px auto 0;
	width: 40px;
	height: 3px;
	background: #00529f;
}
.sell > dl > dt {
	border-bottom: 1px dotted #333;
	margin: 20px 10px 0;
	padding: 0 10px;
	padding-bottom: 3px;
	color: #c63;
	font-weight: bold;
}
.sell > dl > dd {
	margin: 5px 0 0 20px;
	font-size: 14px;
	line-height: 22px;
}

.link {
	background-color: #797979;
	margin-top: 50px;
}
.link > h3 {
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	border-bottom: 2px dotted;
	margin: 0 10px;
	padding: 10px;
}
.link > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.link > ul > li {
	padding: 10px 30px;
}
.link > ul > li > a {
	color: #FFF;
	letter-spacing: 5px;
	border-bottom: 1px solid;
}

/*カレンダーボタン*/
.btn_calendar {
	position: fixed;
	right: 10px;
	top: 400px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 1px 5px 1px #8e8e8e;
	width: 85px;
	height: 85px;
	background-color: #fff;
	border: 2px solid #00529f;
	color: #00529f;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 8px;
	font-size: 12px;
	box-sizing: border-box;
	z-index: 10;
	transition: 0.5s;
}
.btn_calendar span {
	width: 100%;
	position: absolute;
  top: 24px;
}
.btn_calendar span:nth-of-type(2)  {
	width: 100%;
	position: absolute;
  top: 42px;
}


.btn_calendar.is-fixed {
	top: calc(100vh - 105px);
}
.btn_calendar.is-fixed.is-hide {
	opacity: 0;
}

/* 在庫確認ボタン */
.btn_stock {
	position: fixed;
	left: 10px;
	top: 400px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 1px 5px 1px #8e8e8e;
	width: 85px;
	height: 85px;
	background-color: #fff;
	border: 2px solid #f00;
	color: #f00;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 8px;
	font-size: 12px;
	box-sizing: border-box;
	z-index: 10;
	transition: 0.5s;
}
.btn_stock span {
	width: 100%;
	position: absolute;
  top: 24px;
}
.btn_stock span:nth-of-type(2)  {
	width: 100%;
	position: absolute;
  top: 42px;
}
.btn_stock.is-fixed {
	top: calc(100vh - 105px);
}
.btn_stock.is-fixed.is-hide {
	opacity: 0;
}

/*メディアクエリ*/
@media screen and (min-width: 481px){

}
@media screen and (min-width: 768px){
/* main設定 */
	main > section {
		max-width: 980px;
	}
	main > section p{
		text-align: center;
	}
	/*----------見出し↓----------*/
	.introduce h2 {
		font-size: 30px;
		margin: 40px 185px 60px;
		padding: 0.5em 0;
		border-top: 6px solid #00529f;
		border-bottom: 6px solid #00529f;
	}
	/*
	.introduce h2 br{
		display: none;
	}
	*/
	.introduce br.pc{
		display: block;
	}
	/*----------見出し↑----------*/
	#flow h3 {
    font-size: 28px;
    padding: 100px 0 0;
	}
	#flow br.pc{
		display: none;
	}
	#flow br.pc_2{
		display: none;
	}
	#flow br.pc_3{
		display: block;
	}

	#flow h4 {
    font-size: 24px;
		margin-bottom: 60px;
	}
	#flow h4 span {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		line-height: 50px;
		margin-right: 0.5em;
		font-size: 28px;
	}
	#flow ol li h4::after{
		border-left: 30px solid transparent; /* 左側の透明な部分 */
		border-right: 30px solid transparent; /* 右側の透明な部分 */
		border-top: 45px solid #d0e7fd; /* 上側に色付きの三角形を作成 */
		border-radius: 6px;
		margin: 300px auto;
	}
	#flow ol li:nth-of-type(2) h4::after{
		margin: 360px auto;
	}
	
	#flow ol li {
    margin: 60px 40px 180px
	}
	#flow ol li a {
    font-size: 24px;
    border-radius: 6px;
    width: 370px;
    margin: 40px auto 0;
    text-align: center;
    line-height: 1;
    padding: 0.9em 0;
	}
	#flow ol li p span {
    font-size: 12px;
	}
	
	#flow ol li:nth-of-type(2) a{
		font-size: 20px;
		width: 370px;
		margin: 40px auto 0;
		line-height: 1;
		padding: 0.8em 0;
		position: relative;
		color: #282828;
    background-color: #ebebeb;
		border-radius: 0px;
    border: 0px solid #282828;
		box-shadow: 0px 0px #acacac;
	}

	#flow ol li:nth-of-type(2) a::after {
		content: "0940-33-5200";
    margin-left: 5px;
		display: block;
		font-size: 35px;
    padding: 0.2em;
		color: #cf1414;

	}

	#flow li a img{ 
		width: 30px;
    position: absolute;
    left: 35px;
		transform: translate(0%, 80%);
	}
	/*
	#flow ol li a[href*="tel:"] {
		cursor: default;
		color: initial;
		pointer-events: auto;
	}
*/

	#fee h3 {
		font-size: 28px;
		padding: 0 0 100px;
	}


	#calendar > h3 {
		font-size: 28px;
		padding: 116px 0 84px;
	}
	#calendar p span {
		font-size: 12px;
	}
	#calendar > h4 {
		font-size: 20px;
	}
	#calendar .pc.cl {
		display: block;
	}

	/* --- 新カレンダーUI PC --- */
	#calendar-app {
		padding: 30px;
		margin: 30px auto;
		max-width: 880px;
	}
	.cal-loading, .cal-error { font-size: 16px; }
	.cal-scroll-note { font-size: 14px; margin: 0 0 20px;}
	.cal-nav { flex-direction: row; justify-content: space-between; gap: 12px; margin-bottom: 20px; padding: 20px 0;}
	.cal-nav-row--week { flex: 1; justify-content: center; gap: 12px; }
	.cal-btn-today { font-size: 14px; }
	.cal-btn-prev, .cal-btn-next { font-size: 14px; }
	.cal-period { font-size: 16px; }
	.cal-legend { font-size: 13px; }
	.cal-dow { font-size: 14px; }
	.cal-day-num { font-size: 22px; }
	.cal-closed-label { font-size: 11px; }
	.cal-time-label { font-size: 14px; padding: 10px 8px; }
	.cal-cell { padding: 8px 4px; }
	.cal-maru { font-size: 20px; padding: 0.1em 1.2em;}
	.cal-batsu { font-size: 18px; padding: 0.1em 1.2em;}
	.cal-closed-text { font-size: 16px; }

	#calendar ul.calendar_link li {
		position: relative;
		margin: 50px auto 0;
	}
	#calendar ul.calendar_link li a {
		font-size: 18px;
		width: 40vw;
		margin: 0 auto;
		max-width: 400px;
		line-height: 1;
		padding: 0.6em 0;
		color: #282828;
		background-color: #ebebeb;
		border-radius: 0px;
		border: 0px solid #282828;
		box-shadow: 0px 0px #acacac;
	}
	#calendar ul.calendar_link li a::after {
		content: "0940-33-5200";
		margin-left: 5px;
		display: block;
		font-size: 30px;
		padding: 0.1em;
		color: #cf1414;
	}
	#calendar ul.calendar_link li a img {
		width: 30px;
		position: absolute;
		left: 60px;
		transform: translate(0%, 50%);
	}
	#calendar ul.calendar_link li:nth-of-type(2) a {
		font-size: 24px;
		width: 40vw;
		margin: 0 auto;
		max-width: 400px;
	}
	#calendar ul.calendar_link li:nth-of-type(2) a::after {
		display: none;
	}
	#calendar .calendar_link {
		display: flex;
	}
	#calendar ul.calendar_link li dl {
		font-size: 14px;
		margin: 0.1em;
	}

	
	.btn_calendar {
		font-size: 16px;
		width: 100px;
		height: 100px;
	}
	.btn_calendar span {
		top: 28px;
	}
	.btn_calendar span:nth-of-type(2)  {
		top: 48px;
	}
	.btn_calendar.is-fixed {
		top: calc(100vh - 120px);
	}
	
	#stock > h3 {
		font-size: 28px;
		padding: 116px 0 84px;
	}
	#stock .link_stock {
    font-size: 24px;
    border-radius: 6px;
    width: 370px;
    margin: 40px auto 0;
    text-align: center;
    line-height: 1;
    padding: 0.9em 0;
	}

	.btn_stock {
		font-size: 16px;
		width: 100px;
		height: 100px;
	}
	.btn_stock span {
		top: 28px;
	}
	.btn_stock span:nth-of-type(2)  {
		top: 48px;
	}
	.btn_stock.is-fixed {
		top: calc(100vh - 120px);
	}

	.shop_map > h3 {
		font-size: 28px;
		padding: 116px 0 84px;
	}

	.shop_map > .map {
		padding-bottom: 46.25%;
	}

	
	#information > h3 {
		font-size: 28px;
		padding: 116px 0 84px;
	}

	#information > figure {
		margin: 20px 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		/*IE10用*/
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: space-around;
	}
	#information > figure > figure {
		width: 49%;
	}

	#shop_info {
		display: flex;
		margin: 20px 50px;
		/*IE10用*/
		display: -ms-flexbox;
	}
	#shop_info > figure {
		width: 38%;
	}
	#shop_info > figure > img:nth-of-type(2) {
		display: inline;
	}
	#shop_info > table{
		width: 62%;
	}
	#shop_info > table tr {
		display: block;
	}
	#shop_info > table th,
	#shop_info > table td {
		padding: 5px;
		display: inline-block;
	}
	#shop_info > table th {
		width: 60px;
		text-align: right;
		border-bottom: none;
		margin-top: 0;
		vertical-align: top;
		padding-right: 10px
	}
	#shop_info > table td {
		width: calc(100% - 100px);
		border-left: solid 1px #000000;
		padding-left: 10px;
	}

	.street_view > .view {
		padding-bottom: 46.25%;
	}



	.greeting > h3{
		font-size: 28px;
		padding: 116px 0 84px;
	}
	div.greeting > div {
		/*IE10用*/
		width: 60%;
	}
	div.greeting > figure {
		/*IE10用*/
		width: 40%;
	}
	div.greeting {
		margin: 20px 50px;
		display: flex;
		align-items: center;
		/*IE10用*/
		display: -ms-flexbox;
		-ms-flex-item-align: center;
	}

	.sell > h3{
		font-size: 28px;
		padding: 116px 0 84px;
	}


	.link > ul {
		justify-content: center;
	}

}



@media screen and (min-width: 1024px){
	main > section p {
		font-size: 14px;
		text-align: left;
	}
	/*カレンダーボタン*/
	.btn_calendar {
		right: calc(50% - 520px);
	}
	/*在庫確認ボタン*/
	.btn_stock {
		left: calc(50% - 520px);
	}

	.introduce h2 {
		margin: 40px 230px 60px;
	}
	.introduce p {
		text-align: center;
		font-size: 16px;
	}


	#flow br.pc{
		display: block;
	}
	#flow br.pc_2{
		display: block;
	}
	#flow br.pc_3{
		display: none;
	}

	#flow h3 {
		font-size: 28px;
		padding: 100px 0 60px;
	}
	#flow h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	#flow h4 span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	margin-right: 0.5em;
	font-size: 20px;
	}
	#flow ol {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 160px;
	}

	#flow ol li {
		width: 27%;
		margin: 0 20px auto;
	}
	#flow ol li a {
		font-size: 18px;
		border-radius: 6px;
		width: 260px;
		margin: 60px auto 0;
		padding: 1.1em 0;
	}
	#flow ol li:nth-of-type(2) a {
		font-size: 15px;
		width: 260px;
		margin: 17px auto 0;
		line-height: 1;
		padding: 0.4em 0;
	}
	#flow ol li:nth-of-type(2) a::after {
		font-size: 25px;
		padding: 0.2em;
	}
	#flow li a img {
		width: 27px;
    left: 15px;
		transform: translate(0%, 56%);
	}
	#flow ol li h4::after {
		border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 30px solid #d0e7fd;
		margin: 107px 10px;
		left: 300px
	}
	#flow ol li:nth-of-type(2) h4::after{
		margin: 107px 10px;
		left: 300px;
		right: 0;
	}
	
	#fee h3 {
		padding: 0 0 60px;
	}

	#calendar h3 {
		padding: 160px 0 44px;
	}
	#calendar p {
		text-align: center;
		font-size: 16px;
	}
	/*
	#calendar ul li a {
		font-size: 15px;
		width: 260px;
		margin: 17px auto 0;
		line-height: 1;
		padding: 0.4em 0;
	}
	#calendar ul li a::after {
		font-size: 25px;
		padding: 0.2em;
	}
	#calendar ul li a img{ 
		width: 40px;
		position: absolute;
		left: 50px;
	}
*/
	#stock > h3 {
		padding: 160px 0 44px;
	}
	#stock > p {
		font-size: 16px;
		text-align: center;
	}
	.shop_map > h3 {
		padding: 160px 0 60px;
	}
	#information > h3 {
		padding: 160px 0 60px;
	}
	.greeting > h3 {
		padding: 160px 0 60px;
	}
	.sell > h3 {
		padding: 160px 0 60px;
	}
}


@media screen and (min-width: 1366px){
	/*カレンダーボタン*/
	.btn_calendar {
		right: calc(50% - 684px);
	}
	/* 在庫確認ボタン */
	.btn_stock {
		left: calc(50% - 684px);
	}
	#flow br.pc{
		display: block;
	}
	#flow br.pc_2{
		display: block;
	}
	#flow br.pc_3{
		display: none;
	}
}