@charset "UTF-8";


body{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background:url(../img/body_bg.gif) repeat;
	}
	
/* ヘッダー */
header{
	background:url(../img/headder_line.png) repeat-x;
	height:70px;
	}

.headerInner h1{
	padding-top:20px;
	font-size:80%;
	color:#999;
	}

/* サイト名 */

.site h2	{
	margin: 0 0 30px;
	text-align:center;
	}

.site h2 img{
	border:none;
	}

.renewalList{
	text-align:center;
	margin-bottom:50px;
	}


/* ナビゲーション */
/*
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}
*/


/* ヘッダー画像 */
/*
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}
*/

.banner img{
	width: 100%;
	height: auto;
	
}

h3	{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 25px;
	letter-spacing : 0.1em;	
	color:#333;
	font-family: 'Parisienne', cursive;
	padding-bottom:2px;
	border-bottom: 3px double #333;
	}

/* お知らせ */
.news ul	{
	margin: 0 0 30px;
	padding: 0;
	}

.neswLi{
	display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	/*
	text-decoration: none;
	*/
	}

.news time	{
	color: #888888;
	width:60px;
	float:left;
	}
	
.newstext	{
	float:none;
	width:auto;
	margin-left:100px;
	}
	
/* Recommended menu */
.menu{
margin:0 0 20px;
}
.menu h4{
margin:10px 0 5px;
font-size: 14px;
font-weight:bolder;
}

.price{
font-size: 14px;
text-align:right;
color:#202A5D;
border-bottom:dashed #999999 1px;
margin:5px 0 5px;
}

.menuA{
width:48%;
float:left;
}

.menuB{
width:48%;
float:right;
}

.menuLeft{
width:45%;
float:left;
margin:0 0 20px;
}
.menuRight{
width:45%;
float:right;
margin:0 0 20px;
}

.menuLeft p img,.menuRight p img{
width:100%;
height:auto;
}

/* アクセス */
.access ul	{
	margin: 0 0 30px;
	padding: 0;
	}

.accessLi{
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	}
.accessLi p	{
	width:60px;
	float:left;
	}
	
.accessLi div	{
	float:none;
	width:auto;
	margin-left:90px;
	}
	


/* コンテンツ横並び */
.leftBox{
	width:48%;
	float:left;
	}
.rightBox{
	width:48%;
	float:right;
}


/* 豆知識 */


#beans figure{
	float:left;
	}
#beans img{	
border-radius: 50%; 

	}

#beans .set3{
	width:30%;
	padding:2%;
	}


