@charset "utf-8";

.pc { display:none;}
.sp { display:block;}

body {
  -webkit-text-size-adjust: 100%;
}

input,textarea {
    border-radius: 0;
    -webkit-appearance: none;
}

/* =======================================

	Structure CSS

========================================== */
.contentsWrapper {
	margin: 0 5%;
}

.contentsRight {
	width: 100%;
	float: none;
	margin: 0 0 100px 0;
}

.contentsLeft {
	width: 100%;
	float: none;
}

/* =======================================

	Text Decorations CSS

========================================== */
.titBigBorder {
	font-size: 140%;
}

.titCat {
	border-width: 0 0 0 2px;
	font-size: 180%;
	padding: 15px 0 15px 20px;
	margin: 0 0 50px 0;
}

/* =======================================

	Header CSS

========================================== */

#menu {
	width: 80px;
	height: 80px;
	position: absolute;
	cursor: pointer;
    z-index: 30;
    top: 0;
    right: 0;
	background-color: #7030a0;
}

#menu .bar {
	display: inline-block;
	width: 40px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	transition: .15s ease-in-out;
	left: 20px;
}

#bar01 {
	top: 20px;
}
#bar02 {
	top: 30px;
}
#bar03 {
	top: 40px;
}
.active #bar01 {
	top: 30px;
	transform: rotate(45deg);
}
.active #bar02 {
	width: 0;
}
.active #bar03 {
	top: 30px;
	transform: rotate(-45deg);
}

#menu .text {
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 90%;
	position: absolute;
	top: 53px;
	left: 0;
}

#globalHeader #site-title {
	padding: 10px 0 0 10px;
}

#globalHeader #site-title img {
	width: 83px;
	margin: 14px 0 0 0;
}
	
#globalHeader #site-title span {
	font-size: 110%;
	margin: 7px 0 0 15px;
}
	
#globalHeader .inner {
	padding: 0;
	height: 80px;
}

#globalHeader .inner .logoUniv {
	display: none;
}
	
#globalHeader .inner #globalNavi {
	float: none;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 0;
	background-color: #ffffff;
	width: 100%;
	display: none;
	z-index: 100;
}

#globalHeader .inner #globalNavi ul {
	float: none;
}

#globalHeader .inner #globalNavi ul:last-child {
	position: relative;
	top: 0;
	right: 0;
}

#globalHeader .inner #globalNavi ul:last-child a {
	color: #777777;
	font-size: 90%;
}

#globalHeader .inner #globalNavi ul li {
	float: none;
	margin: 0 0 0 0;
	padding: 0;
}

#globalHeader .inner #globalNavi ul li a {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #CACED1;
	display: block;
	padding: 15px 5%;
}

#globalHeader .inner #globalNavi ul:last-child li:last-child a {
	border-width: 1px 0 1px 0;
}

/* =======================================

	Footer CSS

========================================== */
#globalFooter {
	margin: 50px 0 100px 0;
	padding: 0 0 50px 0;
	background-image: url(/project/shinshu-opera/common/img/common/log_univ.svg);
	background-size: 150px auto;
	background-position: 48% bottom;
	background-repeat: no-repeat;
	border-width: 0;
}

p.btnTop {
	width: 45px;
	height: 45px;
	right: 50%;
	position: fixed;
	margin: 0 -22.5px 0 0;
	bottom: 30px;
	z-index: 100;
}

#globalFooter .naviFooter {
	margin: 0 0 35px 0;
}

#globalFooter .naviFooter li {
	margin: 0;
	display: block;
	text-align: left;
}

#globalFooter .naviFooter li a {
	display: block;
	padding: 15px 5%;
	font-weight: bold;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #CACED1;
}

#globalFooter .naviFooter li:last-child a {
	border-width: 1px 0 1px 0;
}

#globalFooter address {
	font-size: 100%;
}

#globalFooter address span {
	display: block;
}

#globalFooter address span.spBlock {
	display: inline-block;
}

#globalFooter p.copyright {
	margin: 40px 0;
	font-size: 100%;
}

/* =======================================

	共通

========================================== */
.boxMainImg {
	margin: 0 0 45px 0;
}

.boxMainImg figure {
	padding-left: 0;
}

.boxMainImg h1 {
	padding-right: 0;
}

.boxMainImg h1 span {
	font-size: 170%;
	letter-spacing: 2px;
	margin: -12px 5% 0 5%;
	padding: 20px;
}

.boxMainImg h1 span small {
	font-size: 70%;
}

