@charset "Shift_JIS";

/* Reset
------------------------------------------------------------------------------------------------------------*/

#r2-main img { 
 border:0 none;
}

#r2-main ul {
 list-style-type:none;
 margin:0;
 padding:0;
}

#r2-main img {
 border:0;
 cellspacing:0;
 cellpadding:0;
 font-size:0px;
 line-height:0;
 margin:0;
 zoom: 1 !important;
}

#r2-main a img,
#r2-main a:link img,
#r2-main a:visited img { 
 border-style:none;
}

#r2-main p {
 clear:none;
 margin:0;
 padding:0;
}

#r2-main a {
 outline:none;
 color:#333333;
 text-decoration:none;
}

#r2-main a:hover {
 text-decoration:none;
}

html { background: #ffffff; }

.clearfix:after {
 clear:both;
 content:".sdfasdf";
 display:block;
 height:0;
 line-height:0;
 visibility:hidden;
}

.clearfix { display:inline-table; }

* html .clearfix { height:1%; }


/* Layout - base
------------------------------------------------------------------------------------------------------------*/

#r2-main {
	position: relative;/* 012.07.27 topicpath鬯ｩ蛹�ｽｽ�ｯ�ｽ�ｽ�ｽ�ｶ鬮ｯ譎���ｽ�ｿ�ｽ�ｽ */
	max-width: 980px;
	padding:0 !important;
	margin: 0 auto !important;
}

@media screen and (max-width:480px) {
#r2-main {
		width: 100%;
	}

}


/* title
-----------------*/




/*lpc sytle
-----------------------*/

.grid3_2 img,.grid3_3 img,.grid4_2 img{max-width:100%}
.hide{display:none}
.bnrArea:after,.clearfix:after,.grid3_2:after,.grid3_3:after,.grid4_2:after{display:block;clear:both;content:''}

.left{float:left}
.right{float:right}
.alignLeft{text-align:left}
.alignCenter{text-align:center}
.alignRight{text-align:right}
.weightBold{font-weight:700}
.bnrArea{position:relative}
.bnrArea .mainBnr{width:100%;height:auto}
.grid3_3{width:100%;margin:10px 0 0}
.grid3_3 
.col{float:left;width:calc((100% - 20px)/ 3);margin:0 10px 10px 0}
.grid3_3 .col img,.grid4_2{width:100%}
.grid3_3 .col:nth-child(3n){margin:0}
.grid4_2{margin:10px 0 0}
.grid4_2 .col{float:left;margin:0 10px 10px 0}

@media screen and (max-width:480px){
	.grid4_2 .col{width:calc((100% - 10px)/ 2)}
	.grid4_2 .col:nth-child(2n){margin:0}
}

@media screen and (min-width:481px){
	.grid4_2 .col{width:calc((100% - 30px)/ 4)}
	.grid4_2 .col:nth-child(4n){margin:0}
}
.grid3_2,.grid4_2 .col img{width:100%}
.grid3_2{margin:10px 0 0}
.grid3_2 .col{float:left;margin:0 10px 10px 0}

@media screen and (max-width:480px){
	.grid3_2 .col{width:calc((100% - 10px)/ 2)}
	.grid3_2 .col:nth-child(2n){margin:0}
}

@media screen and (min-width:481px){
	.grid3_2 .col{width:calc((100% - 20px)/ 3)}
	.grid3_2 .col:nth-child(3n){margin:0}
#r2-main {
	margin: 0 auto 60px;
	max-width: 980px;
	margin: 0 auto;
}
}

.grid3_2 .col img{width:100%}

@media screen and (min-width: 1280px){
.r2-breadcrumb{padding: 25px 0px 0;}
}

/* ====  pc-1column sp-1column ==== */
.grid1_1 {margin: 20px 0 0;}
.grid1_1 .col img {width:100%}
@media screen and (max-width:480px){
  .grid1_1 .col {margin-bottom: 15px;}
}
@media screen and (min-width:481px){
  .grid1_1 .col {margin-bottom: 20px;}
}
/* ==== relatvLink ==== */
.relatvLink a {
	display: block;
	width: 80%;
	margin: 1% auto 2%;
	padding: 2% 0;
	border-radius: 5px;
	text-decoration: none !important;
	text-align: center;
	transition: all .2s ease;
}

a:hover img {
  transition: all .2s ease;
  opacity: 0.8;
}