@charset "UTF-8";

/*----------------------------------------------------
	☆for SP
----------------------------------------------------*/
@media only screen and (max-width: 800px) {


body{
  min-width: 100%;
  overflow-x: hidden;
}

.w80 {
	width: 90% !important;
}

.spDisp{ display: block!important;}
.spHide{ display: none!important;}
.spImg{ max-width: 100%;}

br.clear_noie.spHide,
div.clear_noie.spHide{
	 display: none!important;
}


.outline {
	text-shadow: -1px -1px #FFF,1px -1px #FFF,-1px 1px #FFF,1px 1px #FFF;
 /* for IE */
 	filter:dropshadow(color=#FFFFFF,offX= 0,offY=-1)
    dropshadow(color=#FFFFFF,offX= 1,offY= 0)
    dropshadow(color=#FFFFFF,offX= 0,offY= 1)
    dropshadow(color=#FFFFFF,offX=-1,offY= 0);
}

#topcontrol{ display: none;}

#scroll{
	display: block;
	background-color: #ffc5e0;
	text-align: center;
}

#scroll a{
	display: block;
	padding: 10px 0;
}

#scroll img{
	width: 30%;
}

hr{
	padding-top: 180px;
	margin-top: -180px;
}

.adBottom {
	color: #fff;
	line-height: 1.5;
	margin-bottom: 60px;
}

/*----------------------------------------------------
	☆float
----------------------------------------------------*/

.fltL, .fltR{
	float: none;
	text-align: center;
}

.fltImgL,
.fltImgR {
	float:none;
	margin:0;
	text-align: center;
}

.fltImgL img,
.fltImgR img{
	max-width: 100%;
	margin-bottom: 5px;
}

/*----------------------------------------------------
	☆Header
----------------------------------------------------*/

#header br.all{
	display: none;
}
.lang{
	display: none;
	float: none;
	position: absolute;
	right: 70px;
	top: 23px;
	margin-top: 0;;
}
.lang a{
	font-size: 80%;
	padding: 5px 1em;
}

.spMenu{
	background: #000;
	cursor: pointer;
	display: block;
	height: 60px;
	width: 60px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1010;
}
.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: 23px;
    position: absolute;
    left: 18px;
	-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: 'Josefin Sans', sans-serif;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 9px;
	font-size: 9px;
}
.spMenu span:nth-of-type(1) { top: 13px; }
.spMenu span:nth-of-type(2) { top: 23px; }
.spMenu span:nth-of-type(3) { top: 33px; }
.spMenu.active{
	height:60px;
	width: 60px;
}
.spMenu.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.spMenu.active span:nth-of-type(2) {
	opacity: 0;
}
.spMenu.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}


#gNav{
    height: 100%;
    height: 100vh;
	width:100%;
    left: 0;
    top: -412px;
	z-index: -1;

	display: block;
	visibility: hidden;
    position: fixed;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    overflow-y: scroll;
}
#gNav.active{
    opacity: 1;
	visibility: visible;
	top: -20px;
	padding-top: 70px;
 	width:100%;
	z-index: 990;
}
#gNav #spBg{
	background: rgba(0,0,0,0.8);
    height: 100%;
    height: 100vh;
    width: 500%;
    position: fixed;
	right: -50%;
    top: 0;
    z-index: -1;
    opacity: 0;
	transition: all 550ms ease 0.25s;
	pointer-events: none;
}
#gNav.active #spBg{
	right: 0;
    opacity: 1;
	pointer-events: auto;
}
#gNav ul{
	position: relative;
	z-index: 1;
}
#gNav ul li{
	border-bottom: 1px solid #FFF;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}
#gNav ul li::after{
	display: none;
}
#gNav ul li a{
	text-align: right;
	display: block;
	line-height: 1.2;
	padding: 12px 1em;
}
#gNav ul li.navHover{
	padding: 10px 0;
}
#gNav ul li.navHover a{
	display: inline;
}

	#gNav ul.subNav{
		display: block;
		background: transparent;
		position: static;
		overflow: hidden;
		margin-top: 5px;
		padding: 0 1em;
	}
	#gNav ul.subNav li{
		border-bottom: 1px solid #CCC;
		display: inline;
		text-align: center;
		padding: 10px 0;
	}
	#gNav ul.subNav li.last::before{
		content: '／';
		color: #FFF;
	}
	#gNav ul.subNav li a{
		font-size: 80%;
		padding: 11px 0 10px;
		letter-spacing: 0;
		text-align: center;
	}
	#gNav ul.subNav li a:hover{
		background: #333;
	}


