@charset "utf-8";

#sommelier{
width: 100%;
	margin:4.2% auto 5%;
}

.page-title{
	width:100%;
	margin: 0 0 3%;
}

.page-title#single{
	width:100%;
	margin: 0 0 0;
}

.page-title img{
	width:100%;
}

.title02{
	margin: 0 0 5%;
}

.title02 img{
	width:100%;
}

#sommelier .sec01 {
    width: 52.083333%;
    margin: 0 auto;
	padding-bottom: 3%;
}

.cate-box{
	width:96%;
	margin: 0 auto 2%;
}

.cate_btn{
	width:47.9166%;
	margin: 0 1.04166% 2%;
	float: left;
}

.cate_btn img{
	width:100%;
}

#sommelier .sec02 {
    width: 54.16666%;
    margin: 0 auto;
	padding-bottom: 5%;
}

#sommelier .sec02 .cons-list {
    width: 100%;
    margin: 0 auto;
}



#sommelier .sec02 .cons-wrap {
     width: 46.15384%;
    margin: 0 1.923% 3%;
    float: left;
    box-sizing: border-box;
    background-color: #f1f1f1;
	position: relative;
}

#sommelier .sec02 .cons-wrap .photo {
     width: 100%;
    height: 25vw;
    margin-right: 1.3%;
    overflow: hidden;
    position: relative;
}

#sommelier .sec02 .cons-wrap .photo img {
   height: 100%;
    width: 100%;
}

.prof-katagaki{
	text-align: left;
	color: #000;
    line-height: 180%;
	font-size: 1vw;
	padding: 3%;
	height: 13vw;
	overflow: hidden;
}



.s-cate{
	font-size:1.2vw;
	line-height: 200%;
	font-weight: bold;
}

.s-cate .planning{
	color: #a21121;
}

.s-cate .adviser{
	color: #A87500;
}

.s-cate .school{
	color: #006455;
}

.s-cate .hobby{
	color: #000055;
}



.prev-area {
	width: 52.08333%;
	margin: 0 auto;
	display: table;
}
.before-kiji {
	display: table-cell;
	width: 25%;
	font-weight: bold;
}

.before-kiji a{
    text-decoration:none;
    color: #000;
}

.before-kiji img{
    width:50%;
}


.after-kiji {
	display: table-cell;
	width: 25%;
    text-align: right;
	font-weight: bold;
}

.after-kiji a{
    text-decoration:none;
    color: #000;
}

.after-kiji img{
    width:50%;
}

.kiji-list {
	display: table-cell;
	width: 37%;
	box-sizing: border-box;
    text-align: center;
}
.kiji-list a {
	text-decoration:none;
    color: #000;
}

.all_mame{
	padding:0 5%;
	border: 1px solid #000;
}


#sommelier .sec01#single {
    width: 100%;
    margin: 0 auto;
	padding: 2% 0;
	background-color: #e5e5ee;
	
}

#sommelier .sec02#single {
    width: 52.03888%;
    margin: 0 auto;
	padding: 2% 0;
}

.datebox{
	width:48.95833%;
	margin: 0 auto;
}

.s-mainpic{
	width:35.106%;
	float: left;
	border: 3px solid #fff;
	display: inline-block;  /* インラインブロック化 */
    vertical-align: bottom; /* 下端を揃える */
}

.s-mainpic img{
	width:100%;
}

.s-date{
	width:59.5744%;
	float: right;
	display: inline-block;  /* インラインブロック化 */
    vertical-align: bottom; /* 下端を揃える */
	margin-top: 6vw;
}

.s-kaisha#single{
	color:#000055;
	font-size: 1.4vw;
	line-height: 180%;
	font-weight: bold;
}

.s-busho#single{
	color:#000;
	font-size: 1.2vw;
	line-height: 180%;
}

.s-name#single{
	color:#000;
	font-size: 1.6vw;
	line-height: 180%;
	font-weight: bold;
}

.san{
	font-size: 1vw;
}

