@charset "UTF-8";
/* CSS Document */
/*===============================================
●smart.css  画面の横幅が1040まで
===============================================*/
@media (min-width : 800px ) and (max-width : 1040px ){
#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;
	}	
body {
  background:url(../img/common/bg_sp.jpg) repeat;
}
	
img{
margin:0px;
max-width: 100%;
height: auto;
}	

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


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

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

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

}

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

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

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


/*=============================================================================================*/
	
#wrapper_all{
	overflow:hidden;
	width:auto;
	margin-top:50px;
	margin-bottom:50px;
	margin-right: auto;
	margin-left: auto;
	background-repeat:repeat;
	padding:20px;

	 }

/*=============================================================================================*/
	 
	 
#sidecolumn{
	max-width:100%;
	background-image: url(../img/common/bg_content_kj.jpg);
	float: none;
	padding:20px;
	padding-bottom: inherit;
	margin-bottom: auto;
	margin-left:auto;
	margin-right:auto;
	
}
.copy{
	border-top:1px solid #d6aa00;
	border-bottom:1px solid #d6aa00;
}

.side_tokuten{
		display:none;
	margin-top:20px;
}

.side_tokuten_sp{
	margin-top:20px;
}
/*=======スクロールで表示されるロゴと特典======================================================================================*/
.sticky{
	    position: absolute;
		display:none;
}
/*=======スクロールで表示されるロゴと特典======================================================================================*/


#maincontents{
	width:101%;
	min-width:50%;
	height:auto;
	margin-left:auto;
	float:none;
	padding-bottom:50px;
}
	.logo{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	width:60%;
			text-align:center;

	}
	.logo img{
	display: inline-table;
	vertical-align: middle;
	max-width:50%;
	}
	
	
footer{
background-image: url(../img/common/bg_content_kj.jpg);
	padding:20px 10px 20px 20px;
	width: auto;
	margin-top:10px;
	font-size:80%;
	line-height:1.5em;
}
	/*=============================================================================================*/
	
#slide {
	margin: 0 auto;
	display:block;
    width: 100%;
    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;
	}
	
	
#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;
	}
	
/*=============================================================================================*/
	
.top{
	background-image: url(../img/common/bg_content_kj.jpg);
	padding:20px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	}

.top img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

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

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



.txtboxmain img{
	position: absolute;
	top:-20px;
	left:70px;
		width:10%;

	}

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;
}
li.box1 img{
	width:100%;
	}

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;
}

li.box2 img{
	width:100%;
	}
/*メイン記事テキスト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 30px 20px 20px;;
		z-index:9998;
}

.txtbox1 img{
	position: absolute;
	top:150px;
	left:110px;
	width:45px !important;
}


.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:1em;
	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 !important;
}

/*=ここから記事ページ===========================================================================================
	=====================================================================================
	=====================================================================================*/
	/*=パンくず============================*/
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:90px;
	top:50px;
	display:block;
	margin-bottom:0px;
	
  }
/*====================================*/

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

.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-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 img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	margin-bottom:40px;
}

.contents{
	width:70%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:100px;

	}
article{
	padding-top:20px;
	padding-bottom:50px;
}
article p{
	margin-top:1em;
}
aside{
	background:#FFFFFF;
	padding:10px;
	margin-top:10px;
	font-size:85%;
	border:dotted #929292 1px;
	font-style:italic;
	color:#5D5D5D;
}

.photo_caption{
	font-size:80%;
	font-weight:bold;
	text-align:left;
	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:60%;
	color:rgba(78,75,75,1.00);
}

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

}


.jouken_all{
	padding:20px 20px 20px 20px;
	border-bottom:#000000 1px solid;
	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;
	}

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


.shisetsu_name_wrapper{
	text-align:center;
	margin-top:100px;
	color:#000000;
}
.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:none;
	width: auto;
	text-align:center;
	margin-top:10px;

}

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


.articlel_list h5{
	display:block;
	border-top:solid 2px #484848;
	padding-top:10px;
	width:auto;
 }

.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:96%;


}
.articlel_list ul{
	height:200px;
	overflow:scroll;
	overflow-x:hidden;
	width:auto;
}
.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:140%;
	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_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:none;
}

.side_banner{
	display:none;
}


}