@charset "utf-8";
/* ↓↓↓ここから共通↓↓↓ */
#main body, #main div, #main dl, #main dt, #main dd, #main ul, #main ol, #main li, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main pre, #main form,
#main fieldset, #main input, #main textarea, #main p, #main blockquote, #main th, #main td{
    margin: 0;
    padding: 0;
}
ol, ul{
    list-style:none;
}
a:hover img.hoverImg {
	filter:alpha(opacity=70);
	opacity:0.7;
    -moz-opacity: 0.7;
}
a img{border-style:none;}
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
html {
	-webkit-text-size-adjust: 100%;
}
.clearfix{
	display:block;
}
#wrapper{
	min-width:100%;
}
#main{
	width:100%;
}
/* ↑↑↑ここまで共通↑↑↑ */



#main {
	text-align : center;
	box-sizing : border-box;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/* ヘッダースライド画像
---------------------------------------------------------*/

#main #slide_wrapper {
	left       : 50%;
	margin-left: -1650px;
	position   : relative;
	width      : 3300px;
	height     : 510px;
}

#main ul#slide {
	position   : absolute;
	width      : 100%;
	list-style : none;
	visibility : hidden;
}

#main ul#slide.show {
	visibility : visible;
}

#main #slide_wrapper img.overlay {
	position  : absolute;
	top       : 98px;
	left      : calc(50% - 550px);
}


/* ｎ都市周遊選択タブ
---------------------------------------------------------*/

div#tab_wrapper {
	height     :90px;
	background : url('../images/bg_tab.png') repeat-x;
	padding    : 10px 0 0 0;
	border-bottom :  10px solid #d9c898;
}

ul#tab {
	list-style : none;
	height     : 90px;
	margin     : 0 auto;
	width      : 1100px;
}

ul#tab li {
	float    : left;
	display  : block;
	width    : 275px;
	height   : 90px;
	font-size: 250%;
	font-weight : bold;
	color    : #CCCCCC;
	padding  : 0 0 0 0;
	border-radius : 10px 10px 0 0;
}

ul#tab li.active {
	background-color : #d9c898;
}

ul#tab li a {
	display: block;
	margin: 0 0 0 0;
	line-height: 134%;
	width  : 100%;
	height : 100%;
	text-decoration: none;
	color  : #fff;
	padding: 16px 0 0 0;
}

ul#tab li:hover {
	background-color : #990099;
}

ul#tab li.active:hover {
	background-color : #d9c898;
}

ul#tab li.active a {
	color  : #80661a;
}

ul#tab div.triangle {
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 14px 8px 0 8px;
	border-color : #fff transparent transparent transparent;
	margin       : 0 auto;
}

ul#tab li.active div.triangle {
	border-color : #80661a transparent transparent transparent;
}


/* マップ
---------------------------------------------------------*/

div#dest_map_wrapper {
	background-color : #fff5d9;
}

div#dest_map {
	width  : 1100px;
	height : 375px;
	background : #fff url('../images/map_02.png') no-repeat;
	margin: 0 auto;
	position: relative;
	transform: translate(80px,0);
}

img#map_balloon{
	position: absolute;
	z-index: 810;
	top: 20px;
	left: -60px;
}

ul#country_name {
	position: absolute;
	width : 480px;
}

ul#country_name li:hover{
	text-decoration : underline;
}

ul#country_name li {
	font-size   : 134%;
	font-weight : bold;
	color       : #a63aa6;
	position    : absolute;
	cursor      : pointer;
	letter-spacing: -2px;
	z-index     : 1001;
}

ul#country_name li#c_010 {
	top  : 30px;
	left : 308px;
}

ul#country_name li#c_020 {
	top  : 150px;
	left : 96px;
}

ul#country_name li#c_030 {
	top  : 178px;
	left : 214px;
}

ul#country_name li#c_040 {
	top  : 196px;
	left : 152px;
}

ul#country_name li#c_050 {
	top  : 198px;
	left : 254px;
}

ul#country_name li#c_060 {
	top: 222px;
	left: 212px;
}

ul#country_name li#c_070 {
	top  : 232px;
	left : 298px;
}

ul#country_name li#c_080 {
	top  :240px;
	left : 126px;
}

ul#country_name li#c_090 {
	top  : 286px;
	left : 232px;
}

