/* ヘッダー・フッター */

.menu-text {
    display: block;
    font-size: 60%;
    margin: 5% 0 0;
}

.close-text {
    display: none;
}

.toggle-on .menu-text {
    display: none;
}

.toggle-on .close-text {
    display: block;
    font-size: 60%;
    margin: 5% 0 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span {
	background: #652532 !important;
}

.slide-menu {
	background: #652532 !important;
}

.menu-toggle {
	background-color: #652532 !important;
    }

.menu-toggle .lines {
    background: #fff !important;
}

.menu-toggle.x.toggle-on .lines {
    background: transparent !important;
}

.menu-toggle .lines:before,
.menu-toggle .lines:after {
    background: #fff !important;
}

.slide-menu .fa-square-instagram {
    color: #fff !important;
}

footer {
	background-color: #fff !important;
	text-align: left;
}

footer h5 {
	margin: 2% 25% -1% !important;
}

footer p {
	margin-left:25% !important;
}

.site-info {
	background-color: #652532 !important;
	color: #fff;
}

footer a {
    margin-right: 1%;
	text-decoration: underline;
}

.main-navigation li a {
    color: #fff !important;
}

.main-navigation a:before {
	background-color: #fff !important;
}

.main-navigation li {
    border-top: none !important;
}


/* コンテンツ */

.collage .title {
	background-image: url("/wp-content/themes/fujitsu/images/collage/topimage.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	height:480px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.content {
	width:750px;
	margin: 0 auto;
}

.wideContent {
	width:1100px;
	margin: 0 auto;
}

.txtContent {
	width:840px;
	margin: 0 auto;
}

.content p {
	text-align:left;
	font-weight: bold;
}

.txtContent p {
	text-align:left;
	font-weight: bold;
}

.txtContent p.fst {
	margin: 0;
}

.topList {
	font-weight: bold;
	text-align: left;
	margin: 0;
}

.resize img {
	zoom: .5;
}
.resizeA img {
	zoom: .7;
}

.scLink a {
    position: absolute;
    top: 12%;
    left: 0;
    width: 100%;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 100px;
}

.introWrapper {
	background-image: url("/wp-content/themes/fujitsu/images/collage/intro_bg.png?2018");
	background-repeat: repeat;
	text-align:center;
	padding:3% 0;
	z-index:1;
}

.introWrapper .introContent {
	background-image: url("/wp-content/themes/fujitsu/images/collage/intro_image-pc.png");
	background-repeat: no-repeat;
	text-align:left;
	width:1088px;
	margin:0 auto;
	background-position: bottom;
}

.introWrapper .introContent p {
	margin-left: 25%;
	font-weight: bold;
	font-size: 150%;
}

.detailLink {
	text-align:center;
	display:block;
}

.introWrapper .introContent .detailLink {
	text-align:center;
	display:block;
}

.introWrapper .detailLink {
	display:none;
}

.introWrapper h3　{
	text-align:center;
}

.osusumeWrapper {
	background-color: #FAB1A7;
	text-align:left;
	padding:3% 0;
	overflow-y: auto;
}

.osusumeWrapper h3 {
	text-align:center;
}


.osusumeWrapper .check {
	background-image: url("/wp-content/themes/fujitsu/images/collage/check.png");
	background-repeat: no-repeat;
	background-position: 5%;
    background-color: #fff;
    width: 650px;
    margin: 2% auto;
    text-align: left;
    padding: 2% 2% 2% 10%;
    font-weight: bold;
    font-size: 140%;
    border-radius: 10px;
}

.osusumeWrapper .gaiyouImg {
    float: right;
}

.osusumeWrapper .gaiyouContent {
    float: left;
	width:65%;
}

.osusumeWrapper .gaiyouContent .point {
    border: 3px solid #652532;
    border-radius: 10px;
    padding: 0 3%;
	background-color: #fff;
}

.osusumeWrapper .gaiyouContent p {
    font-weight: bold;
}

.osusumeWrapper .gaiyouContent .point p span {
    font-size: 120%;
    margin-right: 1%;
	color:#FFA500;
}

.course {
	background: -moz-linear-gradient(top, #007B0B, #009231);
	background: -webkit-linear-gradient(top, #007B0B, #009231);
	background: linear-gradient(to bottom, #007B0B, #009231);
	padding:1% 0;
}

.mercury {
	background:#0053B0 !important;
}

.venus {
	background:#DD4700 !important;
}

.next {
	background:#652532 !important;
	margin: 0 0 10%;
	font-size: 80%;
	text-align: center;
}

.course h3 {
	text-align: left;
	border-left: 10px solid #fff;
	color: #fff;
	font-weight:bold;
	padding-left: 10px;
	font-size: 150%;
	width:900px;
	margin: 0 auto;
}

.course h3 span {
	background-color: #fff;
	color:#000;
	padding: .5% 2%;
	border-radius: 20px;
	font-size: 60%;
	margin-left:3%;
	vertical-align: middle;
}

.course h4 {
	color: #fff;
	font-size: 140%;
	margin:0 3%;
}

.course h4 br {
	display:none;
}

.course h4 span {
    font-size: 80%;
    margin-right: 2%;
}

.courseWrapper {
	background-color: #C8E5A5;
	text-align:left;
	padding:3% 0;
	overflow-y: auto;
}

.courseWrapper .gaiyouTop {
    border: 1px solid #000;
    padding: 0 4%;
    display: inline-block;
    margin: 3% 0 2%;
}

.courseWrapper .gaiyou {
    background-color: #fff;
    width: 100%;
    margin: 0 auto 5%;
	text-align: left;
	font-weight:bold;
	padding: 2% 3% 2% 5%;
	overflow: auto;
}

.courseWrapper .detailLink {
	text-align: right;
	display:block;
	margin-top: -58px;
}

.courseWrapper .gaiyouImg {
    float: right;
}

.courseWrapper .gaiyouContent {
    float: left;
	width:60%;
}

.courseWrapper .gaiyouContentW {
    float: left;
	width:100%;
}

.courseWrapper .gaiyouContent span.privateM {
    font-weight: normal;
}

.courseWrapper .gaiyouContent span.mercuryPoint {
	color:#0090C4;
    margin-right: 1%;
}

.courseWrapper .gaiyouContent span.venusPoint {
	color:#FFA500;
    margin-right: 1%;
}

.courseWrapper .gaiyouContent span.point {
	color:#007B0B;
    margin-right: 1%;
}

span.week {
    font-size: 100% !important;
    margin-right: 0 !important;
    color: #000 !important;
    text-align: right;
    display: block;
}

.courseWrapper .cGaiyou {
    background-color: #F0F0F0;
    margin: 0 0 5%;
}

.courseWrapper .cGaiyou h5 {
    color: #fff;
    background-color: #009245;
    padding: 0 5%;
	font-size: 100%;
}

.courseWrapper .cGaiyou h5.standard {
    color: #fff;
    background-color: #009245;
    padding: 0 5%;
	font-size: 100%;
}

.courseWrapper .cGaiyou h5.easy {
    color: #fff;
    background-color: #0090C4;
    padding: 0 5%;
	font-size: 110%;
}

.courseWrapper .cGaiyou p {
    background-color: #F0F0F0;
    margin: 2% 3% 0 !important;
	display: inline-block !important;
	font-size:90%;
}

.courseWrapper .gaiyou p {
	margin: 0 0 2%;
}

.taikenWrapper {
	background-image: url("/wp-content/themes/fujitsu/images/collage/taiken_bg.png");
	background-repeat: repeat;
	text-align:center;
	padding:3% 0;
	z-index:1;
}

.taikenWrapper h4 {
	text-align: left;
	border-left: 10px solid #EB4B00;
	padding-left: 10px;
	margin: 0 0 1%;
	font-size: 150%;
}

.taikenWrapper .scheLink {
	font-size: 80%;
}

.taikenWrapper .scheLink a {
	text-decoration: underline;
	opacity:0.5;
}

.taikenWrapper h5 {
    color: #000;
    margin: 0 0 2%;
}

.taikenWrapper .calendar {
	background-color: #fff;
	width:100%;
	margin:0 auto;
	border: 3px solid #EB4B00;
}

.taikenWrapper .calendar p {
	text-align:left;
	margin:0;
}

.taikenWrapper .calendar .ai1ec-event-description p {
	text-align:center;
	font-weight: normal;
}

.ai1ec-agenda-view .ai1ec-event-summary-footer {
	display:none !important;
}

.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {
	font-size:150% !important;
}

.ai1ec-pull-left {
	display:none !important;
}

.contactWrapper {
	background-color: #EB4B00;
	text-align:left;
	padding:3% 0;
	overflow-y: auto;
}

.contactWrapper h4 {
	text-align: left;
	border-left: 10px solid #fff;
	padding-left: 10px;
	margin: 0 0 1%;
	color: #fff;
	font-size: 150%;
}

.txtContent .linkImg {
	width:47.5%;
	display:inline-block;
	vertical-align:top;
	margin: 2% 0 0;
}

.txtContent .linkL {
	float:left;
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin: 1% 0;
}

.txtContent .linkR {
	float:right;
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin: 1% 0;
}

.txtContent .linkL img,
.txtContent .linkR img {
	width:100%;
	display:block;
	margin:0 0 2%;
}

.txtContent .linkImg img {
	width:100%;
	display:block;
	margin:0 0 2%;
}


.newsWrapper {
	background-image: url("/wp-content/themes/fujitsu/images/collage/news_bg.png");
	background-repeat: repeat;
	padding:2% 0;
	text-align:center;
}

.newsWrapper .newsHeader {
    width: 840px;
    margin: 0 auto;
}

.newsWrapper .newsHeader h3 {
	text-align: left;
	border-left: 10px solid #E83525;
	color: #000;
	font-weight:bold;
	padding-left: 10px;
	font-size: 150%;
	display: inline-block;
	float: left;
}

.newsWrapper .newsHeader .newsRlink {
    float: right;
}

.scroll {
	clear: both;
	margin: 1% 0 2%;
}

.newsList {
	width:1100px;
	margin: 0 auto;
}

.newsList .newsItem {
	width:30%;
	display:inline-block;
	padding: 0;
	vertical-align:top;
	margin: 0 1%;
	background-color:#fff;
	border-radius: 10px;
	border: 1px solid #000;
}

.newsList .newsContent {
	padding:3%;
	height:190px;
	overflow: hidden;
}

.newsList .newsContent p {
	margin:0;
}

.newsList .newsContent p span {
	margin-left:10%;
	background-color: #FFABFF;
	padding:1% 3%;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
	clear:both;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    opacity: 1;
}

label {
	cursor: pointer;
}

.accessWrapper {
	height: 600px;
}

.accessArea {
	background-color: #9DD2F5;
	text-align:center;
	width: 60%;
	height:100%;
	margin: 0;
	float: left;
	text-align: left;
}

.accessInfo {
	width:65%;
	color: #000;
	font-weight: bold;
	margin: 3% 5% 3% auto;
}

.accessInfo h3 {
	text-align: left;
	border-left: 10px solid #00568C;
	color: #000;
	font-weight:bold;
	padding-left: 10px;
	font-size: 150%;
}

.accessInfo p {
	font-weight:bold;
	margin: 3% 0 3%;
}

.accessInfo p.addressP {
	font-size:120%;
}

.accessInfo .carInfo,
.accessInfo .busInfo,
.accessInfo .trainInfo {
	background-color: #fff;
	margin: 3% 0 3%;
	padding: 2% 2% 2% 15%;
	border-radius: 5px;
}

.accessInfo .carInfo h4,
.accessInfo .busInfo h4,
.accessInfo .trainInfo h4 {
	margin:0;
}

.accessInfo .carInfo {
	background-image: url("/wp-content/themes/fujitsu/images/collage/car.png");
	background-repeat: no-repeat;
	background-position: 3% 50%;
}

.accessInfo .busInfo {
	background-image: url("/wp-content/themes/fujitsu/images/collage/bus.png");
	background-repeat: no-repeat;
	background-position: 3% 50%;
}

.accessInfo .trainInfo {
	background-image: url("/wp-content/themes/fujitsu/images/collage/train.png");
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

.accessInfo .carInfo p,
.accessInfo .busInfo p,
.accessInfo .trainInfo p {
	margin:0;
}

.googleMap {
	float: right;
	width: 40%;
	height:100%;
}

.googleMap iframe {
	width:100%;
	height: 100%;
}

footer {
	background-image: url("/wp-content/themes/fujitsu/images/collage/footer_logo.png");
	background-repeat: no-repeat;
	background-position: 10% 8%;
}

@media screen and ( max-width: 48.9375em ) { /* 782px, mobile WP bar */
.collage .title {
	background-image: url("/wp-content/themes/fujitsu/images/collage/topimage.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	height:150px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
	
.site-title {
    background-position: 100% 30%;
}

.site-title img {
	zoom: .6;
}

.mResize img {
	zoom: .5;
}
	
.content,
.wideContent,
.txtContent {
	width:90%;
}

.scLink a {
    top: 25%;
    height: 350px;
}
	
.introWrapper .introContent {
	background-image: url("/wp-content/themes/fujitsu/images/collage/intro_image-mb.png");
	background-repeat: no-repeat;
	text-align:left;
	width:95%;
	margin:0 auto;
	background-position: bottom;
	background-size: contain;
	height:300px;
}

.introWrapper .introContent p {
	margin-left: 0;
	font-weight: bold;
	font-size: 100%;
}

.introWrapper .introContent .detailLink {
	display:none;
}

.introWrapper .detailLink {
	display:block;
	margin: 5% auto 0;
	width:90%;
}

.introWrapper h3 {
	text-align:center;
}
	
.osusumeWrapper .check {
	background-position: 3%;
	width: 100%;
	padding: 2% 2% 2% 15%;
	font-size: 120%;
}
	
.osusumeWrapper .check br {
	display:none;
}
	
.osusumeWrapper .gaiyouContent {
    float: inherit;
    width: 100%;
}
	
.osusumeWrapper .gaiyouContent .point {
    border: 5px solid #652532;
    border-radius: 15px;
    margin: 0 0 5%;
}
	
.courseWrapper .gaiyouContent,
.courseWrapper .gaiyouContentW {
    float: inherit;
    width: 97%;
}

.course {
	padding: 3% 0;
}
	
.courseH {
	padding: 3% 0 0 !important;
	height: 140px;
}
	
.course h3 {
	display: inline;
	margin: 0 5%;
}
	
.course h3 span {
	display: block;
	width: 90%;
	margin: 2% auto 0;
}
	
.course h4 {
	font-size: 100%;
	margin:0 3%;
}

.course h4 br {
	display:block;
}
	
.course h4 span {
	display:block;
}
	
.courseWrapper label.detailLink img {
    width: 35%;
}
	
.courseWrapper .detailLink {
	margin-top: -65px;
}
	
.courseWrapper .gaiyou {
    margin: 5% auto;
}
	
.courseWrapper .cGaiyou h5 {
    max-width: 100%;
    font-size: 100%;
}
	
.courseWrapper .gaiyouImg {
    float: inherit;
    width: 97%;
}
	
.txtContent .linkL,
.txtContent .linkR {
	float: inherit;
	width: 100%;
}
	
.newsWrapper .newsHeader {
    width: 90%;
    margin: 0 auto;
}
	
.scroll {
	overflow-x:scroll;
	width:100%;
	height: 400px;
	-webkit-overflow-scrolling: touch;
}
	
.newsList .newsItem {
	width: 36%;
	float: left;
}
	
.taikenWrapper h4 {
	font-size: 125%;
}
	
.contactWrapper h4 {
	font-size: 125%;
}
	
.content .linkImg {
	width:100%;
	margin: 2% 0;
}
	
.accessWrapper {
	height: auto;
}
	
.accessArea {
	width: 100%;
	float: inherit;
}
	
.accessInfo {
	width: 90%;
	left:0;
	margin: 0 auto;
	padding:2%;
	float: inherit;
}
	
.accessInfo p.addressP {
	font-size: 100%;
}
	
.accessInfo .carInfo,
.accessInfo .busInfo,
.accessInfo .trainInfo {
	padding: 2% 2% 2% 22%;
	font-size: 80%;
}
	
.accessInfo .carInfo h4,
.accessInfo .busInfo h4,
.accessInfo .trainInfo h4 {
	font-size: 120%;
}


.accessInfo .carInfo p br,
.accessInfo .busInfo p br,
.accessInfo .trainInfo p br {
	display: none;
}


.googleMap {
	float: inherit;
	width: 100%;
}
	
.googleMap iframe {
	height: 200px;
	margin-bottom: 0 !important;
}
	
footer {
	background-position: 2% 8%;
	background-size: 30%;
}
	
footer h5 {
	margin: 6% 3% -1% 35% !important;
	font-size: 90% !important;
}
	
footer p {
	margin-left: 35% !important;
	font-size: 70% !important;
}



}