@charset "utf-8";

/**
 * Table of Contents:
 *
 * 1.0 - common
 * 2.0 - wrapper
 * 3.0 - Header
 * 4.0 - contents
 * 5.0 - mainimg
 * 6.0 - conBox
 * 7.0 - ページ別スタイル
 * -----------------------------------------------------------------------------
 */


/* =========================================================
 1.0 - common
========================================================= */






/* =========================================================
 2.0 - wrapper
========================================================= */
#wrapper {

	}



/* =========================================================
 3.0 - Header
========================================================= */
#header {

	}

/**********************************************/
/*mainNavi 現在位置用*/
#mainNavi li.n6 a.mn:before{
	display:block;
	position:absolute;
	bottom:2px;
	left:1px;
	right:1px;
	content:'';
	height:3px;
	background-color:#999;

  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
	}
#header.fixed #mainNavi li.n6 a.mn{
	display:table-cell;
	height: 50px;
	line-height: 1;
	font-size: 13px;
	vertical-align:middle;
	color:#FFF;
	background-color:#999;

  -webkit-transition: none;
  transition: none;
	}
#header.fixed #mainNavi li.n6 a.mn:before{
	display:none;
	}
/*slideMenu 現在位置用*/
/**********************************************/




/* =========================================================
 4.0 - contents
========================================================= */



/* =========================================================
 5.0 - mainimg
========================================================= */
/*#mainimg{
	position:relative;
	height:380px;
	margin-bottom:40px;
	background:url(../images/index/bg_mainimg.png) left top repeat #F7C8CF;
	}
#mainimg h1{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin:auto;
	width:700px;
	height:200px;
	text-align:center;
	background-color:#FFF;
	}
@media screen and (max-width:768px){
	#mainimg{
		display:table !important;
		height:auto !important;
		min-height:50vh !important;
		}
	#mainimg h1{
		display:table-cell !important;
		vertical-align:middle !important;
		position:static !important;
		width:auto !important;
		height: 50vh !important;
		margin:auto !important;
		padding:0 20px !important;
		background-color: transparent !important;
	}
	#mainimg h1 img{
		width:100% !important;
		height:auto !important;
	}

}*/


/* =========================================================
 6.0 - conBox
========================================================= */

.cltll{
	display:table;
	width:auto;
	margin:0 auto 40px auto;
	}
.cltll .icon,
.cltll .txt{
	display:table-cell;
	vertical-align:middle;
	}
.cltll .icon{
	width:75px;
	height: 75px;
	border-radius:100%;
	border:solid 2px #666032;
	text-align:center;
	line-height:1.2;
	}
.cltll .icon span{
	font-weight: bold;
	font-size: 12px;
	color:#666032;
	}
.cltll .txt{
	display:table-cell;
	padding-left:10px;
	color:#666032;
	font-size: 28px;
	}
@media screen and (max-width:768px){
	.cltll{
		margin:0 auto 20px auto !important;
		}
	.cltll .icon{
		width:60px !important;
		height: 60px !important;
		line-height:0.9 !important;
		}
	.cltll .icon span{
		font-size: 10px !important;
		}
	.cltll .txt{
		font-size: 21px !important;
		}
	.cltll + .txt{
		text-align:left !important;
		}
}


/* =========================================================
 7.0 - ページ別スタイル
========================================================= */

/*
トップページ
index.html
************************************************************/
.index{
	}

/*.index .studentvoiceBox{
  max-width: 800px;
  margin: 0 auto !important;
  padding: 25px 40px 0;
  border-radius: 0;
  border: solid 2px #092e4d;
  border-right: 0;
  border-left: 0;
  background: url("../images/index/sv_bg.png") left top repeat;
	}
.index .studentvoiceBox .txt{
  float: left;
  width : -webkit-calc(100% - 340px);
  width : calc(100% - 340px);
  color: #092e4d;
	}
.index .studentvoiceBox .img{
  float: right;
  width : 280px;
  padding-top: 10px;
  vertical-align: bottom;
  text-align: center;
	}
.index .studentvoiceBox .img img{
  width: 100%;
  height: auto;
  opacity: 1;
	}
.index #con1 .studentvoiceBox .img img{
  max-width: 222px;
	}
.index #con2 .studentvoiceBox .img img{
  max-width: 230px;
	}
@media screen and (max-width:768px){
  .index .studentvoiceBox{
    margin: 0 auto !important;
    padding: 20px;
    background: url("../images/index/sv_bg.png") left top repeat !important;
    background-size: 61px auto !important;
    }

  .index .studentvoiceBox .txt{
    float: none;
    width : 100%;
    padding: 0;
    }
  .index .studentvoiceBox .txt dt{
    text-align: center;
    }
  .index .studentvoiceBox .img{
    float: none;
    width : 100%;
    padding-top: 0;
    margin-bottom: 10px;
    }
  .index #con1 .studentvoiceBox .img img,
  .index #con2 .studentvoiceBox .img img{
    max-width: 180px;
    }
  }*/




/*
con0
*/
.index #con0{
	min-width: 960px;
	width: 100%;
  padding-top: 40px;
  padding-bottom: 30px;
  text-align:center;
	}
.index #con0 h1{
  margin-bottom: 15px;
  font-size: 42px;
  font-weight: 500;
  color: #ea6182;
  letter-spacing: .05em;
	}

.index #con0 p{
  width: 720px;
  height: 93px;
  background: url("../images/index/logo_pc.png") center top no-repeat;
  background-size: contain;
  margin: 0 auto 20px;
	}