ul#country_name li#c_100 {
	top  : 298px;
	left : 124px;
}

ul#country_name li#c_110 {
	top  : 312px;
	left : 38px;
}

ul#country_name li#c_120 {
	top  : 157px;
	left : 165px;
}

ul#country_name li#c_130 {
	top: 252px;
	left: 235px;
}

ul#country_name li#c_140 {
	top: 167px;
	left: 262px;
}

ul#country_name li#c_150 {
	top: 238px;
	left: 192px;
}

ul#country_name li#c_160 {
	top: 317px;
	left: 300px;
}

ul#country_name li#c_170 {
	top: 127px;
	left: 420px;
}

ul#country_name li#c_180 {
	top: 7px;
	left: 90px;
}

ul#country_name li#c_190 {
	top: 77px;
	left: 240px;
}

ul#country_name li#c_200 {
	top: 124px;
	left: 180px;
}

ul#country_name li#c_210 {
	top: 313px;
	left: 390px;
}

ul#country_name li#c_220 {
	top: 346px;
	left: 242px;
}

img.country_area {
	display : none;
	z-index : 810;
	opacity : 0.6;
}

#main #tour_overview {
	background-color : rgba(255, 255, 255, 0.8);
	border-radius    : 10px;
	position : absolute;
	top      : 30px;
	right    : 78px;
	z-index  : 800;
	width    : 411px;
	height   : 265px;
	padding  : 24px 30px;
}

#main #tour_overview  p {
	color       : #80661a;
	font-weight : bold;
	font-size   : 200%;
	line-height : 133%;
	text-align  : left;
}

#main #tour_overview div.overview {
	background  : transparent url('../images/bg_overview.png') no-repeat 0 0;
	font-size   : 166%;
	font-weight : bold;
	color       : #a64aa6;
	margin      : 14px 0;
	padding     : 14px 0;
}

#main #tour_overview  ul {
	font-size   : 150%;
	font-weight : bold;
}

#main #tour_overview  li {
	width       : 200px;
	font-weight : bold;
	float       : left;
	margin      : 0 4px 10px 0;
}

#main #tour_overview  li div.dt {
	font-weight : bold;
	text-align       : center;
	width            : 90px;
	background-color : #a64aa6;
	border-radius    : 4px;
	color            : #fff;
	height  : 30px;
	display : table-cell;
	vertical-align: middle;
	margin      : 0 8px 0 0;
}

#main #tour_overview  li div.dd {
	font-weight : bold;
	text-align  : left;
	width       : 94px;
	padding-left: 4px;
	color       : #a64aa6;
	height      : 30px;
	display     : table-cell;
	vertical-align: middle;
}


/* 地図の右側に表示の行き先説明文
---------------------------------------------------------*/

#main div.dest_detail_base,
#main div.dest_detail {
	position: absolute;
	top     : 30px;
	right   : 78px;
	width   : 550px;
	height  : 316px;
	z-index : 801;
	background-color: #a63aa6;
	border-radius : 6px;
	text-align : left;
	display    : none;
}

div.dest_detail_base {
	z-index : 800;
}

#main div.dest_detail div.dest_detail_close {
	position: absolute;
	top     : 10px;
	right   : 12px;
	z-index : 802;
	border  : 1px solid #fff;
	padding : 1px 4px;
	color   : #fff;
	cursor  : pointer;
}

#main div.dest_detail div.dest_detail_close:hover {

	color   : #000;
	background-color: #fff;
	opacity : 0.6;
}

#main div.dest_detail h3 {
	margin    : 4px 0 0 20px;
	color     : #fff;
	font-size : 134%;
}

#main div.dest_detail dl {
	position  : relative;
	margin    : 2px 0 0 18px;
	padding-right : 6px;
	color     : #fff;
	height    : 260px;
	overflow  : hidden;
}

#main div.dest_detail dt {
	margin     : 0 0 0 0;
	font-size  : 117%;
	font-weight: bold;
}

#main div.dest_detail dd {
	margin     : 0 12px 12px 0;
}


/* H2
---------------------------------------------------------*/

#main h2 {
	font-family: "DNPShueiMinPr6-M", "秀英明朝 M", "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size        : 350%;
	height           : 66px;
	background-color : #d9c898;
	line-height      : 140%;
	font-weight: normal;
}


/* Step.** タイトル / 都市選択
---------------------------------------------------------*/

