/* ============================================================
  
  /pages/
  このディレクトリのCSSは「ページ特有の特有のスタイル」を
  記述してください。
  
  **visit_other.cssについて**
  本CSSはお食事・お土産・周辺観光ページ専用CSSです。
  300行を超えるCSSとなる場合は分割を、分割を検討してください。
  
  visit_other.css 内ルール
  
  1. Dress機能、ブロックエディタの詳細CSSで制御できないスタイル、
     ページ個別の内容の内容のみ記述すること。
  2. CMS標準の機能で定義できないもののみ記述を可とする。
  3. **共通化できる内容の記述**は絶対にしないでください。
  
============================================================ */
#a-main a.btn-default{
	display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: anchor-center;
    padding: 14px 19px 14px 5px !important;
    height: auto !important;
}
#a-main a.btn-default:hover{
	color: #000000 !important;
}
#koshiji_nav a.btn-default:hover{
	color: #f7f6f3 !important;
}
#a-main a.btn-default p,
#a-main a.btn-default .d-small_font{
	display: inline;
}
#a-main a.btn-default p{
	letter-spacing: 0 !important;
}
#a-main a.btn-default .d-small_font{
	letter-spacing: 0;
	margin-left: -0.5em;
	font-size: 12px;
}

#a-main .g-column .-col_main{
	display: flex;
    flex-direction: column;
}
#a-main .g-column .-col6.-col_main{
	margin: 10px 0;
}

#a-main .g-column .-col_main .c-large_headline,
#a-main .-col4 .c-large_headline{
	line-height: 1;
	letter-spacing: 0.17em;
}

#a-main .g-column .-col_main p,
#a-main .g-column .-col_main ul{
	margin-top: 1em;
}
header .g-column .-col_main ul{
	margin-top: 0;
}

/* ボタン位置調整 */
#a-main .g-column .-col_main .c-right{
	margin-top: auto;
    margin-bottom: 0;
}
#a-main .g-column .-col_main .c-right a.btn-default,
#a-main .-col4 a.btn-default{
    margin-bottom: 0;
}
#a-main .-col4 a.btn-default{
	margin-top: 16px;
}

#a-main .-col4 .-column2,
#a-main .-col4 .-column4{
	display: flex;
    flex-direction: column;
	padding: 0px 21px;
	line-height: 1.5em;
	margin: 10px 0;
}
#a-main .-col4 .c-large_headline{
	margin-bottom: 20px;
}
#a-main .-col4 ul{
    margin-top: auto;
    margin-bottom: 0;
}
#bk98054659 a.btn-default{
	margin: 0 auto;
}


@media only screen and (max-width: 641px){
	#page #a-billboard {
        height: 154px;
        margin-top: 60px;
    }
	#a-billboard h1 {
        letter-spacing: 0.12em;
    }
    #a-main h2{
    	letter-spacing: 0.1em;
    }
    #a-main .g-column .-col6.-col_main {
	    margin: 15px 0 0 0;
	}
	#a-main .-col4 .-column1,
	#a-main .-col4 .-column3{
		text-align: center;
	}
	#a-main .-col4 .-column2,
	#a-main .-col4 .-column4{
		padding: 20px 0 80px 0;
	}
	#a-main .-col4 a.btn-default{
		margin-left: auto;
	}
	#sightseeing__column img,
	#sightseeing__column2 img{
		width: 100%;
	}
	
}