/*
Theme Name: First Responsive Course 25
Author: FRC TEAM
Description: MADE IN OS CORPORATION
Version: 1.0
*/

@charset "utf-8";




/* **************************************************** */
/* Header
/* **************************************************** */

#Header {
	background-color: #000;
}
.header1 {
	height: 65px;
}
.header1 .container {
	position: relative;
}
.header1 #Logo {
	float: left;
	padding-top: 7px;
	margin-right: 15px;
}
.header1 h1 {
	font-size: 100%;
	padding-top: 25px;
	color: #FFF;
	width: 51%;
	text-align: left;
}
@media screen and (max-width : 800px) {
	.header1 h1 {
		width: 45%;
	}
}


.header1 #Header-right {
	position: absolute;
	border-right: 1px solid #1B1B1B;
	right: 0px;
	top: 0px;
}

.header1 #Header-contact {

}
/*.header1 #Header-tw {
	border-right: 1px solid #1B1B1B;
}*/
.header1  #Header-right ._box {
	display: block;
	border-left: 1px solid #1B1B1B;
/*	border-right: 1px solid #1B1B1B;*/
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	height: 65px;
	padding-top: 25px;
	color: #ACB0C0;
	text-decoration: none;
/*	font-size: 142%; */
/*	font-size: 125%; */
	color: #FFF;
}



.header1  #Header-right ._box a {
	font-size: 125%;
}
.hidden-xs #Header-right .social {
	border-right: 1px solid #1B1B1B;
}

#frc25-pc-header {
	background-color: #000;
}
#frc25-pc-header .header-main {
	display: table;
}
#frc25-pc-header ._left,
#frc25-pc-header ._right {
	display: table-cell;
	vertical-align: middle;
}
#frc25-pc-header ._left {
	width: 60%;
}
#frc25-pc-header ._right {
	width: 40%;
}
#frc25-pc-header #Header-right-main ul {
	display: table;
	margin-left: auto;
	width: auto;
	border-left: 1px solid #1B1B1B;
}
#frc25-pc-header #Header-right-main li {
	display: table-cell;
	padding: 0 33px;
	border-right: 1px solid #1B1B1B;
	vertical-align: middle;
	height: 65px;
}
@media screen and (max-width : 991px) {	#frc25-pc-header #Header-right-main li { padding: 0 25px; } }
@media screen and (max-width : 850px) {	#frc25-pc-header #Header-right-main li { padding: 0 20px; } }
#frc25-pc-header #Header-left-main {
	display: table;
	width: auto;
	margin-right: auto;
}
#frc25-pc-header #Logo-wrapper,
#frc25-pc-header h1 {
	display: table-cell;
	width: auto;
	padding: 0 10px;
}
#frc25-pc-header #Logo-wrapper img {
	max-width: 100%;
}

ul#sp-social-icon {
	display: table;
	width: 96%;
	margin: 0 auto;
	margin-bottom: 15px;
}
ul#sp-social-icon li {
	display: table-cell;
	vertical-align: top;
}
ul#sp-social-icon li span {
	display: table;
	width: 98%;
	background-color: #333;
}
ul#sp-social-icon li span a {
	display: table-cell;
	text-align: center;
	height: 40px;
	vertical-align: middle;
}
ul#sp-social-icon li.icon-fb span {
	margin-right: auto;
}
ul#sp-social-icon li.icon-tw span {
	margin-left: auto;
}










/* smartphone
/* **************************************************** */

.header2 #Logo img {
	max-width: 80%;
}
.header2 #Header h1 {
	font-size: 100%;
	color: #FFF;
	text-align: left;
	margin-top: 5px;
	padding-bottom: 5px;
}
.header2 #Logo img {
	margin: 5px 5px 5px 15px;
}

.header2 .container {
	padding-top: 10px;
}

.header2 #Social-bt {
}
.header2 #Social-bt ._box {
	float: left;
	text-align: center;
	background-color: #111;
	margin: 2%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.header2 #Social-bt.no_column ._box {
	display: none;
}
.header2 #Social-bt.one_column ._box {
	width: 96%;
}
.header2 #Social-bt.two_column ._box {
	width: 46%;
}

