@charset "UTF-8";
/* CSS Document */
/*===============================================
●style.css 画面の横幅が1040px以上
===============================================*/
@media screen and (min-width : 1040px ){

body {
  background:url(../img/common/bg_map.jpg) center center / cover no-repeat fixed;
  overflow-x:hidden;
}
#slide2 {
	margin: 0 auto;
	display:block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
	z-index:1;
	font-size:100%;
	background-color:#fff;

}
 
#slide2 img {
	width: 100%;
    position: absolute;
	}
	#slide3 {
	margin: 0 auto;
	display:block;
    width: 170px;
    text-align: left;
    overflow: hidden;
    position: relative;
	z-index:1;
	font-size:100%;
	background-color:#fff;
	margin-left:0px;

}
	
 
#slide3 img {
	width: 100%;
    position: absolute;

	}	
img{
margin:0px;
max-width: 100%;
height: auto;
}

h1{
	font-size:90%;
	line-height:1.5em;
}

/*==飾りBOX===========================================================================================*/

#kazari_wrapper{
	width:1140px;
	margin:0 auto;
		filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
		z-index:9997;
	position:relative;

		}
.kazari_logo{
	position: absolute;
	top:-10px;
	left:-100px;
	z-index:9997;

}

.kazari_1{
	position: absolute;
	top:1640px;
	left:-30px;
	z-index:9997;

}
.kazari_2{
	position:absolute;
	top:640px;
	right:-100px;
	z-index:9999;

}
.kazari_3{
	position: absolute;
	top:1050px;
	left:70px;
	z-index:9999;
}


/*=============================================================================================*/

#wrapper_all{
		overflow:hidden;
	max-width:1140px;
	min-width:50%;
	margin-top:50px;
	margin-bottom:50px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/bg_content.jpg);
	background-repeat:repeat;
	border:10px solid;
	-moz-border-image:url(../img/common/bg_content.jpg);
	-webkit-border-image:url(../img/common/bg_content.jpg);

	 }

/*=============================================================================================*/


#sidecolumn{
	max-width:15%;
	background-image: url(../img/common/bg_content_kj.jpg);
	float:left;
	padding:20px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;

}
.copy{
	border-top:1px solid #d6aa00;
	border-bottom:1px solid #d6aa00;
}
.side_tokuten{
	position:absolute;
	margin-top:10px;
}

.side_tokuten_sp{
	display:none;
	margin-top:10px;
}

.side_banner{
	margin-top:140px;
}


/*=======スクロールで表示されるロゴと特典======================================================================================*/
.sticky{
	    position: absolute;
}
#sticky_content{
	position:fixed;
	display:none;
	  width:180px;
	  top:30px;
	  	border-top:1px solid #d6aa00;

}
#sticky_content .logo{
	width:70%;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		margin-bottom:20px;
}

#sticky_content .side_tokuten{
	position:absolute;
	margin-top:0px;
	padding-top:20px;
	border-top:1px solid #d6aa00;
}

/*=============================================================================================*/

#maincontents{
	width:80%;
	min-width:50%;
	height:auto;
	margin-left:10px;
	float:left;
}
	.logo{
		width:70%;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-top:40px;
		margin-bottom:40px;
	}
	.logo img{
		display: inline-table;
		vertical-align: central;
		width:100%;
	}



footer{
background-image: url(../img/common/bg_content_kj.jpg);
	padding:20px;
	width:100%;
	margin-top:10px;
	font-size:80%;
	line-height:1.5em;
}

/*=============================================================================================*/

#slide {
	margin: 0 auto;
	display:block;
    width: 920px;
    text-align: left;
    overflow: hidden;
    position: relative;
		z-index:1;
	margin-bottom:10px;
margin-right:10px;
font-size:100%;
letter-spacing:normal;
background-color:#000000;
}

#slide img {
	width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	}

/*=============================================================================================*/

.top{
	background-image: url(../img/common/bg_content_kj.jpg);
	padding:20px;
	width:100%;

}


ul{    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
margin-right: -30px;
margin-bottom: -10px;
}

.main{
margin-bottom:10px;
margin-right:10px;
font-size:100%;
letter-spacing:normal;
position:relative;
}

li.main img {
  transition: 0.5s;
}
li.main img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

li.box1{
	max-width:32%;
	min-width:32%;
	height:400px;
	float:left;
	background-image:url(../img/common/bg_content_kj.jpg);
	margin-bottom:10px;
	letter-spacing:normal;
	margin-right:10px;
	position:relative;
		overflow:hidden;

}
li.box2{
	float:left;
	max-width:65%;
	height:400px;
	display:inline-block;
	background-image:url(../img/common/bg_content_kj.jpg);
	margin-bottom:10px;
	letter-spacing:normal;
	margin-right:10px;
	position:relative;
	overflow:hidden;
	}
	li img {
  transition: 0.5s;
  width:100%;
}
li img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}