.index #con0 p img{
  display: none;
  width: 100%;
  height: auto;
	}

.index #con0 dl{
  color:#333;
	}
.index #con0 dt{
  margin-bottom: 10px;
	font-size: 30px;
  line-height:1.2;
	}
.index #con0 dd{
	font-size: 18px;
  line-height:1.8;
	}
.index #con0 .fig{
	margin: 60px 0 0;
	width: 100%;
	}
.index #con0 .img{
	width: 100%;
	}
@media screen and (max-width:768px){
  .index #con0{
		margin: 0;
    margin-bottom: 20px;
    padding-top: 25px;
		min-width: inherit;
    }
  .index #con0 #mainimg{
		padding: 0 15px;
		box-sizing: border-box;
    }

  .index #con0 h1{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 28px;
    }
  .index #con0 p{
    width: 100%;
    height: auto;
    background: none;
    margin: 0 auto 10px;
    }
  .index #con0 p img{
    display: block;
    max-width: 280px;
    margin: 0 auto 15px;
    }

  .index #con0 dt{
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
    }
  .index #con0 dd{
    font-size: 15px;
    }
	.index #con0 .fig{
		margin: 30px 0 0;
		width: 100%;
		}
}



/* conBox_oneday */
.index .conBox_oneday{
  width: 100%;
  padding: 50px 0;
  overflow: inherit;
	}
.index .conBox_oneday .w100{
  background: url("../images/index/day_bg.jpg") center top repeat-y;
	background-size: 100% auto;
	}
.index .conBox_oneday .w960{
  position: relative;
	padding: 48px 0 128px;
	}
.index .conBox_oneday h2{
  position: absolute;
	top: -24px;
	left: 50%;
	transform: translateX(-50%);
  width: 640px;
  margin: auto;
	z-index: 1;
	}
.index .conBox_oneday h2 img{
  width: 100%;
  height: auto;
}
.index .conBox_oneday .contents{
	position: relative;
	padding: 80px 80px 207px 64px;
	background-color: #fff;
	border: 1px solid #113858;
	border-radius: 8px;
	box-sizing: border-box;
}
.index #con1.conBox_oneday .contents{
	padding: 80px 80px 207px 64px;
}
.index #con2.conBox_oneday .contents{
	padding: 80px 64px 207px 80px;
}
.index #con1.conBox_oneday .contents::before{
	content: "";
	position: absolute;
	top: 353px;
	left: 86px;
	width: 73px;
	height: 78px;
  background: url("../images/index/bg1.png") center center no-repeat;
	background-size: cover;
}
.index #con1.conBox_oneday .contents::after{
	content: "";
	position: absolute;
	top: 314px;
	right: 160px;
	width: 65px;
	height: 65px;
  background: url("../images/index/bg2.png") center center no-repeat;
	background-size: cover;
}
.index #con2.conBox_oneday .contents::before{
	content: "";
	position: absolute;
	top: 309px;
	left: 78px;
	width: 95px;
	height: 86px;
  background: url("../images/index/bg3.png") center center no-repeat;
	background-size: cover;
}
.index #con2.conBox_oneday .contents::after{
	content: "";
	position: absolute;
	top: 212px;
	right: 64px;
	width: 96px;
	height: 113px;
  background: url("../images/index/bg4.png") center center no-repeat;
	background-size: cover;
}
.index .conBox_oneday .prof{
	margin: 0 auto;
	width: 560px;
}
.index .conBox_oneday .prof img{
	width: 100%;
}
.index .conBox_oneday .box{
	display: flex;
	gap: 0 56px;
}
.index #con1.conBox_oneday .box{
	flex-direction: row-reverse;
}
.index .conBox_oneday .textbox{
	flex: 1;
	margin-top: 38px;
}
.index .conBox_oneday .lead{
	text-align: center;
	font-size: 15px;
	line-height: calc(21/15);
	font-weight: 700;
	padding: 4px 0;
	color: #22476B;
	border-radius: 999px;
	font-family: "TsukuARdGothic-Regular","Zen Maru Gothic","Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	box-shadow: 3px 3px 0 #22476B;
}
.index #con1.conBox_oneday .lead{
	background-color: #FEDD77;
}
.index #con2.conBox_oneday .lead{
	background-color: #D4E27C;
}
.index .conBox_oneday .lead + .lead{
	margin-top: 11px;
}
.index .conBox_oneday .text{
	margin-top: 28px;
	font-size: 14px;
	line-height: calc(20/14);
	font-weight: 400;
	color: #103858;
}
.index .conBox_oneday .schedule{
	margin: 0;
	width: 360px;
}
.index .conBox_oneday .schedule img{
	width: 100%;
}
.index #con1.conBox_oneday .fig{
	position: absolute;
	bottom: -129px;
	left: 96px;
	width: 296px;
	margin: 0;
}
.index #con2.conBox_oneday .fig{
	position: absolute;
	bottom: -129px;
	right: 88px;
	width: 311px;
	margin: 0;
}
.index .conBox_oneday .fig img{
	width: 100%;
}
.index #con1.conBox_oneday .must_item{
	position: absolute;
	bottom: -48px;
	right: 66px;
	width: 428px;
	margin: 0;
}
.index #con2.conBox_oneday .must_item{
	position: absolute;
	bottom: -70px;
	left: 80px;
	width: 422px;
	margin: 0;
}
.index .conBox_oneday .must_item img{
	width: 100%;
}