#gNav .lanNavSp{
	overflow: hidden;
	margin: 20px auto 0;
	width: 90%;
}
#gNav .lanNavSp li{
	float: left;
	border: 1px solid #FFF;
	margin-right: 4%;
	width: 22%;
}
#gNav .lanNavSp li.last{
	margin-right: 0;
}
#gNav .lanNavSp li a{
	display: block;
	text-align: center;
	font-size: 100%;
	padding: 18px 0;
	width: 100%;
}
#sideBtn{
	display: none;
}


/*-- SPNAV --*/

#spNav{
	background-color: #ffc5e0;
	box-shadow:1px 0px 14px -4px #cccccc inset;
-moz-box-shadow:1px 0px 14px -4px #cccccc inset;
-webkit-box-shadow:1px 0px 14px -4px #cccccc inset;
}

#spNav .closeBtn{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 3%;
	text-align: right;
}

#spNav .closeBtn i{
	color: #FFF;
	cursor: pointer;
	font-size: 3.8rem;}

#spNav nav ul li{
	border-bottom: 1px solid #999999;
}

#spNav nav ul li.first{
	border-top: 1px solid #999999;
}

#spNav nav ul li a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	display: block;
	padding: 20px 15px;
}

#spNav nav ul li a:hover{
	background-color: #e85f9a;
	text-decoration: none;
}



/*----------------------------------------------------
	☆CONTENTS
----------------------------------------------------*/
.introBox {
    width: 100%;
}

.introTxt {
	width: 90%;
}

.introTxt02 {
    float: none;
    text-align: left!important;
    margin-top: 0;
    width: 100%;
}

.contentsImg {
    position: static;
}

.topDetailTbox {
	top: 0;
    position: relative;
}

.topDetailInfo {
    margin-bottom: 30px;
}

.yugeGal {
	width: 90% !important;
}


/*
section {
	margin:0 auto;
	width:100%;
}

#main {
	float:none;
	margin: 0 5% 60px; 
	width:auto;
}


#sideNav {
	float:none;
	width:100%;
}


span#section{
	font-size: 0 !important;
    line-height: 0 !important;
    visibility: hidden !important;
	margin: 0;
	padding: 0;
	display: block;

	margin-top: -90px;
	padding-top: 90px;
}*/


/*----------------------------------------------------
	☆FOOTER
----------------------------------------------------*/

/*-- FOOTER --*/

#footer {
	background-color: #FFF;
	padding-top: 0!important;
	width:100%;
}
#footer div {
	margin:0 auto;
	width:100%!important;
}
#footer > div {
	width: 90%!important;
}

#footer div table.ftrTable01,
#footer div table.ftrTable02{
	width: 100%!important;
}

#footer div table.ftrTable01 tr:nth-child(2) td,
#footer div table.ftrTable02 tr:nth-child(2) td{
	padding-top: 10px;
}

#footer div table{
	width: 100%!important;
}

.ftrLinks .linkBtn a{
	display: block;
	padding: 15px 1em 13px;
	width: 100%;
}

#footer .column {
	display: none;
}

#footer p.logo{
	display: none;
}

#footer p.info{
	font-size: 1.1rem;
	margin: 0 5%;
	text-align: left;
	width: auto;
	padding-top: 0;
	line-height: 1.4;
}

#footer p{
	font-size: 1.1rem;
	text-align: center;
}

.ftrTable01, .ftrTable02 {
	float: left;
	margin-bottom: 20px;
	text-align: left !important;
}

.ftrLinks {
	margin: 0 auto;
}

ul.icons li {
    width: 20%;
 }
ul.icons li a {
    margin: 0 5px;
}
/*-- COPYRIGHT --*/

small#copyright {
/*	background-color:#ffb2d6;
*/	display:block;
	font-size:1.1rem!important;
	padding:10px 0;
/*	padding-bottom: 50px;*/
	text-align:center;
	width:100%;
}




#ftDepartment{
	margin: 0 5%;
	width: auto;
	padding: 5% 0;
}

#ftDepartment h2.head02{
	margin-bottom: 20px;
}

#ftDepartment ul{
	margin: 0;
	width: 100%;
}

#ftDepartment ul li{
	float: none;
	margin-bottom: 0;
	margin-right: 0;
	text-align: center;
	width: 100%;
}

