@charset "UTF-8";

/* Contents Menu
-------------------------------------------------------------------------------------
【PC/SP】
	**:normalize
	**:icon
	**:reset
	**:base contents
		header/gnav/breadChumbs/mv/contents/footer/newslist/
	**:indent
	**:size
	**:wide
	**:section
	**:compo parts
		btn/box/list/head/table/float/column/topcontrol/roBtn/
	**:pager
	**:form
-------------------------------------------------------------------------------------*/



/* normalize
-------------------*/

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



/* icon
-------------------*/

@font-face {
  font-family: 'icon';
  src:  url('fonts/icon.eot?f82yir');
  src:  url('fonts/icon.eot?f82yir#iefix') format('embedded-opentype'),
    url('fonts/icon.ttf?f82yir') format('truetype'),
    url('fonts/icon.woff?f82yir') format('woff'),
    url('fonts/icon.svg?f82yir#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-newspaper:before {
  content: "\e92a";
}
.icon-peoples:before {
  content: "\e92b";
}
.icon-leaf:before {
  content: "\e92c";
}
.icon-new_window:before {
  content: "\e900";
}
.icon-map_pin:before {
  content: "\e901";
}
.icon-cake:before {
  content: "\e902";
}
.icon-ball:before {
  content: "\e903";
}
.icon-schedule:before {
  content: "\e8b5";
}
.icon-accessible:before {
  content: "\e914";
}
.icon-add_circle:before {
  content: "\e147";
}
.icon-flight:before {
  content: "\e539";
}
.icon-cake2:before {
  content: "\e7e9";
}
.icon-directions_bus:before {
  content: "\e530";
}
.icon-directions_car:before {
  content: "\e531";
}
.icon-directions_transit:before {
  content: "\e535";
}
.icon-directions_walk:before {
  content: "\e536";
}
.icon-personal_video:before {
  content: "\e63b";
}
.icon-phone_android:before {
  content: "\e324";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-flag:before {
  content: "\e9cc";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}
.icon-down:before {
  content: "\e904";
}
.icon-left:before {
  content: "\e905";
}
.icon-right:before {
  content: "\e906";
}
.icon-up:before {
  content: "\e907";
}
.icon-circle-down:before {
  content: "\e908";
}
.icon-circle-left:before {
  content: "\e909";
}
.icon-circle-right:before {
  content: "\e90a";
}
.icon-circle-up:before {
  content: "\e90b";
}
.icon-calculator:before {
  content: "\e90c";
}
.icon-calendar:before {
  content: "\e90d";
}
.icon-file:before {
  content: "\e90e";
}
.icon-files:before {
  content: "\e90f";
}
.icon-camera:before {
  content: "\e910";
}
.icon-cog:before {
  content: "\e911";
}
.icon-suitcase:before {
  content: "\e912";
}
.icon-pictures:before {
  content: "\e913";
}
.icon-checkmark:before {
  content: "\e915";
}
.icon-chart:before {
  content: "\e916";
}
.icon-folder:before {
  content: "\e917";
}
.icon-phone:before {
  content: "\e918";
}
.icon-map:before {
  content: "\e919";
}
.icon-locked:before {
  content: "\e91a";
}
.icon-magnifier:before {
  content: "\e91b";
}
.icon-ruler:before {
  content: "\e91c";
}
.icon-chat:before {
  content: "\e91d";
}
.icon-download:before {
  content: "\e91e";
}
.icon-attachment2:before {
  content: "\e91f";
}
.icon-pencil:before {
  content: "\e920";
}
.icon-pin:before {
  content: "\e921";
}
.icon-home:before {
  content: "\e92d";
}
.icon-envelope:before {
  content: "\e922";
}
.icon-info:before {
  content: "\e923";
}
.icon-book:before {
  content: "\e924";
}
.icon-popout:before {
  content: "\e925";
}
.icon-pictures2:before {
  content: "\e926";
}
.icon-globe:before {
  content: "\e927";
}
.icon-clipboard:before {
  content: "\e928";
}
.icon-clipboard2:before {
  content: "\e929";
}
@font-face {
   font-family: 'notoserif';
   font-style: normal;
   font-weight: 100;
   src: url(fonts/notoserif/SourceHanSerifJP-ExtraLight.woff2) format('woff2'),
        url(fonts/notoserif/SourceHanSerifJP-ExtraLight.woff) format('woff');
}
@font-face {
   font-family: 'notoserif';
   font-style: normal;
   font-weight: 200;
   src: url(fonts/notoserif/SourceHanSerifJP-Light.woff2) format('woff2'),
        url(fonts/notoserif/SourceHanSerifJP-Light.woff) format('woff');
}
@font-face {
   font-family: 'notoserif';
   font-style: normal;
   font-weight: 300;
   src: url(fonts/notoserif/SourceHanSerifJP-Regular.woff2) format('woff2'),
        url(fonts/notoserif/SourceHanSerifJP-Regular.woff) format('woff');
}
@font-face {
   font-family: 'notoserif';
   font-style: normal;
   font-weight: 400;
   src: url(fonts/notoserif/SourceHanSerifJP-Medium.woff2) format('woff2'),
        url(fonts/notoserif/SourceHanSerifJP-Medium.woff) format('woff');
}
@font-face {
   font-family: 'notoserif';
   font-style: normal;
   font-weight: 500;
   src: url(fonts/notoserif/SourceHanSerifJP-SemiBold.woff2) format('woff2'),
        url(fonts/notoserif/SourceHanSerifJP-SemiBold.woff) format('woff');
}
@font-face {
   font-family: 'notoserif';
   font-style: normal;
   font-weight: 600;
   src: url(fonts/notoserif/SourceHanSerifJP-Bold.woff2) format('woff2'),
        url(fonts/notoserif/SourceHanSerifJP-Bold.woff) format('woff');
}
@font-face {
   font-family: 'notoserif';
   font-style: normal;
   font-weight: 700;
   src: url(fonts/notoserif/SourceHanSerifJP-Heavy.woff2) format('woff2'),
        url(fonts/notoserif/SourceHanSerifJP-Heavy.woff) format('woff');
}


.notoserif1{ font-weight: 100; font-family: 'notoserif';}
.notoserif2{ font-weight: 200; font-family: 'notoserif';}
.notoserif3{ font-weight: 300; font-family: 'notoserif';}
.notoserif4{ font-weight: 400; font-family: 'notoserif';}
.notoserif5{ font-weight: 500; font-family: 'notoserif';}
.notoserif6{ font-weight: 600; font-family: 'notoserif';}
.notoserif7{ font-weight: 700; font-family: 'notoserif';}


.en {
	font-family: 'Oswald', sans-serif;
}


/* reset
-------------------*/

html {
	background-color:#FFF;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,p,img {
	margin: 0;
	padding: 0;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	font-size: 16px;
	font-size: 1.6rem; /* sets the default sizing to make sure nothing is actually 10px */
	line-height: 1;
	letter-spacing: 0.05em;
/*	min-width:1000px;*/
	overflow-x: hidden;
	background: #222;
	background: -moz-linear-gradient(top left, #000 0%, #222 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#000), to(#222));
	background: -webkit-linear-gradient(top left, #000 0%, #222 100%);
	background: -o-linear-gradient(top left, #000 0%, #222 100%);
	background: linear-gradient(to bottom right, #000 0%, #222 100%);
	position: relative;
}
body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#fancybox-wrap,
#fancybox-wrap *,
#fancybox-tmp,
#fancybox-loading {
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	-o-box-sizing: content-box!important;
	-ms-box-sizing: content-box!important;
	box-sizing: content-box!important;
}
a,a:link,a:hover,a:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a.line:hover {
	text-decoration: underline;
}
a.opacity:hover {
	opacity: 0.6;
}
ul,ol {
	list-style-type: none;
}
::selection {
	background-color: #888;
	color: #FFF; /* Safari */
}
::-moz-selection {
	background-color: #888;
	color: #FFF; /* Firefox */
}
#contents p{
	line-height: 1.7;
}
hr.ancHr{
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	margin: 0;
	padding: 0;
}



/* base contents
-------------------*/

/*header*/
#header {
	width:100%;
	border-top: 6px solid #00a8a9;
	background: #fff;
}


/*-- gHeader_Top --*/
.gHeader-Top .site__Inner {
	display: table;
	width: 100%;
	padding-right: 38px;
	padding-left: 38px;
}
.gHeader-Top--Left {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.gHeader-Top--Right {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
.gHeader-Top--Right:after {
	content: "";
	clear: both;
	display: block;
}
.gHeader-Top--Right li a i {
	color: #00a8a9;
	margin-left: 10px;
}

/*-- logoArea --*/
.logoArea {
	display: table;
	line-height: 1;
}
.logoArea .logo_Main {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #dedede;
}
.logoArea .logo_Main a {
	display: block;
}
.logoArea .site_Grouping {
	display: table-cell;
	vertical-align: middle;
	color: #666666;
	font-weight: bold;
}
.site_Grouping a {
	font-weight: normal;
	text-decoration: none;
}
.site_Grouping a:link {
	color: #666666;
}
.site_Grouping a:visited {
	color: #471f99;
}
.site_Grouping a:active {
	color: #666666;
}
.site_Grouping a:hover {
	color: #008486;
}
.site_Grouping a.current {
	font-weight: bold;
	color: #008486;
}

/*-- pc --*/
@media print, screen and (min-width: 768px) {
	.gHeader-Top {
		height: 80px;
	 background: #fff;
	}
	.gHeader-Top .site__Inner {
		padding-top: 19px;
		padding-bottom: 19px;
	}
	/*-- logoArea --*/
	.logoArea .logo_Main {
		padding-right: 22px;
	}
	.logoArea .logo_Main img {
		width: 190px;
		height: auto;
	}
	.logoArea .site_Grouping {
		padding-left: 19px;
	}
	.logoArea .site_Grouping img {
		height: 42px;
		width: auto;
	}
	/*-- gHeader-Utility--pc --*/
	.gHeader-Utility--pc {
		float: right;
		display: table;
		line-height: 1;
	}
	.gHeader-Utility--pc:after {
		content: "";
		clear: both;
		display: block;
	}
}

#spHeader, .spMenu{
	display: none;
}

#gNav {
	margin:0 auto;
	background: #000;
	padding-right: 38px;
	padding-left: 38px;
	display: table;
	width: 100%;
	position: relative;
	z-index: 900;
}
.fan #gNav.official {
	display: none;
}
#gNav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
#gNav p.gNavLogo {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 0 0;
}
#gNav p.gNavLogo a {
	display: table;
}
#gNav p.gNavLogo img {
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	width: auto;
}
#gNav p.gNavLogo span {
	display: table-cell;
	vertical-align: middle;
	font-size: 120%;
	padding-bottom: 10px;
}
#gNav ul {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
#gNav ul li {
	display: inline-block;
	margin-left: 15px;
}
#gNav ul li a {
	color:#fff;
	font-family: 'Oswald', sans-serif;
	padding:32px 0 28px;
	font-size: 110%;
	letter-spacing: 0.06em;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	overflow: hidden;
}
#gNav.fan ul li a {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
	font-size: 95%;
}
@media only screen and (max-width: 1100px) {
#gNav.fan ul li a {
	font-size: 80%;
}
	#gNav p.gNavLogo span {
	font-size: 100%;
}
}
#gNav.fan ul li a i {
	margin-left: 5px;
}
#gNav ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #f11c06;
		background: -moz-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
		background: -webkit-gradient(linear, left top, right bottom, from(#eb5e1e), to(#f11c06));
		background: -webkit-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
		background: -o-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
		background: linear-gradient(to bottom right, #eb5e1e 0%, #f11c06 100%);
  height: 6px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#gNav ul li a:hover:before, #gNav ul li a:focus:before, #gNav ul li a:active:before {
  right: 0;
}
#gNav ul li a span{
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#gNav ul li a:hover span, #gNav ul li a:focus span, #gNav ul li a:active span {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}



#spNav, #spFixed{
	display: none;
}

/*mv*/
#mv {
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	padding: 140px 0 190px;
}
.fan #mv {
	padding: 160px 0;
}
#mv .pageTtl {
	vertical-align: middle;
	line-height: 1.5;
	font-size: 140%;
}
#mv .pageTtl span {
	display: block;
	font-size: 260%;
}
#mv .inr {
	max-width: 600px;
	width: 96%;
	margin: 0 auto;
}
#mv .inr .bscBtn01 a {
	display: block;
}

