@charset "utf-8";
/* CSS Document */

h2{
	background-image:url("../img/title.jpg");
	background-repeat:no-repeat;
	padding:255px 0 10px 20px;
}

div.priceWaku{
	overflow: hidden;
	clear: both;
	width:100%;
	margin:5px 0;
}

div.priceWaku table{
	width:100%;
	margin:0;
}

div.priceWaku th{
	font-size:14px;
	line-height:130%;
	text-align:left;
	font-weight:normal;
	background-color:#DBE3FF;
	padding:4px;
	border-bottom:1px dashed #666;
	width:45%;
}

div.priceWaku td{
	font-size:14px;
	line-height:130%;
	padding:4px;
	border-bottom:1px dashed #666;
}

div.imgArea{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: -webkit-flex; /* safari */
	display: -ms-flexbox; /* IE */
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	
	margin:20px 0;
}

div.imgArea .imgWaku{
	-webkit-flex: 150px;
	flex: 150px;
	padding:0 1% 10px;
}

div.imgArea .imgWaku img{
	width:100%;
}

div.imgArea .imgWaku p{
	margin:0;
	font-size:14px;
	line-height: 120%;
	color:#333;
}


div.qawaku{
	margin-bottom:20px;
	background-color:#fff;
	height:100%;
}

div.wakuQ{
	padding:10px 10px 10px 50px;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #777;
	background-color:#FFFDDD;
	background-image:url(../img/bgQ.png);
	background-repeat:no-repeat;
	font-size:18px;
	line-height:140%;
}

div.wakuA{
	overflow: hidden;
	padding:10px 10px 10px 50px;
	border:1px solid #777;
	background-color:#F4F1E8;
	background-image:url(../img/bgA.png);
	background-repeat:no-repeat;
	font-size:16px;
	line-height:140%;
	height:100%;
}

img.imgRight{
	float:right;
	margin-left:10px;
	padding:5px;
	border:1px solid #666;
	background-color:#fff;
}





div.jisseki{
	margin-bottom: 40px;
}

div.jisseki .nenkan{
	text-align: center;
	margin:10px 0 0;
	padding: 5px 10px;
	font-size:32px;
	line-height: 120%;
	border:1px solid #333;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#FFFCEE;
}

div.jisseki .nenkan span{
	color:#ff0000;
	font-weight: bold;
}

div.jisseki .nen{
	text-align: right;
	margin:0 0 20px;
	font-size: 14px;
}


div.jisseki .jissekiImgAreaMae{
	margin:0 0 20px;
    width:100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

div.jisseki .jissekiImgAreaMae h4{
	text-align: center;
	margin:0;
	padding:5px;
	font-size: 18px;
	background-color: #0005FF;
	color:#fff;
}

div.jisseki .jissekiImgAreaMae .imgAreaWaku{
	width: calc(100% / 2 - 1%);
}

div.jisseki .jissekiImgAreaMae .imgAreaWaku:not(:last-of-type){
    margin-right: 1%;
}

div.jisseki .jissekiImgAreaMae .imgAreaWaku p{
	margin:5px 0 0;
	font-size:14px;
	line-height: 120%;
}

div.jisseki .jissekiImgAreaMae .imgAreaWaku img{
	width:100%;
}


div.jisseki .jissekiImgAreaMae2{
	overflow: hidden;
	margin:0 0 20px;
	padding: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#fff;
}

div.jisseki .jissekiImgAreaMae2 .imgArea{
	float:right;
	width:60%;
}

div.jisseki .jissekiImgAreaMae2 .imgArea img{
	width:100%;
}

div.jisseki .jissekiImgAreaMae2 .txtArea{
	float:left;
	width:38%;
}


div.jisseki .jissekiImgAreaMae2 .txtArea h4 {
	margin:20px 0 10px;
	padding:5px 10px;
	font-size: 18px;
	background-color: #0005FF;
	color:#fff;
}



div.jisseki .jissekiImgAreaMae2 .txtArea p{
	font-size:16px;
	line-height: 150%;
	margin:0;
	padding: 0;
}


div.jisseki .jissekiImgAreaAto{
	overflow: hidden;
	margin:0 0 20px;
	padding: 20px;
	border:1px solid #333;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#FFFCEE;
}

div.jisseki .jissekiImgAreaAto .imgArea{
	float:left;
	width:60%;
}

div.jisseki .jissekiImgAreaAto .imgArea img{
	width:100%;
}

div.jisseki .jissekiImgAreaAto .txtArea{
	float:right;
	width:38%;
}


div.jisseki .jissekiImgAreaAto .txtArea h4 {
  position: relative;
  color: #36530A;
  background:#DDEB8F;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 1em 0 0.5em;
  border-radius: 0 5px 5px 5px;
	font-size:24px;
}

div.jisseki .jissekiImgAreaAto .txtArea h4:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c Check';
  background: #36530A;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}



div.jisseki .jissekiImgAreaAto .txtArea p{
	font-size:16px;
	line-height: 150%;
	margin:0;
	padding: 0;
}




@media only screen and (max-width:650px){
	div.priceWaku th, div.priceWaku td{
		display: block;
		width:100%;
	}
	
	div.jisseki .jissekiImgAreaMae .imgAreaWaku{
		width: 100%;
	}
	
	div.jisseki .jissekiImgAreaAto .imgArea{
		float:none;
		width:100%;
		padding-bottom: 10px !important;
	}
	

	div.jisseki .jissekiImgAreaAto .txtArea{
		float:none;
		width:100%;
	}
}

@media only screen and (max-width:450px){

}