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

html {
	font-size: 62.5%;
}

body {
	margin: 0;
}

h1,
h2,
h3,
h4 {
	padding: 0;
	margin: 0;
	font-size: 100%;
}

main ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}


.conts {
	/*グロナビ以外に適用*/
	font-size: 1.6rem;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0.05em;
	margin: 0;
}

.conts img {
	/*グロナビ以外に適用*/
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	opacity: 0.8;
	text-decoration: none;
}

.goTop__img--pc {
	width: 54px;
}

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

　パンくず　調整

---------------------------*/
.breadcrumb__item,
.breadcrumb__item a {
	font-size: 11.2px;
}

.breadcrumb__itemInner {
	font-size: 11.2px;
}

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

　共通

---------------------------*/
.inner {
	width: 100%;
	margin: 0 auto;
}

.pc-on {
	display: none;
}

.bg-white {
	background: url("../images/bg.jpg") repeat;
	overflow: hidden;
}

.bg-brown {
	background-color: #EEE7DB;
	overflow: hidden;
}

.bg-blue {
	background-color: #EAF1F9;
	overflow: hidden;
}

.bg-lightblue {
	background-color: #EEF3F9;
	overflow: hidden;
	padding-bottom: 50px;
}

.bg-lightpurple {
	/*background-color:#fff6ff;*/
	background-color: #f3f3f3;
	overflow: hidden;
	padding-bottom: 50px;
}

.color-blue {
	color: #2C66A9;
}

.color-purple {
	color: #993399;
}

.color-brown {
	color: #574526;
}

.color-red {
	color: #FD0004;
}

.ship-class-img img {
	max-width: 120px;
	position: absolute;
	top: 10px;
	left: 10px;
}

li.classother .ship-class-img img {
	display: none;
}

#dome,
#int {
	padding-bottom: 40px;
}

#ship {
	padding-bottom: 50px;
}

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

 リンクバナー

---------------------------*/
.link-area {
	margin-bottom: 30px;
	margin-top: 10px;
}

.link-button {
	display: block;
	text-align: center;
	padding: 15px;
	font-size: 1.5rem;
	margin: 0 auto;
	font-weight: 500;
	border: solid 2px #fff;
	position: relative;
}

.link-button-small {
	display: block;
	text-align: center;
	padding: 10px;
	font-size: 1.2rem;
	margin: 10px 0;
	font-weight: 500;
	border: solid 2px #fff;
	position: relative;
}


.link-blue {
	width: 70%;
	color: #ffffff;
	display: grid;
	/*grid-template-columns: auto 1fr;*/
	width: min((600vw / 7.5), 600px);
	border-radius: min((10vw / 7.5), 8px);
	gap: 0 1em;
	border: 2px solid;
	font-size: min((32vw / 7.5), 18px);
	padding: .5em min((30vw / 7.5), 30px);
	background: #0f3a64;
	border-color: #0f3a64;
	text-align: center;
}

.link-blue:hover {
	color: #0f3a64;
	text-decoration: none;
	background-color: #ffffff;
}

.link-red {
	width: 70%;
	color: #ffffff;
	display: grid;
	/*grid-template-columns: auto 1fr;*/
	width: min((600vw / 7.5), 600px);
	border-radius: min((10vw / 7.5), 8px);
	gap: 0 1em;
	border: 2px solid;
	font-size: min((32vw / 7.5), 18px);
	padding: .5em min((30vw / 7.5), 30px);
	background: #8d0d0f;
	border-color: #8d0d0f;
	text-align: center;
}

.link-red:hover {
	color: #8d0d0f;
	text-decoration: none;
	background-color: #ffffff;
}

.link-purple {
	width: 70%;
	color: #993399;
	background: #DFC5E2;
	outline: solid 3px #DFC5E2;
}

.link-purple:hover {
	color: #993399;
}

.link-brown {
	width: 70%;
	color: #fff;
	background: #B38F55;
	outline: solid 3px #B38F55;
}

.link-brown a {
	color: #fff;
}

.link-brown:hover {
	color: #fff;
}

.link-blue-gra {
	width: 80%;
	color: #fff;
	background: linear-gradient(#4A7EB5, #2D69A9);
	outline: solid 5px #2D69A9;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
}

.link-blue-gra:hover {
	color: #fff;
}

.link-pink-small {
	width: 50%;
	color: #666666;
	background: #FAD1D3;
}

.link-yellow-small {
	width: 50%;
	color: #666666;
	background: #F0D884;
}

.link-purple-small {
	width: 50%;
	color: #666666;
	background: #D3BDF3;
}

.link-pink-small:hover,
.link-yellow-small:hover,
.link-purple-small:hover {
	opacity: 0.8;
}

.link-button::after,
.link-button-small::after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	font-weight: bold;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}

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