/*breadChumbs*/
#breadChumbs {
	margin:0 auto;
	padding:0 38px;
	width: 100%;
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
}
#breadChumbs p {
	font-size:1.1rem!important;
	margin:0 10px;
}
#breadChumbs p a{
	display: inline-block;
}
#breadChumbs p i{
	font-size: 120%;
	vertical-align: text-top;
}

/*contents*/
#contents {
	margin: 0 auto;
	width:100%;
}
#contents.wInr{
	max-width: 1200px;
	width:96%;
}
#contents.gInr {
	max-width: 1400px;
	width: 96%;
	margin: -50px auto 150px;
	background: #f0f0f0;
	padding: 100px 3%;
	color: #000;
}
#contents.gInr .inr {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 3px 0;
}
#contents.gInr a {
	color: #000;
}
#main {
	float: left;
	margin:0 auto;
	max-width: 850px;
	width:76%;
}

/*sideNav*/
#sideNav {
	float:right;
	max-width:300px;
	width: 22%;
}
#sideNav dl dt{
	background-color:#00a8a9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #00a8a9;
	color:#FFF;
	display:block;
	padding:16px 20px;
	text-decoration:none;
	font-size: 140%;
	margin-bottom: 5px;
}
#sideNav dl dd {
	margin-bottom: 5px;
}
#sideNav dl dd a {
	display: block;
	background: #fff;
	padding: 15px 3% 15px 25px;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#sideNav dl dd a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00a8a9;
		background: -moz-linear-gradient(top left, #147cb2 0%, #00a8a9 100%);
		background: -webkit-gradient(linear, left top, right bottom, from(#147cb2), to(#00a8a9));
		background: -webkit-linear-gradient(top left, #147cb2 0%, #00a8a9 100%);
		background: -o-linear-gradient(top left, #147cb2 0%, #00a8a9 100%);
		background: linear-gradient(to bottom right, #147cb2 0%, #00a8a9 100%);
  -webkit-transform: scaleX(0.05);
  transform: scaleX(0.05);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#sideNav dl dd a:hover, #sideNav dl dd a:focus, #sideNav dl dd a:active, #sideNav dl dd a.active {
  color: white;
}
#sideNav dl dd a:hover:before, #sideNav dl dd a:focus:before, #sideNav dl dd a:active:before, #sideNav dl dd a.active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#sideNav dl.acArea dt {
	position: relative;
}
#sideNav dl.acArea dt::after {
	font-family: 'icon' !important;
	content: "\e908";
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -0.4em;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#sideNav dl.acArea dt.active::after {
transform: rotateX(180deg);
	
}
#sideNav dl.acArea dd ul li {
	margin-bottom: 5px;
}


/*footer*/
#footer {
	/*margin-top: 40px;*/
	width:100%;
	color: #fff;
}
.ftNavArea {
	background: #000;
	color: #fff;
	padding: 70px 0;
}
#footer .ftInr {
	max-width: 1400px;
	width: 97%;
	margin: 0 auto;
	display: table;
	text-align: center;
}
.ftNavArea .logoArea {
	display: table-cell;
	vertical-align: top;
	width: 286px;
}
.ftNavArea .logoArea img {
	max-width: 225px;
	width: 100%;
	height: auto;
}
.ftNavArea .logoArea ul.snsBtn {
	text-align: right;
	margin-top: -15px;
	padding-right: 30px;
}
.ftNavArea .logoArea ul.snsBtn li {
	display: inline-block;
	margin-left: 1px;
}
.ftNavArea .logoArea ul.snsBtn li a {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 60px;
	padding: 8px 8px 6px;
	font-size: 70%;
}
.ftNavArea .logoArea ul.snsBtn li a:hover {
	background: #fff;
	color: #111;
}
.ftNavArea .footNav {
	display: table-cell;
	vertical-align: top;
	padding-left: 5%;
	overflow: hidden;
	text-align: left;
}
.ftNavArea .footNav dl {
	float: left;
	width: 25%;
	line-height: 1.5;
}
.ftNavArea .footNav dl a {
	color: #fff;
	font-size: 85%;
	opacity: 0.8;
}
.ftNavArea .footNav dl dd a {
	font-size: 75%;
}
.ftNavArea .footNav dl dt a, .ftNavArea .footNav dl dd a {
	position: relative;
	padding-left: 1.5em;
}
.ftNavArea .footNav dl dt a:hover, .ftNavArea .footNav dl dd a:hover {
	text-decoration: underline;
}
.ftNavArea .footNav dl dt a {
	margin-bottom: 10px;
}
.ftNavArea .footNav dl dt.noMove a:hover {
	text-decoration: none !important;
	pointer-events: none;
}
.ftNavArea .footNav dl dt a::before {
	content: "\e90a";
	font-family: 'icon';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.ftNavArea .footNav dl dt a:hover::before {
	left: 0.3em;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.ftNavArea .footNav dl dt.noMove a:hover::before {
	left: 0;
}
.gFooter-Bottom {
	 background-color:#008486;
}
.gFooter-Bottom .ftInr {
	max-width: 1600px !important;
	width: 97%;
	padding: 19px 0 15px;
}
.gFooter-Bottom .gFooter-Utility {
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	text-align: left;
}
.gFooter-Bottom .gFooter-Utility li {
		display: inline-block;
		margin-right: 20px;
		font-size: 1.2rem;
}
.gFooter-Bottom .gFooter-Utility li a {
	color: #fff;
}
.gFooter-Bottom .gFooter-Info {
		display: table-cell;
		width: 30%;
		vertical-align: middle;
		text-align: right;
}
.gFooter-Bottom .gFooter-Info .logo_Co {
		margin-bottom: 4px;
}
.gFooter-Bottom .gFooter-Info .copyright {
		margin: 0;
}
.gFooter-Bottom .gFooter-Info .copyright small {
		font-size: 1.2rem;
}
.gFooter-Bottom .logo_Co img {
		width: 118px;
		height: auto;
}


/*partner*/
#partner {
	background:url(../cmn_img/bg_partner.jpg) center center no-repeat;
	background-size: cover;
	padding: 100px 0;
}
#partner h2 {
	font-size: 300%;
}
#partner ul {
	overflow: hidden;
}
#partner ul li {
	float: left;
	width: 19%;
	margin-right: 1.25%;
}
#partner ul li:last-child {
	margin-right: 0;
}
#partner ul li img {
	width: 100%;
	height: auto;
}