@media screen and (max-width:768px){
  .index .conBox_oneday{
    width: 100%;
    margin-bottom: 0 !important;
    padding: 30px 0;
    overflow: inherit;
    }
  .index .conBox_oneday .w960{
    padding: 24px 20px;
    }
	.index .conBox_oneday h2{
		top: inherit;
		left: inherit;
		margin: -40px auto -20px;
		width: 80%;
		max-width: 480px;
		position: relative;
		z-index: 1;
		transform: inherit;
		}
	.index .conBox_oneday .contents{
		padding: 40px 20px 0;
	}
	.index #con1.conBox_oneday .contents{
		padding: 40px 20px 0;
	}
	.index #con2.conBox_oneday .contents{
		padding: 40px 20px 0;
	}
	.index #con1.conBox_oneday .contents::before{
		content: "";
		position: absolute;
		top: inherit;
		bottom: 20px;
		left: 20px;
		width: 48px;
		height: 52px;
		background: url("../images/index/bg1.png") center center no-repeat;
		background-size: contain;
	}
	.index #con1.conBox_oneday .contents::after{
		content: "";
		position: absolute;
		top: 50px;
		right: 10px;
		width: 32px;
		height: 32px;
		background: url("../images/index/bg2.png") center center no-repeat;
		background-size: contain;
	}
	.index #con2.conBox_oneday .contents::before{
		content: "";
		position: absolute;
		top: inherit;
		bottom: 20px;
		left: 20px;
		width: 63px;
		height: 54px;
		background: url("../images/index/bg3.png") center center no-repeat;
		background-size: contain;
	}
	.index #con2.conBox_oneday .contents::after{
		content: "";
		position: absolute;
		top: 50px;
		right: 10px;
		width: 48px;
		height: 56px;
		background: url("../images/index/bg4.png") center center no-repeat;
		background-size: contain;
	}
	.index .conBox_oneday .prof{
		max-width: 560px;
		width: 100%;
	}
	.index .conBox_oneday .box{
		display: block;
	}
	.index .conBox_oneday .textbox{
		margin-top: 20px;
	}
	.index .conBox_oneday .lead{
		font-size: 13px;
		line-height: calc(18/13);
		padding: 3px 0;
	}
	.index .conBox_oneday .lead + .lead{
		margin-top: 9px;
	}
	.index .conBox_oneday .text{
		margin-top: 21px;
		font-size: 12px;
		line-height: calc(17/12);
	}
	.index .conBox_oneday .schedule{
		margin: 15px auto 0;
		width: 240px;
	}
	.index .conBox_oneday .schedule img{
		width: 100%;
	}
	.index #con1.conBox_oneday .fig{
		position: relative;
		bottom: inherit;
		left: inherit;
		max-width: 296px;
		width: 60%;
		margin: 15px auto 0;
	}
	.index #con2.conBox_oneday .fig{
		position: relative;
		bottom: inherit;
		right: inherit;
		max-width: 311px;
		width: 60%;
		margin: 15px auto 0;
	}
	.index .conBox_oneday .fig img{
		width: 100%;
	}
	.index #con1.conBox_oneday .must_item{
		position: relative;
		bottom: inherit;
		right: inherit;
		max-width: 428px;
		width: 90%;
		margin: 15px auto 0;
	}
	.index #con2.conBox_oneday .must_item{
		position: relative;
		bottom: inherit;
		left: inherit;
		max-width: 422px;
		width: 90%;
		margin: 15px auto 0;
	}
	.index .conBox_oneday .must_item img{
		width: 100%;
	}
}

/* conBox_talk */
.index .conBox_talk{
  width: 100%;
  padding: 48px 0 80px;
  overflow: inherit;
}
.index #con3.conBox_talk{
	background: url("../images/index/con3_bg.jpg") top left repeat;
	background-size: 61px 61px;
}
.index #con4.conBox_talk{
	background: url("../images/index/con4_bg.jpg") top left repeat;
	background-size: 61px 61px;
}
.index .conBox_talk .w100{
	background-size: 100% auto;
}
.index .conBox_talk .w960{
  position: relative;
}
.index #con3.conBox_talk .contents::before{
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 1922/152;
	background: url("../images/index/talk1_head.png") center center no-repeat;
	background-size: 100% auto;
}
.index #con4.conBox_talk .contents::before{
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 1922/152;
	background: url("../images/index/talk2_head.png") center center no-repeat;
	background-size: 100% auto;
}
.index .conBox_talk .contents::after{
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 1922/102;
	background: url("../images/index/talk_foot.png") center center no-repeat;
	background-size: 100% auto;
}
.index .conBox_talk .block{
	padding: 4px 50px 42px 80px;
	background: url("../images/index/talk_bg.png") center center repeat-y;
	background-size: 100% auto;
}
.index #con4.conBox_talk .block{
	padding: 4px 50px 42px;
	background: url("../images/index/talk_bg.png") center center repeat-y;
	background-size: 100% auto;
}
.index .conBox_talk .box{
	display: flex;
	gap: 0 40px;
}
.index .conBox_talk .box + .box{
	margin-top: 24px;
}
.index .conBox_talk .box img{
	height: 100%;
}
.index .conBox_talk .box img:first-child{
	width: 400px;
}
.index #con3.conBox_talk .box:nth-child(1) img:first-child{
	margin-top: 43px;
}
.index #con3.conBox_talk .box:nth-child(2) img:first-child{
	margin-left: -24px;
}
.index .conBox_talk .box img:nth-child(2){
	width: 390px;
}
.index .conBox_talk .fig{
	margin: 0;
}
.index .conBox_talk .fig + .fig{
	margin-top: 48px;
}
.index .conBox_talk .fig img{
	width: 100%;
}