　ナビ

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

.navgation {
	background: #1b3c55;
	border-top: 6px solid #2b5e85;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/*------------------------------------------------
	ページナビ
--------------------------------------------------*/
#navi {
	width: 100%;
	background: #1b3c56;
	border-top: 6px solid #4179a5;
	/*padding: 8px 0;*/
}

#navi .menu {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: min(3.2vw, 16px);
	line-height: 1.3;
}

#navi .menu>li {
	width: 50%;
	height: 100%;
	text-align: center;
	position: relative;
	border-left: 1px solid #fff;
}

#navi .menu>li .subopen {
	display: block;
	cursor: pointer;
	padding-top: 17px;
	height: 100%;
}

#navi .menu>li>a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: inherit;
	text-decoration: none;
	width: 100%;
	height: 100%;
}

#navi .menu>li:nth-child(1) {
	border-left: none;
}

#navi .menu>li:nth-child(2) {
	/*border-right: 1px solid #fff;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

#navi .menu>li .submenu {
	position: absolute;
	top: 60px;
	width: 100%;
	background-color: #ff3b4a;
	color: #fff;
	padding: 1px;
	display: none;
}

#navi .menu>li .submenu li {
	width: 100%;
	border-top: solid 1px #fff;
}

#navi .menu>li .submenu li>a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 7px 0;
}

#navi .menu>li>a:hover {
	opacity: 0.8;
	transition: all 0.6s ease;
}

#navi .menu>li .submenu li>a:hover {
	color: #32abd1;
	background-color: #fff;
	transition: all 0.3s ease;
}

#navi .menu li a:after {
	font-family: FontAwesome;
	content: "\f107";
	margin-left: 10px;
}

#navi .menu li:last-child a:after {
	font-family: FontAwesome;
	content: "\f105";
	margin-left: 10px;
}

#navi.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 30%);
	width: 100%;
}

#navi.fixed .menu li a.active:after {
	position: absolute;
	bottom: 4px;
	content: "";
	width: 50%;
	height: 1px;
	margin: 0 auto;
	background-color: #fff;
}

#navi.fixed .menu li a:after {
	content: none;
}

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

　スライダー

---------------------------*/
.top-slider {
	/*    
	position:relative;
	line-height: 0;
*/
	/*height: 250px;*/
}