/*newsList*/
.newsList{
	overflow: hidden;
}
.newsList li{
	overflow: hidden;
	margin-bottom: 30px;
	width: 100%;
}
.newsList figcaption{
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 10px;
	line-height: 1.4;
}
.newsList li .img{
	border: 1px solid #CCC;
	display: table;
	float: left;
	line-height: 0;
	margin-bottom: 10px;
	margin-right: 1em;
	height: 150px;
	width: 30%;
}
.newsList li .img span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0;
}
.newsList li .img span img{
	max-height: 148px;
	max-width: 100%;
	line-height: 0;
}
/*文字数オーバー*/
.newsList li a::before {
	background-color: #FFF;
	font-size: 1.8rem;
    bottom: 0;
    content: "…";
    position: absolute;
    right: 0;
}
.newsList li a::after {
	background-color: #FFF;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
.newsList li a {
	display: block;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.newsList li .tx {
	line-height: 1.5!important;
}


/* indent
-------------------*/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}
.btm120{margin-bottom:120px !important;}
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pT25{padding-top:25px!important;}
.pT30{padding-top:30px!important;}
.pT35{padding-top:35px!important;}
.pT40{padding-top:40px!important;}
.pT45{padding-top:45px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.lm50{margin-left:50px !important;}
.lm60{margin-left:60px !important;}
.lm70{margin-left:70px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}
.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}

.bold { font-weight: bold;}
.normal { font-weight: normal;}

.sp { display: none;}
.sp_i { display:none}
.pc { display: block;}
.pc_i { display: inline-block;}

.spTel{ pointer-events: none; }
.pc_center{text-align:center !important;}

.mincho{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}




/* size
-------------------*/
.size10 { font-size:1.0rem!important; }
.size11 { font-size:1.1rem!important; }
.size12 { font-size:1.2rem!important; }
.size13 { font-size:1.3rem!important; }
.size14 { font-size:1.4rem!important; }
.size15 { font-size:1.5rem!important; }
.size16 { font-size:1.6rem!important; }
.size17 { font-size:1.7rem!important; }
.size18 { font-size:1.8rem!important; }
.size19 { font-size:1.9rem!important; }
.size20 { font-size:2.0rem!important; }
.size21 { font-size:2.1rem!important; }
.size22 { font-size:2.2rem!important; }
.size23 { font-size:2.3rem!important; }
.size24 { font-size:2.4rem!important; }



/* wide
-------------------*/
.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w18 {width:18%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}
.wFull {width:100%!important; height: auto;}

@media only screen and (max-width: 800px) {
.entry .f_r,
.entry .f_l{float: none;}

.entry .w90,
.entry .w80,
.entry .w75,
.entry .w70,
.entry .w60,
.entry .w50,
.entry .w48,
.entry .w40,
.entry .w35,
.entry .w30,
.entry .w10,
.entry .w18,
.entry .Half {width: 100%!important;}
}


/* section
-------------------*/
section {
	clear:both;
}

section.sameSpace {
	padding: 120px 0;
}

section.last {
	margin-bottom:0;
}
.scInr{
	margin: 0 auto;
	max-width: 1200px;
	width: 97%;
}
.scInrS{
	margin: 0 auto;
	max-width: 1000px;
	width: 97%;
}
.scInrW{
	margin: 0 auto;
	max-width: 1400px;
	width: 97%;
}
.aural span,
span.aural {
	display:none;
	visibility:hidden;
}



/* compo parts
-------------------*/

/*box*/
.bscBox01{
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding:30px;
}
.bscBox02{
	background-color: #EEE;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding:30px;
}

/*list*/
.indList,
.indListS {
	margin-bottom:15px;
}
.indList li,
.indListS li {
	line-height:170%;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:5px;
}
.indListS li {
	font-size: 1.1rem !important;
	line-height:130%;
}
.indList li::before,
.indListS li::before {
	content: '・';
	font-size: 50%;
	margin-right: 5px;
	vertical-align: middle;
}
.numList,
.numListS {
	margin-bottom:15px;
	padding-left:1.6em;
}
.numList li,
.numListS li {
	line-height:150%;
	list-style: decimal outside none;
	margin-bottom: 5px;
}
.numListS li {
	font-size: 1.1rem !important;
	line-height: 130%;
}

/*head*/
.imgHead {
	font-size:0;
	line-height:0;
}
.head01{
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 30px;
}
.head01::after{
	content: attr(data-text);
	font-size: 1.8rem;
	display: block;
}
.head02{
	border-left: 4px solid #448cbc;
	font-size: 2.0rem;
	margin-bottom: 20px;
	padding-left: 10px;
}
.head03{
	font-size: 1.7rem;
	margin-bottom: 20px;
}
.head03::before{
	content: '■';
	font-size: 1.3rem;
	margin-right: 5px;
}

/*table*/
.bscTbl01 table{
	border-collapse:collapse;
	width:100%;
}
.bscTbl01 table tr {
	border-bottom:1px solid #DDD;
}
.bscTbl01 table tr:last-child {
	border-bottom:none;
}
.bscTbl01 table th,
.bscTbl01 table td{
	background-color:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:1px solid #DDD;
	line-height:1.4;
	padding:20px 20px 17px;
	text-align:left;
}
.bscTbl01 table th:last-child,
.bscTbl01 table td:last-child {
	border-right:none;
}
.bscTbl01 table th{
	background-color:#00a8a9;
	color: #fff;
	text-align: center;
}
.bscTbl01 table tr.head th{
	background-color:#448CBC;
	color:#FFF;
}
.tblScroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.tblScroll table {
	-webkit-overflow-scrolling: touch;
	margin-bottom: 0;
}

/*float*/
.fltImgL {
	float:left;
	margin:0 25px 20px 0;
}
.fltImgR {
	float:right;
	margin:0 0 20px 25px;
}
.fltL {
	float:left;
}
.fltR {
	float:right;
}
.w100 { width:100px;}
.w200 { width:200px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w450 { width:450px;}
.w500 { width:500px;}
.w600 { width:600px;}

/*float-clear*/
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
br.clear, .clear {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}
br.clear {
	clear:both;
	line-height:0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	br.clear  {
		display:block!important;
		content: " ";
	}
}

/*column*/
.clm4{
	overflow: hidden;
}
.clm4 li{
	float: left;
	margin-bottom: 20px;
	margin-right: 1.3%;
	width: 24%;
}
.clm4.noSpace li{
	margin-bottom: 0;
	margin-right: 0;
	width: 25%;
}
.clm4 li:nth-child(4n){
	margin-right: 0;
}
.clm4 figcaption{
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 10px;
	line-height: 1.4;
}

.clm3{
	overflow: hidden;
}
.clm3 li{
	float: left;
	margin-bottom: 20px;
	margin-right: 1.3%;
	width: 32.4%;
}
.clm3.noSpace li{
	margin-bottom: 0;
	margin-right: 0;
	width: 33.3%;
}
.clm3 li:nth-child(3n){
	margin-right: 0;
}
.clm3 figcaption{
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 10px;
	line-height: 1.4;
}

.clm2{
	overflow: hidden;
}
.clm2 li{
	float: left;
	margin-bottom: 20px;
	width: 48.5%;
}
.clm2.noSpace li{
	margin-bottom: 0;
	margin-bottom: 20px;
	width: 50%;
}
.clm2 li.even,
.clm2 li:nth-child(2n){
	float: right;
}
.clm2 figcaption{
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 10px;
	line-height: 1.4;
}

.clm4 li .img,
.clm3 li .img,
.clm2 li .img{
	display: table;
	line-height: 0 !important;
	height: 150px;
	width: 100%;
}
.clm4 li .img span,
.clm3 li .img span,
.clm2 li .img span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 0;
}
.clm4 li .img span img,
.clm3 li .img span img,
.clm2 li .img span img{
	max-height: 150px;
	max-width: 100%;
	line-height: 0;
}



/* pager
-------------------*/
.pager {
	padding-top:20px;
	text-align:center;
}
.pager a {
	border:1px solid #448CBC;
	color:#448CBC;
	display:inline-block;
	line-height:1;
	margin:0 2px;
	padding:10px 12px;
	text-decoration:none;
	position: relative;
}
.pager a:hover,
.pager a.current {
	background-color:#448CBC;
	border:1px solid #448CBC;
	color:#FFF;
}
.pager a::after {
	content: attr(data-text);
}
.pager a:last-child::after {
	display: none;
}
.pager a:last-child::before {
	content: attr(data-text);
}

/*topcontrol*/
#topcontrol{
	z-index: 900;
}
#topcontrol a {
	background:url(../cmn_img/scrollup.png) center center no-repeat #000;
	background : url(../cmn_img/scrollup.gif) center center no-repeat\9 #000; /* IE8 */
	*background : url(../cmn_img/scrollup.gif) center center no-repeat #000; /* IE7 */
	_background : url(../cmn_img/scrollup.gif) center center no-repeat #000; /* IE6 */
	display:block;
	height:60px;
	width:60px;
	filter: alpha(opacity=70) !important;
	opacity:0.7 !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#topcontrol a:hover {
	filter: alpha(opacity=10) !important;
	opacity:1 !important;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
 	-ms-transform: scale(1.2);
 	-o-transform: scale(1.2);
 	transform: scale(1.2);
}