#ftDepartment ul li img{
	max-width: 80%;
}

#ftIcon{
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 300;
	width: 100%;
}

#ftIcon li{
  float: left;
  line-height: 0;
  width: 16.66666666%;
}

#ftIcon li a{
  display: block;
}

#ftIcon li img{
  width: 100%;
}

#contents p.pager a {
    border: 1px solid #CCC;
    color: #ff7f7f;
    display: inline-block;
    line-height: 1;
    margin: 0 2px;
    padding: 4px 6px;
    text-decoration: none;
}

.cmn_contact {
	padding: 30px 12px 10px;
	width: 90% !important;
}

.cmn_contact h4 img {
	height: auto;
	width: 100%;
}

.cmn_contact p {
	font-size: 1.8rem;
}
.cmn_contact .phone {
font-size: 2.0rem;}

.cmn_contact #btmContact li {
	float: none;
}

/*----------------------------------------------------
	☆box
----------------------------------------------------*/

#contents .bscBox01{
	border: 4px solid #CCC;
	padding: 5%;
}
#contents .bscBox02{
	padding: 5%;
}


/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/

.bscBtn01 a {
	background: url(/lib/cmn_img/bg_pattern_02.gif) left top repeat;
	border: 2px solid #FF7F7F;
	display:block;
	text-align: center;
	color: #FF7F7F;
	font-weight: bold;
	padding:15px 0;
	width: 100%;
	line-height:140%;
	text-decoration:none;
}

.bscBtn02 a {
	background: url(/lib/cmn_img/bg_pattern_02.gif) left top repeat;
	border: 2px solid #FF7F7F;
	display:block;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: bold;
	padding:15px 0;
	width: 100%;
	line-height:140%;
	text-decoration:none;
}


/*----------------------------------------------------
	☆Top_Gallery
----------------------------------------------------*/

.galleryTop {
	padding: 60px 5% 30px !important;
	text-align: center;
}

.galleryTop h2.galleryTtl {
	font-size: 1.5em;
	width: 100% !important;
}

.galleryTop img{
	width: 100% !important;
}

.galleryTop .galImg02 {
	margin-top: 30px !important;
}

section div.galleryTop table th,
section div.galleryTop table td,
section div.galleryTop th,
section div.galleryTop td {
	display: block;
	font-size: 1.1rem;
	margin: 0;
	padding:10px 3%;
	width: 100%!important;
}

#top03 table.accessInfo td,
/*#top03 table.accessInfo th,
*/#top03 table.accessInfo td {
	display: block;
	font-size: 1.1rem;
	margin: 0;
	padding:10px 3%;
	width: 100%!important;
}


/*----------------------------------------------------
☆head
----------------------------------------------------*/
#contents section#ttlArea {
	margin-bottom: 15px; 
	}

.head03 {
	background: none;
	font-size: 1.8rem;
	text-align: center;
}
.head03 span {
	display: block;
}

.head03 span:before {
	margin-right: 8px;
	height: 24px;
	width: 24px;
}
.head03 span:after {
	margin-left: 8px;
	height: 24px;
	width: 24px;
}

.head_pink {
	font-size: 1.6rem;
	}
	
.ti_pink {
	font-size: 1.4rem;
	}
	
.ttl_flag {
	background-size: inherit;
	margin-bottom: 12px;
}	
	
.ttl_flag span {
font-size: 1.8rem;
}	
	
/*----------------------------------------------------
	☆box
----------------------------------------------------*/

#contents .box_pink {
  padding: 5%;
}
#contents .box_pink img {
	height: auto;
	width: 100%;
}

/*----------------------------------------------------
	☆contents
----------------------------------------------------*/
/*opencampus*/

#contents .event5Box{
	border: 2px solid #ee4b19;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	/*background: url(/lib/cmn_img/bg_border_sp.jpg) left top repeat #FFF;
	background-size: contain!important*/;
	height: auto;
	padding: 5%; 
}


#contents .event5Box h3{
	margin: 0;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
}

#contents .event5Box h3 img{
	max-width: 350px;
	width: 100%;
}

#contents .event5Box ul li{
	margin-bottom: 20px;
	margin-right: 0;
	width: 33.3333333333333%;
	position: relative;
}

#contents .event5Box ul li p{
	font-size: 1.0rem;
	height: 20px;
	letter-spacing: 0;
}

