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


/* ----------------------------------------------------------------------
ページレイアウト枠
---------------------------------------------------------------------- */

/* コンテンツ量が少なくてもフッターをディスプレイの一番下に表示させる
---------------------------------------------------------------------- */

body, .wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	/*font-family: A1MinchoStd,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} 

footer {
	margin-top: auto; 
}


/* サイト全体枠
---------------------------------------------------------------------- */
/* サイト全体外枠(表示ページをセンターに表示する時又は閉塞感を無くす時にWrapperの外側に使用) */

.container {
	/*vertical-align・positionがあるとGooglechrome拡張のPageRulerReduxが上手く機能しない*/
	width: 100%;
	/*vertical-align: top;*/
	/*position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/OutBG.gif) repeat-x left top;*/
}

/* サイト全体外枠 */

.wrapper {
	position: relative;
	text-align: left;
	margin: 0 auto;/* サイトを中央表示 */
	background-color: rgba( 255, 255, 255, 1.0 );
}


/* ヘッダー枠
---------------------------------------------------------------------- */

.he-outer {
	height: 60px;
}

.he-inner {
	width: 1200px;
	margin: 0 auto;
}

header {
	width: auto;
	position: relative;
}


/* メイン枠
---------------------------------------------------------------------- */

.ma-container {
	width: 100%;
	position: relative;
	/*margin: 10px 0;*/
}

/* メインコンテンツ内枠(ナビ等を配置する場合はMainの外にPrimaryを使用) */
main {
	min-height: 500px;/* ソースの記述終不用なら削除 */
	position: relative;
}

/* メインコンテンツ以外内枠(ナビ等の配置) */

.secondary {
	float: right;
	width: 300px;
	position: relative;
	margin: 10px 10px 10px 0;
}


/* フッター枠
---------------------------------------------------------------------- */
/* フッター全体外枠(表示ページをセンターに表示する時又は閉塞感を無くす時にWrapperの外側に使用) */
/* Fouterを使用する場合はouterの次に配置し、Fouter内にFooterを使用 */

.fo-outer {
	width: 100%;
	margin-top: 100px;
	position: relative;
	left: 0;
}

.fo-inner {
	width: 1200px;
	margin: 0 auto;
}

footer {
}


/* ----------------------------------------------------------------------
レイアウト調整
---------------------------------------------------------------------- */

.box-l {
	float: left;
}

.box-r {
	float: right;
}


/* 各カラム枠
---------------------------------------------------------------------- */

.col2-box, .col3-box, .col4-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

.col2-inbox {
	width: 450px;
}

.col3-inbox {
}


/* ----------------------------------------------------------------------
回り込み解除
---------------------------------------------------------------------- */
/* floatした要素を内包(子要素)した場合などは高さを取得しないので親要素に指定。そうすれば親要素にoverflow:hideden;を指定する必要がなくなる */

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

/*.clear {
	clear: both;
}*/


/* ----------------------------------------------------------------------
ボタン
---------------------------------------------------------------------- */

.btn {
	cursor: pointer;
}