/*roBtn*/
.roBtn:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* IE8 */
html>/**/body .roBtn:hover {
	display /*\**/: inline-block\9;
	zoom /*\**/: 1\9;
}

/* 新旧Firefox */
.roBtn:hover, x:-moz-any-link {
	background: #fff;
}
.roBtn:hover, x:-moz-any-link, x:default {
	background: #fff;
}


/* form
-------------------*/
.subscribeBtn{
	text-align: center;
}
.subscribeBtn input{
	background-color:#000;
	border:3px solid #000;
	color:#FFF;
	display:inline-block;
	padding:15px 100px 13px;
	line-height:140%;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	font-weight: 700;
}
.subscribeBtn input:hover{
	background-color:#FFF;
	color:#000;
}
.subscribeBtn input.gray{
	background-color: #666;
	border:1px solid #666;
	color:#FFF;
}
.subscribeBtn input.gray:hover{
	background-color:#ddd;
	color:#000;
}
input.textFocus {
	color:#333;
}
input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	background-color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:none;
	font-size:1.3rem;
	line-height: 140%;
	padding:8px 10px;
	border-radius: 5px;
	font-family: 'Oswald', sans-serif;
}
input {
	vertical-align:middle;
}

.wSS { width: 85px;}
.wS { width: 170px;}
.wM { width: 270px;}
.wL { width: 470px;}
.wLL { width: 340px;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}