/*メイン記事テキストBOX=============================================================================================*/

.indexh2{
	font-size:120%;
	line-height:1.5em;
}

.txtboxmain{
	width:40%;
	border:#000000 3px solid ;
	background-color:rgba(255, 255, 255, 0.9);
	  position: absolute;
	  bottom:30px;
	  left:30px;
	  padding:20px;
	  z-index:9998;
}
.txtboxmain img{
	position: absolute;
	top:-30px;
	left:70px;
	width:45px;
	}


.sono1{
	text-align:center;
	width:5em;
	color:#d6aa00;
	border:#d6aa00 2px solid;
	background-color:#ffffff;
	display: inline-block;	padding:10px;
	line-height:0.2em;
	font-size:75%;
	font-weight:bold;
	  position:absolute;
	  top:-10px;
	  left:-20px;
	  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	  z-index:9999;

}
.tag{
	line-height:1em;
	font-size:80%;
	color:#6D6D6D;
	}
	/*==記事テキストBOX===========================================================================================*/
	.txtbox1{
		padding:20px;
		z-index:9998;
}

.txtbox1 img{
	position: absolute;
	top:180px;
	left:110px;
	width:45px;
	}



.sono2{
	text-align:center;
	width:5em;
	color:#d6aa00;
	border:#d6aa00 2px solid;
	background-color:#ffffff;
	display: inline-block;	padding:10px;
	line-height:0.2em;
	font-size:75%;
	font-weight:bold;
	  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	  z-index:9999;

}
.tag2{
	width:88%;
	display:block;
	line-height:1.2em;
	font-size:80%;
	color:#6D6D6D;
	position:absolute;
	bottom:20px;
	border-top:1px solid #d6aa00;
	padding-top:10px;
	}
.txtbox2{
	width:60%;
	border:#000000 3px solid ;
	background-color:rgba(255, 255, 255, 0.9);
	  position: absolute;
	  bottom:30px;
	  left:30px;
	  padding:20px;
	  z-index:9998;
}

.txtbox2 img{
	position: absolute;
	top:-30px;
	left:70px;
	width:45px;
}



	/*=ここから記事ページ===========================================================================================
	=====================================================================================
	=====================================================================================*/
/*=パンくず============================*/
nav#breadcrumbs {
	padding:10px;
	font-size:70%;
}
	nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
  background-color: #777777;
  padding:6px;
  color:#FFFFFF;
  margin-left:10px;
      border-radius: 15px;        /* CSS3草案 */
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;   /* Firefox用 */
}
nav#breadcrumbs ol li a{
	  color:#FFFFFF;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}

/*======タイトル横の特典マーク====================*/

.tokuten_title{
	position: relative;
	left:70px;
	top:30px;
	display:block;
	margin-bottom:-80px;

  }
/*====================================*/


.main{
		background-image:url(../img/common/bg_content_kj.jpg);
		width:101%;
	}

