@charset "utf-8";
/*
 * ==========================================================================
 * 
 * [top]
 * 
 * ==========================================================================
 */
.importantNewsWrapper {
  width: 1000px;
  margin: 0 auto 80px;
   background: #fff;
  display: flex;
  border: solid 3px #db2e4d;
}
.importantNewsTitle {
  width: 220px;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  background: #db2e4d;
  /*background: rgb(171,54,75);
  background: linear-gradient(90deg, rgba(171,54,75,1) 0%, rgba(171,54,129,1) 100%);*/
}
.importantNewsBox {
  text-align: left;
  padding: 20px 20px;
}
.importantNewsWrapper a {
  color: #db2e4d;
  font-weight: 700;
}

#mainVisualWrapper {
  position: relative;
  background: url("/graduation/2024/img/content/top/mv_pc.jpg")  bottom center/cover no-repeat;
}
.newBaloon {
    position: absolute;
    width: 25vw;
    bottom: 8%;
    right: 2.5%;
}
.mvInnerVox {
  width: auto;
  margin: 0 auto;
  padding: 8% 0;
  color: #fff;
}
.mv70thLogoBox {
  position: absolute;
  width: 130px;
  top: 30px;
  left: 40px;
}
.mvTitleYear {
  font-size: 2.2vw;
  font-weight: 900;
}

.mvTitle {
  font-size: clamp(7rem, -3rem + 8vw, 10rem);
  font-weight: 600;
  margin: 0 0 50px 0;
  line-height: 1.5;
}
.mvTitleSub {
  font-family: "Roboto", sans-serif;
  font-size: 1.6vw;
  font-weight: 600;
}
.mvText {
  font-size: 3.5rem;
  font-weight: 700;
  margin: 50px auto 0;
}
.mvPhoto {
  width: 100%;
}
  .mvPhoto img {
    width: 100%;
  }

/**
 * --------------------------------------------------------------------------
 * ¥¿¥¤¥È¥ë
 * --------------------------------------------------------------------------
 */