textarea.txtarea {
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	height: 200px;
	padding:10px;
	width: 100%;
}
option {
	font-size:1.4rem!important;
}
label {
	cursor: pointer;
}
label:hover {
	color:#999;
}
input[type="checkbox"], input[type="radio"] {
	margin-right:3px;
}
.formErr {
	color:#E54E52;
	font-weight:bold;
}
select.slctArea{
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	margin-bottom: 5px;
	padding:8px;
}
input.inputErr,
textarea.inputErr {
	background-color:#FADFDE;
}
input:focus,
select:focus,
textarea:focus{
	background-color:#fff;
}
.req {
	background-color:#a40000;
	color:#FFF;
	font-size:1.1rem;
	margin-left:3px;
	padding:2px 5px;
	margin-right: 5px;
	vertical-align:middle;
}
.errText{
	background-color: #fee8e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    color: #db584b;
    font-size: 1.1rem;
    padding: 3px 5px;
    margin-top: 5px;
}
.cauText{
	color: #333;
	font-size: 1.1rem;
	line-height: 1.4!important;
	margin-top: 5px;
}

.caution {
    font-size: 80%;
    padding-left: 1.2em;
    position: relative;
    display: block;
}
.caution::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}

























/* for TUB
-------------------------------------------------------------------------------------*/

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

/*footer*/
/*.ftNavArea {
	padding: 40px 0;
}
#footer .ftInr {
	display: block;
	padding: 0 3%;
}
.ftNavArea .logoArea {
 display: block;
	max-width: 340px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-right: 20px;
}
.ftNavArea .logoArea ul.snsBtn {
	margin-top: -15px;
}
.ftNavArea .logoArea ul.snsBtn li {
	margin-left: 2px;
}
.ftNavArea .logoArea ul.snsBtn li a {
	padding: 7px 7px 5px;
}
.ftNavArea .footNav {
	display: block;
	padding-left: 0;
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
.ftNavArea .footNav dl {
	float: left;
	width: 25%;
	line-height: 1.2;
}
.ftNavArea .footNav dl a {
	font-size: 75%;
}
.ftNavArea .footNav dl dd {
	display: none;
}
.ftNavArea .footNav dl dt a, .ftNavArea .footNav dl dd a {
	position: relative;
	padding-left: 1.5em;
}
.ftNavArea .footNav dl dt a:hover, .ftNavArea .footNav dl dd a:hover {
	text-decoration: underline;
}
.ftNavArea .footNav dl dt a::before {
	font-family: 'icon';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.ftNavArea .footNav dl dt a:hover::before {
	left: 0.3em;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
	
*/
	
