/*
Theme Name: ibusuki-furusatonouzei
Author: dw5
Version: 1.0.0
*/

@charset "utf-8";

/* COMMON */
body{
	background-image: url(img/haikei.jpg);
	background-position: center top;
}

.container{
	max-width: 850px !important;
}

.mintyo{
	font-family: 'Zen Old Mincho', serif;
}

.text-left{
	text-align: left !important;
}

/* マスタースライダー */
.ms-info{
	font-family: 'Zen Old Mincho', serif;
	color: #893232;
	font-size: 25px;
}

/*
.ms-slide{
	padding: 5% !important;
	width: 80% !important;
	
}
*/

/* ナビバー */

nav{
text-align: center;
}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav li{
list-style: none;
display: inline-block;
width: 10%;
min-width: 170px;
margin-bottom: 20px;
}
nav li:not(:last-child){
border-right:2px solid #ddd;
}
nav a{
text-decoration: none;
color: #893232;
}
nav a.current{
color: #00B0F0;
border-bottom:2px solid #00B0F0;
}
nav a:hover{
color:#F7CB4D;
border-bottom:2px solid #F7CB4D;
}


/* メインコンテンツ */
.sisetu{
	margin-bottom: 60px;
}
.sisetu h2,.footer-area h2{
	text-align: center;
	font-size: 60px;
	color: #893232;
	font-family: 'Zen Old Mincho', serif;
	margin-bottom: 40px;
}


.sisetu img,.ibusuki-info img{
	border-radius: 20px;
}

.sisetu-top img{
	margin-bottom: 40px;
}

.read{
	font-size: 1.2em;
	padding: 0 10px;
	font-weight: 500;
	font-family: 'Zen Old Mincho', serif;
	margin-bottom: 100px;
}

.honbun{
	padding: 0 20px 50px;
	font-family: 'Zen Old Mincho', serif;
}

.plan-box{
	padding: 50px 0;
	border-top: 6px double #893232;
}

.plan-box a:hover{
	opacity: 0.8;
}



.plan-box h3{
	font-size: 34px;
	font-family: 'Zen Old Mincho', serif;
	color: #893232;
	text-align: center;
	margin-bottom: 20px;
}

.plan-box h3:before {
  content: url(img/png/title-mascot.png);
  position: relative;
  top: 7px;
}

.plan-box p{
	padding: 0 20px;
	color: #893232;
	font-weight: bold;
}

.plice{
	border-radius: 0px !important;
}

/* サイトボタン */
.site-btn{
	margin-top: 15px;
}
.site-btn img{
	margin: 5px 0;
}


/* 指宿ってこんなところ！ */
.ibusuki-info{
	background-image: url(img/haikei-red.png);
	padding: 80px 0;
}
.ibusuki-info h3{
	color: white;
	padding: 0 20px;
	font-family: 'Zen Old Mincho', serif;
	margin-bottom: 20px;
}
.ibusuki-info p{
	color: white;
}
.info-ph h3{
	font-family: sans-serif;
	font-size: 35px;
}

.info-ph h3 span{
	color: #D38D1C
}

.info-ph .col-sm-6 > img{
	margin-bottom: 50px;
}
.info-bt-outer{
	max-width: 450px;
	margin: 0 auto;
}
.info-bt{
	text-decoration: none;
}
.info-bt div:hover{
	background-color: #ef990f;
}
.info-bt div{
	background-color: #D38D1C;
	padding: 15px 50px;
	color: white;
	text-align: center;
	border-radius: 50px;
}


.white-box{
	background-color: white;
	padding: 30px 30px 10px 30px;
	border-radius: 20px;
	font-size: 20px;
}
.white-box div{
	margin-bottom: 10px;
}

.katuyouzirei img{
	margin-bottom: 10px !important;
}

.katuyouzirei p{
	color: white;
	margin-bottom: 50px;
}


.footer-area{
	padding: 80px 0;
	background-color: white;
}

.footer-area img{
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	body{
	background-image: url(img/haikei.jpg);
	background-size: 100%;
	}
	
	.sisetu h2,.footer-area h2{
		font-size: 40px;
	}
	
	.plan-box h3{
		font-size: 30px;
	}
	
	.info-ph h3{
		font-size: 28px;
	}
	
	.white-box{
		padding: 30px 20px 10px 20px;
		font-size: 18px;
	}

	
}