#contents .event5Box ul li img{
	width: 100%;
}

#contents .event5Box ul li+li+li+li+li{
	padding-right: 0;
}

#contents .event5Box ul li.last{
	background: none;
	margin-right: 0;
	padding-right: 0;
}

#contents .event5Box ul li.last img{
	width: 91.5%;
}

#contents .event5Box ul li+li+li+li+li::after{
	background: url(/lib/cmn_img/bg_5event_a.gif) right center no-repeat;
	background-size: 20px 10px;
	content: ' ';
	height: 10px;
	width: 20px;
	position: absolute;
	right: 0;
	top: 0;
}

#contents .event5Box ul li.last::after{
	display: none;
}



#calendarBox{
	padding-top: 0;
}

#calendarBox .bx-wrapper{
	max-width: 100%!important;
	position: relative;
	height: 420px;
	overflow: hidden;
}

#calendarBox .bx-viewport{
	margin: 0 2%;
	padding: 0; 
	width: auto!important;
	min-height: auto!important;
	height: auto!important;
	overflow: visible!important;
}

#calendarBox h3{
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 10px;
}

#calendarBox h3 span{
	font-size: 1.3rem;
}

#calendarBox .bx-wrapper .bx-next{
	background-size: 10px auto;
	top: 18px;
}

#calendarBox .bx-wrapper .bx-prev{
	background-size: 10px auto;
	top: 18px;
}

#calendarBox .bx-viewport li{
	margin-right: 1%!important;
}

#contents div.calendarTbl table th,
#contents div.calendarTbl table td{
	border-right:1px solid #ff8888;
	border-bottom:1px solid #ff8888;
	font-size: 0.9rem;
	letter-spacing: -1px;
	padding: 0!important;
	width: 14.3%;
	height: 50px;
}

#contents .selectBox{
	background: inherit;
	border:2px solid #CCC;
	padding: 3%;
	margin: 0 3%;
 	margin-top: 10px; 
	width: auto;
}

#contents .selectBox ul li{
	margin-right: 5px;
	font-size: 1.3rem;
}

#contents .selectBox ul li span {
	font-size: 2.0rem;
}


#contents div.calendarTbl table td.active p{
	display: block;
	position: static;
}

#contents div.calendarTbl table td p a{
	line-height: 1.2;
	font-size: 0.9rem;
}


.arrowBox {
	background: transparent;
	margin: 0;
	padding: 0;
	font-size: 1.0rem;
	position: static!important;
	line-height: 1!important;
	color: #FFF;
	border: none;
	width: 100%;
}

.arrowBox span{
	display: none;
}

.arrowBox:after, .arrowBox:before {
	display: none;
}


#contents div.calendarTbl table td.active:hover p{
	margin: 0;
	padding: 0;	
	position: static;
}


#contents .eventTopList li.last{
	margin-bottom: 0;
	padding-bottom: 0;
}

#contents .eventTopList li h4{
	font-size: 1.8em;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#contents .eventTopList li p.img{
	float: none;
	text-align: center;
	width: 100%;
}

#contents .eventTopList li p.img img{
	max-width: 100%;
}

#contents .eventTopList li dl{
	float: none;
	width: 100%;
}



@media only screen and (max-width: 1000px) {
#contents .sclTbl {
	overflow: auto !important;
}

#contents .sclTbl table{
	width: 1024px !important;
}

#contents div.sclTbl table th,
#contents div.sclTbl table td {
	padding: 7px 10px 10px
}

/*----------------------------------------------------
	☆カラム
----------------------------------------------------*/
#contents .inPink4cl li {
	margin-right: 4%;
	width: 46%;
}

#contents .inPink4cl li:nth-child(even) {
	margin-right: 0;
}

#contents .inPink4cl li img {
	width: 100%;
}

}
/*}*/



@media only screen and (max-width: 1300px) {
#contents .eventTopList li dl{
	width: 100%;
}
}

#contents .eventTopList li dl dt{
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 1.4;
	margin-bottom: 15px;
}

#contents .eventTopList li dl dd p{
	margin-bottom: 20px;
}

#contents .eventTopList li dl dd p.bscBtn01{
	position: static;
	margin-bottom: 0;
}

#contents section .bgBox01.btm90{
	margin-bottom: 50px!important;
}

#contents .evBusinessHd{
	text-align: center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	margin-top: -10px;
}

#contents .evBusinessHd img{
	max-width: 350px;
	width: 100%;
}