#footer .ftInr {
	display: block;
}
.ftNavArea .logoArea {
	display: block;
	width: 260px;
	margin: 0 auto 50px;
	padding-right: 10px;
}
.ftNavArea .footNav {
	display: block;
	width: 100%;
	padding-left: 0;
	overflow: hidden;
}

.gFooter-Bottom .gFooter-Utility {
	padding: 22px 0 24px;
	text-align: center;
	border-bottom: 1px solid #35babb;
	width: 100%;
	display: block;
}
.gFooter-Utility li {
	margin: 10px 0 0 0;
	list-style: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	font-size: 85%;
	display: block !important;
}
.gFooter-Utility li:first-child {
		margin: 0;
}
.gFooter-Bottom .gFooter-Info {
		padding: 16px 0 14px;
		text-align: center;
	display: block;
	width: 100%;
}
.gFooter-Info .copyright small {
		font-size: 0.6875rem;
}
.logo_Co img {
		width: 118px;
		height: auto;
}
.logo_Co,
.copyright {
		margin: 0;
}


}



/* for TUB
-------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1000px) {
	
/*-- gHeader_Top --*/
.gHeader-Top .site__Inner {
	padding-right: 3%;
	padding-left: 3%;
}
.gHeader-Top {
	height: 50px;
	background: #fff;
}
.gHeader-Top .site__Inner {
	padding-top: 8px;
	padding-bottom: 8px;
}
/*-- logoArea --*/
.logoArea .logo_Main {
	padding-right: 10px;
}
.logoArea .logo_Main img {
	height: 22px;
	width: auto;
}
.logoArea .site_Grouping {
	padding-left: 10px;
}
.logoArea .site_Grouping img {
	height: 32px;
	width: auto;
}

	
	
	
/*header*/
#gNav{
	display: none;
}
#spHeader{
	background-color: #000;
	height: 55px;
	padding: 7px 3%;
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 56px;
	z-index: 980;
}
#spHeader.noFix{
	top: 56px !important;
}
	#spHeader.fixed{
		position: fixed;
}
#spHeader .logo img{
	height: 40px;
	width: auto;
}
#spHeader .logo a.official {
display: block;
}
#spHeader .logo a {
display: none;
}
.fan #spHeader .logo a.official {
display: none;
}
.fan #spHeader .logo a {
display: block;
}

.fan #spHeader .logo  {
	padding-top: 8px;
	vertical-align: middle;
}
.fan #spHeader .logo img{
	height: 32px;
	width: auto;
	vertical-align: middle;
}
#spHeader ul{
	overflow: hidden;
	zoom: 1;
	position: absolute;
	right:60px;
	top: 7px;
}
#spHeader li{
	float: left;
	margin: 0 5px;
	text-align: center;
}
#spHeader li a{
	color: #FFF;
	font-size: 90%;
	line-height: 1.4;
	opacity: 0.8;
	font-family: 'Oswald', sans-serif;
}
#spHeader li a i{
	font-size:2.6rem;
	display: block;
	margin-bottom: 3px;
}
.spMenu{
	background: #f11c06;
	background: -moz-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#eb5e1e), to(#f11c06));
	background: -webkit-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
	background: -o-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
	background: linear-gradient(to bottom right, #eb5e1e 0%, #f11c06 100%);
	cursor: pointer;
	display: block;
	height: 55px;
	width: 55px;
	position: absolute;
	right: 0;
	top: 56px;
	z-index: 1010;
}
.spMenu.noFix{
	top: 56px !important;
}
.spMenu.fixed{
	position: fixed;
}
.spMenu.active{
	top: 0 !important;
}
.spMenu span {
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	height: 2px;
	width: 25px;
	position: absolute;
	left: 15px;
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.spMenu small{
	display: block;
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 7px;
	font-size: 90%;
}
.spMenu span:nth-of-type(1) { top: 11px; }
.spMenu span:nth-of-type(2) { top: 20px; }
.spMenu span:nth-of-type(3) { top: 29px; }
.spMenu.active{
	height:55px;
	width: 55px;
	background: #000;
}
.spMenu.active span{
	background-color: #fff;
}
.spMenu.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.spMenu.active span:nth-of-type(2) {
	opacity: 0;
}
.spMenu.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}
.spMenu.active small{
	color: #fff;
}


/*spNav*/
#spNav{
	height: 100%;
	display: block;
	transition: all 550ms ease 0.25s;
	visibility: hidden;
	padding-top: 55px;
	width: 100%;
	position: fixed;
	right: -100%;
 top: 0;
	z-index: 990;
}
#spNav.active{
	visibility: visible;
	right: 0;
}
#spNav #spBg{
	background: rgba(0,0,0,0.5);
	height: 100%;
	width: 500%;
	position: fixed;
	right: -50%;
	top: 0;
	z-index: -1;
	opacity: 0;
	transition: all 550ms ease 0.25s;
	pointer-events: none;
}
#spNav.active #spBg{
	right: 0;
 opacity: 1;
	pointer-events: auto;
}
#spNav::after {
	background: #000;
	background: -moz-linear-gradient(top left, #000 0%, #222 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#000), to(#222));
	background: -webkit-linear-gradient(top left, #000 0%, #222 100%);
	background: -o-linear-gradient(top left, #000 0%, #222 100%);
	background: linear-gradient(to bottom right, #000 0%, #222 100%);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
#spNav::before,
#spNav::after {
 opacity: 0;
	transition: all 550ms ease 0.25s;
}
#spNav.active::before,
#spNav.active::after {
 opacity: 1;
}
#spNav .closeBtn{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 3%;
	text-align: right;
}
#spNav nav{
	border-top: 1px solid #000;
}
	#spNav nav ul {
		overflow: hidden;
	}
