@charset "utf-8";
/* CSS Document */
/*ジンセン　レフトカラム用*/


/*２０１５年初春号*/

.left{
    width: 38%;
	margin:0;
	height:0;
	padding-top:100%;
	float:left;
    background-size:contain;
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	background-image:url("../../img/ginseng/2015winter/h1img_bg.png") ;
}

.left h2{
	margin:0;
	padding:0;
}
.left h2 img{width:100%;}

.left_inner{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}


.midasi_black{
	width:97%;
	font-size:150%;
	color:#FFF;
	margin:0 0 10px;
	padding:10px;
	background-color:#000;
}

.midasi_bleu{
	width:97%;
	font-size:150%;
	color:#FFF;
	margin:0 0 10px;
	padding:10px;
	background-color:#006cb8;
}

.midasi_black img{
	width:10%;
	margin:0 10px;
	float:left;
}


.midasi_bleu img{
	width:10%;
	margin:0 10px;
	float:left;
}


.kouka{
	font-size:75%;
	background-color:#FF0;
	color:#F00;
	padding:2px 10px;
	margin-right:10px;
}


.midasi_memo{
	font-size:110%;
	color:#FFF;
	background-color:#C30021;
	padding:4px;
	margin:0 0 20px 0;
}
.memo{
	background-color:#FF0;
	color:#F00;
	padding:1px 10px;
	margin-top:3px;
	margin-right:10px;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}


.mokuhyou_box{
	width:100％;
	margin:20px auto;
	padding:10px;
	float:left;
	border:#cbcbcb solid 1px;
	box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
}



.mokuhyou_box_l{
	width:47%;
	margin:20px auto;
	padding:10px 0 10px 10px;
	float:left;
	border:#cbcbcb solid 1px;
	box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
}

.mokuhyou_box_r{
	width:47%;
	margin:20px auto;
	padding:10px 0 10px 10px;
	float:right;
	border:#cbcbcb solid 1px;
	box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65098) 2px 2px 3px 1px;
}


.mokuhyou_h{
	border-left:10px solid #F00;
	line-height:1.2em;
	padding:0 0 0 15px;
	margin:0 0 15px 0;
	font-size:130%;
	color:#F00;
}
.mokuhyou_h_s{
	font-size:80%;
	color:#4d4d4d;
	font-weight:normal;
}

.mokuhyou_name_kata{
	margin:0 0 15px 0;
	padding:0 0 0 5px;
	font-size:80%;
	color:#666;
}

.mokuhyou_name{
	font-size:120%;
	font-weight:bold;
}

.mokuhyou{
	font-size:100%;
	line-height:1.5em
}

.mokuhyou_box_l img,
.mokuhyou_box_r img{
	width:100%;
}

.floatcontainer:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.floatcontainer{display: inline-block;} 


/*吹き出し*/
.arrow_r{
	width:25%;
	margin:0 0 2% 2%;
	float:right;
}

.arrow_box .arrow_koe{
	padding:1em;
}

.arrow_box .arrow_koe .arrow_koe_title{
	width:50%;
}


.arrow_box {
	position: relative;
	background: #f7f7f7;
	border: 1px solid #595757;
	float:left;
	width:70%;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(247, 247, 247, 0);
	border-left-color: #f7f7f7;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box:before {
	border-color: rgba(89, 87, 87, 0);
	border-left-color: #595757;
	border-width: 21px;
	margin-top: -21px;
}

@media screen and (max-width: 500px){
    .left {
    width: 100%;
    }
	.left{
		height:200px;
		argin:0;
		padding:0;
		overflow:hidden;
		background-size:cover;
	}
	
	
	
}