.top-slider-logo {
	height: min((404vw / 7.5), 400px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.top-slider-logo .logo {
	position: absolute;
	/*bottom: 8%;*/
	z-index: 100;
	width: min((432vw / 7.5), 432px);
}

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

　最新のお知らせ

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

.news {
	margin: 25px auto;
}

.news-inner {
	display: flex;
	/*background-color: #fff;*/
	padding: 25px;
	margin-bottom: 25px;
}

.news-title {
	font-family: 'A-OTF リュウミン Pro B-KL';
	font-weight: 500;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 2rem;
}

.news-title span {
	font-size: 1.2rem;
	display: block;
	/*text-transform: uppercase;*/
	font-style: italic;
}

.news-list {
	flex: 1 1 auto;
}

.news-list-item>a {
	font-size: 1.3rem;
}

.news-list-item {
	border-bottom: 1px #666666 dotted;
	padding: 0.5% 0 0.5% 1%;
}

.news-list-item:first-of-type {
	padding-top: 0;
}


.news-icon {
	display: inline-block;
	font-size: 1.1rem;
	padding: 2px 15px;
	border-radius: 15px;
	color: #fff;
	margin: 0 10px;
	min-width: 90px;
	text-align: center;
}

.news-icon.icon-news {
	background-color: #FF9900;
}

.news-icon.icon-info {
	background-color: #A7A6A6;
}

.news-icon.icon-event {
	background-color: #2D69A9;

}

.news-icon.icon-push {
	background-color: #FF6699;
}

.news-bnr {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-bnr-img {
	width: 49%;
	text-shadow: 2px 1px 10px rgba(0, 0, 0, 0.3);
}


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

　おすすめコース

---------------------------*/
.section-title {
	padding-top: 10%;
	text-align: center;
	color: #574526;
	font-size: 2.5rem;
	position: relative;
	width: 95%;
	margin: 0 auto 3%;
}

.section-title h2 {
	font-family: 'A-OTF リュウミン Pro B-KL';
	font-weight: 500;
	font-style: italic;
	/*border-bottom: 1px dotted #574526;*/
	position: relative;
	z-index: 100;
	/*text-shadow: 1px 3px 10px rgba(0,0,0,0.2);*/
}

.section-title-sub {
	font-family: 'Source Serif Pro', serif;
	text-transform: uppercase;
	color: #eee7db;
	font-style: italic;
	font-size: 5rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -35px;
	z-index: 1;
}

.section-title-sub.ship {
	color: #fff;
}

.section-title>img {
	max-width: 50px;
	margin-bottom: 15px;
}

.section-subtitle {
	text-align: center;
	margin-bottom: 30px;
}

.section-subtitle>img {
	max-width: 50px;
	padding-bottom: 10px;
}

.section-subtitle h3 {
	font-size: 2.8rem;
	line-height: 1.3;
}

.section-subtitle span {
	font-size: 2rem;
}

.section-subtitle-name {
	font-family: 'Noto Sans JP';
	/*font-style: italic;*/
	font-weight: 700;
	padding-bottom: 5px;
	margin: 0 auto 15px;
	width: 500px;
}

.section-subtitle-name.color-blue {
	border-bottom: 5px double #bce5fd;

}

.section-subtitle-name.color-purple {
	border-bottom: 5px double #DFC5E2;

}

span.section-subtitle-sub {
	font-size: 1.4rem;
}

.course-sp-Scroll .course-area-list {
	justify-content: center;
}

.course-area-list {
	display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.course-area-list a:hover {
	opacity: 0.5;
}

.course-area-item-3col {
	width: 33.33%;
	padding-left: 15px;
	position: relative;
	padding-bottom: 15px;
}

.course-area-item-3col:hover {
	opacity: 0.8;
}

.course-area-item-3col-inner {
	border: 1px solid #CCCCCC;
}

.course-area-item-2col {
	width: 50%;
	padding-left: 15px;
	position: relative;
}

.course-area-item-2col:hover {
	opacity: 0.8;
}

.course-area-item-2col-inner {
	border: 1px solid #CCCCCC;
}

.tour-img {
	display: block;
	background-size: cover;
	background-position: center;
	/*height: 10vw;*/
	height: 180px;
}

.course-area-item-inner {
	padding: 10px;
	background-color: #fff;
}

.course-area-point-list {
	background-color: #F5F1EB;
	padding: 10px;
	color: #5C4929;
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 10px;
}

.course-area-point-item {
	background: url(../images/icon_list_ship.png) top 2px left 0 no-repeat;
	background-size: 25px auto;
	padding-left: 30px;
}

.course-inout,
.icon_np {
	text-align: center;
	font-size: 1.2rem;
	padding: 2px 10px;
	color: #fff;
	border-radius: 5px;
}




/*横浜港*/
.course-inout.yok {
	background-color: #2D69A9;
}

/*東京*/
.course-inout.tyo {
	background-color: #2894FF;
}

/*北海道*/
.course-inout.hkd {
	background-color: #336600;
}

/*関西*/
.course-inout.osa {
	background-color: #9836A6;
}

/*九州*/
.course-inout.kyu {
	background-color: #844500;
}

/*沖縄*/
.course-inout.oka {
	background-color: #de496d;
}

/*名古屋・北陸*/
.course-inout.ngo {
	background-color: #6257be;
}


.icon_np {
	border: 2px solid #3C74B0;
	color: #3C74B0;
	margin-left: 5px;
	font-weight: bold;
}

.icon_np_none {
	display: none;
}

.course-title {
	display: block;
	font-size: 1.4rem;
	line-height: 1.4;
	/*margin: 10px 0;*/
}

.course-day-price {
	text-align: right;
	line-height: 1.1;
	margin-top: 1.2rem;
}

.course-day {
	font-size: 1.4rem;
	color: #5C4929;
	display: block;
	padding: 6px 0;
}

.course-price {
	/**display: inline-block;*/
	color: #CC0000;
	font-weight: bold;
	font-size: 2rem;
	/*line-height: 1.2em;*/
}

.course-room {
	/*display: inline-block;*/
	display: block;
	color: #5c4929;
	font-size: 1.1rem;
}

.course-price span {
	font-size: 1.2rem;
}

.departure {
	font-size: 12px;
	color: #fff;
	background: #333333;
	padding: 4px 4px 3px 4px;
	text-align: center;
}


.section-subtitle h3 {
	font-size: 2.4rem;
}

.section-subtitle span {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.section-subtitle-name {
	width: 90%;
}

.course-area-list {
	display: block;
}

.course-sp li.course-area-item-3col {
	width: 90%;
	max-width: 310px;
	margin: 0;
	box-sizing: border-box;
	display: inline-block;
	white-space: normal;
	padding-left: 10px;
	overflow: hidden;
}

.course-sp li.course-area-item-2col {
	width: 90%;
	max-width: 310px;
	margin: 0;
	box-sizing: border-box;
	display: inline-block;
	white-space: normal;
	padding-left: 10px;
	overflow: hidden;
}

.course-sp-Scroll {
	overflow-x: scroll;
	margin: 0 7px;
	margin-bottom: 40px;
	-webkit-overflow-scrolling: touch;
}

.course-sp {
	margin-bottom: 20px;
}

.course-sp-Scroll .course-sp {
	white-space: nowrap;
}

.course-area-point-list li.course-area-point-item {
	width: 100%;
}

.course-price {
	font-size: 2rem;
}

.course-day-price {
	line-height: 1.2;
}

.course-room {
	font-size: 0.9rem;
}

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

　おすすめ客船

---------------------------*/
.ship-area-list {
	font-size: 14px;
	/*font-weight: bold;*/
	letter-spacing: 1.3px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.ship-area-item-3col {
	width: 90%;
	background-color: #fff;
	text-align: center;
	box-shadow: 3px 3px 7px rgba(0, 60, 79, 0.3);
	margin: 3%;
	position: relative;
}

.ship-area-item-3col a {
	text-decoration: none;
	padding: 12px 0;
	box-sizing: content-box;
}

.name_wrap {
	background: #1b3c55;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 8px 5px;
	color: #eee7db;
}

.ship-area-item-3col img {
	width: 100%;
}

.cruise_btn {
	width: 100%;
	height: 34px;
	color: #fff;
	line-height: 34px;
	bottom: 0;
	position: absolute;
	background-color: #b38f55;
}

.cruise_details {
	margin: 0;
	color: #282828;
	height: 190px;
}

.cruise_details .type {
	font-size: 1.2rem;
}

.cruise_details .text {
	text-align: left;
}

.cruise_details p {
	border-bottom: solid 1px #CCCCCC;
	margin: 0 auto;
	padding: 5px;
	width: 92%;
}

/*
.ship-area-item-2col:hover{
	opacity: 0.9;
}
*/
/*-------------------------

 クルーズの魅力

---------------------------*/
.is-inline-block {
    display: inline-block;
}
.section__inner {
	width: 100%;
}

.point__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 95%;
	margin: 0 auto;
}

.point__item {
	background: #fff;
	font-size: min((24vw / 7.5), 12px);
	line-height: calc(30 / 24);
}

.point__item {
	width: 100%;
	background-color: #fff;
	margin-bottom: 15px;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	padding: 0 2% 4% 2%;
}

.point__item h3 {
	display: flex;
}

.point__item--titles {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 0 .5em;
	min-height: min((35vw / 7.5), 35px);
	margin-bottom: min((20vw / 7.5), 20px);
}

.point__item--label {
	line-height: 1;
}

.point__item--label {
	font-size: 24px;
	color: #fff;
	background: url("../images/point_label_bg.png") no-repeat 0 0;
	width: 50px;
	height: 65px;
	margin: -1% 0 0 0;
	/*padding: 20px 0 0 14px;*/
}

.point__item--label--num {
	font-size: min((60vw / 7.5), 24px);
	padding-left: 26%;
}

.end {
	padding-left: 10%;
}

.point__item--detail--inner img {
	float: left;
	width: 40%;
	height: auto;
}

.point__item--label--text {
	font-size: 1rem;
	padding-left: 5%;
}

.point__item--title--text {
	width: 310px;
	font-size: 14px;
	font-weight: bold;
	color: #213645;
	margin: 12px 10px 0 0;
	padding-bottom: 16px;
	line-height: 2.0rem;
}

.point__item--detail {
	display: block !important;
}

.point__item--texts {
	width: 60%;
	float: left;
	padding: 0 5px;
}

.point__item--types {
	display: flex;
	gap: 2px min((6vw / 7.5), 3px);
}

.point__item--type {
	white-space: nowrap;
	color: #fff;
	padding: .2em .5em .2em;
	line-height: 1;
}

.point__item--type.is-type-dom {
	background: #ae5557;
}

.point__item--type.is-type-int {
	background: #577792;
}

.point__item--buttons {
	display: flex;
	flex-wrap: wrap;
	gap: min((20vw / 7.5), 10px);
}

/*
.is-size-pc :is(.point__item--text, .point__item--notes) ~ .point__item--buttons, .is-size-sp .point__item--buttons {
  margin-top: min((12vw / 7.5), 10px)
}
*/
.point__item--text {
	display: inline-block;
	line-height: 1.3;
	font-size: 12px;
	padding: 2px;
}

.point__item--buttons .base-small-button__link {
	/*gap: .5em;*/
	padding: .2em 1em .3em;
	border-radius: min((10vw / 7.5), 10px);
	border-color: inherit;
}

.point__item--buttons .base-small-button__link {
	border-radius: min((3vw / 7.5), 3px);
}

.point__item--buttons .base-small-button__text {
	order: 2;
}

.point__item .text a:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	border-bottom: 1px solid #070707;
	border-right: 1px solid #070707;
	transform: rotate(-45deg);
	margin-right: 10px;
	vertical-align: middle;
}

.point__item--buttons .base-small-button__link:hover {
	display: inline-block;
	margin-bottom: 12px;
	line-height: 1.3;
	font-size: 12px;
	padding: 2px;
}

.point__item--notes {
	margin-top: .5em;
	display: grid;
	gap: .25em 0;
	padding-bottom: 5%;
}

.point__item--notes--item,
.point__notes--item {
	padding-left: 1em;
	text-indent: -1em;
}

.point__notes {
	text-align: right;
	padding: 0 3% 5% 0;
	font-size: 1.3rem;
}

.base-small-button__link {
	padding: .5em .25em;
	min-height: calc(60em / 24);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	background: #fff;
	border-radius: min((8vw / 7.5), 8px);
	border: 1px solid #ceb793;
	padding-left: 1em;
}

.base-small-button.point__item--button {
	margin-top: 4%;
}


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

　その他の発着地

---------------------------*/
#area_nav {
	background-color: #fff;
}

#area_nav h3 {
	background-color: #213645;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 0 10px 10px;
}

.terminal {
	display: flex;
	font-size: 15px;
	flex-wrap: wrap;
}

.terminal li {
	width: 50%;
}

.terminal li a {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: block;
	color: #333;
	padding: 10px;
}

#container div:after {
	content: "";
	display: block;
	clear: both;
}

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

　電話

---------------------------*/
.contact_tel {
	padding: 5%;
	background: url("../images/bg_tel.jpg") top center;
	background-size: cover;
}


.contact__inner {
	background: #FFF;
	margin: 0 auto;
	max-width: 900px;
	border: 1px solid #d6d6d6;
	border-radius: 10px;
}

#shopinfo .inner {
	background-color: #fff;
	padding: 5% 0;
	border-radius: 10px;
}