.boxColumn2 {
	margin: 0 0 50px 0;
}

.boxColumn2 .contents {
	padding: 0 0 0 25px;
}

.boxColumn2 .contents p {
	font-size: 100%;
	margin: 0 0 30px 0;
}

.boxColumn2 header {
	padding: 0 25px 0 0;
}

.boxColumn2 header h2,
.boxColumn2 header h3 {
	font-size: 150%;
}

.listDifinition {
	font-size: 100%;
	margin: 0 0 30px 0;
}


.btnPurple {
	width: 70%;
	font-size: 100%;
	margin: 0 15%;
	padding: 10px 0;
}

/* =======================================

	トップページ

========================================== */
.boxHomeSlide p {
	width: 40%;
	top: 32%;
}

.boxHome01 {
	margin: -80px 0 40px 0;
}

.boxHome01 header h2 {
	font-size: 150%;
}

.boxHome01 .text p {
	font-size: 100%;
	margin: 0 0 25px 0;
}

.boxHome01 .text a {
	width: 65%;
	text-align: center;
	border-radius: 3px;
	background-color: #7030A0;
	color: #ffffff;
	font-size: 100%;
	padding: 15px 0;
}

.boxHome03 {
	margin: 0 0 40px 0;
}

.boxHome02 header {
	margin: 0 0 20px 0;
}

.boxHome02 .wrapper a figure {
	
}

.boxHome02 .wrapper a {
	width: 50%;
}

.boxHome02 .wrapper a span.cat {
	padding: 0 15px;
}

.boxHome04 li img {
	height: 40px;
}

.boxHome04 li:last-child {
	padding: 10px 0 0 0;
}

.boxHome04 li:last-child img {
	height: 25px;
}

/* =======================================

	188bet体育_188bet备用网址

========================================== */
.boxNewsIndex {
	border-width: 0;
	margin: 0 0 50px 0;
	padding: 0 0 0 0;
}

.boxPagenate p span {
	margin: 0 0 10px 10px;
}

.boxPagenate p a {
	margin: 0 0 10px 10px;
}

.boxPagenate p a:first-child {
	margin: 0 0 10px 0;
}

.boxNewsDetail .titBigBorder {
	font-size: 150%;
}

.boxPagenate p {
	font-size: 100%;
}

.boxPagenate p a.next,
.boxPagenate p a.prev,
.boxPagenate p a.back {
	width: 90px;
}

/* =======================================

	コンソーシアム概要

========================================== */
.boxOverview01 figcaption {
	padding: 20px;
	font-size: 100%;
}

/* =======================================

	188bet体育_188bet备用网址開発課題

========================================== */
.boxReserch {
	margin: 0 0 30px 0;
}

.boxReserch header {
	margin: 0 0 20px 0;
}

.boxReserch header span {
	padding: 8px 15px;
	margin: 0 20px 0 0;
	font-size: 130%;
}

.boxReserch header h2 {
	font-size: 150%;
}

.boxReserch p {
	font-size: 100%;
	padding: 15px 20px 10px 20px;
}


/* =======================================
	188bet体育_188bet备用网址開発課題（一覧?詳細）20210330?
========================================== */

.boxReserchIndex {
	margin: 0 0 40px 0;
}

.boxReserchIndex header {
	margin: 0 0 20px 0;
}

.boxReserchIndex header h2 {
	font-size: 150%;
}

.boxReserchIndex .reserchNumber {
	padding: 8px 15px;
	margin: 0 20px 0 0;
	font-size: 130%;
}

.boxReserchIndex .researchRepresentationResearcher {
	font-size: 100%;
	margin: 0 0 20px 0;
	padding: 15px 20px 10px 20px;
}

.boxReserchIndex .contentsInner {
	display: block;
}

.boxReserchIndex .contentsInnerItem.boxResearchIndexSummary {
    flex:none;
}

.boxReserchIndex .contentsInnerItem.boxResearchIndexSummary p {
    margin: 0 0 30px 0;
}

.boxReserchIndex .contentsInnerItem.boxResearchIndexImg {
    flex:none;
}

.boxReserchIndex .contentsInnerItem.boxResearchIndexImg figure {
	padding-left:0px;
}

.boxColumn2 .researchFullImageBox {
	margin: 0 0 30px 0;
}

.boxColumn2 .researchImageBox {
	margin: 0 0 30px 0;
}


/* =======================================

	会員向け情報

========================================== */
.boxMemberHeader {
	margin: 0 0 50px 0;
}