.s-maintxt#single{
	color:#000;
	font-size: 1.2vw;
	line-height: 180%;
}

.s-box01{
	width:94%;
	margin: 0 auto;
	padding: 3% 0;
}

.s-box01-title{
	width:100%;
	margin-bottom: 2%;
}

.s-box01-title img{
	width:100%;
}

.s-box01-txt{
	width:100%;
	margin-bottom: 3%;
	line-height: 180%;
	font-size: 1vw;
}

.s-box02{
	width:100%;
	margin: 0 auto 5%;
	padding: 0;
}

.s-box02-title{
	width:100%;
	margin-bottom: 2%;
}

.s-box02-title img{
	width:100%;
}

.s-box02_l{
	width:48%;
	float: left;
}

.s-box02_l img{
	width:100%;
}

.s-box02_r{
	width:46%;
	margin-left: 3%;
	float: left;
	line-height: 160%;
	font-size: 1vw;
}

.s-box03{
	width:100%;
	margin: 0 auto 5%;
	padding: 0;
}

.s-box03-title{
	width:100%;
	margin-bottom: 2%;
}

.s-box03-title img{
	width:100%;
}

.s-box03_l{
	width:46%;
	float: left;
	margin-left: 3%;
	line-height: 160%;
	font-size: 1vw;
}

.s-box03_r{
	width:48%;
	margin-left: 3%;
	float: right;
}

.s-box03_r img{
	width:100%;
}

.s-gallery{
	width:100%;
	margin-bottom: 5%;
}

.gallery01{
	width:31%;
	margin-right: 3.5%;
	float: left;
}

.gallery01 img{
width:100%;	
}

.gallery02{
	width:31%;
	margin-right: 0;
	float: right;
}

.gallery02 img{
width:100%;	
}

.surl{
	font-size:1.2vw;
	font-weight: bold;
}


/* ========================================================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ipad
=========================================================================================================================================================================================== */
@media only screen and (max-width: 1024px) {
	
#sommelier {
    width: 100%;
    margin: 3.9% auto 5%;
}	
	


.pagemain-pic {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 5%;
}
    

    
#sommelier .sec01 {
    width: 80%;
    margin: 0 auto 0;
    max-width: 1200px;
}   
	
#sommelier .sec01 .cons-wrap .photo {
    width: 100%;
    height: 30vw;
	}
	
#sommelier .sec01 .cons-wrap .new-icon {
    font-size: 1.8vw;
}
	
#sommelier .sec01 .cons-wrap .cons-title {
    height: 2.5vw;
	}
	
.cons-title .prof-katagaki {
    font-size: 1.5vw;
}	
   
.prof-txt {
    font-size: 1.5vw;
	}

.prof-txt2 {
    font-size: 1.5vw;
	}
	
.sec03_r {
    width: 59%;
    margin: 7% 0 0;
    font-size: 1.5vw;
	}
	
.katagaki {
    font-size: 1.4vw;
	}
	
.proftxt-pic {
    width: 70%;
	}
	
#sommelier .sec02_in {
    width: 70%;
	}
	
.sec03 {
    width: 70%;
    margin: 0 auto 5%;
}	

	
}

/* ===========================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　スマホ
============================================================================================================================================== */
@media only screen and (max-width: 699px) {
    
#sommelier {
    width: 100%;
    margin: 0% auto 5%;
} 
 

#sommelier .sec01 {
    width: 100%;
    margin: 0 auto;
}
	
  
    
#sommelier .sec01 .cons-list-out {
    margin: 0 0 0 0;
    overflow: hidden;
}    
    
#sommelier .sec01 .cons-wrap {
    width: 45%;
    margin: 0 2.5% 5%;
    float: left;
    box-sizing: border-box;
    /* background-color: #fff; */
} 
    
#sommelier .sec01 .cons-wrap .photo {
    width: 100%;
    height: 70vw;
}    
    
#sommelier .sec01 .cons-wrap .day {
    text-align: left;
    font-size: 16px;
    line-height: 180%;
    margin:0 0 3% ;
}    
    
