@charset "UTF-8";
.selection {
  display: none;
}


/*パンくずリスト*/


.bread {
	display: flex;
	flex-direction: row;
}
.bread ol{
	list-style-type: none;
		display: flex;
	flex-flow: row;
}

.bread ol li i{
	margin-left: 2.2rem
}

.bread ol li {
	display: inline-block;
	font-size:1.5rem;
	padding: 2rem 1.2rem;
	
}


.bread ol li a{
	padding: 1rem;
	text-decoration: underline;
}




#page-1 { 
  display: block;
}



article {
  background-color: #fff;
  margin-bottom: 2rem;
}

.articlearea{
  padding: 3rem;
  background-color: #fff;
  
}

.title-wrap{
  display: flex;
  
}

.logo-area h1{
	
}



.articlearea h2{
  margin: 2rem;
  padding: 1.5rem;
  font-size: 2.2rem;
  line-height: 1.3;
  letter-spacing: -0.5px;
}

.articlearea h3{
  font-size: 2rem;
  border-left: solid 15px #FFD700;
	margin-top: 3rem;
	margin-bottom: 3rem;
  padding-left: 1rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.articlearea p, .articlearea ul{
  padding: 5px;
  line-height: normal;
  font-size: 1.5rem;
}

.articlearea img {
  width: 80px;
  height: 80px;
  padding-top: auto;
  padding-bottom: auto;
}

.articletext{
  background-color: #fff;
  opacity: 0.8;
  padding: 0.5rem;
}

.nation-box{
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  
}



/*06arvoの記事したラストの異聞のフォントサイズ*/

.nomo{
	font-weight: bold;
	
}



#paging {
  margin-right: auto;
  margin-left: auto;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

@media (max-width:767px){
  .articlearea img{
    display: none;
  }
  
  .mewrap{
    	display: flex;
	flex-flow: column;
  }
  
}



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

記事エリアのbackground-positionの写真とタイトルとタイトルロゴの上辺揃え

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


#page1 .articlearea{
  background-image: url(../images/01xxxx.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}


#page1 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}






#page2 .articlearea{
  background-image: url(../images/02tun.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}



#page2 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}







#page3 .articlearea{
  background-image: url(../images/03northernbre.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}



#page3 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}








#page4 .articlearea{
  background-image: url(../images/04HAHN_spL.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}



#page4 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}











#page5 .articlearea{
  background-image: url(../images/05cairns_G.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}



#page5 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}











#page6 .articlearea{
  background-image: url(../images/06arvo.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-attachment: fixed;
  background-size: cover;
}



#page6 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}










#page7 .articlearea{
  background-image: url(../images/06carltondoraft2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}




#page7 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}


#page8 .articlearea{
  background-image: url(../images/08mountain_goat02.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: fixed;
  background-size: cover;
}

#page8 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}







#page9 .articlearea{
  background-image: url(../images/09endeavour.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}


#page9 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}











#page10 .articlearea{
  background-image: url(../images/10cascade_blonde2.jpg);
  background-repeat: no-repeat;
  background-position:center center;
  background-attachment: fixed;
  background-size: contain;
}



#page10 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}





#page11 .articlearea{
  background-image: url(../images/11summer_4x.JPG);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}


#page11 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}






#page12 .articlearea{
  background-image: url(../images/12coopers_brew2.jpg);
  background-repeat: no-repeat;
  background-position:  center center;
  background-attachment: fixed;
  background-size: contain;
}


#page12 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}




#page13 .articlearea{
  background-image: url(../images/13sol.jpg);
  background-repeat: no-repeat;
  background-position:  center center;
  background-attachment: fixed;
  background-size: cover;
}

#main.sol{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding-bottom: 2rem;
}

#main .me {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1.5rem;
  border: 1px solid #7c5119;
  background-color: #fff;
}
}

#page13 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}


#page14 .articlearea{
  background-image: url(../images/14vb.jpg);
  background-repeat: no-repeat;
  background-position:  center center;
  background-attachment: fixed;
  background-size: cover;
}


#page14 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}




#page15 .articlearea{
  background-image: url(../images/15mb.jpg);
  background-repeat: no-repeat;
  background-position:  center center;
  background-attachment: fixed;
  background-size: cover;
}


#page15 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}





#page16 .articlearea{
  background-image: url(../images/16c_cold.jpg);
  background-repeat: no-repeat;
  background-position:  bottom center;
  background-attachment: fixed;
  background-size: cover;
}


#page16 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}







#page17 .articlearea{
  background-image: url(../images/17HAHN_spd.jpg);
  background-repeat: no-repeat;
  background-position:  center center;
  background-attachment: fixed;
  background-size: cover;
}


#page17 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}



#page18 .articlearea{
  background-image: url(../images/18boags_d.jpg);
  background-repeat: no-repeat;
  background-position:  center center;
  background-attachment: fixed;
  background-size: cover;
}


#page18 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}


#page19 .articlearea{
  background-image: url(../images/03northernbre.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}



#page19 .title-wrap img{
  margin-top: 2rem;
  margin-left: 0.5rem
}


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

サイトマップのCSS

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



#site-map .mokuji{
  display: flex;
	justify-content: center;
	font-size: 2vw;
	font-weight: bold;
	margin: 1.8rem;
}


#site-map .a-wrap {
 display: flex;
  flex-flow: row;
	
}

#site-map .f-item{
	margin: 0.8rem;
	border: 1px solid #7C5119;
	
}

@media (max-width:767px){
	#site-map f-item img{
		visibility: visible !important;
}
}

#site-map .f-item p {
	width: auto;
	padding-top: 2.5rem;
	padding-bottom:auto;
}