@charset "UTF-8";
/* 
===== mujihouse1.0(2015.09.01) ===========================================

	1: common element 
	2: layout_parts
	3: lead
	

==========================================================
*/
/* alpha */
.alpha { 
-webkit-transition: 0.1s ease-in-out; 
-moz-transition: 0.1s ease-in-out; 
-o-transition: 0.1s ease-in-out; 
transition: 0.1s ease-in-out; 
} 
.alpha:hover {
    opacity: 0.4;  
    filter: alpha(opacity=50);  
}

/*
==================== 1: common element  ====================
*/
body,p,h1,h2,h3,h4,li{ font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;}
body{margin:0;}

.pcOnly{ display:block;}
.mobileOnly{ display: none;}

article * { box-sizing: border-box;width: 100%}
article section { margin: 0 auto 60px auto !important;}
article section img {width: 100%;  z-index: 1;}
section p{font-size: 16px;line-height: 2;}

/* page top */
#scrollUp {
    bottom: 50px;
    right: 10px;
    height: 25px;  /* Height of image */
    width: 25px; /* Width of image */
    background: url(../img/bb_top.png) no-repeat;
}

/* clearfix */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*
==================== 2: layout_parts ====================
*/
/* col3s */
section.col3s {
	display: block;
	overflow: hidden;
	width: 100%;
	box-sizing:	border-box;
	max-width: 1024px;
    /*max-width: 875px;*/
    margin: 0 auto;
}
ul.col3 { margin-right:0;}
.col3 li {
display: inline-block;
    letter-spacing: normal;
    margin: 0 0.5% 0 0.5%;
    vertical-align: top;
    width: 31%;
    padding-top: 0px;
}
.col3 figure img {
	width: 100%;
	height: auto;
	float: none;
	margin-bottom: 10px;
}
.col3 p{ font-size: 14px; line-height: 20px;}
.col3 p.thum_title_tx{
	font-size: 16px;
    font-weight: bold;
    margin: 0;
    min-height: 30px;
    padding: 15px 0 10px 0;
}
.col3 p.thum_tx{ padding: 0;}
.col3 p.thum_link{ font-size: 12px; margin-top: 15px;}
.col3 p.thum_link a{ color:#191919;}

/* 2culumn */
#culumn2_wrap{
	width: 100%;
	height: 100%;
	margin:0;
}
#culumn2_wrap div.left_cont{
	width: 46%;
	float: left;
	margin-right: 8%;
}
#culumn2_wrap div.right_cont{
	width: 46%;
	float: left;
	margin: 0;
}
/**/
#culumn2_wrap div.part{	margin-bottom: 60px;}
#culumn2_wrap div.part img{	margin-top: 40px;}

/*
===== layout_parts response ======
*/
@media only screen and (max-width: 767px){
body,p,h1,h2,h3,h4,li{font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;}
p{ font-size: 14px !important;	line-height: 2 !important;	}

.pcOnly{ display:none;}
.mobileOnly{ display: block;}

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
	
article section {margin: 0 auto 40px auto !important;}

/* page top */
#scrollUp {display: none !important;}

/* col3s */
ul.col3{
   display: block;
   width: 92%;
   margin: 0 15px;
}
.col3 li {
   display: inline-block;
   letter-spacing: normal;
   margin: 0 1.5% 20px 1.5%;
   vertical-align: top;
   width: 46%;
   padding-top: 0px;
}
.col3 p{ font-size: 12px !important; line-height: 16px !important; padding: 0;}
.col3 p.thum_title_tx{ font-size: 14px; font-weight: bold; margin:0; min-height: 0;}
.col3 p.thum_tx{padding: 0;}
.col3 p.thum_link{font-size: 11px;}
.col3 p.thum_link a{color:#191919;}

/* 2culumn */
#culumn2_wrap{
	width: 100%;
	height: 100%;
	margin:0;
}
#culumn2_wrap div.left_cont{
	width: 100%;
	float: none;
	margin-right: 0;
}
#culumn2_wrap div.right_cont{
	width: 100%;
	float: none;
	margin: 0;
}
/**/
#culumn2_wrap div.part{
	margin-bottom: 0;
	margin-top: 0;
}
#culumn2_wrap div.part img{
	margin-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
section p{font-size: 16px;line-height: 2;}

/* col3s */
.col3 li{margin: 0 0 40px 0;}
ul.col3{
   display: block;
   width: 98%;
   margin: 0 15px;
}
.col3 li {
   display: inline-block;
   letter-spacing: normal;
   margin: 0 1.5% 20px 1.5%;
   vertical-align: top;
   width: 46%;
   padding-top: 0px;
}
.col3 p{font-size: 12px; line-height: 18px; padding: 0;}
.col3 p.thum_title_tx{ font-size: 16px; font-weight: bold; margin:0; min-height: 0;}
.col3 p.thum_tx{padding: 0;}
.col3 p.thum_link{font-size: 11px;}
.col3 p.thum_link a{color:#191919;}
}

