ul.photo_area@charset "utf-8";
/* CSS Document */

/* screenwidth less than 1820px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1820px) {

body#kaihatsu #container #main {
      width:70%;
}

/*
body#kaihatsu #container #main h2{
    width: 90%;
}*/

body#kaihatsu #container #main #title{
     width: 90%;  
}



body#kaihatsu #container #main #intro{
    width: 90%;
}
}




/* screenwidth less than 1689px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1689px) {

body#kaihatsu #container{
   width: 65%;
}


}

/* screenwidth less than 1560px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1560px) {

body#kaihatsu #container {
    width: 70%;
}

}

/* screenwidth less than 1555px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1555px) {
body#kaihatsu article.contents{
       width:70%;

}
}





/* screenwidth less than 1450px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1450px) {

body#kaihatsu #container {
    width: 75%;
}

}


/* screenwidth less than 1354px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1354px) {

body#kaihatsu #container {
    width: 80%;
}

body#kaihatsu article.contents{
       width:80%;

}


}


/* screenwidth less than 1271px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1271px) {

body#kaihatsu #container {
    width: 85%;
}
}

/* screenwidth less than 1211px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1211px) {
body#kaihatsu article.contents{
       width:85%;

}
}




/* screenwidth less than 1197px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1197px) {

body#kaihatsu #container {
    width: 90%;
}

}


/* screenwidth less than 1131px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1131px) {

body#kaihatsu #container {
    width: 95%;
}

}




/* screenwidth less than 1095px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1095px) {
body#kaihatsu article.contents{
       width:90%;

}
}



/* screenwidth less than 1073px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1073px) {

body#kaihatsu #container {
    width: 98%;
}


}

/* screenwidth less than 1040px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1040px) {


body#kaihatsu #container {
    width: 100%;
}

}


/* screenwidth less than 1026px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1026px) {

/*body#kaihatsu #container {
    width: 99%;
}*/

body#kaihatsu #container #main {
    width: 99%;
    float: none;
    margin: 0 auto 15px auto;
    padding-top: 30px;	
}

#title{
	 background: url("../img/shinokayama-kaihatsu/title_893.jpg") no-repeat top right #FFF;
}



body#kaihatsu #container #main #intro{
    margin:0 auto;
}


body#kaihatsu #container #main #intro h3{
    font-weight: bold;
}

body#kaihatsu #container #main #intro p{
    font-size:14px;
    line-height: 1.8em;
}


body#kaihatsu #container #main #intro table{
    font-size:14px;
}
body#kaihatsu #container #main #intro table th{
    width:6em;
}



body#kaihatsu article.contents{
       width:95%;

}


body#kaihatsu article #history .left table {
    font-size: 14px;
}



}

/* screenwidth less than 950px     
--------------------------------------------------------------------- */
@media only screen and (max-width: 950px) {

body#kaihatsu article #history .left{
   width:90%;
   float: none;
   margin: 0 auto 20px auto;
}
body#kaihatsu article #history .right{
   width:80%;
   float: none;
   margin: 0 auto 20px auto;
}

body#kaihatsu article #history .right ul{
   margin: 0 auto;
   text-align: center;
}

body#kaihatsu article #history .right ul li.photo1{
   margin: 0 25px 10px 0;
   display: inline-block;
   width:45%;
}
body#kaihatsu article #history .right ul li.photo2{
   margin: 0 0 10px 0;
   display: inline-block;
   width:45%;
}
/*
body#kaihatsu article #history ul.image{
    text-align: center;
}
body#kaihatsu article #history ul.image li{
    float: none;
	display: inline-block;
}
*/
}

/* screenwidth less than 872px
--------------------------------------------------------------------- */
@media only screen and (max-width: 872px) {

body#kaihatsu article #column .f_box,
body#kaihatsu article #column .f_box:nth-child(2),
body#kaihatsu article #column .f_box:nth-child(3){
    width: 85%;
    float: none;
    margin: 0 auto 20px auto;
}

body#kaihatsu article #column .f_box ul {
    margin: 20px auto 10px auto;
	padding-left: 20px;

}

body#kaihatsu article #column .f_box ul li dl dt {
    font-size: 14px;
}
body#kaihatsu article #column .f_box p {
    font-size: 13px;
}

}



/* screenwidth less than 858px
--------------------------------------------------------------------- */
@media only screen and (max-width: 858px) {

#title{
	 background: url("../img/shinokayama-kaihatsu/title_bg.jpg") no-repeat top right #FFF;
}

}


/* screenwidth less than 755px
--------------------------------------------------------------------- */
@media only screen and (max-width: 755px) {

body#kaihatsu{
   background: url(../img/shinokayama-kaihatsu/bg2.jpg) no-repeat top center #E17E13;
}
}