@media screen and (max-width:768px){
  .index .conBox_talk{
    width: 100%;
		margin: 0;
    margin-bottom: 50px;
    padding: 30px 0;
    overflow: inherit;
  }
  .index .conBox_talk .w960{
    padding: 24px 20px;
  }
	.index .conBox_talk .block{
		padding: 4px 20px 10px;
	}
	.index #con4.conBox_talk .block{
		padding: 15px 20px 10px;
	}
	.index .conBox_talk .box{
		display: block;
	}
	.index .conBox_talk .box + .box{
		margin-top: 20px;
	}
	.index .conBox_talk .box img{
		height: 100%;
	}
	.index .conBox_talk .box img:first-child{
		width: 100%;
	}
	.index #con3.conBox_talk .box:nth-child(1) img:first-child{
		margin-top: inherit;
	}
	.index #con3.conBox_talk .box:nth-child(1) img:nth-child(2){
		margin-top: 20px;
		width: 90%;
		margin-left: 8%;
	}
	.index #con3.conBox_talk .box:nth-child(2) img:first-child{
		margin-left: 3%;
		width: 90%;
	}
	.index #con3.conBox_talk .box:nth-child(2) img:nth-child(2){
		margin-top: 20px;
		width: 90%;
		margin-left: 8%;
	}
	.index .conBox_talk .box img:nth-child(2){
		width: 100%;
	}
	.index .conBox_talk .fig{
		margin: 0;
	}
	.index .conBox_talk .fig:nth-child(2){
		margin-top: 28px;
	}
	.index .conBox_talk .fig img{
		width: 100%;
	}
}


/* voiceBox */
.index .conBox_oneday .voiceBox{
  position: relative;
	}
.index .conBox_oneday .voiceBox div{
  padding-top: 20px;
  padding-right: 340px;
  color: #20476b;
	}
.index .conBox_oneday .voiceBox div dt{
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 24px;
	}
.index .conBox_oneday .voiceBox div dd{
  margin-bottom: 10px;
	}
.index .conBox_oneday .voiceBox div .name{
  font-weight: 500;
	}
.index .conBox_oneday .voiceBox div .name .txt1{
  font-size: 20px;
	}
.index .conBox_oneday .voiceBox div .name .txt2{
  font-size: 14px;
	}
.index .conBox_oneday .voiceBox .img{
  position: absolute;
  right: 0;
  top: -40px;
	}
.index .conBox_oneday .voiceBox .img img{
  width: 100%;
  height: auto;
	}
.index #con1 .voiceBox .img{
  width: 304px;
	}
.index #con2 .voiceBox .img{
  width: 324px;
	}
@media screen and (max-width:768px){

  .index .conBox_oneday .voiceBox div{
    padding-top: 10px;
    padding-right: 0;
    }

  .index .conBox_oneday .voiceBox div dt{
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center;
    }
  .index .conBox_oneday .voiceBox div dd{
    font-size: 15px;
    }
  .index .conBox_oneday .voiceBox div .name{
    font-weight: 600;
    text-align: center;
    }
  .index .conBox_oneday .voiceBox div .name .txt1{
    font-size: 16px;
    }
  .index .conBox_oneday .voiceBox div .name .txt2{
    font-size: 12px;
    }

  .index .conBox_oneday .voiceBox .img{
    position: static;
    text-align: center;
    }
  .index #con1 .voiceBox .img,
  .index #con2 .voiceBox .img{
    width: 100%;
    }
  .index .conBox_oneday .voiceBox .img img{
    width: 100%;
    height: auto;
    }
  .index #con1 .voiceBox .img img{
    max-width: 304px;
    }
  .index #con2 .voiceBox .img img{
    max-width: 324px;
    }
}





/*
con1
*/
.index #con1{
  margin: 96px 0 46px;
	}
.index #con1 .w100{
  background-color: #fde5c0;
	}
@media screen and (max-width:768px){
  .index #con1{
  margin: 0 0 50px;
    }
}




/*
con2
*/
.index #con2{
  margin: 0 0 50px;
	}
.index #con2 .w100{
  background-color: #e8f2dc;
	}
@media screen and (max-width:768px){
  .index #con2{
    margin: 0 0 50px;
    }
}




/*
おだたんの魅力
calendar/charm.html
************************************************************/

.charm .ttlBox .bgbar{
  margin-bottom: 0;
}
.charm .ttlBox + .ttl{
  margin-bottom: 0;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
  background: url("../images/charm/bg.png") center center no-repeat;
  background-size: cover;
  background-color: #fff799;
}
.charm .ttlBox + .ttl img{
	width:100%;
  max-width: 924px;
  height: auto;
}
/*
con1
*/
.charm #con1{
  width: 100%;
  padding: 50px 0 50px 0;
	background: #fffcd6;
	}
.charm #con1 ul{
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
  box-sizing: border-box;
	}
.charm #con1 li{
  float: left;
  width:31.6667%;
  margin-bottom: 2.5%;
  box-sizing:border-box;
  }
.charm #con1 li:nth-child(3n-1){
  margin:0 2.5% 2.5% 2.5%;
  }
.charm #con1 li img{
	width:100%;
  height: auto;
  border-radius: 10px;
	}
