@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Cinzel);

/* ==========================================================================
	Foundation - reset/base...
	========================================================================== */

/* Reset
   ----------------------------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, select, textarea,
p, pre, blockquote, span, th, td {
	margin: 0;
	padding: 0;
}
html, body {
	text-align: left;
	height: 100%;
}
body {
	color: #000;
	background-color: #FFF;
}
img {
	border: 0;
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
}
dl, ul, ol {
	text-indent: 0;
}
li {
	list-style: none;
}
 a { outline: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea {
    background: #FFF;
    padding: 6px;
    border: 1px solid #CCC;
    font-size: 12px;
    color: #666;
    margin-bottom: 7px;
}
select {
    background: #ffffff;
    padding: 2px;
}
input:focus ,
textarea:focus {
background-color: #f7f8f8;
outline:none;
}

/*   [Link scheme]
	----------------------------------------------------------------- */
a:link, a:visited {	text-decoration: none;}
a:hover, a:active {	text-decoration: underline;}
a:link,
a:visited {	color: #f00;}
a:hover,
a:active {
	color: #f00;
}
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.nonhover a:hover img{
opacity:1.0;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100)";
}

.soon{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

/* Base
	----------------------------------------------------------------- */
body{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 10.5pt;
	line-height: 1.8em;
	letter-spacing: 0.1em;
    *font-size:12pt;   		letter-spacing: 0.1em;
    *font-size:9.2pt;   		letter-spacing: 0em;
	-webkit-text-size-adjust: 100%;
}
select,input,textarea,button{   font:14px/1.5em "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
    *font-size:9.2pt;}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
address,th {font-style:normal;font-weight:normal;}
em,strong {font-style:normal;font-weight:bold;}

@-moz-document url-prefix() {
	body{
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
		font-style: normal;
		font-variant: normal;
		font-size: 12px;
		line-height: 1.8em;
		letter-spacing: 0.1em;
	}
}

/* ==========================================================================
	Layout - header/main/sidebar/footer...
	========================================================================== */

/* Header
	----------------------------------------------------------------- */
#header{
	width: 100%;
	display: block;
	background-color: #000;
	border-bottom: 5px solid #008C46;
	height: auto;
	box-sizing:border-box;
}
#CDT{
	line-height: 190%;
	text-align: center;
	color: #008C46;
	font-size: 14px;
	font-weight: bold;
}
.mv{
	height: auto;
	width: 100%;
	background-color: #000;
	background: url(img/mv_bg.png) no-repeat center;
	background-size: cover;
	border-bottom: 10px solid #008C46;
	margin: 0 auto;
	padding: 20px 5%;
	box-sizing: border-box
}
.mv_img{
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto;
}


/* Main
	----------------------------------------------------------------- */