.contents h2{
	font-size:180%;
	line-height:1.5em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.contents h3{
	margin-top:70px;
	font-size:140%;
	line-height:1.5em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom:#000000 1px solid;
	border-top:#000000 1px solid;
	padding:20px 0 20px 0;
	margin-bottom:20px;
}
article h4{
	font-size:100%;
	background:#ffffff;
	text-align:center;
	padding:10px;
	border:#FFFFFF;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	margin-top:2em;
	margin-bottom:2em;
}
.article_sono1{
	text-align:center;
	width:auto;
	color:#d6aa00;
	border:#d6aa00 2px solid;
	background-color:#ffffff;
	display: inline-block;	padding:10px;
	line-height:0.2em;
	font-size:75%;
	font-weight:bold;
	  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	  z-index:9999;

}
.mainimage{
	width:100%;

	overflow:hidden;
}

.contents{
	padding:60px 120px 100px 100px;
	}
article{
	padding-top:20px;
	padding-bottom:0px;
}
aside{
	background:#FFFFFF;
	padding:10px;
	margin-top:10px;
	font-size:85%;
	border:dotted #929292 1px;
	font-style:italic;
	color:#5D5D5D;
	line-height:1.7em;
}

article p{
	margin-top:1em;
}
.photo_caption{
	font-size:80%;
	font-weight:bold;
	text-align:right;
	background-color:#FFFFFF;
	margin-top:0px;
}

/*======▼記事内特典▼====================*/
.article_tokuten{
	width:500px;
	height:auto;
	background-image:url(../img/common/article_tokuten_bg.jpg);
	background-repeat:repeat;
		margin-left:auto;
	margin-right:auto;
	color:#000000;
	margin-top:70px;
	padding-bottom:20px;
	}

.article_tokuten h4{
	display:block;
	background-color:#000000;
	color:#DEB600;
	margin:0px;
	padding-left:10px;

}

.article_tokuten a:hover{
	text-decoration:none;
}


.article_tokuten_nakami{
	padding-left:20px;
	padding-right:20px;
	}

.article_tokuten_nakami .left{
	float:left;
	width:60px;
}
.article_tokuten_nakami .right{
	float:right;
	width:360px;
	padding:20px 0px 0px 20px;
	font-size:180%;
	font-weight: bold;
	line-height:1.4em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

.article_tokuten_nakami span a{
	font-size:50%;
	color:rgba(78,75,75,1.00);
	display:block;
}

.article_tokuten_nakami span a:hover{
	color:rgba(253,1,5,1.00);

}


.jouken_all{
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	border-top: #000000 1px solid;
	margin-top: 20px;
	width: 420px;
	margin-left: auto;
	margin-right: auto;
}
.joken_title{
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	font-size: 80%;
	width: 4em;
	display: block;
	border: #DEB600 solid 1px;
	margin: 0 auto 10px auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.joken_caption{
	font-size: 90%;
	color: #000000;
	margin-top:30px;
}

.joken_caption_cr{
	font-size: 90%;
	font-weight:bold;
	color:#FF0004;
}

/*======▲記事内特典▲====================*/


.shisetsu_name_wrapper{
	text-align:center;
	margin-top:100px;
	color:#000000;
}

.shisetsu_name_wrapper p{
	font-size: 100%;
	color: #333;
	margin-top: 10px;
}

.shisetsu_name{
	font-size:130%;
	padding-bottom:5px;
	font-weight:bold;
		border-bottom:solid 1px #000000;
		letter-spacing:0.3em;

}
.data dl{
	margin-top:50px;
}

.data dd{

	display:block;
	margin-left:10px;
		line-height:2em;

}

.data dt{
		color:#FFFFFF;
	background-color:#313131;
	line-height:2em;
	padding:3px;
	font-size:80%;
	margin-right:10px;
	float:left;
	width:5em;
	text-align:center;



}

.map{
	margin-top:40px;
}

.gotohome{
	background-color:#d6aa00;
	width:101%;
	height:50px;
	margin-top:10px;
	font-size:80%;
	text-align:center;
	color:#ffffff;
}
.gotohome a{
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
color:#484848;
font-size:110%;
line-height:50px;
}
.gotohome a:hover{
	color:#d6aa00;
		background-color:#484848;


}



/*==================記事一覧footer上==================*/
.articlel_list h5{
	display:block;
	border-top:solid 2px #484848;
	padding-top:10px;
	width:880px;
 }

.articlel_list{
	background-image: url(../img/common/bg_content_kj.jpg);
	padding:10px 10px 20px 20px;
	margin-top:10px;
	font-size:80%;
	margin-right:10px;
	width:100%;


}
.articlel_list ul{
	height:200px;
	overflow:scroll;
	overflow-x:hidden;
	width:98%;
}
.articlel_list ul li{
	letter-spacing:normal;
	display:block;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #484848;}
.articlel_list ul li span{
	text-align:center;
	width:5em;
	color:#d6aa00;
	border:#d6aa00 2px solid;
	background-color:#ffffff;
	display: inline-block;	padding:10px;
	line-height:0.2em;
	font-size:75%;
	font-weight:bold;
	margin-right:10px;
}
/*==================ドロワー中身==================*/
.drawr_articlel_list{
	font-size:80%;
	width:100%;
}
.drawr_articlel_list ul{
	height:100%;
    width:400px;
	margin-bottom:60px;
}

.drawr_articlel_list ul a{
	color:#d6aa00;
	}
.drawr_articlel_list ul li{
	letter-spacing:normal;
	display:block;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:30px;
	line-height:1.5em;
	font-size:130%;
	border-bottom:solid 1px #444444;

	}
.drawr_articlel_list ul li span{
	text-align:left;
	width:100%;
	color:#ffffff;
	display:block;
	line-height:0.2em;
	font-weight:bold;
	font-size:60%;
	margin-bottom:10px;
	margin-top:10px;
}
.drawr_articlel_list ul li img{
  max-width: 170px;
}

.drawr_midashi{
	font-size:100%;
	text-align:center;
	border-top:solid 1px #000000;
	border-bottom:solid 2px #000000;
	padding:20px;
	background-color:#EAEAEA;
	font-weight:bold;
	margin-top:60px;
	margin-bottom:10px;
}


p.shuten{
	display: block;
	position: absolute;
	right: 10px;
	color: #666;
	font-size: 70%;
	border-radius: 30px;
}


}