@media screen and (max-width:768px){
  .charm #con1{
    margin: 0;
    padding: 50px 0;
    }
  .charm #con1 .innerBox{
    padding: 0;
    }
  .charm #con1 ul{
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    }
  .charm #con1 li{
    width:48.5%;
    margin-bottom:15px;
    }
  .charm #con1 li:nth-child(3n-1){
    margin:0 0 15px 0;
    }
  .charm #con1 li:nth-child(2n-1){
    margin-right:3%;
    }
	}




/*
おだたんの1年間
calendar/index.html
************************************************************/
/*
con1
*/
.calendar #con1{
	background:url(../images/calendar/bg.png) left top no-repeat;
	}

/* table */
.calendar #con1 table{
	width:100%;
	}
.calendar #con1 table th,
.calendar #con1 table td{
	border-bottom:dotted 2px #CCC;
	}
.calendar #con1 table th{
	width: 30%;
	padding:25px 20px;
	box-sizing:border-box;
	font-size: 40px;
	line-height:1;
	text-align:center;
	}
.calendar #con1 table th span{
	font-size: 80px;
	color:#EA6182;
	margin-right:10px;
	}
.calendar #con1 table td{
	width: 70%;
	padding:25px 0;
	box-sizing:border-box;
	}

.calendar #con1 .list_dot{
	margin:0;
	}
.calendar #con1 .list_dot li{
	margin:7px 0;
	font-size: 14px;
	}
.calendar #con1 .list_dot li.pink{
	color:#EA6182;
	font-weight: bold;
	}
.calendar #con1 .list_dot li.pink a{
	color:#EA6182;
	text-decoration:none;
	pointer-events: none;
	}
.calendar #con1 .list_dot li:last-child{
	}

/* imgBox_230 */
.calendar #con1 .imgBox_230{
	width:310px;
	padding:10px 0 30px 0;
	margin-bottom:20px;
	box-sizing:border-box;
	border:solid 1px #CCC;
	background-color:#FFF;
	}
.calendar #con1 .imgBox_230 .img{
	width:310px;
	margin:0 0 10px 0;
	text-align:center;
	}
.calendar #con1 .imgBox_230 h2{
	margin:0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
	color:#EA6182;
	}
.calendar #con1 .imgBox_230 .txt{
	width:230px !important;
	margin:0 auto;
	font-size: 13px;
	}

.calendar #con1 .box1{
	margin-bottom:380px;
	}
.calendar #con1 .box2{
	margin-bottom:45px;
	}

@media screen and (max-width:768px){
	.calendar #con1{
		background:url(../images/calendar/bg.png) left 15px no-repeat;
		background-size: contain;
		}
	.calendar #con1 table{
		margin-bottom: 60px !important;
		}
	.calendar #con1 table th,
	.calendar #con1 table td{
		border-bottom:dotted 1px #CCC !important;
		}
	.calendar #con1 table th{
		padding:10px 10px !important;
		font-size: 20px !important;
		}
	.calendar #con1 table th span{
		font-size: 40px !important;
		margin-right:5px !important;
		}
	.calendar #con1 table td{
		padding:10px 0 !important;
		}
	.calendar #con1 .list_dot li{
		margin:3px 0 !important;
		}
	.calendar #con1 .list_dot li.pink a{
		color:#5b8bbc !important;
		text-decoration: underline !important;
		pointer-events: auto !important;
		}

	.calendar #con1 .imgBox_230{
		width:auto !important;
		padding:15px !important;
		}
	.calendar #con1 .imgBox_230 h2{
		font-size: 18px !important;
		}
	.calendar #con1 .imgBox_230 .img{
		width:auto !important;
		}
	.calendar #con1 .imgBox_230 .img img{
    max-width:460px;
		}
	.calendar #con1 .imgBox_230 .txt{
		width:auto !important;
		font-size: 14px !important;
		}
	.calendar #con1 .box1,
	.calendar #con1 .box2{
		margin-bottom:20px !important;
		}
}



/*
クラブ活動
circle.html
************************************************************/
/*
con1
*/
.circle #con1{

	}
.circle #con1 .imgBox_310{
	margin-bottom:40px;
	}
.circle #con1 .imgBox_310 .img{
	margin-bottom:10px;
	}
.circle #con1 .imgBox_310 .h3{
	font-size: 16px;
	}
@media screen and (max-width:768px){
	.circle #con1{
		margin-bottom:20px !important;
		}
	.circle #con1 .imgBox_310{
		width:49% !important;
		margin:0 0 0 0 !important;
		padding-bottom:10px !important;
		}
	.circle #con1 .imgBox_310.leftBox:nth-child(2n){
		margin:0 0 0  2%!important;
		}
	.circle #con1 .imgBox_310 .img{
		margin-bottom: 5px !important;
		}
	.circle #con1 .imgBox_310 .img img{
		width:100% !important;
		height:auto !important;
		}
	.circle #con1 .imgBox_310 .h3{
		font-size: 12px !important;
		}
}

/*
con2
*/
.circle #con2 ul{
	text-align:center;
	}
.circle #con2 ul li{
	display:inline;
	font-weight: bold;
	}
.circle #con2 ul li span{
	color:#333;
	}
@media screen and (max-width:768px){
	.circle #con2 ul li{
		font-size: 12px !important;
		}
}




/*
小田原マップ
odawara_map.html
************************************************************/
/*
con1
*/
.odawara_map #con1{
	margin-bottom:0;
	}
.odawara_map #con1 .map{
	width:960px;
  margin-bottom: 30px;
	}
.odawara_map #con2 .imgBox_310 .img img{
  max-width:310px;
  }