.topSectionTitle {
	font-size: 5rem;
  font-weight: 700;
  text-align: center;
	margin: 0 auto 100px;
  line-height: 1.4;
}
.marker {
  background:linear-gradient(transparent 60%, #faee00 60%);
}

.linkTitle {
	font-size: 2.5vw;
  font-weight: 800;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 80px 0;
}
.linkTitle.line {
  color: #23be4f;
}

/**
 * --------------------------------------------------------------------------
 * about
 * --------------------------------------------------------------------------
 */
.aboutFlex {
  display: flex;
}

.aboutDateBox {
  width: 50%;
  background: url("/graduation/2024/img/content/top/about_bg.jpg") top center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.aboutDateBoxInner {
  padding: 6vw 0;
  text-align: center;
}
.aboutPhotoBox {
  flex: 1;
  margin-right: calc(50% - 50vw);
  background: url("/graduation/2024/img/content/top/tokai-arts.jpg")top center no-repeat;
  background-size: cover;
}
.aboutPhotoBox img{
  width: 100%;
  height: auto;
}

.date {
  font-family: "Roboto", sans-serif;
  font-size: 12rem;
  font-weight: 700;
  line-height: 1;
}
.week {
  font-size: 4rem;
}
.place {
  font-size: 3rem;
  line-height: 1.5;
  margin: 10px 0;
}

.accessBt {
  margin: 30px 0 0 0;  
}
.accessBt a{
  font-size: 2rem;
  font-weight: 700;
  display: inline-block;
  min-width: 300px;
  padding: 15px 0;
  background: #fff;
  color: #ab364b;
  text-decoration: none;
  text-align: center;
  border-radius: 100px;
}

.accessBt img {
  width: 25px;
  margin: -5px 0 0 10px;
}

.noParking {
  border: solid 2px #fff;
  padding: 10px;
  text-align: center;
  margin-top: 40px;
}

/**
 * --------------------------------------------------------------------------
 * online
 * --------------------------------------------------------------------------
 */
.onlineWrapper {
  background: #fff1f3;
}
/**
 * ---------------------------------------------------
 * schedule
 * ---------------------------------------------------
 */
.scheduleWrapper {
}

.timeTableTabBt {
  align-items: flex-end;
}
.timeTableTabBt li{
  width: 50%;
}
.timeTableTabBt li a{
  font-size: 2.3rem;
  font-weight: 700;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #c9b9cb;
}
.timeTableTabBt li.active a{
  color: #fff;
  padding: 30px 0;
  background: linear-gradient(90deg, #ab364b 0%, #ab3681 100%);
}

.timeTableTabBox {
  border: 5px solid;
  border-image: linear-gradient(to right, #ab364b, #ab3681) 1;
  /*border: solid 5px #b4e8ff;*/
  padding: 50px;
}

.timeTable {
  display: flex;
  padding: 30px 0;
  border-bottom:solid 1px #000; 
}
.timeTable.first {
  border-top:solid 1px #000; 
}

.timeTable dt {
  color: #ab364b;
  font-size: 2.3rem;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  width: 17%;
  /*background-image: linear-gradient(90deg, #6b67b0, #a5586e 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
.timeTable dd {
  width: 83%;
}
.timeTableTitle {
  font-size: 2.3rem;
  line-height: 1.4;
}
.icn_live {
  font-size: 1.7rem;
  display: inline-block;
  background: linear-gradient(90deg, #ab364b 0%, #ab3681 100%);
  color: #fff;
  margin: -5px 0 0 0;
  padding: 2px 15px 5px;
  line-height: 1;
  vertical-align: middle;
}


/**
 * ---------------------------------------------------
 * message
 * ---------------------------------------------------
 */
.topMessageIntro {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  background-image: linear-gradient(90deg, #ab364b, #ab3681 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.topMessageBtList {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.topMessageBtList a {
  color: #000;
  text-decoration: none;
}
.topMessageBtList li:first-child{
  margin-bottom: 50px;
}

.topMessageBt {
  display: flex;
}
.topMessageBtLeft {
  width: 60%;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  position: relative;
}
.topMessageBtLeftInner {
  padding: 50px;
}
.topMessageBtRead {
  font-size: 2.5rem;
  font-weight: 400;
  margin: 0 0 30px 0;
}
.topMessageBtMore {
  position: absolute;
  font-size: 1.3rem;
  left: 50px;
  bottom: 50px;
}
.topMessageBtRight {
  width: 40%;
}

.townMessageList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 100px 0 0 0;
  padding: 0;
}
.townMessageList .name {
  font-size: 2.2rem;
  color: #000;
}

.townMessageList li {
	width:49%;
	/*margin-right:2%;*/
	margin-bottom:2%;
	list-style-type: none;
}
/*@media screen and (min-width: 767px) {
	.townMessageList li:nth-child(4n)  {
		margin-right:0;
	}
	
}*/

.townMessageList li a {
  position: relative;
  display: block;
  padding: 20px 30px;
  background: #f9ebee;
  color: #000;
  text-decoration: none;
  border-radius: 10px;
}

.townMessageList li a:after {
  content: /graduation/2024/css/content/"";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 8px;
  height: 8px;
  margin: -6px 0 0 0;
  border-right: solid 3px #ab364b;
  border-top: solid 3px #ab364b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jointName {
  margin-left: 30px;
}

/**
 * --------------------------------------------------------------------------
 * Modal
 * --------------------------------------------------------------------------
 */
.modalSection {
  padding: 5% 10% 0 10%;
}
.modalPlofBox {
  position: relative;
  width: 30%;
}
.modalCommentBox {
  width: 65%;
}
.modalCommentOnly {
  width: 100%;
  margin: 0 auto;
}
.messageModal {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 2.3rem;
  background: url("/graduation/2024/img/content/top/modalMessageBg.jpg")center center/cover no-repeat;
  padding: 6vw;
  color: #4f303b;
  letter-spacing: 0.2rem;
}
.modalImg {
  margin: 0 0 20px 0;
}
.modalName {
  font-size: 3.2rem;
}
.modalComment {
  margin-bottom: 10px;
}
/**
 * ---------------------------------------------------
 * song
 * ---------------------------------------------------
 */
.songWrapper {
  background: #fff1f3;
}
.lyricBoxWrapper {
  display: flex;
  justify-content: center;
}
.lyricBox {
  font-family: "Noto Serif JP", serif;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin: 100px 0 auto 0;
}
.lyricTitle {
  font-size: 2.5rem;
  margin: 0 0 0 30px;
}
.lyricWriting {
  margin: 150px 0 0 0;
}
.lyric {
  text-indent: -3.2em;
  padding-top: 3.2em;
  margin: 0 30px 0 0;
}
/**
 * ---------------------------------------------------
 * photo
 * ---------------------------------------------------
 */
.photoWrapper {
  position: relative;
  /*background: #ab364b;
  color: #fff;*/
}

.photoBgBox{
  position: absolute;
  width: 45vw;
  height: 430px;
  top: 480px;
  right: 0;
  background: url("/graduation/2024/img/content/top/photoBg.jpg") top center/cover no-repeat;
  overflow: hidden;
  z-index: -1;
}
.photoIntroRead {
  font-size: 4rem;
  font-weight: 700;
  margin: 0 0 20px 0;
  background-image: linear-gradient(90deg, #ab364b, #ab3681 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.photoIntroText {
  font-size: 1.9rem;
}

.originalItemTitle {
  font-size: 2rem;
  background:#333;
  padding: 10px;
  margin: 100px 0 30px;
  text-align: center;
  color: #fff;
}
.campusMapBox {
  margin: 0 0 100px 0;
}

.arRead {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 20px 0;
  background-image: linear-gradient(90deg, #ab364b, #ab3681 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arInfoQr {
  display: inline;
}
.arInfoLink {
  display: none;
}

.arBt{
  display: none;
}
.arBox {
  background: #fbe9e9;
  padding: 20px 20px 15px;
  display: flex;
  justify-content: space-between;
  margin: 30px 0 0 0;
}
.arBox a {
  text-decoration: none;
}

.arBoxQr {
  width: 31%;
}
.arBoxBt {
  display: none;
}

.settingScreen {
  width: 60%;
  margin: 0 auto 10px;
}
.settingTitle {
  font-size: 1.8rem;
  font-weight: 400;
  margin: 20px auto 0;
  text-align: center;
}
/**
 * ---------------------------------------------------
 * campaign
 * ---------------------------------------------------
 */
.campaignWrapper {
  background: rgb(171,54,75);
background: linear-gradient(90deg, rgba(171,54,75,1) 0%, rgba(171,54,129,1) 100%);
  color: #fff;
}
.campaignTitleEn {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  text-align: center;
  margin: 0 auto 0px;
  letter-spacing: 0.2rem;
  color: #d3d078;
}
.campaignTitle {
  position: relative;
  width: 800px;
  font-size: 7.5rem;
  line-height: 1.6;
  text-align: center;
  margin: 0 auto 50px;
}
.campaignTitle span::before,
.campaignTitle span::after {
    position: absolute;
    top: 0.8rem;
    height: 11rem;
    content: '';
}

.campaignTitle span::before {
    border-left: solid 3px;
    left: 0;
    transform: rotate(-30deg);
}

.campaignTitle span::after {
    border-right: solid 3px;
    right: 0;
    transform: rotate(30deg);
}



.campaignRead {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  margin: 0 0 50px 0;
}
.campaignRead .color {
  background-image: linear-gradient(90deg, #ab364b, #ab3681 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.campaignRead .bg {
  display: inline-block;
  background: #fff;
  padding: 18px;
  line-height: 1;
}



.campaignText {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  margin: 20px 0 0 0;
}
.campaignText .mention {
  background: #fff;
  padding: 1px 10px 3px;
  margin: 0 5px;
  color: #ab364b;
}
.entryInfoBox {
  border: solid 2px #fff;
  padding: 50px;
  margin: 100px 0 0 0;
}
.entryInfoTitle {
  font-size: 3.5rem;
  line-height: 1.6;
  text-align: center;
  margin: 0 auto;
}
.entryInfoTitle2 {
  font-size: 2rem;
  margin: 40px 0 10px 0;
}

.hashBtTitle {
  font-size: 3rem;
  text-align: center;
  margin: 100px 0 0 0;
}

.hashBtBox {
  display: flex;
  justify-content: space-between;
  width: 700px;
  margin: 20px auto 0;
}

.hashBt a{
  font-size: 2.5rem;
  font-weight: 700;
  min-width: 340px;
  padding: 20px 0;
  text-align: center;
  display: inline-block;
  background: #fff;
  border-radius: 100px;
  text-decoration: none;
  color: #ab364b;
}
.hashBt img {
  width: 30px;
  font-display: block;
  vertical-align: middle;
  margin: -5px 15px 0 0;
}

/**
 * --------------------------------------------------------------------------
 * bnr
 * --------------------------------------------------------------------------
 */
 .bnrWrapper {
 margin-top: -130px; 
}
 .bnrWrapper .innerVox{
    width: 1140px;
    margin: 0 auto;
	padding: 0;
    position: relative;
    text-align:left;
}
.bnrList {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
/*żÊý
.bnrListItem {
	width:49.5%;
	list-style-type: none;
	background: #fff;
	margin-bottom: 10px;
}
	.bnrListItem:nth-child(2n) {
		margin-right:0;
	}*/

.bnrListItem {
	width:32.5%;
	list-style-type: none;
	background: #fff;
	margin-bottom: 10px;
}

.bnrListItemImg {
	border: solid 5px #fff;
	position:relative;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
/**
 * --------------------------------------------------------------------------
 * topics
 * --------------------------------------------------------------------------
 */

.topicsWrapper {
	background: #f5f5f5;	
}
.topicsWrapper .button{
	text-align: center;
	margin-top: 20px;
}
.topicsList {
	display:flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.topicsListItem {
	width:32%;
	margin-right:2%;
	margin-bottom:45px;
	list-style-type: none;
}

	.topicsListItem a{
		text-decoration:none;
	}

.topicsListItemImg {
	position:relative;
}

.topicsListItemCat {
	position:absolute;
	top:10px;
	left:10px;
}

	.topicsListItemCat span{
		background:#1c5bd9;
		color:#fff;
		font-size:0.8rem;
		padding:5px 15px;
		border-radius:30px;
	}

.topicsListItemDate {
	font-size: 1.5rem;
	color: #1c5bd9;
	margin:15px 10px 0 10px;
}

.topicsListItemTitle {
	font-size:1.8rem;
	margin:10px 10px 0 10px;
}

@media screen and (min-width: 767px) {

.topicsListItem:nth-child(3n) {
	margin-right:0;
}
}

/**
 * --------------------------------------------------------------------------
 * news
 * --------------------------------------------------------------------------
 */
.newsListWrapper {
}
.newsListWrapper .button{
	text-align: center;
	margin-top: 80px;
}

.newsList {
	padding: 0;
}
	.newsList li {
		list-style-type: none;
		padding: 20px 5px;
		border-top: solid 1px #dedede;
	}
		.newsList li:last-child {
			margin-bottom: 0;
			border-bottom: solid 1px #dedede;
		}
.newsListItem {
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		padding: 0;
		text-decoration: none;
}
.newsListDate {
		width: 11%;
}
.newsListTitle {
    width: 89%;
}

.newsListTitle a {
	color: #18272F;
  position: relative;
  text-decoration: none;
}

.newsListTitle a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #18272F;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .4s ease-in-out;
}

.newsListTitle a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}
/**
 * --------------------------------------------------------------------------
 * ¥ë©`¥×¥¹¥é¥¤¥É¥¤¥á©`¥¸
 * --------------------------------------------------------------------------
 */
.titleSlide {
	width: 100%;
  background-image: url(/graduation/2024/css/content/"");
	background-size: auto 100%;
	height: 500px;
	position: relative;
	animation: bgSlider 80s linear infinite;
}
@keyframes bgSlider {
		from {
			background-position: 0 0;
		}
		to {
			background-position: -3615px 0;
		}
}
/**
 * --------------------------------------------------------------------------
 * link
 * --------------------------------------------------------------------------
 */

.linkWrapper {
}
.linkList {
	display:flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.linkListItem {
	width:32%;
	margin-right:2%;
	margin-bottom:45px;
	list-style-type: none;
}

.linkList .linkListItem:nth-child(3)  {
	margin-right:0;
}

.linkListItemImg {
	position:relative;
}

/**
 * --------------------------------------------------------------------------
 * slider
 * --------------------------------------------------------------------------
 */
.sliderWrapper {
    margin-top: 50px;
    margin-bottom: 50px;
}

/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 768px) {
.importantNewsWrapper {
  width: 90%;
  display: inherit;
  margin: 30px auto 50px;
}
.importantNewsTitle {
  font-size: 1.4rem;
  width: auto;
  padding: 5px 0;
}
.importantNewsBox {
  text-align: left;
  padding: 10px 10px;
}
.importantNewsWrapper a {
  font-weight: 400;
}

  
  
#mainVisualWrapper {
	position: relative;
  background: url("/graduation/2024/img/content/top/mv_sp.jpg")  bottom center/cover no-repeat;
}
.newBaloon {
width: 260px;
    bottom: 2%;
    right: 50%;
    margin-right: -136px;
}
	.mvInnerVox {
  width: auto;
  padding: 25% 0 30%;
}
  
.mv70thLogoBox {
	width: 50px;
  top: 20px;
  left: 20px;
}
.mvTitleYear {
  font-size: 2rem;
}
.mvTitle {
  font-size: 2.8rem;
  margin: 0 0 10px 0;
  line-height: 1.4;
}
.mvTitleSub {
  font-size: 1.2rem;
}
.mvText {
  font-size: 1.7rem;
  margin: 20px auto 0;
}
/**
 * --------------------------------------------------------------------------
 * ¥¿¥¤¥È¥ë
 * --------------------------------------------------------------------------
 */
.topSectionTitle {
	font-size: 2.3rem;
	margin: 0 auto 40px;
  line-height: 1.5;
}
.linkTitle {
	font-size: 1.7rem;
  line-height: 1.6;
  margin: 0 0 40px 0;
}
/**
 * --------------------------------------------------------------------------
 * about
 * --------------------------------------------------------------------------
 */
.aboutFlex {
  display: inherit;
}

.aboutDateBox {
  width: auto;
}
.aboutDateBoxInner {
  padding: 7vw 0;
}
.aboutPhotoBox {
  height: 250px;
  flex: 1;
  margin-right: auto;
}
.aboutPhotoBox img{
}

.date {
  font-size: 7rem;
}
.week {
  font-size: 2rem;
}
.place {
  font-size: 2rem;
  margin: 10px 0;
}

.accessBt {
  margin: 20px 0 0 0;  
}
.accessBt a{
  font-size: 1.5rem;
  min-width: 280px;
  padding: 15px 0;
}
/**
 * --------------------------------------------------------------------------
 * online
 * --------------------------------------------------------------------------
 */
.onlineWrapper {
}
/**
 * ---------------------------------------------------
 * schedule
 * ---------------------------------------------------
 */
.scheduleWrapper {
}
  
.timeTableTabBt {
}
.timeTableTabBt li{
}
.timeTableTabBt li a{
  font-size: 1.5rem;
  line-height: 1.4;
  padding: 10px 0;
}
.timeTableTabBt li.active a{
   padding: 20px 0;
}

.timeTableTabBox {
  border: 3px solid;
  border-image: linear-gradient(to right, #ab364b, #ab3681) 1;
  /*border: solid 5px #b4e8ff;*/
  padding: 20px;
}

.timeTable {
  display: inherit;
  padding: 10px 0;
}
.timeTable.first {
}

.timeTable dt {
  font-size: 1.5rem;
  width: auto;
}
.timeTable dd {
  width: auto;
  margin: 0;
}
.timeTableTitle {
  font-size: 1.7rem;
  font-weight: 700;
  margin: 5px 0 5px 0;
}
.icn_live {
  font-size: 1.2rem;
  margin: -4px 0 0 0;
  padding: 3px 10px;
}
/**
 * ---------------------------------------------------
 * message
 * ---------------------------------------------------
 */
.topMessageIntro {
  font-size: 1.7rem;
}

.townMessageList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0 0 0;
  padding: 0;
}
.townMessageList .name {
  font-size: 1.7rem;
  line-height: 1;
}

.townMessageList li {
	width:49%;
}

.townMessageList li a {
  padding: 15px;
  background: #f9ebee;
  color: #000;
  border-radius: 8px;
}

.townMessageList li a:after {
  right: 13px;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 0;
  border-right: solid 2px #ab364b;
  border-top: solid 2px #ab364b;
}
  
.jointName {
  margin: 10px 0 0 0;
}
/**
 * --------------------------------------------------------------------------
 * castModal
 * --------------------------------------------------------------------------
 */
.modalSection {
  padding: 5%;
  overflow: scroll;
}
.modalPlofBox {
  width: 70%;
  margin: 0 auto 30px;
}
.modalCommentBox {
  width: auto;
}
  .modalCommentOnly  {
    width: 100%;
    margin: 0 auto;
  } 
.messageModal {
  font-size: 1.7rem;
  background: url("/graduation/2024/img/content/top/modalMessageBg.jpg")center center/cover no-repeat;
  padding: 30px;
  color: #4f303b;
}
.modalName {
  font-size: 2rem;
}
.modalComment {
  margin-bottom: 15px;
}
/**
 * ---------------------------------------------------
 * song
 * ---------------------------------------------------
 */
.songWrapper {
}
.lyricBoxWrapper {
  display: inherit;
  width: 90%;
  margin: 0 auto;
}
.lyricBox {
  writing-mode: horizontal-tb;
  margin: 30px 0 auto 0;
}
.lyricTitle {
  font-size: 1.8rem;
  text-align: center;
  margin: 0;
}
.lyricWriting {
  text-align: right;
  margin: 20px 0 0;
}
.lyric {
  text-indent: -2.2em;
  padding:0 0 0 2.2em; 
  margin: 20px 0 0 0;
}
/**
 * ---------------------------------------------------
 * photo
 * ---------------------------------------------------
 */
.photoWrapper {
}

.photoBgBox{
  width: 50vw;
  height: 200px;
  top: 580px;
  right: 0;
  background: url("/graduation/2024/img/content/top/photoBg.jpg") top center/cover no-repeat;
}
.photoIntroRead {
  font-size: 2rem;
  text-align: center;
  margin: 0 0 20px 0;
}
.photoIntroText {
  font-size: 1.5rem;
}

.originalItemTitle {
  font-size: 1.5rem;
  margin: 30px 0 10px;
}
.campusMapBox {
  margin: 0 0 50px 0;
}

.arRead {
  font-size: 1.8rem;
  margin: 0 0 10px 0;
}
.arInfoQr {
  display: none;
}
.arInfoLink {
  display: inline;
}

.arBt{
  display: block;
  min-width: auto;
  margin: 20px 0 0 0;
  padding: 20px 0;
  background: #ab364b;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 100px;
}
.arBox {
  padding: 20px;
  display: inherit;
  margin: 30px 0 0 0;
}
.arBoxQr {
  display: none;
}
.arBoxBt {
  display: inherit;
}


.settingScreen {
  width: 60%;
  margin: 0 auto 30px;
}
.settingTitle {
  font-size: 1.8rem;
  font-weight: 400;
  margin: 20px auto 0;
  text-align: center;
}

/**
 * ---------------------------------------------------
 * campaign
 * ---------------------------------------------------
 */
.campaignTitleEn {
  font-size:1.3rem;
  margin: 0 auto 0;
}
.campaignTitle {
  font-size: 2.7rem;
  width: 300px;
  margin: 0 auto 20px;
}
.campaignTitle span::before,
.campaignTitle span::after {
    position: absolute;
    top: 0;
    height: 4rem;
    content: '';
}
.campaignTitle span::before {
    border-left: solid 2px;
}

.campaignTitle span::after {
    border-right: solid 2px;
}
  
.campaignRead {
  font-size: 2rem;
  line-height: 2.2;
  margin: 0 0 30px 0;
}
.campaignRead .bg {
  padding: 10px;
}

.campaignText {
  font-size: 1.6rem;
  margin: 20px 0 0 0;
}
.campaignText .mention {
  padding: 2px 10px 2px;
  margin: 0 5px;
}
.entryInfoBox {
  padding: 30px;
  margin: 30px 0 0 0;
}
.entryInfoTitle {
  font-size: 1.8rem;
}
.entryInfoTitle2 {
  font-size: 1.5rem;
  text-align: center;
  margin: 30px 0 10px 0;
}

.hashBtTitle {
  font-size: 1.8rem;
  margin: 50px 0 0 0;
}

.hashBtBox {
  display: inherit;
  width: auto;
  margin: 10px auto 0;
}

.hashBt a{
  font-size: 1.5rem;
  padding: 20px 0;
}
.hashBt img {
  width: 26px;
  margin: -5px 15px 0 0;
}
/**
 * --------------------------------------------------------------------------
 * bnr
 * --------------------------------------------------------------------------
 */
 .bnrWrapper {
 margin-top: -20px; 
}
 .bnrWrapper .innerVox{
    width: 90%;
}

.bnrList {
	display: inherit;
	}
.bnrListItem {
	width:auto;
	margin-bottom: 10px;
}
	.bnrListItem:nth-child(2n) {
	}
.bnrListItemImg {
	border: solid 3px #fff;
	position:relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/**
 * --------------------------------------------------------------------------
 * topics
 * --------------------------------------------------------------------------
 */

.topicsWrapper {
}
.topicsWrapper .button{
	margin-top: 0;
}
.topicsList {
}
.topicsListItem {
	width:49%;
	margin-right:2%;
	margin-bottom:20px;
}
	.topicsListItem:nth-child(2n) {
		margin-right:0;
	}
	.topicsListItem a{
	}
.topicsListItemImg {
}
.topicsListItemCat {
	top:5px;
	left:5px;
}
	.topicsListItemCat span{
		font-size:0.65rem;
		padding:3px 5px;
	}

.topicsListItemDate {
	font-size: 0.8rem;
	color: #1c5bd9;
	margin:10px 5px 0 5px;
}

.topicsListItemTitle {
	font-size:0.8rem;
	margin:5px 5px 0 5px;
}
/**
 * --------------------------------------------------------------------------
 * news
 * --------------------------------------------------------------------------
 */
.newsListWrapper {
}
.newsListWrapper .button{
	margin-top: 30px;
}
.newsList {
}
	.newsList li {
		padding: 10px 5px;
	}
.newsListItem {
	display: inherit;
}
.newsListDate {
    width: auto;

}
.newsListTitle {
    width: auto;
}
/**
 * --------------------------------------------------------------------------
 * ¥ë©`¥×¥¹¥é¥¤¥É¥¤¥á©`¥¸
 * --------------------------------------------------------------------------
 */
.titleSlide {
	height: 200px;
	animation: bgSlider 120s linear infinite;
}
/**
 * --------------------------------------------------------------------------
 * link
 * --------------------------------------------------------------------------
 */

.linkWrapper {
}
.linkList {
  display: inherit;
}
.linkListItem {
  width: 90%;
  margin: 0 auto 10px;
}
	.linkListItem:nth-child(2n) {
		margin-right:auto;
	}
	.linkListItem:nth-child(3n) {
		margin-right:auto!important;
	}

}