#container{
	width: 100%;
	height: auto;
	overflow: hidden;
}
#main{
	background-color: #fff;
	box-shadow: 0 0px 14px 3px #AAAAAA;
	width: 100%;
	margin: 0 auto; 
	padding: 4px 0;
}
.entry{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 5px solid #E5A200;
	border-top: 20px solid #E5A200;
	box-sizing:border-box;
}
.free_entry{
	margin: 0px auto;
	width: 100%;
}
.entry_img{
	max-width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.entry_ttl{
	font-size: 24px;
	color: #FFF;
    font-weight: bold;
    text-shadow: 2px 2px 1px #E5A200,
    -2px 2px 1px #E5A200,
    2px -2px 1px #E5A200,
    -2px -2px 1px #E5A200;
    text-align: center;
    padding-bottom: 20px;
    background-color: #E8AC00;
    padding: 20px 0;
    margin-bottom: 10px;
}
.free_entry input{
	height: auto;
	width: 90%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius: 6px;
	margin: 20px 0 0px;
	font-size: 20px;
	display: block;
	margin: 20px auto 10px;
	padding: 0;
	padding-top: 10px;
	border-color: #D90000;
	box-sizing:border-box;
}
.free_entry input::-webkit-input-placeholder{
	font-size: 10px;
	padding: 10px;
	display: block;
	line-height: 0;
	text-align: center;
	box-sizing:border-box;
}
.free_entry input:hover{
	border:1px solid #FFC400;
}
.free_entry input[type="submit"]{
	background-image: url(img/form_btn.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 90%;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 0;
	padding-bottom: 15.257%;
	border: none;
	cursor: pointer;
	margin-top: 10px;
}
.free_entry input[type="submit"]:hover{
	opacity: .7;
}
.entry_text{
	font-size: 10px;
	line-height: 1.5;
	margin: 0 auto 10px;
	width: 90%;
}
.important_text{
	display: inline-block;
	color: #FF0000;
	text-decoration: underline;
}
.content_img01{
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}
.content_img02{
	margin: 50px auto 20px;
	width: 100%;
	height: auto;
	display: block;
}


/* footer
 ---------------------------------------------------------------*/
#footer{
	width: 100%;
	height: auto;
	background-color: #000;
	border-top: 5px solid #888888;
	box-sizing:border-box;
}
.footer_inner{
	margin: 30px auto 0;
	width: 100%;
	overflow: hidden;
}
.footer_inner ul{
	text-align: center;
	margin: 0 auto 30px;
}
.footer_inner ul li{
	padding: 0 10px;
	padding-bottom: 5px;
}
.footer_inner ul li a{
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
}
.copyRight{
	font-size: 10px;
	color: #fff;
	text-align: center;
	padding: 7px 0;
	line-height: 230%;
	background-color: #888888;
}

/* ==========================================================================
	Object
		Component - grid/button/form/media...
		Project - articles/ranking/comments/gallary/profile...
		Utility - clearfix/display/margin/padding/align/text...
	========================================================================== */

/* Component
	----------------------------------------------------------------- */
.content_text{
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	line-height: 180%;
	padding: 0;
	padding: 0 10px;
	width: 90%;
	margin-top: 30px;
	overflow: hidden;
}
.content_text.red_text{
	color: #D80000;
	font-weight: bold;
	font-size: 12px;
	margin: 10px auto;
	height: 41px;
	width: 100%;
	line-height: 0;
	padding-left: 40px;
	padding: 18px 0 10px 40px;
	border-bottom: 1px dotted #000;
	background: url(img/icon_01.png) no-repeat;
	box-sizing:border-box;
}

/* Project
  ------------------------------------------------------------------- */
/*
*top
**/
.content_text.clear_text{
	margin-top: 30px;
	display: block;
	background: url(img/icon_02.png) no-repeat;
	background-position: 0px 0;
	color: #D80000;
	font-size: 14px;
	line-height: 150%;
	margin:0 auto;
	overflow: hidden;
	padding: 0px 30px 20px;
	box-sizing:border-box;
}
.clear_text_bg{
	background-color: #FFFF00;
	margin-top: 20px;
	line-height: 200%;
	padding: 10px 0;
	color: #D80000;
}
.content_img03{
	margin: 40px auto 0px;
	max-width: 100%;
	height: auto;
}
.content_end{
	width: 97%;
	height: auto;
	border:1px solid #000;
	padding: 30px;
	margin: 0 auto 40px;
	box-sizing:border-box;
}
.content_end_text{
	font-size: 12px;
	line-height: 150%;
}

/*
*sub_page
**/
.sub_page #main {
	font-size: 14px;
	line-height: 180%;
	padding: 30px;
	box-sizing: border-box;
}
.sub_page .text20 {
	font-size: 18px;
	font-weight: bold;
	line-height: 180%;
}
.sub_page .text40 {
	font-size: 30px;
	font-weight: bold;
	line-height: 140%;
}
.sub_page h4 {
	font-weight: bold;
	margin-top: 20px;
}



/*スマホ対応*/
.pc {
	display: none!important;
}
.sp {
	display: block;
}

/*----------
/* Utility
   ----------------------------------------------------------------- */
/**
 * Font & text
 */
