@charset "UTF-8";

/* ▼▼ reset_css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    text-align: left;
}

body {
    line-height:1;
    -webkit-text-size-adjust: 100%;
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    /* font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif; */
    /* font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif; */
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ul,ol,dl {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    /* border-collapse:collapse; */
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* ▼▼ ベース */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
/* 大枠 */
html,
body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	}
body {
	font-size: 16px; 
	line-height: 1.6;
	color: #333;
	}
#wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
	}
body > #wrapper {
	height: auto;
	}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }

@media print {
	html,
	html body{overflow: visible !important;}
	}
	
/* アクセシビリティ */
.guidance {
	left:-999px;
	position:absolute;
	width:990px;
	}
img {max-width: 100%;height: auto;vertical-align: bottom;} /* レスポンシブ対応 */
img {
	vertical-align: bottom;
	box-shadow: #000 0 0 0; /* ロールオーバー対応 */
	}
img, x:-moz-any-link, x:default {
    box-shadow: #000 0 0 0; /* IE7対応 */
	}
		
/* リンク */
a:link    {color:#0066FF; text-decoration: none;}
a:visited {color:#0066FF; text-decoration: none;}
a:hover   {color:#0066FF; text-decoration: underline;}
a:active  {color:#0066FF; text-decoration: underline;}

.mincho{
	/* font-family: "FOT-筑紫明朝 Pr6 L","TsukuMinPr6-L","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","TakaoEx明朝",TakaoExMincho,"MotoyaLCedar","Droid Sans Japanese","HGS明朝E","ipamin","ＭＳ Ｐ明朝",serif; */
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	position: relative;
	font-weight: normal;
	}

/* CLEARFIX */
.container:after,
.row:after, 
.col:after {content: "";display: table;clear: both;}

.container {width: 100%;max-width: 960px;margin: 0 auto;position: relative;text-align: center;}

    	
/* タイトル */
#site_title {
	overflow: hidden;
	}
h1.title {
	padding: 20px 10px;
	margin-bottom: 30px;
	overflow: hidden;
	}	
.title02{
	text-align: center;
	margin: 0 0 20px;
	}
	
/* ▼▼ ここからメイン */
#main {
	width: 100%;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	}
	
/* ▼▼ フッター */
footer {
	width: 100%;
	padding: 20px 0;
	clear: both;
	overflow: hidden;
	}
#footer_inner {
	margin: 0 auto;
	overflow: hidden;
	}
	#footer_inner > p{
		text-align: center;
		}


/* ▼ ページ上部へ戻る */
.pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 2000;
	cursor: pointer;
	}
	
/* ▼ コピーライト */
#copyright {
	font-size: 12px;
	color: #8b8b8b;
	}

						
					
/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {	

/* #wrapper {width: 100%;padding-top: 51px;} */
/* タイトル */
#site_title {
	overflow: hidden;
	}
h1.title {
	padding: 20px 10px;
	margin-bottom: 30px;
	overflow: hidden;
	}	
.title02{
	text-align: center;
	margin: 0 0 20px;
	}
	
/* ▼▼ ここからメイン */
#main,footer,#footer_inner {
	float: none;
	width: 100%;
	}
/* ▼▼ フッター */
footer {padding: 20px;}

/* ▼ ページ上部へ戻る */
.pagetop {
	bottom: 20px;
	right: 20px;
	z-index: 2000;
	cursor: pointer;
	}
	.pagetop img{width: 50px;}
		
}