#shopinfo h2 {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5%;
}

#shopinfo h2 img {
	width: 50px;
}

#shopinfo .flex-box {
	/*display: flex;*/
	padding: 0 3%;
}

#shopinfo .flex-box .left {
	width: 100%;
}

#shopinfo h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

#shopinfo .gmap {
	margin-top: 10px;
}

#shopinfo .gmap a {
	display: inline-block;
	background-color: #0057b8;
	font-size: 1.3rem;
	color: #fff;
	border-radius: 5px;
	padding: 2%;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

#shopinfo a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}

#shopinfo .gmap a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f3c5";
	margin-right: 5px;
	font-weight: 900;
}

#shopinfo dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.5rem;
	/*    justify-content: space-between;*/
}

#shopinfo dl dd {
	width: 66%;
	margin-bottom: 7px;
}

#shopinfo dl dt {
	width: 30%;
	text-align: center;
	margin-right: 3%;
	margin-bottom: 7px;
}

#shopinfo dl dt span {
	display: inline-block;
	width: 100%;
	background-color: #777;
	color: #fff;
	border-radius: 20px;
}

#shopinfo dl dt.tel {
	margin-top: 14px;
}

#shopinfo dl dd.tel {
	font-size: 1.5em;
	font-weight: bold;
	color: #ef3253;
	padding-top: 2.5%;
}