.header2 #Header-tleft {
	float: left;
	width: 40%;
	padding-top: 5px;
}
/*.header2 #Header-tright {
	float: right;
	width: 60%;
	padding-top: 5px;
}*/
/*@media screen and (max-width : 991px) {
	.header2 #Header-tright {
		padding-top: 15px;
	}
}
*/


.header2 #Header-tright ._box a {
	display: block;
/*	color: #ACB0C0;*/
	text-align: left;
/*	border-bottom: 1px solid #111;*/
	width: 100%;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 125%;
}



.tel-sp {
	display:none;	
}
.tel-sp a {
	color:#acb0c0;
	text-decoration:none;
}
.tel-sp a:hover {
	text-decoration:underline;
}


/* **************************************************** */
/* Bread-crumb
/* **************************************************** */

#Bread-crumb {
	padding-top: 20px;
	padding-bottom: 10px;
}
#Bread-crumb,
#Bread-crumb a {
	font-size: 14px;
}
@media screen and (max-width : 991px) {
	#Bread-crumb {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 20px;
	}
}



/* **************************************************** */
/* Navigation
/* **************************************************** */

/*div.hidden-xs ul.nav {
	display: table;
	width: 100%;
}
div.hidden-xs ul.nav li {
	float: none;
	display: table-cell;
	position:relative;
}
div.hidden-xs ul.sub-menu {

	display: none;
	z-index: 9999;
	position: absolute;
}
div.hidden-xs ul.sub-menu li {
	display: block;
}
div.hidden-xs ul.sub-menu li a {
	display: block;
	text-align: center;
	padding: 7px;
	border: 1px solid #9B9999;
	text-decoration: none;
	color: #9B9999;
	background-color: #000;
}
div.hidden-xs ul.sub-menu li ul.sub-menu {
    position:absolute;
    width: auto;
    left:0px;
    top:0;
}

.navbar-default {
	border: none;
	background:#040000;
	padding:12px 0 9px;
	position:relative;
	z-index:9999;
}

.navbar-default .navbar-nav > li {
	float: left;
	position: relative;
	padding:1px 0 2px;
	border-right: 1px solid transparent;
}
.navbar-default .navbar-nav > li:first-child {
	border-left: 1px solid transparent;
}
.navbar-default .navbar-nav > li + li {

}
.navbar {
	border-radius:0;	
	margin-bottom:0;
}
.navbar-default .navbar-nav > li > a {
	color: #d8dae3;


	padding:0 35px;
	line-height:40px;
	border:3px solid transparent;
	display:inline-block;
	text-shadow:none;
	width: 100%;
}

.navbar-default .navbar-nav > li a {

	font-size: 117%;
}
.navbar-default .navbar-nav > li > a:hover {
	border:3px solid #9b9999;
	color: #d8dae3;
}
.menu-sp {
	display: none;
}
.f-menu-sp {
	display: none;
}
.menu-close {
	display: none;
}


ul.sub-menu li {}

.visible-xs ul li {
	cursor: pointer;
}

.visible-xs ul.sub-menu {
	display: none;
}

.visible-xs ul.sub-menu li {
	border: none;
	padding-bottom: 7px;
	border-top: 1px dashed #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.visible-xs ul.sub-menu li a {
	color: #FFF;

}

.visible-xs ul.navbar-nav li {

}

.visible-xs ul.sub-menu li.icon-smenu {
	background-image: url('images/common/sub1.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	padding-left: 20px;
}
.visible-xs ul.sub-menu li.icon-smenu:last-child {
	background-image: url('images/common/subLast.png');
}

.visible-xs ul.sub-menu ul.sub-menu {
	display: inherit;
}
.visible-xs ul.sub-menu ul.sub-menu li {
	border-top: none;
	padding-bottom: 0px;
}



.hidden-xs #Header-gnavi.have-nav-subttl {
	padding: 5px 0 9px;
	height: 70px;
}
.hidden-xs #Header-gnavi.have-nav-subttl li.menu-item {
	position: relative;
}
.hidden-xs #Header-gnavi.have-nav-subttl li.menu-item a {
	margin-top: 2px;
	height: 55px;
}
.hidden-xs #Header-gnavi.have-nav-subttl li.menu-item .nav-subttl {
	display: block;
	line-height: 0px;
	font-size: 10px;
}
.hidden-xs #Header-gnavi.have-nav-subttl  .sub-menu li.menu-item {
	position: relative;
}
.hidden-xs #Header-gnavi.have-nav-subttl  .sub-menu li.menu-item a {
	margin-top: inherit;
	height: inherit;
}
.sub-menu .nav-subttl {
	display: none;
}*/