@import url(https://fonts.googleapis.com/css?family=Ovo);

.snip1333 {
  font-family: 'Muli', Arial, sans-serif;
  position: relative;
  float: left;
  margin: 10px 1%;
  padding: 0 20px 0 0;
	/*
  min-width: 230px;
  max-width: 315px;
	*/
  width: 100%;
  box-shadow: none !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 16px;
}
.snip1333 * {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.snip1333 img {
  max-width: 100%;
  vertical-align: top;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.snip1333 .border {
  position: absolute;
  opacity: 0.45;
  z-index: 1;
}
.snip1333 .border:before,
.snip1333 .border:after,
.snip1333 .border div:before,
.snip1333 .border div:after {
  background-color:cornflowerblue;
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.snip1333 .border:before,
.snip1333 .border:after {
  width: 0;
  height: 1px;
}
.snip1333 .border div:before,
.snip1333 .border div:after {
  width: 1px;
  height: 0;
}
.snip1333 .border.one {
  left: -6px;
  top: -6px;
  right: 6px;
  bottom: 6px;
}
.snip1333 .border.one:before,
.snip1333 .border.one div:before {
  left: 0;
  top: 0;
}
.snip1333 .border.one:after,
.snip1333 .border.one div:after {
  bottom: 0;
  right: 0;
}
.snip1333 .border.two {
  left: 6px;
  top: 6px;
  right: -6px;
  bottom: -6px;
}
.snip1333 .border.two:before,
.snip1333 .border.two div:before {
  right: 0;
  top: 0;
}
.snip1333 .border.two:after,
.snip1333 .border.two div:after {
  bottom: 0;
  left: 0;
}
.snip1333 figcaption {
  right: 0px;
  bottom: 20px;
  position: absolute;
  padding: 10px;
  margin: 6px;
  background-color: #000000;
  max-width: 70%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
#beans .snip1333 h5,
.snip1333 p {
  margin: 0;
}
#beans .snip1333 h5{
  font-family: 'Ovo', Arial, sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  margin-bottom: 5px;
}
.snip1333 p {
  line-height: 1.6em;
  letter-spacing: 1px;
  font-size: 0.5em;
}
.snip1333 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

/* ボタン */
.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	
}


.news .button {
	width: 110px;
	height: 35px;
	line-height: 35px;
	border-radius:10px;
	margin:10px 0 20px;
	}


.news .button {
	background-color: #202A5D;
	color: #fff;
	border:#202A5D 1px solid;
}

.news .button:hover {
	background-color: #fff;
	color: #202A5D;
}


	
/* MAP */
.map img{
	width:100%;
	height:auto;
	}

.googlemap{
	margin-top:10px;
	font-size:14px;
	text-align:right;
}
/* フッター */
footer{
	margin:30px 0 0;
	padding:10px 0 10px;
 	background-color:#202A5D;
	text-align:center;
	}

/* コピーライト */
.copyright p	{
	margin: 0;
	color: #8F94AE;
	font-size: 12px;}

/* ボックスの左右 */
.boxA, .headerInner, .contents, footer{
	padding-left:15px;
	padding-right:15px;
	}

/* 上へ戻るボタン */
#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
}


#page-top a:hover {
	opacity:0.8;
	}


/* 汎用 */

.top20{
	margin-top:20px;
	}
.top30{
	margin-top:30px;
	}
.btm20{
	margin-bottom:20px;
	}
.btm30{
	margin-bottom:30px;
	}

.text12px{
	font-size:12px;
	}


.navyLink a{
    color:#202A5D;
    background:none;
    text-decoration:underline;
    padding:0 3px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
 
.navyLink a:hover {
    color:#202A5D;
    background: #BCBFCE;
    text-decoration:none;
}

.autoimg img{
width:100%;
height:auto;
}

a{
    color: #202a5d;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
a:hover {
    color: #435195;
	text-decoration:none;
}

.pinkLine{
background: linear-gradient(transparent 40%, rgb(255, 190, 190) 20%);
}

.boldText{
	font-weight:bold;
	}
/* ########### 599px以下 ########### */
@media (max-width: 599px) {
	
.leftBox{
	width:100%;
	float:none;
	}
.rightBox{
	width:100%;
	float:none;
}
	
#beans figure{
	float:none;
	margin:0;
	}

#beans .set3{
	width:100%;
	padding:5%;
	}
	
.googlemap{
	margin-top:10px;
	font-size:14px;
	text-align:center;
}
#page-top {
    bottom: 20px;
    right: 10px;
}

.menuA{
width:100%;
float:none;
}

.menuB{
width:100%;
float:none;
}

.menuLeft{
width:100%;
float:none;
margin:0 0 50px;
}
.menuRight{
width:100%;
float:none;
margin:0 0 50px;
}


}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {
.snip1333:hover .border:before,
.snip1333.hover .border:before,
.snip1333:hover .border:after,
.snip1333.hover .border:after {
  width: 100%;
}
.snip1333:hover .border div:before,
.snip1333.hover .border div:before,
.snip1333:hover .border div:after,
.snip1333.hover .border div:after {
  height: 100%;
}


/* BOX1とBOX2を横に並べる設定 */
/*
.boxA:after	{content: "";
	display: block;
	clear: both}


.box1	{float: left;
	width: 50%}

.box2	{float: left;
	width: 50%}
*/
/* コンテンツ横並び */



}

/* ########### 1190x以上 ########### */
@media (min-width: 1190px) {
	.headerInner, .contents{
	width:930px;
	margin:0 auto;
	}
	

}