@charset "utf-8";
/* CSS Document */



/* ::::::::::::::::::::::::::::::::::::::::::::::::::
                   宮崎学園短大
:::::::::::::::::::::::::::::::::::::::::::::::::: */

#content.mwjc #container {
    background-image: url("../../img/subpage/school/mwjc/bg.jpg");
    background-size: 100% auto;
	background-repeat:no-repeat;
    padding: 0!important;
	box-shadow:rgba(113, 135, 164, 0.19) 0px 0px 8px 0px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.19) 0px 0px 8px 0px;
	-moz-box-shadow:rgba(113, 135, 164, 0.19) 0px 0px 8px 0px;
	max-width:904px;
}


.ie #content.mwjc #container{
    background-image: url("../../img/subpage/school/mwjc/bg_ie.jpg");
}

#content.mwjc #content{
	background:none;
}


#content.mwjc #content .hd_area{
	width:97%;
	max-width:872px;
	margin:auto;
}

#content.mwjc #content .hd_area:after,
#content.mwjc #CoseInfo .cose_box:after {
clear: both;
float: none;
content: ".";
display: block;
height: 0px;
visibility: hidden;
}


#content.mwjc .hd .btn_hp img{
	width:100%;
	max-width:182px;
}



#content.mwjc .hd{
	text-align:right;
	padding:10px 0 0 0;
	font-size:14px;
	line-height:150%;
}

#content.mwjc .new_book{
	float:left;
	margin:1.5% 0 11%;
	width:28.211%;
}

#content.mwjc .event-detail{
	width:8.5%;
	float:right;
	padding:19% 37.2% 0 0;
}


@keyframes btn-detail {
  0% { 
  transform: rotate(0deg); 
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  }
  50% { 
   transform: rotate(7deg); 
  -moz-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
   }
  100% {   
  transform: rotate(0deg); 
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);}
}



#content.mwjc .event-detail img{
	width:100%;
	max-width:76px;
	animation: btn-detail 1.5s ease 1s infinite forwards;
}

#content.mwjc .new_book img{
	max-width:246px;
	width:100%;
	height:auto;
}

#content.mwjc #CoseInfo{
	width:100%;
	padding:0 0 1.2% 0;
}

#content.mwjc #CoseInfo h2{
	text-align:center;
}


#content.mwjc #CoseInfo .cose_box{
	width:48%;
	padding:5.7% 0 1% 1%;
	background-size: 100% auto;
	background-repeat:no-repeat;
}

#content.mwjc #CoseInfo .cose_box img{
	width:100%;
	max-width:212px;
}

#content.mwjc #CoseInfo .cose_box img:hover {
   transform: rotate(-2deg); 
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
}

#content.mwjc #CoseInfo .cose_book{
	width:50%;
	float:left;
}

#content.mwjc #CoseInfo .YoutubeWrapper{
	width:48%;
	float:right;
	max-width:210px;
	padding:0 0 0;
	margin:14.5% 1.5% 0 0;
}

#content.mwjc #CoseInfo .cose01,
#content.mwjc #CoseInfo .cose03{
	float:left;
}

#content.mwjc #CoseInfo .cose02,
#content.mwjc #CoseInfo .cose04{
	float:right;
}


#content.mwjc #CoseInfo .cose01{
	background-image: url("../../img/subpage/school/mwjc/bg_cose01.png");
}

#content.mwjc #CoseInfo .cose02{
	background-image: url("../../img/subpage/school/mwjc/bg_cose02.png");
}

#content.mwjc #CoseInfo .cose03{
	background-image: url("../../img/subpage/school/mwjc/bg_cose03.png");
}

#content.mwjc #CoseInfo .cose04{
	background-image: url("../../img/subpage/school/mwjc/bg_cose04.png");
}


.ie #content.mwjc #CoseInfo .cose01{
	background-image: url("../../img/subpage/school/mwjc/bg_cose01_ie.png");
}

.ie #content.mwjc #CoseInfo .cose02{
	background-image: url("../../img/subpage/school/mwjc/bg_cose02_ie.png");
}

.ie #content.mwjc #CoseInfo .cose03{
	background-image: url("../../img/subpage/school/mwjc/bg_cose03_ie.png");
}

.ie #content.mwjc #CoseInfo .cose04{
	background-image: url("../../img/subpage/school/mwjc/bg_cose04_ie.png");
}


#content.mwjc #CoseInfo h2 img{
	max-width:489px;
	width:100%;
}


#content.mwjc #EventContact h2{
	text-align:center;
	padding:0 0 2%;
}

#content.mwjc #EventContact h2 img{
	max-width:397px;
	width:100%;
}


#content.mwjc #EventContact .img_tel-mail{
	float:left;
	width:48%;
}

#content.mwjc #EventContact .banner_hp{
	float:right;
	width:48%;
}


#content.mwjc #EventContact img{
	width:100%;
	max-width:444px;
}



@media screen and (max-width: 768px) {
#content.mwjc .hd {
    padding: 3% 0 0;
}

#content.mwjc .new_book {
    margin: 3% 0 11%;
}


}


@media screen and (max-width: 568px) {
	
#content.mwjc .event-detail {
    float: right;
    padding: 31% 17% 0 0;
    width: 45%;
}


#content.mwjc #CoseInfo .cose_box{
	float:none;
	margin:0 auto 3%;
	width:80%;
	padding: 9% 0 1% 1%;

}

#content.mwjc #CoseInfo .cose_book {
    width: 49%;
}

}



@media screen and (max-width: 440px) {
	
	
#content.mwjc .hd .btn_hp img {
    max-width: 140px;
}
	

#content.mwjc .event-detail img {
    width: 45%;
}
}


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



#content.mwjc .event-detail {
padding: 28% 18% 0 0;
}


#content.mwjc #CoseInfo .cose_box{
	float:none;
	margin:0 auto 3%;
	width:94%;
}
}