@charset "UTF-8";

/*
Theme Name: 伊豆丸
Description: レスポンシブ用テーマ
*/

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

共通

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

/*イベントカレンダー詳細なし*/
.eo-fullcalendar .fc-event {
    pointer-events: none;
}

.ggmap {
	margin-top:40px;
	position: relative;
	padding-bottom: 56.25%;
	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 80px 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;
}

.titlebg {
	background-image: url("images/title_bg.png");
	background-position: center;
	background-size: contain;
	background-repeat:no-repeat;
}

.whiteBox {
	padding:30px 30px 10px 30px;
	background:#fff;
	border-radius:10px;
}

footer {
	font-size:12px;
}

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

トップページ

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

.bgblue {
	padding:230px 0 210px 0;
	background-color:#7dcdf4;
	background-image: url("images/bg_top.png"), url("images/bg_bottom.png");
	background-position: top,bottom;
	background-size: 100%,100%;
	background-repeat:no-repeat,no-repeat;
}

.newBox {
	width: 100%;
	margin-bottom:15px;
}

.new_title {
	position: relative;
	background: linear-gradient(90deg, #2589d0 0%, #2589d0 130px, #f2f2f2 130px, #f2f2f2 100%);
	width: 100%;
	margin-bottom:20px;
}

.new_title::after {
	position: absolute;
	content: '';
	top: 100%;
	left: 50px;
	border: 10px solid transparent;
	border-top: 10px solid #2589d0;
	width: 0;
	height: 0;
}

.catchdate {
	width:130px;
	display:inline-block;
	padding: 15px;
	color:#fff;
}

.catchtitle {
	background-color: #f2f2f2;
	color:#000;
	padding: 15px;
}

.catchBox {
	width: 100%;
	margin-bottom:40px;
}


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

伊豆丸について

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

.aboutTbl {
	width: 100%;
}

.aboutTbl th {
	vertical-align:top;
	padding:10px 0px 10px 10px;
	background:#dbe5ee;
	border:#1c75c0 solid 1px;
}

.aboutTbl td {
	padding:10px 0px 10px 20px;
	border:#1c75c0 solid 1px;
}



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


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




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


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


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

お問い合わせ

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


.tel {
	font-family: 'EB Garamond', serif;
	margin:0px 0px 0px 0px;
	font-size:31px;
	text-align:center;
	padding:5px 0px;
	letter-spacing:5px;
	border-bottom:#ccc solid 1px;
}

.mailTbl {
	width: 100%;
}

.mailTbl th {
	vertical-align:top;
	width: 220px;
	padding:10px 0px 30px 0px;
}

.mailTbl td {
	padding:5px 0px 30px 0px;
}

.mailTbl th.access {
	vertical-align:top;
	padding-top:140px;
}

.mailTbl td.access {
	padding-top:140px;
}


input[type="text"]
{
	padding:3px;
	font-size:1.3em;
	width: 100%;
}

input[type="email"]
{
	padding:3px;
	font-size:1.3em;
	width: 100%;
}

textarea {
	padding:3px;
	font-size:1.3em;
	width: 100%;
}

.mapbtn   {  
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color:#fff;
	letter-spacing:2px;
	padding:3px 30px;
	background:#193068;
}

.wpcf7 input[type="submit"] {
color:#fff;
font-size:1.4em;
width:100%;
padding:15px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;
box-shadow: 0 3px 0 #ddd;
background: #193068;
transition: 0.3s;
}

.wpcf7-submit:hover {
background: #425685;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}

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



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


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



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



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



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