#sommelier .sec01 .cons-wrap .cons-title {
    text-align: left;
    margin: 0;
    color: #000;
    line-height: 180%;
    height: 1.5rem;
    font-size: 16px;
    padding: 2% 0 0 3%;
}	
	
#sommelier .sec01 .cons-wrap .new-icon {

    bottom: 12%;
    height: 1.5rem; 
    bottom: 12%;
    height: 1.5rem;
	font-size: 18px;
}	

.cons-title .prof-katagaki {
    font-size: 14px;
}	
    
#sommelier .sec01 .box02 {
    width: 100%;
    float: none;
    margin-bottom: 10%;
}  
    
#sommelier .sec01 .box01 {
    width: 100%;
    float: none;
    margin-bottom: 5%;
}    
    
.prev-area {
    width: 90%;
    font-size: 13px;
    padding: 0 0 5%;
}     
         
.prev-area .kiji-list {
    margin: 0 auto 0;
    width: 45%;
    text-align: center;
    display: block;
}
			
 .page-mainpic {
    width: 100%;
    margin: 0 auto;
} 
	
.waku_name {
    left: 5%;
    bottom: 7%;
    width: 35%;
    height: 15vw;
    font-size: 20px;
    padding: 1%;
}	
	
.katagaki {
    font-size: 14px;
}	

.prof-title {
    width: 100%;
    margin: 0 auto 5%;
    font-size: 20px;
	}
	
.prof-txt {
    font-size: 16px;
}
	
.proftxt-pic {
    width: 100%;
}
	
#sommelier .sec02 {
    width: 90%;
	}
	
#sommelier .sec02 .cons-wrap {
    width: 80%;
    margin: 0 auto 3%;
    float: none;
	}
	
#sommelier .sec02 .cons-wrap .photo {
    width: 100%;
    height: 60vw;
	}
	
.s-cate {
    font-size: 16px;
	}
	
.prof-katagaki {
    font-size: 14px;
    height: auto;
}	
	
.san {
    font-size: 14px;
}	
	
.datebox {
    width: 90%;
    margin: 0 auto;
}	

.s-mainpic {
    width: 60%;
    float: none;
    margin: 0 auto;
	border: 10px solid #fff;
	display: block;
	}
	
.s-date {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: bottom;
    margin-top: 6vw;
}	
	
.s-kaisha#single {
    color: #000055;
    font-size: 16px;
	text-align: center;
	}
	
.s-busho#single {
    font-size: 14px;
	text-align: center;
}
	
.s-name#single {
    color: #000;
    font-size: 16px;
	text-align: center;
	}
	
.s-maintxt#single {
    font-size: 14px;
    line-height: 180%;
	text-align: center;
}
	
#sommelier .sec02#single {
    width: 90%;
	}
	
.s-box01 {
    width: 100%;
	}
	
.s-box01-txt {
    font-size: 14px;
}	
	
.s-box02-title {
    width: 100%;
    margin: 3% 0;
}	
	
.s-box03-title {
    width: 100%;
    margin: 3% 0;
}	
	
.s-box02_l {
    width: 100%;
    float: none;
	margin-bottom: 3%;
}	
	
.s-box02_r {
    width: 100%;
    margin-left: 0;
    float: none;
    line-height: 160%;
    font-size: 14px;
}	
	
.s-box03_r {
    width: 100%;
    margin-left: 0;
	margin-bottom: 3%;
    float: none;
}	
	
.s-box03_l {
    width: 100%;
    float: none;
    margin-left: 3%;
    line-height: 160%;
    font-size: 14px;
}
	
.gallery01 {
    width: 80%;
    margin: 0 auto 3%;
    float: none;
}
	
.gallery02 {
    width: 80%;
    margin: 0 auto 3%;
    float: none;
}	
	
.s-url{
	font-size: 14px;
	text-align: center;
	margin-bottom:5%;
	}	
	
	
.wp-pagenavi a, .wp-pagenavi span {
    font-size: 14px;
	    padding: 0 7px;
}		
	

}