@charset "UTF-8";

/*
Theme Name: Blue Ocean Travelers
Description: レスポンシブ用テーマ
*/

/**************************************************************************************************

共通

**************************************************************************************************/

.ggmap {
	margin-top:40px;
	position: relative;
	padding-bottom: 40%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.headerImg {
	margin:0px 0px 60px 0px;
	text-align:center;
	letter-spacing:3px;
	line-height:1.0em;
}

footer {
	margin:50px 0px 20px 0px;
	letter-spacing:2px;
}

p.just {
	text-align:justify;
}

h1 {
	font-size:1.4em;
}

h1 span {
	display:block;
	padding-top:5px;
	font-size:18px;
}

strong {
	color:#146c98;
}

dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top:30px;
}

dt {
	width: 15%;
	padding:5px;
	margin-bottom: 10px;
	font-weight:bold;
	border-bottom:#ccc solid 1px;
}

dd {
	width: 85%;
	padding:5px;
	margin-bottom: 10px;
	border-bottom:#ccc solid 1px;
}

dt:last-of-type,
dd:last-of-type {
	border-bottom:#fff solid 1px;
}


.guidelist {
	margin:10px 0px;
}

.guidelist li {
	margin-left:40px;
	padding:5px 0px 0px 0px;
	list-style-type :decimal;
}


/**************************************************************************************************

サムネ表示

**************************************************************************************************/

.square-image-container {
	padding:0px -15px;
  position: relative;
  width: 100%;
  padding-top: 100%; /* 正方形の縦横比を維持 */
  overflow: hidden;
}

.square-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/**************************************************************************************************

トップページ
home

**************************************************************************************************/


/**************************************************************************************************


**************************************************************************************************/


/**************************************************************************************************


**************************************************************************************************/




/**************************************************************************************************


**************************************************************************************************/


/**************************************************************************************************

お問い合わせ

**************************************************************************************************/

.tel {
	margin:0px 0px 0px 0px;
	font-size:32px;
	text-align:center;
	padding:5px 0px;
	letter-spacing:5px;
	border-bottom:#ccc solid 1px;
}

form {
	margin: 0 auto;
}

.form-row {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #f2f4f5;
}

.form-row:last-child {
	border-bottom: none;
}

.form-label {
	display: flex;
	align-items: center;
	width: 250px;
}

.form-label label {
	font-weight: bold;
}

.form-label span {
	margin-left: 10px;
	padding: 6px 10px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #2290c7;
}

/* フォームパーツのデザイン */
input, textarea {
	background-color: #f2f4f5;
	border: none;
	border-radius: 3px;
	padding: 15px 20px;
	font-size: 16px;
	color: #333;
}

input::placeholder,
textarea::placeholder {
	color: #999;
	font-size: 14px;
}

select {
	background-color: #f2f4f5;
	border: none;
	border-radius: 3px;
	padding: 15px 20px;
	font-size: 16px;
	color: #333;
}

.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 input[type=”url”],
.wpcf7 input[type=”tel”],
.wpcf7 textarea {
width: 100%!important
}

.wpcf7-submit {
	cursor: pointer;
	margin-top: 30px;
	padding: 15px 45px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	text-align:center;
	background-color: #2290c7;
}



/**************************************************************************************************



**************************************************************************************************/


/**************************************************************************************************



**************************************************************************************************/



/**************************************************************************************************



**************************************************************************************************/