/*.odawara_map #con1 .col3_1-2 > div:nth-child(2n-1){
	width:310px;
	margin-right:15px;
	}
.odawara_map #con1 .col3_1-2 > div:nth-child(2n-1) .h3{
	color:#EA6182;
	}
.odawara_map #con1 .col3_1-2 > div:nth-child(2n-1) .txt{
	font-size: 15px;
	}
.odawara_map #con1 .col3_1-2 > div:nth-child(2n){
	width:635px;
	padding:10px;
	box-sizing:border-box;
	background-color:#EEE;
	}
.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .h3{
	color:#EA6182;
	font-size: 20px;
	}
.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .h3 span{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	margin-right:10px;
	border-radius:100%;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	background-color:#EA6182;
	}
.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .img{
	float:left;
	height:240px;
	margin-right:20px;
	}
.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .txt{
	font-size: 15px;
	}*/
@media screen and (max-width:768px){
	.odawara_map #con1 .map{
		width:100% !important;
		/*width:640px !important;*/
		margin:0 auto 20px auto !important;
		}
	.odawara_map #con1 .map img{
		width:100% !important;
		height:auto !important;
		}

	/*.odawara_map #con1 .col3_1-2 > div:nth-child(2n-1){
		width:auto !important;
		margin:0 !important;
		}
	.odawara_map #con1 .col3_1-2 > div:nth-child(2n-1) .txt{
		font-size: 14px !important;
		margin:0 0 20px 0 !important;
		}

	.odawara_map #con1 .col3_1-2 > div:nth-child(2n){
		width:auto !important;
		margin-bottom:20px !important;
		padding:20px !important;
		}
	.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .img{
		float:none !important;
		height:auto !important;
		margin:0 auto !important;
		}
	.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .img img{
		width:100% !important;
		height:auto !important;
		}
	.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .h3{
		font-size: 18px !important;
		}
	.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .h3 span{
		width:24px !important;
		height:24px !important;
		line-height:24px !important;
		margin-right:5px !important;
		}
	.odawara_map #con1 .col3_1-2 > div:nth-child(2n) .txt{
		margin-bottom:0 !important;
		}*/
}


/*
con2
*/
.odawara_map #con2{
	}
.odawara_map #con2 .imgBox_310{
	/*margin-bottom:80px;*/
  min-height: 440px;
	}
.odawara_map #con2 .imgBox_310 .h3{
	color:#EA6182;
	font-size: 18px;
	margin-bottom:0;
	}
.odawara_map #con2 .imgBox_310 .h3 span{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	margin-right:10px;
	border-radius:100%;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	background-color:#EA6182;
	}
.odawara_map #con2 .imgBox_310 .txt{
	margin-bottom:0;
	}
@media screen and (max-width:768px){
  .odawara_map #con2 .imgBox_310{
    margin-bottom:80px;
    min-height: auto;
    }
	.odawara_map #con2 .imgBox_310 .img{
		margin-bottom:10px !important;
		}
	.odawara_map #con2 .imgBox_310 .h3{
		text-align:center !important;
		font-size:18px !important;
		}
	.odawara_map #con2 .imgBox_310 .h3 span{
		width:24px !important;
		height:24px !important;
		line-height:24px !important;
		margin-right:5px !important;
		}
	.odawara_map #con2 .imgBox_310 .txt{
		text-align:center !important;
		margin-bottom:18px !important;
		}
}




/*
キャンパスマップ
facilities/index.html
************************************************************/
/*
con1
*/
.facilities #con1 p{
  margin-bottom: 30px;
	}
.facilities #con1 p img{
  width: 100%;
  max-width: 960px;
  height: auto;
	}


.facilities #con1 .map{
	width:960px;
	text-align:center;
	}
@media screen and (max-width:768px){
	.facilities #con1{
		margin-bottom: 30px !important;
		}
  .facilities #con1 p{
    margin-bottom: 20px;
    }

	.facilities #con1 .map{
		width:100% !important;
		/*width:640px !important;*/
		margin:0 auto !important;
		}
	.facilities #con1 .map img{
		width:100% !important;
		height:auto !important;
		}
}

/*
con2
*/
.facilities #con2{
	}
.facilities #con2 .col{
	}
.facilities #con2 .col img{
  width: 100%;
  height: auto;
	}
.facilities #con2 .col img.img50p {
	width:50%;
	height:auto;
	}

.facilities #con2 .col .h3{
	color:#EA6182;
	font-size: 24px;
	}
.facilities #con2 .col .h4{
	font-size: 18px;
	}
.facilities #con2 .col .h4 + .txt{
	font-size: 15px;
	}
@media screen and (max-width:768px){
	.facilities #con2 .col{
		position:relative !important;
		padding-top: 40px !important;
		}
	.facilities #con2 #con2_5{
		padding-top:0 !important;
		}

	.facilities #con2 #con2_4 > div:first-child{
		border:solid 4px #f18f5a !important;
		box-sizing:border-box !important;
		}
	.facilities #con2 #con2_5 > div:first-child{
		border:solid 4px #00ae84 !important;
		box-sizing:border-box !important;
		}


	.facilities #con2 .col .h3{
		position: absolute !important;
		top:0 !important;
		left: 0 !important;
		width: 100% !important;
		font-size: 20px !important;
		text-align:center !important;
		}
	.facilities #con2 .col .h4{
		font-size: 16px !important
		}
	.facilities #con2 .col .h4.txt_f_d,
	.facilities #con2 .col .h4.txt_c_d{
		text-align:center !important;
		}

	.facilities #con2 .col .h4 + .txt{
		font-size: 14px !important
		}

}