#contents .evBusinessBox{
	float: none;
	padding-bottom: 60px;
	width: 100%;
	position: relative;
}

#contents .evBusinessBox h4{
	background: url(/lib/cmn_img/bg_stripe_06.gif) left bottom repeat-x;
	font-size: 2.6rem;
	font-weight: normal;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#contents .eventTopList li h4{
	padding-bottom: 10px
}

#contents .eventTopList li h4 span{
	background-size: 20px auto!important;
	display: block;
	margin-bottom: 5px;
}

#contents .evBusinessBox p.bscBtn01.right{
	width: 100%;
}

#contents .evBusinessBox dl dd p{
	margin-bottom: 20px;

}



#contents .categoryTop{
	margin: 0 5% 60px;
	width: auto;
}

#contents .categoryTop h2{
	font-size: 2.0rem;
}

#contents .categoryTop dl dt{
	font-size: 1.6rem;
}

#contents .categoryTop p img{
	max-width: 100%;
}

#contents .categoryBox h2{
	font-size: 1.8rem;
	margin-bottom: 13px;
}

#contents div.typeList ul li{
	float: left;
	margin-right: 0;
	font-size: 1.1rem;
	width: 48.5%;
}

#contents div.typeList ul li span{
	padding: 7px 0 5px;
	font-size: 0.95rem;
    width: 20px;
}

#contents div.typeList ul li.even{
	float: right;
}

#contents div.dataList ul li{
	border: 1px solid #CCC;
	margin-bottom: 12px;
	font-size: 1.1rem;
	float: left;
	width: 48.5%;
}

#contents div.dataList ul li.even{
	float: right;
}

#contents div.dataList ul li.last{
	margin-bottom: 0;
}

#contents div.dataList ul li dl dt{
	font-size: 1.0rem;
	letter-spacing: 0;
	text-align: right;
	padding: 3%;
}

#contents div.dataList ul li dl dt span{
	font-size: 1.3rem;
}

#contents div.dataList ul li dl dd{
	padding: 3%;
}

#contents div.dataList ul.sub li a{
	padding: 0;

}


#contents div.dataList ul.sub li p.head{
	height: 45px;
	width: auto;
	margin-bottom: 3px;
	overflow: hidden;
	position: relative;
}

#contents div.dataList ul.sub li p.head::after{
	background-color: #FFF;
	padding: 2px 3px 1px;
	content: ' 【..続き】';
	position: absolute;
	right: 0;
	bottom:0;
}

#contents div.dataList ul.sub li p.icon01,
#contents div.dataList ul.sub li p.icon02,
#contents div.dataList ul.sub li p.icon03,
#contents div.dataList ul.sub li p.icon04,
#contents div.dataList ul.sub li p.icon05,
#contents div.dataList ul.sub li p.icon06{
	border-radius: 40px;
	padding: 2px 0 1px;
	font-size: 1.0rem;
	width: 20px;
}

#contents div.dataList ul.sub li p.btn{
	display: block;
	width: 100%;
	position: static;
}

#contents div.dataList ul.sub li a:hover p.btn{
	background: url(/lib/cmn_img/bg_pattern_02.gif) left top repeat;
	border: 2px solid #FF7F7F;
	font-weight: bold;
	color: #FF7F7F;
}


#contents .opInfo{
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#contents .opSubHead{
	margin-bottom: 20px;
}

#contents .opInfo p.data{
	color: #ee4b19;
	font-size: 1.1rem;
}

#contents .opInfo p.data span{
	font-size: 1.5rem;
}

#contents .opInfo p.category{
	font-size: 1.1rem;
	position: static;
	top: 0;
}

#contents .opHead{
	font-size: 1.5rem;
	margin-bottom: 20px;
}


#contents div.detailBox{;
	padding: 5%;
}

#contents .detailBtn{
	text-align: center;
}

#contents .detailBtn a{
	width: 100%;
}

.editor{
	margin-bottom: 0!important;
}



#contents .formBox table tr td p{
	color: #ee4b19;
}

#contents .evFormHd{
	margin-bottom: 10px;
}

#contents .evLead{
	width: 100%;
}

#contents .evLead dt{
	float: none;
	text-align: center;
	font-size: 1.3rem;
	margin-bottom: 5px;
	width: 100%;
}

#contents .evLead dd{
	float: none;
	width: 100%;
}