/* **************************************************** */
/* Navigation2
/* **************************************************** */

.nav1-1 {
	background-color: #000;
	padding-top: 5px;
	height: 70px;
}

.nav1-1 ul {
	display:table;
	width: 100%;
}
.nav1-1 li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position: relative;
	border-left: 1px solid transparent;
	height: 60px;
	width: 1%;
}
.nav1-1 li:last-child {
	border-right: 1px solid transparent;
}
.nav1-1 li a {
	display: block;
	font-size: 13px;
	position: absolute;
	top: 0px;
	padding-top: 17px;
	padding-bottom: 5px;
	width: 96%;
	left: 2%;
	height: 60px;
	border: 3px solid transparent;
	text-decoration: none;
}
.nav1-1.have-nav-subttl li a {
	padding-top: 10px;
}

.nav1-1 li a:hover {
	border: 3px solid #FFF;
	color: #FFF;
}

.nav1-1 li .nav-subttl {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 11px;
}
.nav1-1 ul.sub-menu {
	position: absolute;
	top: 60px;
	z-index: 999;
	display: none;
}
.nav1-1 ul.sub-menu li {
	display:inherit;
	width: 100%;
	border: none;
	background-color: #000;
	margin-top: 1px;
}
.nav1-1 ul.sub-menu li:first-child {
	margin-top: 6px;
}
.nav1-1 ul.sub-menu ul.sub-menu {
	left: 0px;
	top: -6px;
}

#Header-gnavi3 {
	/*position: absolute; */
	width: 100%;
}
#Header-gnavi3 .container {
  padding-left: 0;
  padding-right: 0;
}

/* Tablet SP
*********************************************************/

.nav1-2 {
	background-color: #000;
	text-align: center;
  border: none;
  background: #040000;
  padding: 12px 0 9px;
  position: relative;
  z-index: 9999;
}


.nav1-2 .navigation3 {
	display: none;
/*	background-color: #222;*/
}

.nav1-2 .menu-sp3 span {
  font-size: 167%;
  display: inline-block;
  vertical-align: middle;
}

.nav1-2 .navigation3 li {
	font-size: 14px;
	padding-top:   10px;
	padding-bottom:10px;
	border-bottom: 1px dashed #FFF;
	padding-left: 10px;
	padding-right: 10px;
}

.nav1-2 .navigation3 li a {
	display: block;
	text-align: left;
}
.nav1-2 .navigation3 ul.sub-menu {
	padding-top: 5px;
	display: none;
}
.nav1-2 .navigation3 ul.sub-menu li {
	border: none;
	padding: 0px; 
	padding-left: 10px;
	padding-bottom: 10px;
}
.nav1-2 .navigation3 ul.sub-menu li a {
	background-image: url('images/common/sub1.png');
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 25px;
	border: none;
}
.nav1-2 .navigation3 ul.sub-menu li:last-child {
	padding-bottom: 0px;
}
.nav1-2 .navigation3 ul.sub-menu li a:last-child {
	background-image: url('images/common/subLast.png');
}

.nav1-2 .menu-sp3 {


  display: block;
  text-align: center;
  color: #FFF;
  cursor: pointer;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 5px 10px;
}
.nav1-2 .menu-sp3 i {
  font-size: 2.5em;
  margin-left: 10px;
  vertical-align: middle;
}
.nav1-2 .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
}

.nav1-2 .menu-close3 {
/*	padding: 7px 0;*/
	font-size: 18px;
	cursor: pointer;
	padding-top: 12px;
	padding-bottom: 0px;
}
.nav1-2 .menu-close3 i {
    font-size: 1.3em;
    margin-left: 10px;
    vertical-align: middle;
}

/* 画面中央の幅調整 */
@media screen and (max-width : 991px) {
	img.mv-txt2-main {
		max-width: 50%;
	}
}


/* **************************************************** */
/* Footer
/* **************************************************** */