/* screenwidth less than 640px
--------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {


body#kaihatsu #container #main {
    width: 100%;
    padding-top: 15px;
}



body#kaihatsu #container #main #title{
    width: 100%;
	background: url("../img/shinokayama-kaihatsu/title2.jpg") no-repeat #FFF;
	background-position: right -80px bottom;
	padding-top: 10px;
	background-size:cover;
	padding-bottom: 10px;

}

body#kaihatsu #container #main #title h2{
    width: auto;
    height: auto;
    margin: 0 auto 0 0;
    padding: 0 15px 10px;
	text-indent:0;
	background-image:none;
	font-size:30px;
	font-family: 'M PLUS 1', sans-serif;
	color:#FF4200;
	font-weight: 600;
	background-color:rgba(255,255,255,0.8);

}

body#kaihatsu #container #main #title h2 span{
    display: block;
	color: #8F4A2A;
	font-size:12px;
	font-weight: normal;
  
}

body#kaihatsu #container #main #title h2 span.ltd{
	font-size:30px;
	font-family: 'M PLUS 1', sans-serif;
	color:#FF4200;
	font-weight: 600;
	display: inline;
}



#title .orange{
    display: block;
	width:110px;
	height: auto;
	margin:0 auto 10px 20px;
}

body#kaihatsu #container #main #intro {
    width: 95%;
}


body#kaihatsu #container #main #intro table th{
    width:8em;
}



body#kaihatsu #container #main #intro dl dt{
  display: none;
}

body#kaihatsu #container #main #intro dl dd{
    float: none;
	width:99%;
	margin: 0 auto 20px auto;
}

.intro_img_mb{
   display: block;
   width:90%;
   margin: 0 auto;
   text-align: center;
   padding-top: 30px;
   padding-left: 20px;
}

.intro_img_mb img.img1{
    width:30%;
	margin: 0 20px 0 0;
	float: left;
}

.intro_img_mb ul{
    width:50%;
	float:left;
	margin: 0 auto 0 0;
}

.intro_img_mb ul li{
    width:99%;
	margin: 0 auto 20px auto;
	text-align: center;
	
}
.intro_img_mb ul li img{
    width:100%;
	height: auto;
	display: block;

}

/*
.intro_img_mb ul li:first-child{
    width:60%;
	height: auto;
	margin: 0 auto;
}
.intro_img_mb ul li:nth-child(2){
    width:80%;
}

*/

ul.photo_area{
   display: none;
}


.bg_block{
	width:99%;
}

.omit{
  display: none;
}


}


/* screenwidth less than 600px
--------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {

body#kaihatsu #container #main #title{
	background-position: right -120px bottom;
}
}


/* screenwidth less than 580px
--------------------------------------------------------------------- */
@media only screen and (max-width: 580px) {

.intro_img_mb{
   padding-left: 0;
}


.intro_img_mb img.img1{
 /*   float: none;
	margin: 0 auto 10px auto;
	width:50%;*/
	display: none;
}

.intro_img_mb ul{
   width:68%;
   float: none;
   margin:0 auto;
}

.intro_img_mb ul li{
    margin-bottom: 40px;
}

.intro_img_mb ul li img{
-moz-box-shadow: 5px 7px 12px -3px rgba(26, 26, 26, 0.8);
-webkit-box-shadow: 5px 7px 12px -3px rgba(26, 26, 26, 0.8);
-ms-box-shadow: 5px 7px 12px -3px rgba(26, 26, 26, 0.8);
box-shadow: 5px 7px 12px -3px rgba(26, 26, 26, 0.8);   
}

body#kaihatsu #container #main #intro dl dd .img_area{
    padding-top: 0;
}
}




/* screenwidth less than 559px
--------------------------------------------------------------------- */
@media only screen and (max-width: 559px) {

body#kaihatsu #container #main #title{
	background-size: auto;
}
}


/* screenwidth less than 480px
--------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {


body#kaihatsu #container #main #title h2{
    padding: 0 10px 10px;
}




body#kaihatsu #container #main #intro table th{
   display: block;
   width:99%;
   margin: 0 auto 5px auto;
   text-align: left;
   border-bottom: 0;
}
body#kaihatsu #container #main #intro table td{
   display: block;
   width:99%;
   margin: 0 auto 5px auto;
   border-bottom: 1px solid #000;
   padding-left: 10px;  
}
/*
body#kaihatsu article #column .table-frame table.profile th{
   display: block;
   width:99%;
   margin: 0 auto 5px auto;
   text-align: left;
   padding-left: 0;
   border-bottom: 0;
}

body#kaihatsu article #column .table-frame table.profile td{
   display: block;
   width:99%;
   margin: 0 auto 5px auto;
   border-bottom: 1px solid #000;
   padding-left: 10px;
}

*/
body#kaihatsu #container #main #intro table th:before{
   content: "■";
}
/*
body#kaihatsu article #column .table-frame table.profile th:before{
   content: "■";
}*/

.intro_img_mb ul {
    width: 80%;
}

body#kaihatsu #container #main #intro dl dd .img_area{
    width: 71%;
}
}

/* screenwidth less than 435px
--------------------------------------------------------------------- */
@media only screen and (max-width: 435px) {

body#kaihatsu #container #main #title{
	background-position: right -150px bottom;
}
}

/* screenwidth less than 380px
--------------------------------------------------------------------- */
@media only screen and (max-width: 380px) {

body#kaihatsu #container #main #title{
	background-position: right -200px bottom;
}
}

/* screenwidth less than 340px
--------------------------------------------------------------------- */
@media only screen and (max-width: 340px) {

body#kaihatsu #container #main #title h2{
    font-size: 25px;
}
body#kaihatsu #container #main #title h2 span.ltd{
	font-size:20px;
}

}


/* screenwidth less than 294px
--------------------------------------------------------------------- */
@media only screen and (max-width: 294px) {
body#kaihatsu #container #main #title p{
    width:90%;
	margin-left: 5px;
}
body#kaihatsu #container #main #title p img{
   width:100%;
   height: auto;
}
}