@charset "UTF-8";
/*
	miniminiman
*/

/* --------------------------------------------------

-------------------------------------------------- */
#main_container{
    width: 100%;
    border-top: 6px solid #c00;
    margin: 100px auto 0;
}

section.miniminiman{	
	display:block;
	clear:both;
    overflow: hidden;
    width: 100%;
    max-width: 970px;
    margin: 80px auto 0;
}

.top_left{
	width:290px;
	float:left;
	margin:0 0 0 80px;
	padding:0 0 30px 0;	
}

.disnon{
	display:none;
}

.thum{
	width:350px;
	margin:20px auto 0 auto;
	
}



.thum strong.select {
  border:1px solid #FF0;
  
}

.thum strong{
	display:block;
	float:left;
	width:87px;
	height:87px;
	text-align:center;
	border:1px solid #cccccc;
	cursor:pointer;
	margin:0 10px;
}


.thum strong.select {
  border:1px solid #ee0000;
}

.thum img{
	height:85px;
}


.top_right{
	margin:0 0 0 30px;
	padding:0 0 30px 0;
	float:left;
	width:500px;
}
.title,.title_sp{
	clear:both;
	height:58px;
}
.title .name,.title_sp .name{
	margin:20px 0 0 0;
}
.title .icon,.title_sp .icon{
	float:left;
	margin:0 20px 0 0;
	clear:both;
}

.title_sp{
        display: none;
    }

.comment{
	background:url(../image/bg_mmm_1.png) no-repeat;
	margin:20px 0 0 -24px;
	height:125px;
}
.comment p{
	color:#ffffff;
	margin:30px 0 0 40px;
}


.shokai,.shokai_sp{
	border:2px solid #ff0000;
	border-radius:15px;
	margin:20px 0 0 0;
	
	-moz-box-shadow:
		0px 2px 0px rgba(255,0,0,1),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 2px 0px rgba(255,0,0,1),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 2px 0px rgba(255,0,0,1),
		inset 0px -1px 0px rgba(255,255,255,0.7);
}
.shokai h3,.shokai_sp h3{
	margin:10px;
}
.shokai p,.shokai_sp p{
	background:#eeeeee;
	border-radius:0 0 15px 15px;
	padding:20px;
}

.shokai_sp{
        display: none;
    }


section.rekishi .history{
	background:url(../image/bg_mmm_2.gif);
	clear:both;
	float:none;
	border:1px solid #ccc;
	width:970px;
    width: 100%;
    max-width: 970px;
    margin: 40px auto;
}

section.rekishi .history h3{
	margin:0 0 0 10px;
}

section.rekishi .history img.mainimage{
	margin:20px 0 0 40px;;
	width:840px;
}


/*-----------------------------------------------------
window size 900-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (max-width:900px){

    section.miniminiman,#main_container{
        margin: 0 auto;
    }

    .top_left{
        width: 50%;
        max-width: 350px;
        margin: 0 auto;;
        padding: 0;
        float: none;
    }
    

    .top_left img{
        width: 100%;
    }

    .top_right{
        width: 100%;
        margin: 0;
        padding: 0;
    
    }

    .title{
        display: none;
    }
    
    .thum{
        width: 87%;
        max-width: 260px;
        margin: 20px auto 30px;
        overflow: hidden;
    }
    
    .thum strong{
    width: 65px;
    height: 65px;
    }
    
    .thum img{
      height: 60px;
    }

    .shokai{
        display: none;
    }
    
    .title_sp{
        display: block;
        width: 90%;
        max-width: 315px;
        margin: 20px auto ;
    }
    
    .title_sp .icon {
        width: 25%;
        max-width: 100px;
        margin: 10px 5% 0 0;
    }
    
    .title_sp .name{
    width: 60%;
    }
    
    .shokai_sp{
        display: block;
        width: 90%;
        max-width: 500px;
        margin: 0 auto;
        overflow: hidden;
    }

    section.rekishi .history{
        width: 95%;
        margin: 30px auto;
        max-width: 550px;
    overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 8px;
  display: -ms-flexbox;
    }

    section.rekishi .history img.mainimage{
        margin: 20px auto;
        
    }


















































}