@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: 20px 0;
	border-top:5px dotted #ccc;
	border-bottom:5px dotted #ccc;
  box-sizing: border-box;
  font-size:114%;
}
.infoSp{
	border:5px solid #ccc;
	padding:20px;
  box-sizing: border-box;
}

.infoSp a{word-break: break-all;}
.infoSp .data_list{margin-left:0 !important;}
.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;}

.infoSp a{word-break: break-all;}
.infoSp .data_list{margin-left:20px;}
/* -------- other -------- */
#colorBG{
  margin-top:100px;
  background:#f2f1e7;
  padding: 20px;
}
#colorBG h3{
  text-align:center;
  margin:-100px 0 0;
  border-bottom:0 !important;
}
#colorBG .candlesBox{
  margin-bottom:20px;
  padding:0 5px;
  border-left:1px solid #000;
  border-right:1px solid #000;  
}
#colorBG .candlesBox .inner{
  position:relative;
  padding:30px 20px;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}
#colorBG .candlesBox .inner:before,
#colorBG .candlesBox .inner:after{
  position:absolute;
  content:"";
  left:0;
  width:100%;
  height:1px;
}
#colorBG .candlesBox .inner:before{
  top:2px;
  border-top:1px dashed #000;
}
#colorBG .candlesBox .inner:after{
  bottom:2px;
  border-bottom:1px dashed #000;
}
#colorBG .candlesBox h4{
  position:relative;
  margin-bottom:20px;
  padding:0 0 8px 20px;
  font-size:22px;
  line-height:1.4;
  color:#000;
  background: url("../images/tit_bg.jpg") repeat-x 0 bottom;  
}
#colorBG .candlesBox h4:before{
  position:absolute;
  content:"";
  display:inline-block;
  width:15px;
  height:48px;
  bottom:0;
  left:0;
  background: url("../images/ico_tit.gif") no-repeat;
}
#colorBG .candlesBox .lead{
  margin-bottom:20px;
  font-size:18px;
  color:#000;
  font-weight:bold;
}
#colorBG .candlesBox h5{
  margin-bottom:5px;
  font-size:16px;
  font-weight:bold;
}
#colorBG .candlesBox .boxW{
  background-color:#fff;
  padding:15px;
}
#colorBG .candlesBox .boxW .item{
  font-weight:bold;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:1px solid #333;
}
#colorBG .candlesBox .boxW .item span{
  display:inline-block;
  margin-right:5px;
  width:2em;
  font-size:12px;
  text-align:center;
  background:#000;
  font-weight:bold;
  color:#fff;
}
@media only screen and (max-width: 600px) {
  #main .leadBlk{text-align:left;}
  .infoSp{border:5px solid #ccc;padding:20px;}
  #main .infoSp .fnTile,
  #main .proSp .fnTile{height: auto !important;}

  /* -------- other -------- */
  #colorBG{padding: 10px;}
  #colorBG h3{margin-top:-80px;}
  #colorBG .candlesBox .inner{padding:30px 10px;}


}