#contents .evLead dd ul li{
	background-color: #ee4b19;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFF;
	text-align: center;
	float: left;
	padding: 13px 10px;
	width: 25%;
}

#contents .evLead dd ul li+li{
	float: right;
	padding-top: 4px;
	width: 70%;
}

#contents .evLead dd ul li+li p.tel{
	font-size: 2.0rem;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 5px;
}

#contents .evLead dd ul li+li p.tel a{
	color: #ee4b19;
}

#contents .evLead dd ul li+li p+p{
	font-size: 1.0rem;
	line-height: 1;
}


#contents .evBtn{
	text-align: center;
	margin-top: 15px;
}

#contents .evBtn a{
	background: url(/lib/cmn_img/bg_pattern_04.gif) left top repeat;
	border: 2px solid #FFF;
	color: #FFF;
	display: inline-block;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 10px 20px 7px;
}

#contents .evBtn a span{
	background: url(/lib/cmn_img/icon_arrow_02.png) right center no-repeat;
	padding:0 20px 0 15px;
}

#contents .evBtn a:hover{
	background: url(/lib/cmn_img/bg_pattern_02.gif) left top repeat;
	border: 2px solid #FF7F7F;
	font-weight: bold;
	color: #FF7F7F;
	text-decoration: none;
}



#contents .box_pink {
	width:100%;
}












/*topics*/

#topicsList{
	width: 100%;
}


#topicsList li{
	float: none;
	margin-bottom: 20px;
	margin-right: 0;
	width:100%;
}

#topicsList li .inr{
	margin: 5%;
	height:230px;
}

#topicsList .data{
	background: url(../images/bg_data.png) center top no-repeat;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: -1px;
	padding-top: 10px;
	margin-bottom: 13px;
}

#topicsList .data span{
	display: block;
}

#topicsList .data .text{
	overflow: hidden;
}

#topicsList li:hover{
	background: rgba(255, 178, 214,0.2);
}

#topicsList li a:hover{
	text-decoration: none;
	color: #FF8889;
}



/*detail*/

#contents .head_pink .data{
	font-size: 1.9rem;
	width: 100%;
}

#contents .head_pink .data span{
	padding: 2px 10%;
}

#contents .head_pink h3{
	font-size: 2.4rem;
}










/*campuslife*/

#contents .clWorks li{
	float: none;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 368px;
	width: 100%;
}
#contents .clWorks li.last{
	margin-right: auto;
}

#contents .clWorks li .img{
	text-align: center;
}

#contents .clWorks li .img img{
	width: 100%;
}

#contents .clWorks li h3{
	border-width: 10px!important;
	padding: 5px 5%;
}

#contents .clWorks li h3 img{
	max-width: 100%;
}

#contents .leadHd{
	font-size: 1.3rem;
	margin-bottom: 20px;
}

#contents .leadHd span{
	font-size: 1.8rem;
}


#contents #galleryList{
	margin: 0 3%;
	width: auto;
}

#galleryList li{
	margin-bottom: 10px;
	margin-right: 0;	
	width: 49%;
}

#galleryList li.even{
	float: right;
}

#galleryList li a{
	width: 100%;
}

#galleryList li a span{
	width: 100%;
}

#galleryList li a span img {
	max-height: 180px;
	max-width: 100%;
}

#fancybox-wrap{
/*	background: transparent!important;
	left: 0!important;
	text-align: center;
	margin-top: 40px;
	width: 100%!important;*/
}

#fancybox-outer{
	background: transparent!important;	
}

#fancybox-content{
	text-align: center;
/*	width: 100%!important;*/
}

#fancybox-img{
	width: auto!important;
}

/*#fancybox-close{
	right: 5%!important;
	top: 0!important;
}*/






/*各index*/
#contents .indexList li{
  padding: 5%;
}

#contents .indexList li h3{
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}

#contents .indexList li h3 span{
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

#contents .indexList li h3 span::before,
#contents .indexList li h3 span::after{
	background-size: contain!important;
  height: 15px;
  width: 20px;
}


#contents .indexList li .img{
  margin-top: -12px;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  width: 100%;
}

#contents .indexList li .img img{
  max-width: 100%;
}

#contents .indexList li p{
  font-size: 1.3rem;
  margin: 0 3%;
  width: auto;
}

#contents .indexList li .dotList,
#contents .indexList li .linkList{
  float: none;
  margin: 0 3%;
  padding-bottom: 0;
  width: auto;
}
#contents .indexList li .dotList{
	padding: 0 1.5em;
}

