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

h1{
	font-size:80%;
	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: inherit;
	max-width:95%;
	min-width:95%;
	margin-top:50px;
	margin-bottom:50px;
	margin-right: auto;
	margin-left: auto;
	background-repeat:repeat;
	border:none;
	-moz-border-image:url(../img/common/bg_content.jpg);
	-webkit-border-image:url(../img/common/bg_content.jpg);

	 }

/*=============================================================================================*/
	 
	 
#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;
	padding-bottom:20px;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}


/*=======スクロールで表示されるロゴと特典======================================================================================*/
.sticky{
	    position: absolute;
		display:none;
}
/*=======スクロールで表示されるロゴと特典======================================================================================*/
#maincontents{
	max-width:100%;
	min-width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	float:none;
}
	.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;
	width:auto;
	margin-top:10px;
	font-size:80%;
	line-height:1.5em;
}
	/*=============================================================================================*/
	#slide3 {
	margin: 0 auto;
	display:block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
	z-index:1;
	font-size:100%;
	background-color:#fff;

}
 
#slide3 img {
	width: 100%;
    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;
	}
#slide {
	margin: 0 auto;
	display:block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
		z-index:1;
	margin-bottom:0px;
margin-right:10px;
font-size:100%;
letter-spacing:normal;
	background-color:#fff;

}
 
#slide img {
	width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	}
	
/*=============================================================================================*/
.top{
	background-image: url(../img/common/bg_content_kj.jpg);
	padding:20px;
	width:auto;
	margin-left:auto;
	margin-right:auto;

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

ul{  
margin-right:auto;
margin-bottom: -10px;
}

.main{
	width:auto;
	max-width:100%;
	min-width:50%;
	height:auto;
	float:none;
	background-image:url(../img/common/bg_content_kj.jpg);
	margin-bottom:10px;
	letter-spacing:normal;
	margin-right:auto;
	position:relative;
}

li.box1{
	width:auto;
	max-width:100%;
	height:auto;
	float:none;
	background-image:url(../img/common/bg_content_kj.jpg);
	margin-bottom:10px;
	letter-spacing:normal;
	margin-right:auto;
	position: static;
}

li.box1 img{
	width:100%;
	}　
li.box2{
	width:auto;
	max-width:100%;
	min-width:50%;
	height:auto;
	float:none;
	background-image:url(../img/common/bg_content_kj.jpg);
	margin-bottom:10px;
	letter-spacing:normal;
	margin-right:auto;
	position: static;
}
li.box2 img{
	width:100%;
	}　
/*メイン記事テキストBOX=============================================================================================*/

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

.txtboxmain{
	width: auto;
	border: none ;
	background-image:url(../img/common/bg_content_kj.jpg);
	  position: static;
	  padding:20px;
	  z-index:9998;
}
.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;
	  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;


}
.tag{
	width:100%;
	display:block;
	line-height:1em;
	font-size:80%;
	color:#6D6D6D;
	position: static;
	bottom:20px;
	border-top:1px solid #d6aa00;
	padding-top:10px;
	margin-top:50px;

	}
	/*==記事テキストBOX===========================================================================================*/
	.txtbox1{
		padding:20px;
		z-index:9998;
}

.txtbox1 img{
	position: absolute;
	bottom:-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;
	  position:relative;

}


.sono2 img{
	position: absolute;
	bottom:-20px;
	left:90px;
	width:45px !important;
}

.tag2{
	width:100%;
	display:block;
	line-height:1em;
	font-size:80%;
	color:#6D6D6D;
	position: static;
	border-top:1px solid #d6aa00;
	padding-top:10px;
	margin-top:50px;
	}
	
.txtbox2{
	width: auto;
	border: none ;
	background-image:url(../img/common/bg_content_kj.jpg);
	  position: static;
	  padding:20px;
	  z-index:9998;
	  margin-bottom:10px;
	  position:relative;
}

.txtbox2 img{
	position: absolute;
	top:-10px;
	left:110px;
	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:150px;
	top:20px;
	display:block;
	margin-bottom:-50px;
	
  }
/*====================================*/
.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{
	width:auto;
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:30px;

}

.contents{
	width:auto;
	padding:20px;
	}
article{
	padding-top:20px;
	padding-bottom:0px;
}

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:100%;
	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 img{
		width:100%;
	}
.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:15%;
}
.article_tokuten_nakami .right{
	float:right;
	width:80%;
	padding:20px 0px 0px 10px;
	font-size:130%;
	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 .right br{
	display:none;
}


.article_tokuten_nakami span a{
	font-size:80%;
	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:80%;
	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:100%;
	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;
}


}