div#step_wrapper {
	height     : 220px;
	background : url('../images/bg_step.png') repeat-x;
	padding    : 0 0 0 0;
	position   : relative;
	text-align : center;
	font-family: "DNPShueiMinPr6-M", "秀英明朝 M", "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

div#step_wrapper img {
	margin  :114px auto 0 auto;
	position: relative;
}

div#step_wrapper p {
	text-align : center;
	color      : #80661a;
	font-size  : 326%;
	line-height: 140%;
	/*letter-spacing: 5px;*/
	position   : absolute;
	top        : 119px;
	left       : calc(50% - 550px);
	width      : 1100px;
}

div#step_wrapper p.step {
	text-align: center;
	color: #80661a;
	font-size: 80px;
	letter-spacing: 0px;
	position: absolute;
	top: 10px;
	left: calc(50% - 550px);
	width: 1100px;
}

div#cities_wrapper {
	background-color : #ffe5f2;
}


/* Step.01 目的地（都市）選択
---------------------------------------------------------*/

#main ul.cities {
	width      : 1100px;
	list-style : none;
	margin     : 0 auto;
	padding    : 8px 0 100px 0;
}
#main ul.cities li {
	float       : left;
	height      : 211px;
	width       : 205px;
	text-align  : center;
	line-height : 140%;
	margin      : 0 18px 30px 0;
	padding     : 0 0 0 0;
	position    : relative;
}

#main ul.cities li:hover {
	opacity : 0.7;
}

#main ul.cities li > a > b {
	display     : block;
	font-size   : 200%;
	color       : #fff;
	font-weight : bold;
	text-decoration : none;
	margin: 98px 0;
}

#main ul.cities li.c2 > a > b {
	margin      : 62px 0 0 0;
}

#main ul.cities li.c2 > a > b:nth-child(2) {
	margin      : 20px 0 0 0;
}

@media screen and (min-width: 641px) {

	#main ul.cities li.c2 > a > b:nth-child(2).L2 {
		line-height: 1;
		margin: 10px 0 0 0;
	}
}

#main ul.cities li > a {
	background  : url('../images/btn_eu.png') no-repeat;
	text-decoration : none;
	display : block;
	height  : 100%;
}

#main ul.cities li.c2 > a > b:first-child:after {
	content : "＋";
	display : block;
	margin  : 18px 0 0 0;
}

/* Step.02 目的地（都市）選択
---------------------------------------------------------*/

#main ul.cities_02 {
	width      : 1100px;
	list-style : none;
	margin     : 0 auto;
	padding    : 20px 0 100px 0;
}
#main ul.cities_02 li {
	float       : left;
	height      : 352px;
	width       : 332px;
	border      : 4px solid #ccb87a;
	margin      : 0 40px 20px 0;
	padding     : 0 0 0 0;
	background-color : #fff;
	position    : relative;
}

#main ul.cities_02 li > a {
	text-decoration: none;
	display: block;
}

#main ul.cities_02 li > a:hover {
	opacity : 0.7;
}

#main ul.cities_02 li:nth-child(3n) {
	margin-right : 0;
}

#main ul.cities_02 li img {
	display     : block;
	height      : 196px;
	width       : 332px;
}

#main ul.cities_02 li div.city_description {

	padding : 10px 8px;
}

#main ul.cities_02 li div.city_description h4 {

	font-size   : 250%;
	font-weight : bold;
	margin      : 8px 0 12px 0;
	color       : #80661a;
}

#main ul.cities_02 li div.city_description p {

	font-size  : 133.3%;
	line-height: 150%;
	color      : #80661a;
	text-align : left;
}


/* 下部のリンク
---------------------------------------------------------*/

#main ul.link {

	width  : 486px;
	margin : 10px auto 12px auto;
}

#main ul.link li {
	float            : left;
	list-style-image : url('../images/lm_link.jpg');
	margin           : 0 0 0 28px;
}


/*
---------------------------------------------------------*/

@media screen and (min-width: 641px) {

	#main {
		min-width: 1100px;
	}

	#main ul.cities li:nth-child(5n) {
		margin-right : 0;
	}

}