/*
おだたん生の On Time OFF Time
on_off.html
************************************************************/

.on_off #ancBox li.c a{background-color:#eb6d87;}
.on_off #ancBox li.f a{background-color:#E9801B;}

.on_off .ttl{
  position:relative;
  width:960px;
  height:720px;
  margin-bottom: 40px;
  background:url(../images/on_off/img_ontime.jpg) left top no-repeat;
	}
.on_off .ttl .inner{
  position:absolute;
  top:240px;
  left:320px;
  width: 320px;
  height:240px;
  box-sizing:border-box;
  padding:30px 25px 0 25px;
  color:#FFF;
	}
.on_off .ttl h2{
  margin-bottom: 10px;
  line-height:1.2;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 32px;
	}
.on_off .ttl p{
  font-size: 14px;
	}
.on_off .box{
	}
.on_off .box .img{
  display:none;
	}
.on_off .box h3{
	}
.on_off .box h3 span{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height:40px;
  margin-right:10px;
  text-align:center;
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: normal;
	}
.on_off .box .txt{
  font-size: 15px;
	}
@media screen and (max-width:768px){
  .on_off .ttl{
    position: static;
    width:100%;
    height:auto;
    padding:10px;
    box-sizing:border-box;
    margin:0 0 20px 0;
    background:none !important;
    }
  .on_off .ttl .inner{
    position:static;
    width: auto;
    height:auto;
    border:solid 1px #FFF;
    padding:20px;
    }
  .on_off .ttl h2{
    font-size: 26px;
    }
  .on_off .ttl p{
    font-size: 13px;
    }
  .on_off .box{
    max-width:480px;
    margin: 0 auto;
    /*margin-bottom: 0;*/
    }
  .on_off .col3 > div.box:nth-child(3n-1){
    margin: 0 auto;
    }
  .on_off .box .img{
    display:block;
    margin-bottom: 10px;
    }
  .on_off .box .img img{
    width: 100%;
    max-width:480px;
    height:auto;
    }
  .on_off .box h3{
    font-size: 18px;
    }
  .on_off .box h3 span{
    width: 36px;
    height: 36px;
    line-height:36px;
    font-size: 18px;
    }
  .on_off .box .txt{
    font-size: 14px;
    }
}

/*
con1
*/
.on_off #con1{
	}
.on_off #con1 .ttl{
  background:url(../images/on_off/img_ontime.jpg) left top no-repeat;
	}
.on_off #con1 .box h3{
  color:#eb6d87;
	}
.on_off #con1 .box h3 span{
  background-color:#eb6d87;
	}
@media screen and (max-width:768px){
	.on_off #con1{
		}
  .on_off #con1 .ttl{
    background-color:#eb6d87 !important;
    }
}

/*
con2
*/
.on_off #con2{
	}
.on_off #con2 .ttl{
  background:url(../images/on_off/img_offtime.jpg) left top no-repeat;
	}
.on_off #con2 .ttl a{
  position:absolute;
  display:block;
  width:320px;
  height:240px;
  bottom:0;
  right:0;
  -webkit-transition: all .2s;
  transition: all .2s;
	}
.on_off #con2 .ttl a:hover{
  background-color:rgba(255,255,255,.3);
	}
.on_off #con2 .box h3{
  color:#E9801B
	}
.on_off #con2 .box h3 span{
  color: #fff;
  background-color:#E9801B;
	}
@media screen and (max-width:768px){
	.on_off #con2{
		}
  .on_off #con2 .ttl{
    background-color:#E9801B !important;
    }
}



/**********************************************/
@media screen and (max-width:768px){

}


/*
キャンパスマップ
campus_map.html
************************************************************/
/*
con1
*/
.campus_map #con1{
	position: relative;
	width: 100%;
	padding: 39px 0 80px;
	background:url(../images/campus_map/con1_bg.jpg) left top repeat-y;
	background-size: 100% auto;
}
.campus_map #con1 .contents{
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 1;
}
.campus_map #con1 .contents::before{
	content: "";
	display: block;
	width: 100%;
	height: 23px;
	background:url(../images/campus_map/head.png) center center no-repeat;
	background-size: 100% 100%;
}
.campus_map #con1 .contents::after{
	content: "";
	display: block;
	width: 100%;
	height: 23px;
	background:url(../images/campus_map/foot.png) center center no-repeat;
	background-size: 100% 100%;
}
.campus_map #con1 .item{
	padding: 33px 0 56px;
	position: relative;
	background:url(../images/campus_map/bg.png) center center repeat-y;
	background-size: 100% auto;
}
.campus_map #con1 .heading{
	width: 720px;
	margin: 0 auto;
}
.campus_map #con1 .heading img{
	width: 100%;
}
.campus_map #con1 .overall{
	width: 800px;
	margin: 16px auto 0;
}
.campus_map #con1 .overall img{
	width: 100%;
}
.campus_map #con1 .fig{
	width: 800px;
	/* margin: -111px auto 0; */
	margin: 41px auto 0;
}
.campus_map #con1 .fig img{
	width: 100%;
	margin-left: -15px;
}
.campus_map #con1 .box1{
	width: 810px;
	margin: 40px auto 0;
}
.campus_map #con1 .box1 img{
	width: 100%;
	margin-left: -10px;
}
.campus_map #con1 .box2{
	width: 892px;
	margin: 40px auto 0;
}
.campus_map #con1 .box2 img{
	width: 100%;
}