/*
==================== 3: lead ====================
*/
h2 { font-size: 24px; font-weight: bold; position: relative; top: 30px; left: 0;}

.lead_image_wrap {
  margin: 0 auto;
  width: 100%;
  max-height: 600px;
  overflow: hidden;
}
.lead_image_wrap2 {
  margin: 0 auto;
  width: 100%;
  max-height: 500px;
  overflow: hidden;
}
/**/
div.lead_wrap{
  width: 100%;
  background: #f5f5f5;
  margin-top: -40px;
  padding: 40px 0 40px 0;
}
div.lead {
  /* max-width: 1024px;*/
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
}
/**/
div.lead h3 {
  font-size: 22px;
  margin: 40px auto 10px auto !important;
  font-weight: bold;
}
h3 {
  font-size: 22px;
  margin: 0 auto 10px auto;
  font-weight: bold;
}
h3.top_part {
  font-size: 22px;
  margin: 40px auto 10px auto !important;
  font-weight: bold;
}
div.part h3{
  font-size: 22px;
  /*margin: 0 auto 10px auto !important;*/
  font-weight: bold;	
}
/*
===== lead response ======
*/
@media screen and (min-width: 768px){	
h2 {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  top: 30px;
  left: 5%;
} 
}
@media only screen and (max-width: 767px){	
  article section {overflow: hidden;}
  article section img {width: 100%;}
/**/
h2 {
  font-size: 22px !important;
  margin: 10px 0 !important;
  font-weight: bold !important;
  top:0 !important;
  left:0 !important;
}
div.lead_wrap{
  width: 100%;
  background: #f5f5f5;
  margin-top: 0;
  padding: 40px 0 40px 0;
}
div.lead {
  max-width: 1024px;
  /* max-width: 750px; */
  margin: 0 auto;
  padding: 0 15px;
} 
div.lead h3 {
  /*font-size: 1.4em;*/
  font-size: 18px;
  margin: 40px auto 10px auto;
  font-weight: bold;
}
h3.top_part {
  /*font-size: 1.4em;*/
  font-size: 18px;
  margin: 40px auto 10px auto !important;
  font-weight: bold;
}
h3 {
  font-size: 18px;
  margin: 0 auto 10px auto;
  font-weight: bold;
}
 div.part h3{
  font-size: 18px;
  margin: 40px auto 10px auto;
  font-weight: bold;	
} 
.mt0{
  margin: 0 auto 10px auto !important;	
} 
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
div.lead {
 /* max-width: 1024px;*/
  max-width: 650px;
  margin: 0 auto;
  padding: 0;
}
}

/*
==================== honmon ====================
*/
section.honmon {
  max-width: 1024px;
  /*max-width: 850px;*/
  padding: 0 15px;
  margin-top: 20px;
}

/**/
div.katachi_tx{
  padding: 30px 0 0 10%;
}
div.katachi_tx b{
  font-size: 1.2em;
  line-height: 2.0;
}
/**/
p.thum_link{font-size: 12px; margin-top: 15px;}
p.thum_link a{color:#191919;}
span.caption{ font-size: 11px;}
.annotation {font-size: 11px !important;line-height: 14px !important;}
h4.komidashi{	font-size: 18px !important;font-weight: bold !important;margin: 20px 0 10px 0;}

/* LINK BB */
.text-right {  text-align: right;}
.relatedLink {
  display: block;
  margin: 20px 0 0 60%;
  width: 40%;
}
.relatedLink a {
  display: block;
  background: url(../img/arrow_right.png) no-repeat 5% 50%;
  border: 1px solid #ccc;
  padding: 10px 20px 10px 35px;
  text-decoration: none !important;
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;
  font-size: 15px;
}
.relatedLink a:hover {
  border: 1px solid #7f0019;
}
/**/
div.chouki_table table tr td{
	width: auto !important;
}
/*
===== honmon response sp ======
*/
@media only screen and (max-width: 767px){
section.honmon p a{
	font-size: 1em !important;
}
/**/
div.katachi_tx{
	  padding: 30px 0 0 10%;
}
div.katachi_tx b{
  font-size: 1.2em;
  line-height: 1.5;
}	
/**/
p.thum_link{font-size: 11px !important; margin-top: 15px;}
p.thum_link a{color:#191919;}

/* LINK BB */
.relatedLink {
  display: block;
  margin: 20px 2% 30px 2%;
  width: 96%;
}	
.relatedLink a {
  display: block;
  background: url(../img/arrow_right.png) no-repeat 2% 50%;
  border: 1px solid #ccc;
  padding: 10px 20px 10px 20px;
  text-decoration: none !important;
  color: #191919;
  font-size: 13px;
}
}
/**/
@media only screen and (min-width: 768px) and (max-width: 1024px){
.relatedLink {
  display: block;
  margin: 20px 0 0 45%;
  width: 55%;
}
}