@media screen and (max-width: 640px) {

	#main {
		margin-top: -10px;
		margin-bottom: 0;
	}

	#main div#slide_wrapper {
		margin-left: -150%;
		width      : 300%;
		height     : auto;
	}

	#main #slide_wrapper img.overlay {
		left  : 33%;
		width : 34%;
		top   : 20%;
	}

	div#tab_wrapper {
		border-bottom: 6px solid #d9c898;
	}

	ul#tab {
		width : 100%;
	}

	ul#tab li {
		max-width : 154px;
		width     : 25%;
	}

	ul#tab li a {
		padding-top : 6%;
		font-size   : 90%;
	}

	div#dest_map {
		width : 100%;
		height : 346px;
		background : #fff url('../images/map_02.png') no-repeat -20px 0;
		margin: 0 auto;
		position: relative;
	}

	#main #tour_overview {
		width    : 82%;
		margin   : 0 auto;
		position : inherit;
		top      : 24px;
		height   : 252px;
		border-radius: 0;
	}

	#main #tour_overview p {
		min-width   : 360px;
	}

	#main #tour_overview div.overview {
		width          : 100%;
		height         : 16px;
		text-align     : center;
		display        : table;
		vertical-align : middle;
		font-size      : 166%;
		font-weight    : bold;
		line-height    : 100%;
		background : url('../images/left.png')  no-repeat left,
		url('../images/right.png') no-repeat right;
	}

	#main #tour_overview  ul {
		font-size   : 150%;
		font-weight : bold;
		min-width   : 415px;
	}

	#main #tour_overview  li {
		width       : 46%;
		margin      : 0 4px 10px 0;
	}

	#main #tour_overview  li div.dt {
		width         : 90px;
		border-radius : 4px;
		height        : 30px;
		margin        : 0 8px 0 0;
	}

	#main #tour_overview  li div.dd {
		width       : 94px;
		padding-left: 4px;
		height      : 30px;
	}

	#main ul.cities {
		width      : 96%;
		margin     : 0 auto;
		padding    : 16px 0 32px 0;
	}

	#main ul.cities li {
		float       : left;
		width       : 30%;
		height      : auto;
		text-align  : center;
		line-height : 140%;
		margin      : 0 5% 5% 0;
		padding     : 0 0 0 0;
	}

	#main ul.cities li:after {
		content:"";
		display: block;
	}

	#main ul.cities li:nth-child(3n) {
		margin-right : 0;
	}

	#main ul.cities li > a {
		background-size:contain;
		padding: 0 0 26% 0;
	}
	#main ul.cities li > a > b {
		text-align: center;
		display     : block;
		font-size   : 110%;
		margin: 45% 0 17%;
	}

	#main ul.cities li.c2 > a > b {
		margin      : 27% 5% 0 0;
	}

	#main ul.cities li.c2 > a > b:nth-child(2) {
		margin      : 2% 5% 0 0;
	}

	#main ul.cities li.c2 > a > b:first-child:after {
		content : "＋";
		display : block;
		margin  : 0;
	}

	#main ul.cities li:hover {
		opacity : 1.0;
	}

	#main ul.cities_02 li:hover,
	#main ul.cities_02 li > a:hover {
		opacity : 1.0;
	}


	/* Step.02
    ---------------------------------------------------------*/

	div#step_wrapper_sp {
		position : relative;
		text-align : center;
		font-family: "DNPShueiMinPr6-M", "秀英明朝 M", "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	}

	div#step_wrapper_sp p {
		text-align : center;
		position   : absolute;
		top        : 50%;
		width      : 100%;
		color      : #80661a;
		font-size  : 280%;
		line-height: 140%;
	}

	div#step_wrapper_sp p.step {
		text-align: center;
		color: #80661a;
		font-size: 45px;
		position: absolute;
		top: 2px;
	}

	div#step_wrapper_sp img {

		height   : 100%;
		left     : 50%;
		max-width: none;
		overflow : hidden;
		position : relative;
		top      : 50%;
		transform: translate(-50%, 0%);
		width    : auto;
	}

	#main ul.cities_02 {
		width      : calc(96% - 8px);
		padding    : 20px 0 30px;
	}

	#main ul.cities_02 li {

		float       : none;
		text-align  : left;
		height      : auto;
		width       : calc(100% - 8px);
		margin      : 0 0 12px 0;
		padding     : 0 0 0 0;
	}

	#main ul.cities_02 li > a {
		display : block;
	}

	#main ul.cities_02 li div.img_box {
		display     : block;
		float       : left;
		overflow    : hidden;
		width       : 210px;
		height      : 210px;
	}

	#main ul.cities_02 li div.img_box img {
		position : relative;
		top      : 50%;
		left     : 50%;
		width    : auto;
		height   : 100%;
		overflow : hidden;
		max-width: none;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

	#main ul.cities_02 li div.city_description {
		display : block;
		float   : right;
		padding : 10px 8px 10px 0;
		width   : calc(100% - 230px);
		vertical-align: top;
	}

	#main ul.cities_02 li div.city_description h4 {
		text-align : left;
		font-size   : 233.3%;
		font-weight : bold;
		margin      : 8px 0;
	}

	#main ul.cities_02 li div.city_description p {

		font-size  : 166.6%;
		line-height: 140%;
		color      : #80661a;
	}
}

