@charset "utf-8";

/*google font*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700|Noto+Serif+JP:200,300,400,500,600,700&subset=japanese');
/*google font*/


html, 
body {
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	outline: 0;
}

#common-header div, 
#common-header span, 
#common-header applet, 
#common-header object,
#common-header h1, 
#common-header h2, 
#common-header h3, 
#common-header h4, 
#common-header h5, 
#common-header h6, 
#common-header p, 
#common-header blockquote, 
#common-header pre,
#common-header a, 
#common-header abbr, 
#common-header acronym, 
#common-header address, 
#common-header big, 
#common-header cite, 
#common-header code,
#common-header del, 
#common-header dfn, 
#common-header em, 
#common-header font, 
#common-header img, 
#common-header ins, 
#common-header kbd, 
#common-header q, 
#common-header s, 
#common-header samp,
#common-header small, 
#common-header strike, 
#common-header strong, 
#common-header sub, 
#common-header sup, 
#common-header tt, 
#common-header var,
#common-header b, 
#common-header u, 
#common-header i, 
#common-header center,
#common-header dl, 
#common-header dt, 
#common-header dd, 
#common-header ol, 
#common-header ul, 
#common-header li,
#common-header fieldset, 
#common-header form, 
#common-header label, 
#common-header legend,
#common-header table, 
#common-header caption, 
#common-header tbody, 
#common-header tfoot, 
#common-header thead, 
#common-header tr, 
#common-header th, 
#common-header td, 
#common-header figure,
#common-header nav,
#common-header header,
#common-footer div, 
#common-footer span, 
#common-footer applet, 
#common-footer object,
#common-footer h1, 
#common-footer h2, 
#common-footer h3, 
#common-footer h4, 
#common-footer h5, 
#common-footer h6, 
#common-footer p, 
#common-footer blockquote, 
#common-footer pre,
#common-footer a, 
#common-footer abbr, 
#common-footer acronym, 
#common-footer address, 
#common-footer big, 
#common-footer cite, 
#common-footer code,
#common-footer del, 
#common-footer dfn, 
#common-footer em, 
#common-footer font, 
#common-footer img, 
#common-footer ins, 
#common-footer kbd, 
#common-footer q, 
#common-footer s, 
#common-footer samp,
#common-footer small, 
#common-footer strike, 
#common-footer strong, 
#common-footer sub, 
#common-footer sup, 
#common-footer tt, 
#common-footer var,
#common-footer b, 
#common-footer u, 
#common-footer i, 
#common-footer center,
#common-footer dl, 
#common-footer dt, 
#common-footer dd, 
#common-footer ol, 
#common-footer ul, 
#common-footer li,
#common-footer fieldset, 
#common-footer form, 
#common-footer label, 
#common-footer legend,
#common-footer table, 
#common-footer caption, 
#common-footer tbody, 
#common-footer tfoot, 
#common-footer thead, 
#common-footer tr, 
#common-footer th, 
#common-footer td, 
#common-footer figure,
#common-footer nav,
#common-footer header {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	outline: 0;
	box-sizing: border-box;
}
#common-header article, 
#common-footer article, 
#common-header aside, 
#common-footer aside, 
#common-header canvas, 
#common-footer canvas, 
#common-header details, 
#common-footer details, 
#common-header figcaption, 
#common-footer figcaption, 
#common-header figure,
#common-footer figure,
#common-header footer, 
#common-footer footer, 
#common-header header, 
#common-footer header, 
#common-header hgroup, 
#common-footer hgroup, 
#common-header menu,
#common-footer menu,
#common-header nav, 
#common-footer nav, 
#common-header section,
#common-footer section,
#common-header summary,
#common-footer summary {
	display: block;
	box-sizing: border-box;
}

#common-header input, 
#common-header select, 
#common-header textarea,
#common-footer input, 
#common-footer select, 
#common-footer textarea {
	box-sizing: border-box;
}


#common-header h1,
#common-header h2,
#common-header h3,
#common-header h4,
#common-header h5,
#common-header h6,
#common-footer h1,
#common-footer h2,
#common-footer h3,
#common-footer h4,
#common-footer h5,
#common-footer h6 {
	font-size:100%;
}
#common-header ol,
#common-header ul,
#common-header li,
#common-footer ol,
#common-footer ul,
#common-footer li {
	list-style: none;
}

#common-header th,
#common-footer th {
	font-weight: normal;
}
html {
	height:100%;
	/*font-size:62.5%;*/
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
	min-width:1200px;
	height:100%;
	font-family: "Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Arial,Verdana,sans-serif;
	font-size-adjust: none;
	/*font-size:14px;
	line-height:2em;*/
	color: #282828;
	text-align:left;
}

#common-header svg,
#common-footer svg {
	vertical-align:bottom;
}
#common-header a,
#common-header a:link,
#common-footer a,
#common-footer a:link {
	color: #505050;
}
#common-header a,
#common-footer a:visited {
	color: #505050;
}
#common-header a:hover,
#common-footer a:hover {
	color: #505050;
	text-decoration:none;
}
#common-header a:active ,
#common-footer a:active {
	color: #505050;
}


#common-header ::selection,
#common-footer ::selection {
    background:#A29D95;
}
#common-header ::-moz-selection ,
#common-footer ::-moz-selection {
    background:#A29D95;
}




/* +++++++++++++++++++++++++　flexbox */

/*
.flex 通常のflex
.flex-ce 中央揃え
.flex-cc　縦横中央揃え
*/

#common-header .flex,
#common-footer .flex{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#common-header .flex-ce,
#common-footer .flex-ce{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#common-header .flex-cc,
#common-footer .flex-cc{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#common-header .flex-ace,
#common-footer .flex-ace{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#common-header .flex-ac,
#common-footer .flex-ac{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}





/* +++++++++++++++++++++++++　ロールオーバー */

#common-header a,
#common-footer a{
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
}
#common-header a:hover,
#common-footer a:hover{ opacity:0.50; }

/* +++++++++++++++++++++++++　画像 */

#common-header img,
#common-footer img {
	border: none;
	vertical-align:bottom;
}

/* +++++++++++++++++++++++++　clearfix */
#common-header .clearfix:after,
#common-footer .clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden; overflow:hidden;}