#spNav nav ul.iconBtns li{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	float: left;
	width: 33.333%;
}
#spNav nav ul.iconBtns li:nth-child(3n){
	border-right: none;
}
#spNav nav ul.iconBtns li a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 10px 10px;
	line-height: 1.2;
	background: #125152;
	font-family: 'Oswald', sans-serif;
}
#spNav nav ul.iconBtns li a::before{
	color: #000;
	content: attr(data-text);
	display: block;
	font-size: 2.3rem;
	font-weight: normal;
	margin-bottom: 5px;
}
#spNav nav ul.iconBtns li a:hover{
	background-color: #00a8a9;
	color: #FFF;
	text-decoration: none;
}
#spNav nav ul.iconBtns li a:hover::before{
	color: #FFF;
}
#spNav nav ul.iconBtns li a i {
	font-size: 2.2rem;
	display: block;
	margin-bottom: 5px;
}
	#spNav nav ul li {
		border-bottom: rgba(255,255,255,.2) 1px solid;
	}
#spNav nav ul li a{
	font-family: 'Oswald', sans-serif;
	padding: 15px 3%;
	display: block;
	color: #fff;
}
	
#spNav .logo {
	position: absolute;
	left: 3%;
	top: 10px;
}
#spNav .logo img {
	height: 40px;
	width: auto;
	vertical-align: middle;
}
.fan #spNav::after {
	background: #f11c06;
	background: -moz-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#eb5e1e), to(#f11c06));
	background: -webkit-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
	background: -o-linear-gradient(top left, #eb5e1e 0%, #f11c06 100%);
	background: linear-gradient(to bottom right, #eb5e1e 0%, #f11c06 100%);
}
.fan #spNav nav ul li a {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.1rem;
	padding: 10px 3px;
	background: none;
}
.fan .spMenu.active {
	background: #f11c06;
}
.fan #spNav nav {
 border-top: 1px solid rgba(255,255,255,.2); 
}
.fan #spNav nav ul.iconBtns li {
	border-right: 1px solid rgba(255,255,255,.2); 
	border-bottom: 1px solid rgba(255,255,255,.2); 
}
.fan #spNav nav ul.iconBtns li a:hover {
	background:rgba(255,255,255,.2);
}
	
/*#sideNav	*/
#sideNav dl dd a:before {
  -webkit-transform: scaleX(0.02);
  transform: scaleX(0.02);
}


}














/* for SP
-------------------------------------------------------------------------------------*/

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


/* base contents
-------------------*/
body {
	font-size: 12px;
	font-size: 1.2rem; /* sets the default sizing to make sure nothing is actually 10px */
}	
	
	
/*breadChumbs*/
#breadChumbs {
	display: none;
}

/*mv*/
#mv {
	margin-top:55px; 
	padding: 45px 0 95px;
}
.fan #mv {
	padding: 60px 0 60px;
}
#mv .pageTtl {
	line-height: 1.5;
	font-size: 120%;
}
#mv .pageTtl span {
	display: block;
}


/*contents*/
#contents {
	margin:0 auto;
	width:100%;
}
#contents.gInr {
	margin: -25px auto 60px;
	padding: 40px 3%;
	color: #000;
}
#main {
	float:none;
	margin: 0 0 60px;
	width:auto;
}
#sideNav {
	float:none;
	margin: 40px 0 0;
	max-width: 100%;
	width:auto;
}


/*partner*/
#partner {
	background-position: right center;
	padding: 40px 0;
}
#partner ul li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 5px;
}
#partner ul li:nth-child(2n) {
	margin-right: 0;
}



/*newsList*/
.newsList li .img{
	height: 100px;
}
.newsList li .img span img{
	max-height: 100px;
}
.newsList li a {
    height: 102px;
}
.newsList li .tx {
	line-height: 1.5!important;
}
	
/* indent
-------------------*/
body{
	
}
.sp { display: block;}
.sp_i { display:inline-block;}
.pc { display: none;}
.pc_i { display: none;}
a.spTel{
	color: #448cbc;
	pointer-events: auto;
	text-decoration: underline;
}
	
.pc_center{text-align:left !important;}

	
.top10 {margin-top: 5px !important;}
.top15 {margin-top: 5px !important;}
.top20 {margin-top: 10px !important;}
.top25 {margin-top: 10px !important;}
.top30 {margin-top: 15px !important;}
.top35 {margin-top: 15px !important;}
.top40 {margin-top: 20px !important;}
.top45 {margin-top: 20px !important;}
.top50 {margin-top: 25px !important;}
.top55 {margin-top: 25px !important;}
.top60 {margin-top: 30px !important;}
.btm0 {margin-bottom: 0 !important;}
.btm5 {margin-bottom: 5px !important;}
.btm10 {margin-bottom: 5px !important;}
.btm15 {margin-bottom: 10px !important;}
.btm20 {margin-bottom: 10px !important;}
.btm25 {margin-bottom: 10px !important;}
.btm30 {margin-bottom: 15px !important;}
.btm35 {margin-bottom: 15px !important;}
.btm40 {margin-bottom: 20px !important;}
.btm45 {margin-bottom: 20px !important;}
.btm50 {margin-bottom: 25px !important;}
.btm55 {margin-bottom: 25px !important;}
.btm60 {margin-bottom: 30px !important;}
.btm65 {margin-bottom: 30px !important;}
.btm70 {margin-bottom: 35px !important;}
.btm75 {margin-bottom: 35px !important;}
.btm80 {margin-bottom: 40px !important;}
.btm85 {margin-bottom: 40px !important;}
.btm90 {margin-bottom: 45px !important;}
.btm95 {margin-bottom: 45px !important;}
.btm120{margin-bottom:55px !important;}
.pT0 {padding-top: 0!important;}
.pT5 {padding-top: 5px!important;}
.pT10 {padding-top: 5px!important;}
.pT15 {padding-top: 10px!important;}
.pT20 {padding-top: 10px!important;}
.pT25 {padding-top: 15px!important;}
.pT30 {padding-top: 15px!important;}
.pT35 {padding-top: 15px!important;}
.pT40 {padding-top: 20px!important;}
.pT45 {padding-top: 20px!important;}
.pB0 {padding-bottom: 0!important;}
.pB5 {padding-bottom: 5px!important;}
.pB10 {padding-bottom: 5px!important;}
.pB15 {padding-bottom: 5px!important;}
.pB20 {padding-bottom: 10px!important;}
.lm5 {margin-left: 5px !important;}
.lm10 {margin-left: 5px !important;}
.lm15 {margin-left: 5px !important;}
.lm20 {margin-left: 10px !important;}
.lm50 {margin-left: 20px !important;}
.lm60 {margin-left: 30px !important;}
.lm70 {margin-left: 30px !important;}
.rm5 {margin-right: 5px !important;}
.rm10 {margin-right: 5px !important;}
.rm15 {margin-right: 5px !important;}
.rm20 {margin-right: 10px !important;}

.spBtm0 {margin-bottom: 0 !important;}
.spBtm5 {margin-bottom: 5px !important;}
.spBtm10 {margin-bottom: 10px !important;}
.spBtm15 {margin-bottom: 15px !important;}
.spBtm20 {margin-bottom: 20px !important;}
.spBtm25 {margin-bottom: 25px !important;}
.spBtm30 {margin-bottom: 30px !important;}
.spBtm35 {margin-bottom: 35px !important;}
.spBtm40 {margin-bottom: 40px !important;}
.spBtm45 {margin-bottom: 45px !important;}
.spBtm50 {margin-bottom: 50px !important;}
.spW100 {width: 100%!important; height: auto;}



/* section
-------------------*/

section{
}
	
section.sameSpace {
	padding: 40px 0;
}
	
.scInr, .scInrS, .scInrW{
	float:none;
	margin: 0 3%;
	width:auto;
}



/* compo parts
-------------------*/


/*box*/
.bscBox01{
	padding:5%;
}
.bscBox02{
	padding:5%;
}

/*table*/
	
.bscTbl01 table th,
.bscTbl01 table td{
	padding:10px 10px !important;
}

.bscTbl01.breakTbl th,
.bscTbl01.breakTbl td {
	display: block;
	font-size: 1.1rem;
	padding:10px 10px !important;
}
.bscTbl01.tblScroll th,
.bscTbl01.tblScroll td {
	display: table-cell;
}
.tblScroll {
	padding-bottom: 5px;
}
.tblScroll table {
	-webkit-overflow-scrolling: touch;
	margin-bottom: 0;
	width: 860px !important;
}

.tblScroll::before {
	content: '→ SCROLL RIGHT';
	display: block;
	margin-bottom: 10px;
	font-family: 'Oswald', sans-serif;
	color: #777;
}
  
.tblScroll {overflow-x:scroll;}
.tblScroll::-webkit-scrollbar{height:5px;}
.tblScroll::-webkit-scrollbar-track{background:#dddddd;}
.tblScroll::-webkit-scrollbar-thumb{background:#CACACA;}

	
	
/*float*/
.fltL, .fltR{
	float: none;
}
.fltImgL,
.fltImgR {
	float:none;
	margin:0;
	text-align: center;
}
.fltImgL img,
.fltImgR img{
	max-width: 100%;
	margin-bottom: 5px;
}
br.clear_noie.spHide,
div.clear_noie.spHide{
	display: none!important;
}

/*column*/
.clm4 li{
	float: left;
	margin-right: 0;
	width: 48.5%;
}
.clm4.noSpace li {
 width: 50%;
}
.clm4 li.even,
.clm4 li:nth-child(2n){
	float: right;
}
.clm4 li:nth-child(4n){
	margin-right: 0;
}

.clm3 li{
	float: left;
	margin-right: 0;
	width: 48.5%;
}
.clm3.noSpace li {
 width: 50%;
}
.clm3 li.even,
.clm3 li:nth-child(2n){
	float: right;
}

.clm4 li .img,
.clm3 li .img,
.clm2 li .img{
	height: 100px;
}
.clm4 li .img span img,
.clm3 li .img span img,
.clm2 li .img span img{
	max-height: 100px;
}

/*topcontrol*/
#topcontrol{
	left: 0!important;
	bottom: 0!important;
	height: 40px;
	width: 100%;
}
#topcontrol a{
	display: block;
	height: 100%;
	padding: 10px 0;
	width: 100%;
}



/* pager
-------------------*/

.pager a::before,
.pager a::after {
	display: none;
}



/* form
-------------------*/

.subscribeBtn input{
	padding:15px 0 13px;
	margin-top: 5px;
	width: 100%;
}
input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wSS { width: 30%;}
.wS { width: 50%;}
.wM { width: 100%;}
.wL { width: 100%;}
.wLL { width: 100%;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}
textarea.txtarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 200px;
	width: 100%;
}
select.timearea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;

}
option {
	font-size:1.4rem!important;
}
label {
	cursor: pointer;
}
label:hover {
	color:#999;
}
input[type="checkbox"], input[type="radio"] {
	margin-right:3px;
}
.formErr {
	color:#E54E52;
	font-weight:bold;
}
input.inputErr,
textarea.inputErr {
	background-color:#FADFDE;
}
.req {
	color:#FFF;
	font-size:10px;
	line-height:100%;
	margin-left:3px;
	padding:2px 5px;
	margin-right: 5px;
	vertical-align:middle;
}
.cauText{
	display: block;
}





}



@media only screen and (max-width: 640px) {
	.newsList li .img{
		float: none;
		width: 100%;
	}
	.newsList li .img span img{
		max-height: 100px;
	}
	.newsList li a {
	    height: auto;
	}
	.newsList li a::before,
	.newsList li a::after{
		display: none;
	}
	.newsList li .tx {
		line-height: 1.5!important;
		display: block;
	    height: 60px;
	    overflow: hidden;
	    position: relative;
	}
	.newsList li .tx::before {
	    background-color: #fff;
	    bottom: 0;
	    content: "…";
	    position: absolute;
	    right: 0;
	}
	.newsList li .tx::after {
	    background-color: #fff;
	    content: "";
	    height: 100%;
	    position: absolute;
	    width: 100%;
	}
}



@media only screen and (max-width: 640px) {
#footer {
	margin-bottom: 40px;
} 
#footer .ftInr {
	width: 100%;
	padding: 0;
}
#footer .ftNavArea {
	padding-bottom: 0;
}
	
.ftNavArea .footNav {
	max-width: 100%;
	border-top: rgba(255,255,255,.2) 1px solid;
}
.ftNavArea .footNav dl {
	width: 50%;
	border-right: rgba(255,255,255,.2) 1px solid;
}

.ftNavArea .footNav dl.even {
 border-right: none;
}
	.ftNavArea .footNav dl dt {
		margin-bottom: 0 !important;
	}
.ftNavArea .footNav dl dt a {
	padding: 10px 3% 10px 25px;
	display: block;
	border-bottom: rgba(255,255,255,.2) 1px solid;
	margin-bottom: 0;
}
.ftNavArea .footNav dl dt a::before {
	left: 3%;
	top: 10px;
	bottom: 0;
}
	.ftNavArea .footNav dl dd {
		display: none;
	}
}

/*SP END*/