@media screen and (max-width: 414px) {

	div#tab_wrapper {
		height     :54px;
		background : url('../images/bg_tab.png') repeat-x 0 -20px;
		padding    : 5px 0 0 0;
		border-bottom :  5px solid #d9c898;
	}

	ul#tab {
		height     : 54px;
	}

	ul#tab li {
		height     : 54px;
		border-radius: 6px 6px 0 0;
	}

	ul#tab li a {
		line-height : 120%;
		font-size   : 60%;
		padding-top : 4px;
	}

	#main h2 {
		font-size   : 166%;
		height      : auto;
		padding     : 2px 0 9px;
	}

	div#dest_map {
		width  : 100%;
		height : 226px;
		background : #fff url('../images/map_02.png') no-repeat -20px 0;
		margin : 0 auto;
		position: relative;
	}

	#main #tour_overview {
		width    : 90%;
		margin   : 0 auto;
		position : inherit;
		top      : 12px;
		height   : 168px;
		border-radius: 0;
		padding  : 16px 12px
	}

	#main #tour_overview p {
		font-size   : 150%;
		min-width   : 290px;
	}

	#main #tour_overview div.overview {
		font-size  : 150%;
		height     : 12px;
		line-height: 100%;
		margin     : 2px 0;
		background-size : auto 30px;
	}

	#main #tour_overview  ul {
		font-size   : 120%;
		font-weight : bold;
		min-width   : 415px;
	}

	#main #tour_overview  li {
		width       : 40%;
		margin      : 0 4px 10px 0;
	}

	#main #tour_overview  li div.dt {
		width         : 70px;
		border-radius : 4px;
		height        : 20px;
		margin        : 0 8px 0 0;
	}

	#main #tour_overview  li div.dd {
		width       : 74px;
		padding-left: 4px;
		height      : 20px;
	}

	div#step_wrapper_sp img {
		height   : 140px;
	}

	div#step_wrapper_sp p {
		top        : 50%;
		width      : 100%;
		font-size  : 183%;
		line-height: 150%;
	}

	#main ul.cities_02 {
		padding: 12px 0 20px;
		width: calc(96% - 4px);
	}

	#main ul.cities_02 li {
		border: 2px solid #ccb87a;
		margin: 0 0 7px 0;
	}

	#main ul.cities_02 li div.img_box {
		width       : 124px;
		height      : 124px;
	}

	#main ul.cities_02 li div.city_description {
		padding: 0 8px 0 0;
		width   : calc(100% - 139px);
	}

	#main ul.cities_02 li div.city_description h4 {
		font-size: 133%;
		margin: 6px 0 3px 0;
	}

	#main ul.cities_02 li div.city_description p {
		font-size: 100%;
	}
}