#contents .indexList li .linkList li{
  background: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-right: 15px;
}

#contents .indexList li .linkList li a{
  font-size: 1.5rem;
}

#contents .indexList li .bscBtn03{
	float: none;
	margin-top: 10px;
	width: auto;
}

#contents .indexList li .bscBtn03 a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}





#adMv{
	margin-top: -17px;
	height: 200px;
}

#contents .adReason{
	margin: 0 5%;
	width: auto;
}

#contents .adReason dl{
	background-position: center top;
	padding: 30px 5%;
	width: 100%;
}

#contents .adReason dl+dl+dl+dl{
	margin-right: 0;
	margin-left: 0;
}














.spSizeS{
	font-size: 1.0rem!important;
	line-height: 1.2!important;
}
.spSizeM{
	font-size: 1.2rem!important;
	line-height: 1.5!important;
}
.spBtm0{
	margin-bottom: 0!important;
}

/*course*/

#contents.cs #inMv,
#contents.cr #inMv,
#contents.tt #inMv{
	background-position: 36% center; 
}
#contents .courseLead{
	padding-top: 10px;
}
#contents .courseLead .sclTbl img{
	width: auto;
}
#contents.cs section.bgPtn01{
	padding: 0;
}
#contents.cs .sectionInr,
#contents.cr .sectionInr,
#contents.tt .sectionInr{
	background-color: transparent;
	padding: 3%;
	margin: 0;
}

#courseMv{
	background-size: cover;
	background-position: center;
	height: 220px;
}
#courseMv h2{
	text-align: center;
}
#courseMv h2 img{
	margin: 0;
	max-width: 50%;
}
#contents .courseLead{
	background: url(/course/beauty/images/bg_courselead.gif) left top no-repeat transparent;
/*	background-size: contain;*/
}
#contents.tt .courseLead{
	background: url(/course/totalbeauty/images/bg_courselead.gif) left top no-repeat transparent;
}
#contents.cr .courseLead{
	background: url(/course/correspondence/images/bg_courselead.gif) left top no-repeat transparent;
}
#contents .courseLead .img{
	float: right;
	margin-right: 5%;
	width: 25%;
}
#contents .courseLead .img img{
	width: 100%;
}
#contents .courseLead dl.lead{
	padding: 0 5%;
	margin-bottom: 60px;
}
#contents .courseLead dl.lead dt,
#contents .courseLead dl.lead dd p{
	color: #FFF;
}
#contents .courseLead dl.lead dt{
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 10px;
}
#contents .courseLead dl.lead dd p{
	font-size: 1.3rem;
}
.centerHd{
	font-size: 1.5rem;
	margin-bottom: 10px;
	line-height: 1.4!important;
}

#contents .tsd{
	background: url(/course/beauty/images/bg_tsd_sp.jpg) left top no-repeat;
	background-size: 40px auto;
	padding-left: 50px;
	width: 100%;
}
#contents.tt .tsd{
	background: url(/course/totalbeauty/images/bg_tsd_sp.jpg) left top no-repeat;
	background-size: 40px auto;
}
#contents .tsd .phList{
	margin-bottom: 0;
}
#contents .tsd .phList li{
	float: left;
	margin-right: 0;
	margin-bottom: 10px;
	width: 49%;
}
#contents .tsd .phList li.even{
	float: right;
}
#contents .tsd .phList li figcaption{
	font-size: 1.0rem;
}
#contents .tsd .phList2{
	margin-bottom: 0;
}
#contents .tsd .phList2 li{
	width: 49%;
	margin-right: 0;
	margin-bottom: 10px;
}
#contents .tsd .phList2 li.even{
	float: right;
}
#contents .tsd .phList2 li figcaption{
	font-size: 1.0rem;
}
.blueBoxHd{
	font-size: 1.6rem;
	padding: 6px 0 4px;
	margin-bottom: 10px;
}
.blueBoxHd2{
	font-size: 1.6rem;
	padding: 6px 0 4px;
	margin-bottom: 10px;
}

#contents.cs .clm2 li{
	font-size: 1.0rem;
}
#contents.cs .bscBox02.btm40{
	margin-bottom: 20px!important;
}
#contents .tsd .graList{
	padding: 3%;
}
#contents .tsd .graList::before{
	display: none;
}
#contents .tsd .graList li{
	font-size: 1.0rem;
}
#contents .tsd .graList li span{
	padding: 0 5px;
	font-size: 1.3rem;
}