/* フォントサイズ */
.u-text08 { font-size:50%; } /*8px*/
.u-text09 { font-size:68%; } /*9px 以下同様*/
.u-text10 { font-size:77%; }
.u-text11 { font-size:85%; }
.u-text12 { font-size:93%; }
.u-text13 { font-size:100%; }
.u-text14 { font-size:108%; }
.u-text15 { font-size:116%; }
.u-text16 { font-size:123.1%; }
.u-text17 { font-size:131%; }
.u-text18 { font-size:138.5%; }
.u-text19 { font-size:146.5%; }
.u-text20 { font-size:153.9%; }
.u-text21 { font-size:161.6%; }
.u-text22 { font-size:167%; }
.u-text23 { font-size:174%; }
.u-text24 { font-size:182%; }
.u-text25 { font-size:189%; }
.u-text26 { font-size:197%; }

/* フォントカラー */
.u-red { color: #8c0000; }
.u-white { color: #fff; }
.u-yellow { color: #ff0; }
.u-green { color: #00664c; }
.u-gray{ color: #aaaaaa; }
.u-ash { color: #20404f }
.u-orange{ color: #f28762; }
.u-blue { color: #002040; }
.u-black { color: #000 }

/* フォント太さ */
.u-bold { font-weight: bold; }

/* テキスト配置 */
.u-text-left { text-align: left; }
.u-text-right { text-align: right; }
.u-text-center { text-align: center; }

/* 行間 */
.u-lh15 { line-height: 1.5; }
.u-lh20 { line-height: 2; }

/**
 * Margin $ Padding
 */
/* マージン */
.u-mt0 { margin-top: 0px; }
.u-mt10 { margin-top: 10px; }
.u-mt20 { margin-top: 20px; }
.u-mt30 { margin-top: 30px; }
.u-mt40 { margin-top: 40px; }
.u-mt50 { margin-top: 50px; }
.u-mb0 { margin-bottom: 0px; }
.u-mb10 { margin-bottom: 10px; }
.u-mb20 { margin-bottom: 20px; }
.u-mb30 { margin-bottom: 30px; }
.u-mb40 { margin-bottom: 40px; }
.u-mb50 { margin-bottom: 50px; }
.u-mr0 { margin-right: 0px; }
.u-mr10 { margin-right: 10px; }
.u-mr20 { margin-right: 20px; }
.u-mr25 { margin-right: 25px; }
.u-mr30 { margin-right: 30px; }
.u-mr40 { margin-right: 40px; }
.u-mr50 { margin-right: 50px; }
.u-ml0 { margin-left: 0px; }
.u-ml10 { margin-left: 10px; }
.u-ml20 { margin-left: 20px; }
.u-ml25 { margin-left: 25px; }
.u-ml30 { margin-left: 30px; }
.u-ml40 { margin-left: 40px; }
.u-ml50 { margin-left: 50px; }
.u-m0auto { margin: 0 auto; }

/* パディング */
.u-pt10 { padding-top: 10px; }
.u-pt20 { padding-top: 20px; }
.u-pt30 { padding-top: 30px; }
.u-pt40 { padding-top: 40px; }
.u-pt50 { padding-top: 50px; }
.u-pb10 { padding-bottom: 10px; }
.u-pb15 { padding-bottom: 15px; }
.u-pb20 { padding-bottom: 20px; }
.u-pb30 { padding-bottom: 30px; }
.u-pb40 { padding-bottom: 40px; }
.u-pb50 { padding-bottom: 50px; }
.u-pl10 { padding-left: 10px; }
.u-pl20 { padding-left: 20px; }
.u-pl30 { padding-left: 30px; }
.u-pl40 { padding-left: 40px; }
.u-pl50 { padding-left: 50px; }


 /**
 * Float
 */
.u-fll { float: left; }
.u-flr { float: right; }

 /**
 * Others
 */
.u-w100per { width: 100%; }
.u-ofh { overflow: hidden; }
.u-clear { clear: both; }
.u-block { display: block; }
.u-inlineblock { display: inline-block;!important}
.u-bbox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }