/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 
  media Pc
  
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* reset
=================================== */
*,
*::before,
*::after { box-sizing:border-box; }

*{ margin: 0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:1; }
ul{ list-style:none; }
img{ vertical-align:bottom; }

/* common
=================================== */
body{ width:100%; background-color:#fff; padding-bottom:10px; font-size:1em; }

#container { width:100%; margin:0 auto; }

#contents { max-width:1280px; margin:0 auto 80px; }

.paging { margin-top:20px; text-align:center; }
.paging ul li { display:inline-block; border:1px solid #222; text-align:center; color:#222; }
.paging ul li a { display:inline-block; padding:2px 5px; color:#222; }
.paging .current { padding:2px 5px; background-color:#222; color:#FFF; }

/* wapper [youtube] */
.youtube-wrapper { overflow:hidden; position:relative; height:0; padding-bottom:56.25%; }
.youtube-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* form
=================================== */
.custom-form input,
.custom-form button,
.custom-form select,
.custom-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

.custom-form textarea {
  resize: vertical;
}

.custom-form input[type='checkbox'],
.custom-form input[type='radio'] {
  display: none;
}

.custom-form input[type='submit'],
.custom-form input[type='button'],
.custom-form label,
.custom-form button,
.custom-form select {
  cursor: pointer;
}

.custom-form select::-ms-expand {
  display: none;
}

.custom-form.standard-form input,
.custom-form.standard-form textarea {
	padding:5px 10px; border:solid 1px #aaa; border-radius:5px; width:100%;
}

.custom-form.standard-form input[type="button"],
.custom-form.standard-form input[type="submit"] {
	display:block;
	max-width:320px;
	margin:0 auto;
}

.custom-form.standard-form .box-submit {
	margin:40px auto;
}

/* common
=================================== */

.dip-block { display:block; }
.dip-inl-blk { display:inline-block; }
.dip-inline { display:inline; }

.width { margin:0 auto; }
.width.w1100 { width:1100px; }
.width.w960 { width:960px; }
.width.w860 { width:860px; }

.column2 { display:block; width:100%; overflow:hidden; }
.column2 > .col-l { display:block; float:left; width:720px; padding:30px 0; }
.column2 > .col-r { display:block; float:right; width:300px; padding:30px 20px; }

.column3 { display:block; width:100%; overflow:hidden; }
.column3 > .col { float:left; width:30%; margin-right:3.333333333%; }
.column3 > .col:nth-child(3n) { margin-right:auto; }

.margin-init { margin:0 auto; }
.mt05 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }

.font-gothic { font-family: Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; }

.txt-c { text-align:center; }
.txt-r { text-align:right; }
.txt-l { text-align:left !important; }

.notice { font-size:85%; line-height:1.2rem; color:#777; }

.mediaSp { display:none; }

div.Inner {
	display:block;
	overflow:hidden;
	width:1100px;
	padding:20px;
	margin:0 auto;
}

/* fadeIn Scroll */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

.colorRed { color:#c22626; }

.button-wire { width:30%; border:1px solid #000; border-radius:2px; margin-top:20px; font-size:85%; text-align:center; }
.button-wire a { display:block; padding:5px 20px; }
.button-wire a:link,
.button-wire a:visited { display:block; padding:5px 20px; color:#000; }
.button-wire a:hover,
.button-wire a:active { background-color:#000; color:#FFF; opacity:1; transition:.8s; text-decoration:none; }

/* header
=================================== */
header #headerInner {
	position:relative;
	width:100%;
	margin:0 auto;
}

header #mainVisual {
	max-width:1280px;
	width:100%;
	margin:0 auto;
}

h1 {
	position:absolute;
	top:25px;
	left:30px;
	font-size:380%;
}

header #gNav {
	display: block;
	overflow:hidden;
	width:100%;
	margin-bottom:50px;
	text-align:center;
	font-size:200%;
}

header #gNav li a {
		float:left;
		box-sizing:border-box;
		width:20%;
		padding:10px 0;
		border:1px solid #555;
		color:#000;
		text-decoration:none;
}

header #gNav li a:hover,
header #gNav li a:active {
	background-color:#000;
	color:#fff;
	opacity:1;
}

/* content
=================================== */
#content {
	max-width:1280px;
	width:100%;
	margin:0 auto;
}

.page-title {
	padding:0 0 5px 0;
	border-bottom:2px solid #222;
	font-size:240%;
	font-weight:bold;
}

/* border Animetion (jquery) */
.page-title::after {
	display:none;
	content:"";
	width:0;
	height:0;
	padding:0 0 5px 5px;
	border-bottom:2px solid #222;
	font-size:240%;
	font-weight: bold;
}

/* border Animetion (jquery) */
.page-title.borderAnime::after {
	display:none;
	content:"";
	width:99.6%;
	height:auto;
	transition-property:all;
	transition-duration:1s;
	transition-timing-function:liner;
}

.title-with-more {
	  position: relative;
}

.title-with-more .more {
	  position: absolute;
	  right: 0;
	  bottom: .8rem;
}

/* footer
=================================== */
footer {
	position:fixed;
	bottom:0;
	width:100%;
	padding:3px 0;
	background-color:#000;
	color:#fff;
}

footer div.footInner {
	padding:0 10px;
	margin:0 auto;
}

footer p {
	padding-left:20px;
	font-size:10px;
}

footer p span { padding:0 5px; }

footer p a:link,
footer p a:visited { color:#FFF; }

header #sp_gNav { display:none; }

/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 
  media Sp 
  
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

/* common (sp)
=================================== */
body{
	width:100%;
	padding:0;
	font-size:.9em;
}

div.Inner {
	width:90%;
	padding:0;
}

.mediaPc { display:none; }
.mediaSp { display:inline-block; }

.column2 .col-l,
.column2 .col-r { box-sizing:border-box; float:none; width:100%; padding:30px 0 30px; }
.column2 .col-r { margin:0 auto; }

.width.w1100,
.width.w960,
.width.w860 { width:90%; }

/* header (sp)
=================================== */
header { position:relative; }

header #mainVisual {
	position:static;
	height:320px;
	margin-bottom:20px;
	background:url(/common/img/MainVisual.gif) no-repeat bottom center;
	background-size:cover;
}

header #mainVisual img { display:none; }

header h1 {
	top:10px;
	left:15px;
	font-size:300%;
}

/* content (sp)
=================================== */
h2 { padding:0 0 5px; }

#contents { padding:30px 0 80px; }

/* footer (sp)
=================================== */
footer { position:static; }

footer p {
	padding:10px 10px 50px;
	font-size:10px;
	text-align:center;
} 


/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 
  SlickNav (SPgNav) 
  (c) 2016 Josh Cope licensed under MIT
  
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
.slicknav_btn { position: relative; display: block; float: right; padding: 16px 10px 7px; cursor: pointer; font-size: 16px; vertical-align: middle;  }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {  margin-top: 0.188em; }

.slicknav_menu { *zoom: 1; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }

.slicknav_menu .slicknav_icon { float: left; height:30px; }
.slicknav_menu .slicknav_icon:before { content: ""; display: block; position: absolute; background: transparent; width: 1.125em; height: 0.875em; }
.slicknav_menu .slicknav_icon-bar { display: block; width:30px; height:4px; }
    
.slicknav_menu:before { content: " "; display: table; }
.slicknav_menu:after { content: " "; display: table; clear: both; }

.slicknav_nav { clear: both; }
.slicknav_nav ul { display: block; }
.slicknav_nav li { display: block; border-bottom:1px solid #555; font-size:16px; } 
.slicknav_nav li:last-child { display: block; } 
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a { display: inline; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block; }
.slicknav_nav .slicknav_parent-link a { display: inline; }

.slicknav_brand { float: left; }

.slicknav_menu { box-sizing: border-box; z-index:10; }
.slicknav_menu * { box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; }
.slicknav_menu .slicknav_icon-bar { background-color:#222; }

.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; }

.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; }
.slicknav_nav ul {  list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; }

.slicknav_nav a { padding:10px 10px; text-decoration: none; color: #000; }
.slicknav_nav a:hover,
.slicknav_nav a:active { background:#000; text-decoration:none; color:#FFF; opacity:1; }
    
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }

.slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }

header #gNav { display:none; }

}