#contents .cs7List{
}
#contents .cs7List li{
	float: left;
	margin-right: 0;
	width: 25%;
}
#contents .cs7List li.first{
	margin-left: 0;
}
#contents .cs7List li.last,
#contents .cs7List li+li+li{
	margin-right: 0;
}
#contents .cs7List li+li+li+li{
	margin-right: 0;
	clear: none;
}
#contents .cs7List li+li+li+li+li{
	clear: none;
}
#contents .cs4List li{
	float: left;
	margin-right: 0;
	width: 25%;
}


#contents .csBox{
	padding: 5%;
	margin-bottom: 20px;
}
#contents .csBox.cs7{
	margin-bottom: 0;
}
#contents .csBox .inr{
	background: none;
	padding: 3%;
}

#contents .csBox .inr::before{
	background: none!important;
}
#contents .csBox .head{
	background-position: center bottom;
	background-repeat: no-repeat;
	height: auto;
	overflow: hidden;
	padding-bottom: 230px;
}
#contents.cs .csBox.cs1 .head {background-image: url(/course/beauty/images/img_cs_01.jpg);}
#contents.cs .csBox.cs2 .head {background-image: url(/course/beauty/images/img_cs_02.jpg);}
#contents.cs .csBox.cs3 .head {background-image: url(/course/beauty/images/img_cs_03.jpg);}
#contents.cs .csBox.cs4 .head {background-image: url(/course/beauty/images/img_cs_04.jpg);}
#contents.cs .csBox.cs5 .head {background-image: url(/course/beauty/images/img_cs_05.jpg);}
#contents.cs .csBox.cs6 .head {background-image: url(/course/beauty/images/img_cs_06.jpg);}
#contents.cs .csBox.cs7 .head {background-image: url(/course/beauty/images/img_cs_07.jpg);}

#contents.tt .csBox.cs1 .head {background-image: url(/course/totalbeauty/images/img_cs_01.jpg);}
#contents.tt .csBox.cs2 .head {background-image: url(/course/totalbeauty/images/img_cs_02.jpg);}
#contents.tt .csBox.cs3 .head {background-image: url(/course/totalbeauty/images/img_cs_03.jpg);}
#contents.tt .csBox.cs4 .head {background-image: url(/course/totalbeauty/images/img_cs_04.jpg);}

#contents .csBox .inr{
	background-image: none!important;
	background-color: #FFF!important;
}
#contents .csBox h4{
	text-align: center;
}
#contents.cs .csBox.cs1 h4 img{ max-width: 40%;}
#contents .csBox .sHd{
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 10px;
}
#contents .csBox dl dt img{
	max-width: 80%;
}
#contents .csBox dl dd{
	padding: 3%;
}
#contents .csBox dl dd li{
	float: none;
	margin-right: 0;
	width: 100%;
}
#contents .csBox dl dd li .title{
	font-size: 1.5rem;
	line-height: 1.2;
	padding: 8px 0;
	padding-left: 67px;
	min-height: 70px;
}
#contents .csBox dl dd li p{
	font-size: 1.1rem;
	line-height: 1.4;
}
#contents .lunchList{
	margin: 0 auto 20px;
	width: 100%;
}
#contents .lunchList li{
	float: left;
	margin-bottom: 10px;
	margin-right: 0;
	width: 49%;
}
#contents .lunchList li.even{
	float: right;
}

#contents .systemBox{
	padding: 5%;
	margin-bottom: 40px;
}
#contents .systemBox li{
	float: none;
	font-size: 1.3rem;
	margin-bottom: 20px;
	width: 100%;
}
#contents .systemBox li.last{
	margin-bottom: 0;
}
#contents .systemBox li.even{
	float: none;
}
#contents .cs2List li{
	width: 48.5%;
}
#contents .cs2List li img{
	width: 100%;
}
#contents.cr .csBox .head{
	padding-bottom: 0;
	margin-bottom: 20px;
}
#contents .csBox .timeTbl li{
	float: none;
	margin-bottom: 40px;
	width: 100%;
}
#contents .csBox .timeTbl li.even{
	float: none;
}
#contents .csBox .timeTbl table{
	margin-bottom: 5px;
}
#contents .csBox .timeTbl table td{
	text-align: center;
}


.a_howTo {
	color: blue !important;
} 









	
}
/**/