/* ツアーなし都市 */
#main ul li.disable:hover {
	opacity: 1;
}
#main ul li.disable > a {
	pointer-events: none;
	filter: grayscale(100%);
	opacity: .4;
}
#main ul li.disable > a:hover img {
	opacity: 1;
}
#main ul li > .contact {
	position: absolute;
	color: #943;
	box-sizing: border-box;
	margin: auto;
}
#main ul li > .contact a {
	text-decoration: none;
}
#main ul li > .contact a:hover {
	opacity: 0.7;
}
@media screen and (min-width: 641px) {
	#main ul li.disable > a > b {
		margin: 88px 0;
	}
	#main.step1 ul li.disable {
		line-height: 0.2;
		font-size: 70%;
	}
	#main.step1 ul li.c2.disable > a > b {
		margin: 53px 0 0 0;
	}
	#main.step1 ul li.c2.disable > a > b:nth-child(2) {
		margin: 20px 0 0 0;
	}
	#main.step2 ul li.disable {
		border-color: #ebe3ca;
	}
	#main ul li > .contact {
		line-height: 1.5;
		font-size: 13px;
		width: 100%;
	}
	#main ul li > .contact a {
		display: block;
		width: 80%;
		background: #dc842c;
		color: #fff;
		margin: 5px auto 0;
		padding: 5px 0 4px;
		box-sizing: border-box;
		border-radius: 5px;
		filter: saturate(70%);
		opacity: 0.8;
		position: relative;
	}
	#main ul li > .contact a[href^="tel:"] {
		background: #968142;
		pointer-events: none;
	}
	#main ul li > .contact a[href^="tel:"] b {
		display: block;
		font-size: 111%;
		line-height: 1;
	}
	#main ul li > .contact a:before {
		content: '';
		background-image: url(/sp_assets/images/common/sns_mm.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		display: inline-block;
		vertical-align: middle;
		width: 24px;
		height: 24px;
		margin: 0 3px 0 0;
	}
	#main ul li > .contact a[href^="tel:"]:before {
		background-image: url(/sp_assets/images/common/ico_tel_w.png);
		width: 15px;
		height: 15px;
		vertical-align: -3px;
		margin: 0 5px 0 0;
	}
	#main ul li > .contact a:after {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		margin: auto;
	}
	#main ul li > .contact a[href^="tel:"]:after {
		display: none;
	}
	#main.step1 ul li > .contact {
		left: 0;
		top: 120px;
	}
	#main.step1 ul li > .contact a {
		width: 93%;
		padding: 5px 15px 4px 0;
	}
	#main.step1 ul li > .contact a:hover {
		opacity: 0.7;
	}
	#main.step2 ul li > .contact {
		top: 30px;
		left: 0;
		right: 0;
		width: 290px;
		padding: 8px 0;
		background-color: rgba(255,255,255,0.5);
	}
}
@media screen and (max-width: 640px) {

	.pc_only {
		display: none !important;
	}

	#main.step1 ul li.disable > a > b {
		transform: translate(0,-20px);
	}
	#main.step1 ul li.c2.disable > a > b {
		transform: translate(0, -10px);
	}
	#main.step1 ul li.c2.disable > a > b:nth-child(2) {
		transform: translate(0, -30px);
	}
	#main.step1 ul li.c2.disable > a > b:after {
		opacity: 0;
	}
	#main ul li > .contact {
		font-size: 10.5px;
		letter-spacing: -0.05em;
	}
	#main ul li > .contact a {
		display: inline-block;
		vertical-align: top;
		background: #dc842c;
		color: #fff;
		margin: 2px;
		width: 134px;
		height: 62px;
		border-radius: 5px;
		font-size: 10px;
		line-height: 1.3;
		filter: saturate(70%);
		opacity: 0.8;
		position: relative;
	}
	#main ul li > .contact a[href^="tel:"] {
		background: #968142;
	}
	#main ul li > .contact a[href^="tel:"] b {
		display: block;
		font-size: 111%;
	}
	#main ul li > .contact a:before {
		content: '';
		display: block;
		background-image: url(/sp_assets/images/common/sns_mm.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		width: 31px;
		height: 31px;
		margin: 7px auto 0;
	}
	#main ul li > .contact a[href^="tel:"]:before {
		background-image: url(/sp_assets/images/common/ico_tel_w.png);
		background-size: 80%;
		margin: auto;
	}
	#main.step1 ul li > .contact {
		left: 0;
		right: 5%;
		top: 0;
		padding-top: 50%;
		line-height: 1.4;
	}
	#main.step1 ul li > .contact a {
		width: 36px;
		height: 36px;
		margin: 0;
	}
	#main.step1 ul li > .contact a:before {
		margin: 3px auto 0;
	}
	#main.step1 ul li > .contact a[href^="tel:"]:before {
		margin: 2px auto;
		background-size: 74%;
	}
	#main.step2 ul li > .contact {
		left: 0;
		right: 0;
		bottom: 4px;
		padding: 9px 0 8px;
		width: 290px;
		height: 93px;
		background: rgba(255,255,255,0.5);
		line-height: 1.6;
		text-align: center;
	}
}