@charset "utf-8";


/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;font-size:14px;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.8;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;font-size:14px;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.8;color:#444;}

html				{overflow-y:scroll;}
blockquote, q		{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
 input, textarea,	{margin:0; padding:0;}
ol, ul				{list-style:none;}
table				{border-collapse:collapse; border-spacing:0;}
caption, th			{text-align:left;}
a					{cursor:pointer; padding:0; margin:0;text-decoration:none;}
a img				{border:none; background-color:transparent;}
a:focus				{outline:none;}


/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a		{cursor:pointer; padding:0; margin:0;}
a img	{border:none; background-color:transparent;}


/* clearfix */
.cf:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
font-size:0.1em;
line-height:0;
}
.cf			{display:inline-block;}
* html .cf	{height:1%; }
.cf			{display:block; }
.mt0{margin-top:0!important;}



/* HEADER AREA
******************************************/

header				{padding:17px 0 20px 0;width:100%;min-width:1000px;border-top:solid 3px #ce2b33;}
header .inner		{padding:0 0;position:relative;display:table;}
h1.logo				{display:table-cell;vertical-align:middle;}
h1.logo a			{text-decoration:none;display:block;line-height:0;}
h1.logo a img		{transition: opacity 0.3s ease-out;}
h1.logo a:hover img	{
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 0.5s ease-out;
-moz-transition:opacity 0.5s ease-out;
-ms-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}
header ul				{display:table-cell;text-align:right;vertical-align:middle;letter-spacing:-0.4em;}
header li				{margin:0 0 0 3px;display:inline-block;line-height:0;text-align:center;letter-spacing:normal;}
header li:first-child	{margin:0 0 0 0;}
header li a				{padding:10px 0;display:block;width:125px;line-height:1;color:#ce2b33;border:solid 1px #ce2b33;font-size:12px;font-weight:bold;letter-spacing:0.1em;font-family:"游ゴシック";}
header li a:hover		{display:block;background:#ce2b33;width:125px;line-height:1;color:#fff;border:solid 1px #ce2b33;}
header li a i			{padding:0  0 0 5px;}



/* mod_nav
-----------------------------------------*/

.mod_nav {display:block;text-align:center;width:100%;min-width:1000px;}

/* navtitle */ 
.mod_nav p.navtitle {display:none;}

/* mod_nav_inner */	
.mod_nav_inner						{background:url(../img/bg_shadow01.png) repeat-x bottom left;}
.mod_nav_inner ul					{margin:0 auto;display:table;width:1000px;background:url(../img/gnav_line.png) no-repeat right center;}
.mod_nav_inner ul li				{display:table-cell;width:166px;vertical-align:middle;background:url(../img/gnav_line.png) no-repeat left center;}
.mod_nav_inner ul li:first-child	{margin:0 0 0 0;}

.mod_nav_inner ul li a				{padding:15px 0 20px 0;display:block;position:relative;font-family:"游ゴシック";font-size:14px;color:#333;letter-spacing:0.1em;}
.mod_nav_inner ul li a:before		{padding:0 5px 0 0px;color:#000;}
.mod_nav_inner ul li a:link			{color:#000;/*text-decoration:none;*/}
.mod_nav_inner ul li a:visited		{color:#000;/*text-decoration:none;*/}
.mod_nav_inner ul li a:hover,
.mod_nav_inner ul li a:hover:before	{color:#ce2b33;text-decoration:none;}
.mod_nav_inner ul li a:active,
.mod_nav_inner ul li a:hover:before	{color:#ce2b33;text-decoration:none;}

.mod_nav_inner ul li span			{padding:2px 0;color:#ce2b33;font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:1;display:block;letter-spacing:0.1em;}
.mod_nav_inner ul li a:hover span	{color:#ce2b33;}



/* mod_nav_btn */ 
.mod_nav_inner p.closebtn {display:none;}



/* SUB SUB NAV */

.init-bottom		{padding:15px 0 20px 0;font-family:"游ゴシック";font-size:14px;color:#333;letter-spacing:0.1em;}
.init-bottom:hover	{cursor:pointer;color:#ce2b33;}

ul.menu__second-level	{margin:0 auto;top:71px;background:rgba(206,43,51,0.95)!important;height:auto!important;visibility: hidden;opacity: 0;z-index:99999;text-align:center;}
li.menu__mega			{position:relative;}

li.menu__mega ul.menu__second-level {
position: absolute!important;
left:0px;
box-sizing: border-box;
width: 100%;
background: #d83941;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width:300px;
text-align:left;
}

li.menu__mega:hover ul.menu__second-level	{visibility: visible;opacity: 1;}
li.menu__mega ul.menu__second-level li		{margin:0;display:block;float:none!important;width:auto!important;height:auto!important;border: none;background:none;}
li.menu__mega ul.menu__second-level li a	{
padding:14px 20px;
color:#fff;
display:block!important;
width:auto!important;
height:auto!important;
line-height:normal!important;
letter-spacing:0.1em;
border-top:solid 1px #bd272f;
}
li.menu__mega ul.menu__second-level li:first-child a	{border-top:none;}

li.menu__mega ul.menu__second-level li a:before		{padding:0 5px 0 0px;color:#fff;content:"\f0a9";font-family:FontAwesome;font-size:13px;position:relative;tpp:-1px;}
li.menu__mega ul.menu__second-level li a:hover		{background:#bd272f;}
 
li.menu__mega .init-bottom span:before	{padding:0 5px 0 0px;color:#000;content:"";}
li.menu__mega .init-bottom span:hover	{cursor:pointer;}




/* PAGETOP */

.forTop					{margin-top:100px;min-width:1000px;text-align:right;}
.forTop p				{text-align:right;}
.forTop .pagetop		{padding:10px 20px;display:inline-block;background:#6f050a;color:#fff;line-height:1;font-size:12px;font-weight:bold;letter-spacing:0.1em;}
.forTop .pagetop:hover	{cursor:pointer;}





/* FOOTER AREA
******************************************/

footer							{padding:35px 0 0 0;min-width:1000px;background:#6f050a;}
footer ul						{text-align:center;letter-spacing:-0.4em;}
footer li						{letter-spacing:normal;display:inline-block;}
footer li:before				{padding:0 10px;content:"/";display:inline-block;color:#fff;}
footer li:first-child:before	{padding:0 10px 0 0;content:"";color:#fff;}
footer li a						{color:#fff;display:inline-block;font-size:12px;letter-spacing:0.1em;}
footer li a:hover				{text-decoration:underline;}
footer p.ftmid					{margin:20px 0 5px 0;padding-top:30px;line-height:1;text-align:center;color:#fff;background:url(../img/ftline.png) repeat-x top left;letter-spacing:0.1em;}
footer p.copy					{margin-top:30px;padding:30px 0;line-height:1;text-align:center;color:#fff;background:url(../img/ftline.png) repeat-x top left;letter-spacing:0.3em;font-size:11px;}


 
 
 
 
 
 
 
 
@media screen and (max-width:768px){

/* HEADER AREA
******************************************/

header				{padding:18px 0 0 0;width:100%;min-width:auto;background:url(../img/header_line.png) repeat-x center top;}
header .inner		{padding:0 0;position:relative;display:block;}
h1.logo				{margin:0 auto;width:250px;display:block;}
h1.logo a			{text-decoration:none;display:block;line-height:0;}
h1.logo a img		{transition: opacity 0.3s ease-out;width:100%;}
h1.logo a:hover img	{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
-webkit-transition:opacity 0.5s ease-out;
-moz-transition:opacity 0.5s ease-out;
-ms-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}
header ul				{margin:18px 0 0 0px;display:table;text-align:center;letter-spacing:-0.4em;width:100%;}
header li				{margin:0 0 0 0;display:table-cell;line-height:0;text-align:center;letter-spacing:normal;width:50%;border-left:solid 1px #f9f9f9;}
header li:first-child	{margin:0 0 0 0;border:none;}
header li a				{padding:15px 0;display:block;background:#ce2b33;width:100%;line-height:1;color:#fff;border:none;font-size:11px;font-weight:bold;letter-spacing:0.1em;}
header li a:hover		{display:block;background:#ce2b33;width:100%;line-height:1;color:#fff;border:none;}
header li a i			{padding:0 0 0 5px;}




.mod_nav {margin-top:0;position:relative;height:auto;min-width:auto;}

.mod_nav p.navtitle				{padding:5px 0 4px 0;position:relative;display:block;font-size:20px;cursor:pointer;background:#ce2b33;}
.mod_nav p.close span			{color:#fff;display:block;font-size:18px;}
.mod_nav p.close span:before	{padding:0 8px 0 0;display:inline-block;content:"\f0c9";font-family:FontAwesome;font-size:24px;vertical-align:middle;position:relative;top:-1px;}

.mod_nav p.open span			{display:block;font-size:18px;color:#fff;}
.mod_nav p.open span:before		{padding:0 8px 0 0;display:inline-block;color:#fff;content:"\f00d";font-family:FontAwesome;font-size:24px;vertical-align:middle;position:relative;top:-2px;}

.mod_nav_inner 						{display:none;position:relative;top:0;left:0;background:#f9f9f9;width:auto;}
.mod_nav_inner ul					{margin:0;text-align:left;width:auto;}
.mod_nav_inner ul li				{display:block;margin:0;border-top:solid 1px #ccc;width:auto;}
.mod_nav_inner ul li:first-child	{border-top:none;}
.mod_nav_inner ul li a				{display:block;padding:15px 0 15px 10px;height:auto;font-size:16px;}
.mod_nav_inner ul li a:before		{padding:0 5px 0 0px;color:#005e3c;content:"\f105";font-family:FontAwesome;font-size:13px;position:relative;top:-1px;}

.mod_nav_inner p.closebtn		{margin:0;padding:20px 10px;display:block;background-color:#000;color:#FFF;line-height:1;font-size:16px;cursor:pointer;text-align:center;}
.mod_nav_inner p.closebtn i		{margin:0 5px 0 0;}

.mod_nav_inner ul li span			{padding:0 0 0 5px;display:inline-block;border-left:none;}
.mod_nav_inner ul li:last-child span{border-right:none;}



/* SUB SUB NAV */

ul.menu__second-level	{margin:0 auto;top:auto;background:#d83941!important;height:auto!important;visibility:inherit!important;opacity:1;z-index: 1;display:block!important;}

li.menu__mega ul.menu__second-level {
position:relative!important;
left: 0;
box-sizing: border-box;
width: 100%!important;
padding: 0;
background: #d83941;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

li.menu__mega:hover ul.menu__second-level	{top:0;visibility: inherit;opacity: 1;text-align:left;}
li.menu__mega ul.menu__second-level > li	{display:inline-block;float:none!important;width:100%!important;height:auto!important;}
li.menu__mega ul.menu__second-level > li a	{
padding:10px 20px!important;
border-left:none;
color:#fff;
display:block!important;
width:auto!important;
height:auto!important;
line-height:normal!important;
letter-spacing:0.1em;
background:#d83941!important;
font-size:14px;
}
li.menu__mega ul.menu__second-level > li a:hover		{text-decoration:none;}


li.menu__mega .init-bottom	{
padding:15px 0 15px 10px!important;
border-left:none;
color:#333;
display:block!important;
width:auto!important;
height:auto!important;
line-height:normal!important;
letter-spacing:0.1em;
background:#f9f9f9!important;
border:none!important;
font-size:16px;
}


li.menu__mega .init-bottom:before	{padding:0 5px 0 0px;color:#005e3c;content:"\f107";font-family:FontAwesome;font-size:13px;font-weight:normal;position:relative;top:-1px;}
li.menu__mega .init-bottom:hover	{cursor:pointer;}


/* PAGETOP */

.forTop					{margin-top:60px;min-width:auto;text-align:center;}
.forTop p				{text-align:center;}
.forTop .pagetop		{padding:25px 0;display:block;background:#222;color:#fff;line-height:1;font-size:12px;font-weight:bold;letter-spacing:0.1em;}
.forTop .pagetop:hover	{cursor:pointer;}





/* FOOTER AREA
******************************************/

footer							{padding:0 0 0 0;min-width:auto;background:#6f050a;}
footer ul						{text-align:center;letter-spacing:-0.4em;}
footer li						{letter-spacing:normal;display:block;}
footer li:before				{padding:0 0;content:"";display:block;color:#fff;}
footer li:first-child:before	{padding:0 0 0 0;content:"";color:#fff;}
footer li a						{padding:15px 0;background:url(../img/ftline.png) repeat-x top left;color:#fff;display:block;font-size:13px;letter-spacing:0.1em;}
footer li:first-child a			{border-top:none;}
footer li a:hover				{text-decoration:none;}
footer p.ftmid					{margin:0 0 0 0;padding:30px 0 25px 0;line-height:1;text-align:center;color:#fff;background:rgba(80,80,80,0.5);letter-spacing:0.1em;}
footer p.copy					{margin-top:0;padding:15px 0;line-height:1.2;text-align:center;color:#fff;background:url(../img/ftline.png) repeat-x top left;letter-spacing:0em;font-size:10px;}





 
}