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

#mainout{
	  background-color: #2B2B2B;
	height: 328px;
}
#page {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
	margin-top: 1px;}
#contents{
    width: 1080px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 80px;
    padding-bottom: 111px;
}
#junp{
    margin-bottom: 100px;    
}
#junp h3{
    font-size: 28px;
    text-align: center;
    margin-top: 20px;
    color: #252525;
   
}
#junp a{
	 text-decoration: none;
}
#junp .btn{
	width: 300px;
}
#junp .yajirushi{
    margin-left: 50px;
    margin-top: 0px;
}
#junp ul{
    margin-left: 20px;
}
#junp li{
    text-align: left;
    float: left;
    clear: none;
    margin-left: 40px;
    margin-top: 10px;
}
attentiontitle{
    margin-top: 100px;	
}
#attention{
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
}
#attention #unitL{
    float: left;    
    width: 540px;
    
}
#attention #unitR{
    float: right;    
    width: 540px;
}
#attention .unit520{
    width: 520px;
    height: auto;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 10px;
}
    
#attention .title {
    font-size: 24px;
    color: #B74343;    
}
#attention .cen{
    text-align: center;	
}
#attention .unit520 .att_img{
    padding-top: 10px;
    margin-top: 10px;
    float: right;    
}
#attention .unit520 p{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: left;   
 }
 #attention .unit520 .att_p{
     width: 360px;
 }

/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
	top: 0;
	left: 0;
	height: 240px;
	overflow: hidden;
	position: absolute;
}

.loopSlider {
	margin: 0 auto;
	width: 1080px;
	height: 240px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopSlider ul {
	height: 240px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
    width: 320px;
    height: 240px;
    float: left;
    display: inline;
    overflow: hidden;
    margin-left: 0px;
}
.loopSlider a{
    text-decoration: none;
    color: #2B2B2B;
}
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}




.title_s{
	font-size: 28px;
}
.dekamoji{
    font-size: 28px;		
}
#cc img{
    margin-left: 40px;	
}
.c01{
    margin-left: 250px;
    line-height: 60px;
}
.senta {
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}
.hidari p {
  
    clear: left;
}
.yoyakubtn{
    color: #F8F8F8;
    background-color: #7B0002;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 10px;
    display: block;
    text-decoration: none;
}
.section{
    margin-top: 80px;
    text-align: left;
    font-size: 16px;
    border-top-left-radius: 5px;
}

.title{
    margin-bottom: 30px;	
}
.hidari{
    float: left;
	 width: 520px;
    line-height: 20px;
    margin-bottom: 100px;
}
.hidari img{
    clear: left;
	
}


.migi{
    width: 520px;
    float: right;
    line-height: 20px;
    margin-bottom: 100px;
}
.kyoutyou{
	color: #802021;
}

.metamigi{
    display: flex;
    flex-direction: row;
    width: 220px;
    writing-mode: vertical-rl;
    text-align: left;
    font-size: 18px;
    align-items: center;
    line-height: 28px; 
}
.metahidari{
    float: left;	
}

.setumei{
    float: left;
}
.koutyou{
    float: right;	
}

#Special_Order{
	
}