#Footer {
/*	background: #0e0d0d;*/
	position: relative;
}

#Footer-middle {
    padding-top: 32px;
    padding-bottom: 20px;
}

#Footer-logo {
	max-width: 95%;
}

/* **************************************************** */
/* Footer-nav
/* **************************************************** */

.nav2-1 ul.nav-list {
	display: table;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.nav2-1 ul.nav-list li {
	display: table-cell;
	padding: 10px; 
}
#Footer-top {
/*	padding-top: 10px;*/
	height: 55px;
}









/* **************************************************** */










.info-ftr {
	padding:40px 0;
}

.info-ftr p {
	color:#ede5e5;
	font-size:109%;
	line-height:19px;
}
#Copyright {
	font-size: 92%;
	color: #ede5e5;
	background: #070505;
	padding: 10px 0;
	width: 100%;
	text-align:center;
}
.f-menu-close {
	display: none;
}
#Page-top {
	position:fixed;
	bottom:50px;
	right:50px;
	color:#fff;
	cursor: pointer;
}
/*media query（1200以下）*/ 
@media screen and (max-width : 1200px) {
	.container {
		max-width: 1170px;
		width: 100%;
	}
}


@media screen and (max-width : 992px) {	
	h1 {
		margin-left:20px;
	}
}
/*media query（768以下）*/ 
@media screen and (max-width : 767px) {
		.info-ftr {
		text-align:center;
		padding:10px 0;
	}
	.info-ftr li {
		margin-bottom:15px;
	}
}


/*初期設定*/

p, a, h1, h2, h3, h4, h5, h6 td, dd, dt {
/*	font-size: 125%;*/
	font-size: 12px;
}


/* 下層ページ　メイン画像 */
#Mainvisual2 {
	background-color: #000;
	text-align: center;
}

#Post-page {
	padding-top: 20px;
	padding-bottom: 50px;
/*	margin-left: 15px;
	margin-right: 15px;*/
}
@media screen and (max-width: 991px) {
	#Post-page {
		padding-top: 0px;
	}
}
/*.m-title {
	font-size: 150%;
}
@media screen and (max-width: 768px) {
	.m-title {
		font-size: 100%;
	}
}*/

/*サイトマップ出力*/
ul#sitemap_list > li {
	border-bottom: 1px dashed #999;
	padding: 10px 5px;
}
ul#sitemap_list > li li {
	list-style-type: disc;
	list-style-position: inside;
}

/* **************************************************** */
/* Content-body
/* **************************************************** */

#Content-body,
#Content-body th,
#Content-body td,
#Content-body p {
/*	font-size: 12px;*/
	line-height: 1.5;
}

/* **************************************************** */
/* gallery
/* **************************************************** */

.gallery-caption {
  padding-top: 10px;
/*  text-align: left;*/
}

/* **************************************************** */
/* Whats News
/* **************************************************** */

div.list-style1 {
/*	margin: 15px;*/
	border-top: 1px solid #DDD;
	padding-top: 12px;
}
div.list-style1 a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
div.list-style1 dl {
	position: relative;
	border-bottom: 1px dotted #DDD;
}
div.list-style1 dl dt,
div.list-style1 dl dd {
	/*border-bottom: 1px dotted #DDD;*/
	padding-bottom: 9px;
	padding-top: 9px;
	/*margin-bottom: 9px;*/
}
div.list-style1 dl dt {
	position: absolute;
	width: 120px;
}
div.list-style1 dl dd {
	padding-left: 120px;
	width: 100%;
}



.sp-hidden,
.only-pc,
.only-sp,
.tablet-below,
.tablet-above {
	display: none;
}

.news-ttls a, .news-ttls2 a, .news-more a {
	display: block;
	text-decoration: none;
	padding: 18px 0;
	position: relative;
}
.news-ttls a i.fa, .news-ttls2 a i.fa {
	position: absolute;
	right: 18px;
	top: 18px;
	font-size: 18px;
}
.news-ttls2 a {
	padding-left: 100px;
	position: relative;
}
.news-ttls2 span {
	display: block;
	position: absolute;
	top: 18px;
	left: 0px;
}

.news-more a i.fa {
	font-size: 18px;
}