@media screen and (max-width:768px){
	.campus_map #con1{
		margin: 0 0 30px;
		padding: 39px 20px 40px;
		box-sizing: border-box;
	}
	.campus_map #con1 .contents::before{
		height: inherit;
		aspect-ratio: 960/23;
	}
	.campus_map #con1 .contents::after{
		height: inherit;
		aspect-ratio: 960/23;
	}
	.campus_map #con1 .contents{
		width: 100%;
		box-sizing: border-box;
	}
	.campus_map #con1 .item{
		padding: 20px 20px 30px;
	}
	.campus_map #con1 .heading{
		width: 100%;
	}
	.campus_map #con1 .overall{
		width: 100%;
		margin: 14px auto 0;
	}
	.campus_map #con1 .fig{
		width: 100%;
		/* margin: -40px auto 0; */
		margin: 30px auto 0;
	}
	.campus_map #con1 .fig img{
		margin-left: 0;
	}
	.campus_map #con1 .box1{
		width: 100%;
		margin: 10px auto 0;
	}
	.campus_map #con1 .box1 img{
		margin-left: 0;
	}
	.campus_map #con1 .box2{
		width: 100%;
		margin: 30px auto 0;
	}
}


/*
イベントスケジュール
event_schedule.html
************************************************************/
/*
con1
*/
.event_schedule #con1{
	position: relative;
	width: 100%;
	padding: 39px 0 80px;
	background:url(../images/event_schedule/bg.jpg) left top repeat;
	background-size: 61px 61px;
}
.event_schedule #con1::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 122px;
	background:url(../images/event_schedule/head.png) left top repeat-x;
	background-size: 53px 122px;
}
.event_schedule #con1::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 170px;
	background:url(../images/event_schedule/foot.png) left top repeat-x;
	background-size: 46px 170px;
}
.event_schedule #con1 .contents{
	position: relative;
	width: 100%;
  max-width: 1051px;
  min-width: 960px;
	margin: 0 auto;
	z-index: 1;
}
.event_schedule #con1 .contents img{
	width: 100%;
}

@media screen and (max-width:768px){
	.event_schedule #con1{
		margin: 0 0 30px;
		padding: 39px 0 40px;
	}
	.event_schedule #con1::before{
		height: 61px;
		background-size: auto 61px;
	}
	.event_schedule #con1::after{
		height: 85px;
		background-size: auto 85px;
	}
	.event_schedule #con1 .contents{
		max-width: inherit;
		min-width: inherit;
		padding: 0 20px;
		box-sizing: border-box;
	}
}


/*
学生アンケート
student_date.html
************************************************************/
/*
con1
*/
.student_date #con1{
	position: relative;
	width: 100%;
	padding: 39px 0 80px;
	background:url(../images/student_date/con1_bg.png) left top repeat;
	background-size: 30px 30px;
}
.student_date #con1 .contents{
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 1;
}
.student_date #con1 .contents + .contents{
	margin-top: 96px;
}
.student_date #con1 .contents::before{
	content: "";
	display: block;
	width: 100%;
	height: 23px;
	background:url(../images/student_date/head.png) center center no-repeat;
	background-size: 100% 100%;
}
.student_date #con1 .contents::after{
	content: "";
	display: block;
	width: 100%;
	height: 23px;
	background:url(../images/student_date/foot.png) center center no-repeat;
	background-size: 100% 100%;
}
.student_date #con1 .item{
	padding: 33px 0 56px;
	position: relative;
	background:url(../images/student_date/bg.png) center center repeat-y;
	background-size: 100% auto;
}
.student_date #con1 .item img{
	width: 100%;
}
.student_date #con1 .contents:first-child .item img:nth-child(2){
	margin-top: 16px;
}
.student_date #con1 .contents:first-child .item img:nth-child(3){
	margin-top: 40px;
}
.student_date #con1 .contents:first-child .item img:last-child{
	position: absolute;
	bottom: -23px;
	left: 520px;
	width: 257px;
}
.student_date #con1 .contents:last-child .item img:nth-child(2){
	margin-top: 16px;
}
.student_date #con1 .contents:last-child .item img:nth-child(3){
	margin-top: 32px;
}

@media screen and (max-width:768px){
	.student_date #con1{
		margin: 0 0 30px;
		padding: 39px 20px 40px;
		background-size: 15px 15px;
		box-sizing: border-box;
	}
	.student_date #con1 .contents{
		width: 100%;
	}
	.student_date #con1 .contents + .contents{
		margin-top: 40px;
	}
	.student_date #con1 .contents::before{
		height: inherit;
		aspect-ratio: 960/23;
	}
	.student_date #con1 .contents::after{
		height: inherit;
		aspect-ratio: 960/23;
	}
	.student_date #con1 .item{
		padding: 20px 0 30px;
	}
	.student_date #con1 .contents:first-child .item img:nth-child(2){
		margin-top: 10px;
	}
	.student_date #con1 .contents:first-child .item img:nth-child(3){
		margin-top: 25px;
	}
	.student_date #con1 .contents:first-child .item img:last-child{
		position: absolute;
		bottom: calc((11/960) * -100%);
		left: calc((520/960) * 100%);
		width: calc((257/960) * 100%);
	}
	.student_date #con1 .contents:last-child .item img:nth-child(2){
		margin-top: 10px;
	}
	.student_date #con1 .contents:last-child .item img:nth-child(3){
		margin-top: 20px;
	}
}