@charset "utf-8";

/* 00 ----- charset & import */
@import url('https://fonts.googleapis.com/css?family=Patua+One');

/* 01 ----- dom */
h1 {margin:0 0 .8em 0;padding:.3em;color:#fff;background:#e60000;border-bottom:5px solid #666;}
h2 {padding:1em 0;background:url("../images/bg-h2.jpg")bottom right no-repeat;}
h2.head {padding:0 0 1em 0;}
h3 {padding:.3em 0 .3em .5em;border-left:2px solid #222;}
h4 {color:#e60000;}
h1,h2,h3,h4 {line-height:1.2;}
a {color:#222;text-decoration:none!important;}
a:hover {color:#e60000!important;text-decoration:underline;}
a img:hover {
	opacity:0.70;
	filter:alpha(opacity =70);}
table {width:100%;border-collapse:collapse;}
table tr,table td {padding:.5em;border:1px solid #666;}
ul,ol {margin:0 0 0 1.6em;padding:0;}

/* ========== size */

/* ========== header */
/* .heads {padding:2em 0;display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;}
.logos {flex:auto;-webkit-flex:auto;-ms-flex:auto;} */
.heads {padding:2em 0;}
.globalnav a {margin:0 .3em;padding:.5em;border-bottom:2px solid #e60000;}
.globalnav a:last-child{margin-right:0;}

/* ========== home */
.keyvisual {position:relative;}
.concept {top:2em;right:2em;position:absolute;}
.home-contents {display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;}
.home-contents .sns {margin:0 2em 0 0;flex:3;-webkit-flex:3;-ms-flex:3;}
.home-contents .info {flex:7;-webkit-flex:7;-ms-flex:7;}

/* ========== main #ff5f5f */
.info .lists {padding:1em 0;display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;align-items:flex-start;-webkit-align-items:flex-start;-ms-align-items:flex-start;}
.info .lists label {margin:0 .5em 0 0;padding:0 .5em;color:#fff;font-size:90%;text-align:center;background:#666;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;flex:1.5;-webkit-flex:1.5;-ms-flex:1.5;}
.info .lists span {display:inline-block;flex:8.5;-webkit-flex:8.5;-ms-flex:8.5;}
.contents a {color:#e60000;}
.contents a:hover {color:#222!important;}

/* ========== member */

/* ========== footer */
.foots {margin:8em 0 0 0;padding:2em 0;background:#eee;}
.footnav a{padding:0 2em 0 1.2em;display:inline-block;position:relative;}
.footnav a:last-child{padding:0 0 0 1.2em;}
.footnav a:before {content:url("../images/icon-cursol.png");top:2px;left:0;position:absolute;}
.copyrights {line-height:1.4;}

/* ========== home */

/* ========== option */
.font-patua {font-family:'Patua One', cursive;}

.navblock {width:50%;margin:0 auto;padding:1%;font-size:130%;font-weight:bold;text-align:center;background:#666;display:block;}
a.navblock,a.navblock:hover {color:#fff!important;}

.ptops {position:relative;}
.ptops img {bottom:30px;right:0;position:absolute;}

/* ---------- responsive */
@media screen and (max-width:668px) {
	table tr,table td {border:none;}
	table td {width:100%;padding:.6em 0;display:block;}
	table td:nth-child(1) {font-weight:bold;}
	table td:nth-child(2) {border-bottom:1px solid #666;}
	.heads {text-align:center;}
	.contents {width:100%;}
	.concept {margin:-20% 0 0 0;position:static!important;}
	.home-contents,.info .lists {flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;}
	.footnav {width:96%;margin:0 auto;}
	.footnav a {text-align:left;border-bottom:1px solid #666;display:block;}
	.footnav a,.footnav a:last-child {padding:.6em 0 .6em 1.5em;}
	.footnav a:before {top:20%;left:0;}
	.copyrights img {width:70%;margin:2em 0 0 0;}
	.navblock {width:98%;}
}