/* 992px 以上の場合　Only PC
************************************************/
@media screen and (min-width: 992px) {
	.only-pc {
		display: inherit;
	}
}

/* 768px 以上の場合　SP サイズ以上
************************************************/
@media screen and (min-width: 768px) {
	.tablet-above {
		display: inherit;
	}
}

/* 991px 以下の場合 Tablet　サイズ以下
************************************************/
@media screen and (max-width: 991px) {
	p, a, h1, h2, h3, h4, h5, h6 td, dd, dt {
		font-size: 100%;
	}
	.tablet-below {
		display: inherit;
	}
	/* ブートストラップ初期値の無効化 */
	.navbar {
		min-height: inherit;
	}
	.navbar-default {
/*		padding: 0px;*/
	}
}

/* 767px以下の場合 SP　サイズ以下（SPの場合）
************************************************/
@media screen and (max-width: 767px) {

 .only-sp {
 	display: inherit;
 }
	#Content3 ul {
/*		width: 390px;*/
		margin-left: auto;
		margin-right: auto;
	}
}


/* 991px ～ 768px の場合
************************************************/
/*@media screen and (max-width : 991px) {*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	#Content3-2 p {
		font-size:100%;
	}
	#Content3-2 .s-title {
		font-size:200%;
	}
	#Content3-2 .inner {
		top: 30px;
	}
}
/* 767px ～ 320px の場合
************************************************/
/*@media screen and (max-width : 767px) {*/
@media screen and (min-width: 320px) and (max-width: 767px) {

	/*バナーサイズ設定*/
	#Content3 li {
		margin-bottom: 5px;
	}
}
/* 319px以下の場合
************************************************/
@media screen and (max-width : 319px) {

}



/* 768px以下の場合
************************************************/
@media screen and (min-width : 767px) {

	.pc-hidden {
		display: none;
	}
	.sp-hidden {
		display: inherit;
	}

}

/* 360px以下の場合
************************************************/
@media screen and (min-width : 360px) {

}



/* **************************************************** */
/* Sidebar
/* **************************************************** */
.sidebar {
	padding-top: 10px;
}

section.widget {
	margin-bottom: 30px;
}

section.widget h3 {
	font-size: 14px;
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width : 767px) {
	section.widget h3 {
		text-align: center;
	}
}
section.widget ul {
/*	padding: 3px;*/
}
section.widget li {
	display: block;
	border-bottom: 1px dashed #666;
	padding-bottom: 8px;
	margin-bottom:  8px;
}
/*section.widget li a {
	color: #666;
}*/
section.widget ul.children li {
	padding-left: 10px;
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-image: url(images/common/sub1.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	margin-left: 3px;
}
section.widget ul.children li:last-child {
	background-image: url(images/common/subLast.png);
}

section.widget_nav_menu ul li {}
section.widget_nav_menu ul.sub-menu {
	padding-top: 5px;
}
section.widget_nav_menu ul.sub-menu li {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(images/common/sub1.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 3px;
}
section.widget_nav_menu ul.sub-menu li:last-child {
	background-image: url(images/common/subLast.png);
}

/* calendar */
section.widget_calendar caption {
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
}

section.widget_calendar table {
	width: 100%;
}
section.widget_calendar table tbody {
}
section.widget_calendar table td,
section.widget_calendar table th {
	text-align: center;
	padding: 3px;
}




#Contant2-header {
	padding: 25px 0;
}


.icon-arrow a {
	background-image: url(images/preset/arrow03.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 12px;
}

#No-page {
	font-size: 18px;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
}

.post textarea,
.post input[type="text"],
.post input[type="password"],
.post input[type="email"] {
	width: 100%;
}
@media screen and (max-width: 360px) {
	.post textarea,
	.post input[type="text"],
	.post input[type="password"],
	.post input[type="email"] {
		width: 95%;
	}
}

/* ギャラリーのカスタマイズ */
.my-gallery .gallery-item {
  padding: 3px;
}
.my-gallery .gallery-item img {
  border: none !important;
  width: 100%;
  height: 100%;
}




#Header-top {
	display: table;
	width: 100%;
	height: 60px
}
.header2 #Header-tleft {
	width: 200px;
	padding-top: 5px;
	position: absolute;
}
.header2 #Header-tright {
  padding-left: 200px;
}