@charset "utf-8";

/* ==

　common

=============================================================================== */
#sns{padding-top:15px;}
#main .imgCap{font-size:108%; margin:10px 0 20px;}
#visualArea{margin-bottom:50px;}
#main .article01{margin-bottom:0;}
#main .article02{margin-bottom:20px;}
#main .article03{margin-bottom:40px;}
#main .article04{margin-bottom:80px;}
@media only screen and (max-width: 600px) {
	#visualArea{margin-bottom:20px;}
	#main .article01{margin-bottom:0;}
	#main .article02{margin-bottom:20px;}
	#main .article03{margin-bottom:20px;}
	#main .article04{margin-bottom:40px;}
	#main .borderB02{margin-bottom:20px; padding-bottom:20px;}
}

/* tit txt link
------------------------------------------------------------------------------- */
#main h3{
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:left;
	border-bottom:2px solid #ccc;
}
#main .bold{font-weight:bold; color:#333;}
#main .caution{font-weight: bold;color:#d73a3a;}
#main p.linkTxt{
	padding-left: 10px;
  background: url(/column/images/rn01/ico_arw01.gif) left 0.55em no-repeat;
}
#main .indent{
  margin-left:1em;
  text-inent:-1em;
}
@media only screen and (max-width: 600px) {
	#main .opFill{display:block; background:#efefef;}
	#main .linkBlank {
    padding-left: 1.4em;
    background:url(/column/images/arrow_blank.gif) 0.1em 0.3em no-repeat;
    zoom:1;
	}
  #main .txtBtn {text-align: center;}
}

/* colBlock
------------------------------------------------------------------------------- */
#main .colBlock02 .col1{width: 48.5%;}
#main .colBlock02 .col2{width: 48.5%;}
#main .colBlock05 {width: 100%; margin: 0 0 30px;}
#main .colBlock05 .col1{float: left; width: 31.8%;}
#main .colBlock05 .col2{float: right; width: 65.4%;}
#main .reverse .col1{float: right;}
#main .reverse .col2{float: left;}
@media only screen and (max-width: 600px) {
	#main .colBlock02 .col1,
	#main .colBlock02 .col2{float:none; width:100%;}
	#main .colBlock05 .col1,
	#main .colBlock05 .col2{float:none; width:100%;}
	#main .colBlock05 .col1{margin-bottom:10px;}
}

/* anchor
------------------------------------------------------------------------------- */
.fnAnchorT {margin-top: -68px; padding-top: 68px;}
@media only screen and (max-width: 600px) {
	.fnAnchorT {margin-top: -20px; padding-top: 20px;}
}

/* bnr
------------------------------------------------------------------------------- */
#main .bnrBlock{margin-bottom:40px;}
#main .bnrBlock p.img a{
	width:100%;
	display:block;
	background:#4d3021;
}
#main .bnrBlock p.img img{
	max-width:50% !important;
	width:49.9999%\9 !important;
	height:auto;
}
#main .bnrBlock p.bnrTenji{background:#0072cd; border: 2px solid #0072cd;}
@media only screen and (max-width: 780px) {
  #main .bnrBlock p.img{
    margin: 0 auto 10px;
    max-width:473px;
    display:block;
  }
  #main .bnrBlock p.img img{
    max-width:100% !important;
    width:auto\9 !important;
  } 
}

/* ==

　sp

=============================================================================== */
#main .leadBlk{text-align:center;}
#main h3{border-bottom:1px solid #ccc !important;}
.proSp{
	padding: 35px 0 0;
	border-top:5px dotted #ccc;
	border-bottom:5px dotted #ccc;
	margin-bottom:30px;
}
.infoSp{
	border:5px solid #ccc;
	padding:20px;
}
.infoSp .col2{
	border-left:1px solid #ccc;
  box-sizing: border-box;
}
.infoSp a{word-break: break-all;}
.infoSp .col1{display:table;}
.infoSp .col1 p{display:table-cell; vertical-align:middle;}
.infoSp .col2 p{padding-left:1.3em;}
.infoSp .data_list{margin-left:20px;}
.infoSp .data_list dt{
	width:4.5em;
	float:left;
	clear:both;
	position:relative;
}
.infoSp .data_list dt span{
	position: absolute;
	top:0;
	right:5px;
}
.infoSp .data_list dd{padding-left:5em;}


/* -------- other -------- */
#main .que{
	font-size:140%;
	font-weight:bold;	
	margin-bottom:10px;
	text-indent:-1em;
	margin-left:1em;
}
#main .imgBox{
  float:right;
  margin:0 0 15px 15px;
  display: inline-block;
}
#main .imgBox span{
  display:block;
  margin:10px 0 20px;
  max-width:174px;
  font-size:14px;
}



@media only screen and (max-width: 600px) {
  #main .leadBlk{text-align:left;}
  .infoSp{border:5px solid #ccc;padding:20px;}
  .infoSp .col1,.infoSp .col2{width:auto !important;}
  .infoSp .col1{height:auto !important;}
  .infoSp .col1{border-bottom:1px solid #ccc; padding-bottom:15px;}
  .infoSp .col1, 	.infoSp .col1 p{display:block;}
  .infoSp .col2{border:0;}
  .infoSp .col2 p{padding:0;}
  /* -------- other -------- */
  #main .imgBox{
    float:none;
    margin:0 auto;
    display: block;
    width:174px;
  }


}