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


/* スマートフォン用CSS */
@media screen and (max-width: 630px) {

#main_fullwidth {
	width:auto;
	height:auto;
	margin:0 auto 0px;
	padding:0px;
	position: relative;
}
.main01, .main02, .main03, .main04, main_back {
	width: 100%;
	position: absolute;
	top:6px;
}
.fadeIn.main01.is-show {
  transition: 1.5s;
  transform: translate(0, -3px);
}
.fadeIn.main02.is-show {
  transition: 1.5s;
  transition-delay:0.5s;
  transform: translate(0, -6px);
}
.fadeIn.main03.is-show {
  transition: 1.5s;
  transition-delay:1s;
  transform: translate(0, -9px);
}
.fadeIn.main04.is-show {
  transition: 1.5s;
  transition-delay:1.5s;
  transform: translate(0, -12px);
}
.kyodo{
	width: 100%;
	margin: 20px auto 4px;
	position: relative;
	background-color: #95eed8;
	padding: 15px 15px 30px;
	box-sizing: border-box;
	color: #2e3ba6;
	font-size: 16px;
}
.kyodo h3{
	font-size: 26px;
	padding-bottom: 10px;
	margin: 0 auto 15px;
	border-bottom: 1px solid #2e3ba6;
}
.kyodo .zacho{
	font-size: 18px;
	margin: 0 0 10px;
}
.kyodo .zacho span{
	display: block;
	font-size: 14px;
}
.kyodo .lr20{
	margin: 0 10px 20px;
}
.kyodo dl{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #95EED8;
	position: relative;
	font-size: 14px;
	line-height: 160%;
}
.kyodo dl dt{
	width: 12%;
	background-color: #1e3d5f;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;

}
.kyodo dl dd{
	width: 88%;
	background-color: #ffffff;
	padding: 10px 15px;
	box-sizing: border-box;
}

.shotgun_presen{
	background-image: url("../img/shotgun_back.png");
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
}
#index .shotgun_presen h2{
	color: #296ae3;
	font-family:'Josefin Sans', sans-serif;
	font-size: 30px;
	letter-spacing: 1px;
	font-style: italic;
	margin-bottom: 10px;
	text-shadow: 3px 3px 0px white;
}
.accordion{
	margin-bottom: 25px;
}
.panel-head{
	display: flex;
	flex-wrap: wrap;
}
.contentWrap{
	background-color: rgba(0,0,0,0.70);
	padding: 20px;
}
.photo{
	width: 30%;
	height: auto;
	background-image: url("../img/pic-default.jpg");
	background-size: cover;
	background-position: center;
}
/*高知大学*/
.photo.kochi01{	background-image: url("../img/pic-kochi01.jpg"); }
.photo.kochi02{	background-image: url("../img/pic-kochi02.jpg"); }
.photo.kochi03{	background-image: url("../img/pic-kochi03.jpg"); }
.photo.kochi04{	background-image: url("../img/pic-kochi04.jpg"); }
.photo.kochi05{	background-image: url("../img/pic-kochi05.jpg"); }
.photo.kochi06{	background-image: url("../img/pic-kochi06.jpg"); }
.photo.kochi07{	background-image: url("../img/pic-kochi07.jpg"); }
.photo.kochi08{	background-image: url("../img/pic-kochi08.jpg"); }
.photo.kochi09{	background-image: url("../img/pic-kochi09.jpg"); }
.photo.kochi10{	background-image: url("../img/pic-kochi10.jpg"); }
/*愛媛大学*/
.photo.ehime01{ background-image: url("../img/pic-ehime01.jpg"); }
.photo.ehime02{ background-image: url("../img/pic-ehime02.jpg"); }
.photo.ehime03{ background-image: url("../img/pic-ehime03.jpg"); }
.photo.ehime04{ background-image: url("../img/pic-ehime04.jpg"); }
.photo.ehime05{ background-image: url("../img/pic-ehime05.jpg"); }
.photo.ehime06{ background-image: url("../img/pic-ehime06.jpg"); }
.photo.ehime07{ background-image: url("../img/pic-ehime07.jpg"); }
.photo.ehime08{ background-image: url("../img/pic-ehime08.jpg"); }
.photo.ehime09{ background-image: url("../img/pic-ehime09.jpg"); }
.photo.ehime10{ background-image: url("../img/pic-ehime10.jpg"); }
/*香川大学*/
.photo.kagawa01{ background-image: url("../img/pic-kagawa01.jpg"); }
.photo.kagawa02{ background-image: url("../img/pic-kagawa02.jpg"); }
.photo.kagawa03{ background-image: url("../img/pic-kagawa03.jpg"); }
.photo.kagawa04{ background-image: url("../img/pic-kagawa04.jpg"); }
.photo.kagawa05{ background-image: url("../img/pic-kagawa05.jpg"); }
.photo.kagawa06{ background-image: url("../img/pic-kagawa06.jpg"); }
.photo.kagawa07{ background-image: url("../img/pic-kagawa07.jpg"); }
.photo.kagawa08{ background-image: url("../img/pic-kagawa08.jpg"); }
.photo.kagawa09{ background-image: url("../img/pic-kagawa09.jpg"); }
.photo.kagawa10{ background-image: url("../img/pic-kagawa10.jpg"); }
/*徳島大学*/
.photo.tokushima01{ background-image: url("../img/pic-tokushima01.jpg"); }
.photo.tokushima02{ background-image: url("../img/pic-tokushima02.jpg"); }
.photo.tokushima03{ background-image: url("../img/pic-tokushima03.jpg"); }
.photo.tokushima04{ background-image: url("../img/pic-tokushima04.jpg"); }
.photo.tokushima05{ background-image: url("../img/pic-tokushima05.jpg"); }
.photo.tokushima06{ background-image: url("../img/pic-tokushima06.jpg"); }
.photo.tokushima07{ background-image: url("../img/pic-tokushima07.jpg"); }
.photo.tokushima08{ background-image: url("../img/pic-tokushima08.jpg"); }
.photo.tokushima09{ background-image: url("../img/pic-tokushima09.jpg"); }
.photo.tokushima10{ background-image: url("../img/pic-tokushima10.jpg"); }
/*鳴門教育大学*/
.photo.naruto01{ background-image: url("../img/pic-naruto01.jpg"); }
.photo.naruto02{ background-image: url("../img/pic-naruto02.jpg"); }
.photo.naruto03{ background-image: url("../img/pic-naruto03.jpg"); }
.photo.naruto04{ background-image: url("../img/pic-naruto04.jpg"); }
.photo.naruto05{ background-image: url("../img/pic-naruto05.jpg"); }
.photo.naruto06{ background-image: url("../img/pic-naruto06.jpg"); }
.photo.naruto07{ background-image: url("../img/pic-naruto07.jpg"); }
.photo.naruto08{ background-image: url("../img/pic-naruto08.jpg"); }
.photo.naruto09{ background-image: url("../img/pic-naruto09.jpg"); }
.photo.naruto10{ background-image: url("../img/pic-naruto10.jpg"); }
/*その他*/
.photo.other01{ background-image: url("../img/pic-other01.jpg"); }
.photo.other02{ background-image: url("../img/pic-other02.jpg"); }
.photo.other03{ background-image: url("../img/pic-other03.jpg"); }
.photo.other04{ background-image: url("../img/pic-other04.jpg"); }
.photo.other05{ background-image: url("../img/pic-other05.jpg"); }
.photo.other06{ background-image: url("../img/pic-other06.jpg"); }
.photo.other07{ background-image: url("../img/pic-other07.jpg"); }
.photo.other08{ background-image: url("../img/pic-other08.jpg"); }
.photo.other09{ background-image: url("../img/pic-other09.jpg"); }
.photo.other10{ background-image: url("../img/pic-other10.jpg"); }

.data{
	background-color: #ffffff;
	width: 70%;
	padding: 15px;
	box-sizing: border-box;
	line-height: 160%;
}
.affiliation{
	background-color: #333333;
	color: #ffffff;
	padding: 0 10px;
	margin: 0 0 5px;
	font-size: 12px;
	display: inline-block;
}
.kochi-u-ac{ background-color: #2A6AE3; }
.kagawa-u-ac{ background-color: #80AA3F; }
.tokushima-u-ac{ background-color: #4745A1; }
.ehime-u-ac{ background-color: #F6B32A; }
.naruto-u-ac{ background:linear-gradient(#00a95f, #005bac) }
.other{ background-color: #044444; }

.data h4{
	font-size: 15px;
}
.data p{
	font-size: 12px;
	line-height: 160%;
}

.view_more{
	background-color: #2A6AE3;
	color:#ffffff;
	position: absolute;
	bottom:-15px;
	right: 0;
	padding: 3px 10px;
	transition: 0.3s;
}
.data:hover .view_more{
	padding: 0 20px;
	transition: 0.3s;
}
iframe {
	width: 100%;
	height: 225px;
}

.action{
}
.action .like{
	width: fit-content;
	border: 2px solid #2A6AE3;
	background-color: #ffffff;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.action .like button{
	padding: 0 10px;
	background-color: #2A6AE3;
	border: none;
	color: #ffffff;
    transition-property: all;
    transition-duration: 0.3s;
}
.action .like button:hover{
	background-color: #5394F4;
    transition-property: all;
    transition-duration: 0.3s;
}
.action .like button img{
    width: 16px;
    margin: 0 0 3px 0px;
}
.action .like .count{
	margin: 0 auto;
	padding: 0 10px;
	color: #333333;
}

.action .comment{
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px;
	background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
}
.action .comment .keisai {
}
.action .comment .keisai dl{
	background-color: #ffffff;
	color: #333333;
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 15px;
	text-align: justify;
	position: relative;
}
.action .comment .keisai dl.l{
	margin-right: 20px;
}
.action .comment .keisai dl.l::after{
	content: "";
	border-style: solid;
	border-width: 15px 15px 0 0;
    position: absolute;
    border-color: #ffffff transparent transparent transparent;
    bottom: -15px;
}
.action .comment .keisai dl.r{
	margin-left: 20px;
}
.action .comment .keisai dl.r::after{
	content: "";
	border-style: solid;
	border-width: 0 15px 15px 0;
    position: absolute;
    border-color: transparent #ffffff transparent transparent;
    bottom: -15px;
	right: 20px;
}

.action .comment .keisai dl dd{
	font-weight: bold;
}
.action .comment .keisai dl.l dd{
	text-align: left;
	color: rgba(47,59,168,1.00);
}
.action .comment .keisai dl.r dd{
	text-align: right;
	color: rgba(255,59,135,1.00);
}

.action .comment hr {
	margin: 20px 0 20px;
	border:none;
	border-bottom:1px dotted #ffffff;
}

.action .comment .form {
	color: #333333;
	background-color: #ffffff;
	padding: 10px 15px;
	border-radius: 10px;
}
.action .comment .form dl{
	margin: 0 0 10px;
}
.action .comment .form dt{
}
.action .comment .form dd input[type="text"] {
	width: 100%;
	padding: 5px;
    box-sizing: border-box;
}
.action .comment .form dd textarea {
	width: 100%;
    height: 100px;
    padding: 5px 10px;
    box-sizing: border-box;
}
.action .comment .bikou {
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	margin: 10px 0 5px;
	padding: 0;
	line-height: 140%;
}


}










/* PCページ用CSS */
@media print, screen and (min-width: 631px) {
#index {
	min-width:1000px;
}

#main_fullwidth {
	width:auto;
	height:auto;
	margin:0 auto 0px;
	padding:0px;
	min-width:1000px;
	position: relative;
}
.main01, .main02, .main03, .main04, main_back {
	width: 100%;
	position: absolute;
	top:0;
}
.fadeIn.main01.is-show {
  transition: 1.5s;
  transform: translate(0, -10px);
}
.fadeIn.main02.is-show {
  transition: 1.5s;
  transition-delay:0.5s;
  transform: translate(0, -13px);
}
.fadeIn.main03.is-show {
  transition: 1.5s;
  transition-delay:1s;
  transform: translate(0, -16px);
}
.fadeIn.main04.is-show {
  transition: 1.5s;
  transition-delay:1.5s;
  transform: translate(0, -20px);
}

iframe {
	width: 1000px;
	height: 562px;
}

.kyodo{
	width: 1000px;
	margin: 40px auto 110px;
	position: relative;
	background-color: #95eed8;
	padding: 25px 25px 50px;
	box-sizing: border-box;
	color: #2e3ba6;
	font-size: 20px;
}
.kyodo h3{
	font-size: 36px;
	padding-bottom: 10px;
	margin: 0 auto 15px;
	border-bottom: 1px solid #2e3ba6;
}
.kyodo .zacho{
	font-size: 24px;
	margin: 0 0 10px;
}
.kyodo .zacho span{
	font-size: 16px;
}
.kyodo .lr20{
	margin: 0px 20px 20px;
}
.kyodo dl{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #95EED8;
	z-index: 1;
	position: relative;
	font-size: 19px;
	line-height: 160%;
}
.kyodo dl dt{
	width: 110px;
	background-color: #1e3d5f;
	color: #ffffff;
	display: grid;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.kyodo dl dt span{
	font-size: 12px;
	display: block;
	margin-top: -35px;
	line-height: 100%;
}
.kyodo dl dd{
	width: 800px;
	background-color: #ffffff;
	padding: 10px 15px;
	box-sizing: border-box;
}
.kyodo dl dd .name{
	font-size: 16px;
}
.kyodo dl dd .title{
	font-weight: bold;
}

.shotgun_presen{
	background-image: url("../img/shotgun_back.png");
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
}
#index .shotgun_presen h2{
	color: #296ae3;
	font-family:'Josefin Sans', sans-serif;
	font-size: 55px;
	letter-spacing: 5px;
	font-style: italic;
	margin-bottom: 20px;
	text-shadow: 4px 4px 0px white;
}
.accordion{
	margin-bottom: 30px;
	z-index: 1;
	position: relative;
}
.panel-head{
	display: flex;
	flex-wrap: wrap;
	transition: 0.5s;
}
.contentWrap{
	background-color: rgba(0,0,0,0.70);
	padding: 50px;
	color: #ffffff;
}
.photo{
	width: 130px;
	height: auto;
	background-image: url("../img/pic-default.jpg");
	background-size: cover;
	background-position: center;
}
/*高知大学*/
.photo.kochi01{	background-image: url("../img/pic-kochi01.jpg"); }
.photo.kochi02{	background-image: url("../img/pic-kochi02.jpg"); }
.photo.kochi03{	background-image: url("../img/pic-kochi03.jpg"); }
.photo.kochi04{	background-image: url("../img/pic-kochi04.jpg"); }
.photo.kochi05{	background-image: url("../img/pic-kochi05.jpg"); }
.photo.kochi06{	background-image: url("../img/pic-kochi06.jpg"); }
.photo.kochi07{	background-image: url("../img/pic-kochi07.jpg"); }
.photo.kochi08{	background-image: url("../img/pic-kochi08.jpg"); }
.photo.kochi09{	background-image: url("../img/pic-kochi09.jpg"); }
.photo.kochi10{	background-image: url("../img/pic-kochi10.jpg"); }
/*愛媛大学*/
.photo.ehime01{ background-image: url("../img/pic-ehime01.jpg"); }
.photo.ehime02{ background-image: url("../img/pic-ehime02.jpg"); }
.photo.ehime03{ background-image: url("../img/pic-ehime03.jpg"); }
.photo.ehime04{ background-image: url("../img/pic-ehime04.jpg"); }
.photo.ehime05{ background-image: url("../img/pic-ehime05.jpg"); }
.photo.ehime06{ background-image: url("../img/pic-ehime06.jpg"); }
.photo.ehime07{ background-image: url("../img/pic-ehime07.jpg"); }
.photo.ehime08{ background-image: url("../img/pic-ehime08.jpg"); }
.photo.ehime09{ background-image: url("../img/pic-ehime09.jpg"); }
.photo.ehime10{ background-image: url("../img/pic-ehime10.jpg"); }
/*香川大学*/
.photo.kagawa01{ background-image: url("../img/pic-kagawa01.jpg"); }
.photo.kagawa02{ background-image: url("../img/pic-kagawa02.jpg"); }
.photo.kagawa03{ background-image: url("../img/pic-kagawa03.jpg"); }
.photo.kagawa04{ background-image: url("../img/pic-kagawa04.jpg"); }
.photo.kagawa05{ background-image: url("../img/pic-kagawa05.jpg"); }
.photo.kagawa06{ background-image: url("../img/pic-kagawa06.jpg"); }
.photo.kagawa07{ background-image: url("../img/pic-kagawa07.jpg"); }
.photo.kagawa08{ background-image: url("../img/pic-kagawa08.jpg"); }
.photo.kagawa09{ background-image: url("../img/pic-kagawa09.jpg"); }
.photo.kagawa10{ background-image: url("../img/pic-kagawa10.jpg"); }
/*徳島大学*/
.photo.tokushima01{ background-image: url("../img/pic-tokushima01.jpg"); }
.photo.tokushima02{ background-image: url("../img/pic-tokushima02.jpg"); }
.photo.tokushima03{ background-image: url("../img/pic-tokushima03.jpg"); }
.photo.tokushima04{ background-image: url("../img/pic-tokushima04.jpg"); }
.photo.tokushima05{ background-image: url("../img/pic-tokushima05.jpg"); }
.photo.tokushima06{ background-image: url("../img/pic-tokushima06.jpg"); }
.photo.tokushima07{ background-image: url("../img/pic-tokushima07.jpg"); }
.photo.tokushima08{ background-image: url("../img/pic-tokushima08.jpg"); }
.photo.tokushima09{ background-image: url("../img/pic-tokushima09.jpg"); }
.photo.tokushima10{ background-image: url("../img/pic-tokushima10.jpg"); }
/*鳴門教育大学*/
.photo.naruto01{ background-image: url("../img/pic-naruto01.jpg"); }
.photo.naruto02{ background-image: url("../img/pic-naruto02.jpg"); }
.photo.naruto03{ background-image: url("../img/pic-naruto03.jpg"); }
.photo.naruto04{ background-image: url("../img/pic-naruto04.jpg"); }
.photo.naruto05{ background-image: url("../img/pic-naruto05.jpg"); }
.photo.naruto06{ background-image: url("../img/pic-naruto06.jpg"); }
.photo.naruto07{ background-image: url("../img/pic-naruto07.jpg"); }
.photo.naruto08{ background-image: url("../img/pic-naruto08.jpg"); }
.photo.naruto09{ background-image: url("../img/pic-naruto09.jpg"); }
.photo.naruto10{ background-image: url("../img/pic-naruto10.jpg"); }
/*その他*/
.photo.other01{ background-image: url("../img/pic-other01.jpg"); }
.photo.other02{ background-image: url("../img/pic-other02.jpg"); }
.photo.other03{ background-image: url("../img/pic-other03.jpg"); }
.photo.other04{ background-image: url("../img/pic-other04.jpg"); }
.photo.other05{ background-image: url("../img/pic-other05.jpg"); }
.photo.other06{ background-image: url("../img/pic-other06.jpg"); }
.photo.other07{ background-image: url("../img/pic-other07.jpg"); }
.photo.other08{ background-image: url("../img/pic-other08.jpg"); }
.photo.other09{ background-image: url("../img/pic-other09.jpg"); }
.photo.other10{ background-image: url("../img/pic-other10.jpg"); }


.data{
	background-color: #ffffff;
	width: 870px;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}
.affiliation{
	background-color: #333333;
	color: #ffffff;
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 180%;
	display: table;
}
.kochi-u-ac{ background-color: #2A6AE3; }
.kagawa-u-ac{ background-color: #80AA3F; }
.tokushima-u-ac{ background-color: #4745A1; }
.ehime-u-ac{ background-color: #F6B32A; }
.naruto-u-ac{ background:linear-gradient(#00a95f, #005bac) }
.other{ background-color: #044444; }

.data h4{
	margin-bottom: 5px;
}
.data p{
	font-size: 16px;
	line-height: 160%;
}

.view_more{
	background-color: #2A6AE3;
	color:#ffffff;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px;
	transition: 0.3s;
}
.data:hover .view_more{
	padding: 0 20px;
	transition: 0.3s;
}

.action{
}
.action .like{
	width: fit-content;
	border: 2px solid #2A6AE3;
	background-color: #ffffff;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.action .like button{
	padding: 0 10px;
	background-color: #2A6AE3;
	border: none;
	color: #ffffff;
    transition-property: all;
    transition-duration: 0.3s;
}
.action .like button:hover{
	background-color: #5394F4;
    transition-property: all;
    transition-duration: 0.3s;
}
.action .like button img{
    width: 16px;
    margin: 0 0 3px 0px;
}
.action .like .count{
	margin: 0 auto;
	padding: 0 10px;
	color: #333333;
}

.action .comment{
	width: 100%;
	box-sizing: border-box;
	padding: 25px 25px;
	background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
}
.action .comment .keisai {
}
.action .comment .keisai dl{
	background-color: #ffffff;
	color: #333333;
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 15px;
	line-height: 170%;
	margin-bottom: 15px;
	text-align: justify;
	position: relative;
}
.action .comment .keisai dl.l{
	margin-right: 30px;
}
.action .comment .keisai dl.l::after{
	content: "";
	border-style: solid;
	border-width: 15px 15px 0 0;
    position: absolute;
    border-color: #ffffff transparent transparent transparent;
    bottom: -15px;
}
.action .comment .keisai dl.r{
	margin-left: 30px;
}
.action .comment .keisai dl.r::after{
	content: "";
	border-style: solid;
	border-width: 0 15px 15px 0;
    position: absolute;
    border-color: transparent #ffffff transparent transparent;
    bottom: -15px;
	right: 20px;
}

.action .comment .keisai dl dd{
	font-weight: bold;
}
.action .comment .keisai dl.l dd{
	text-align: left;
	color: rgba(47,59,168,1.00);
}
.action .comment .keisai dl.r dd{
	text-align: right;
	color: rgba(255,59,135,1.00);
}

.action .comment hr {
	margin: 20px 0 20px;
	border:none;
	border-bottom:1px dotted #ffffff;
}

.action .comment .form {
	color: #333333;
	background-color: #ffffff;
	padding: 20px 20px;
	border-radius: 10px;
}
.action .comment .form dl{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1px;
	margin: 0 0 10px;
}
.action .comment .form dt{
	width: 80px;
}
.action .comment .form dd input[type="text"] {
	width: 250px;
	padding: 5px;
}
.action .comment .form dd textarea {
    max-width: 710px;
    min-width: 710px;
    width: 710px;
    height: 100px;
    padding: 5px 10px;
    box-sizing: border-box;
}
.action .comment .bikou {
	font-size: 12px;
	text-align: center;
	margin: 15px 0 0;
	padding: 0;
	line-height: 100%;
}

.illust01{
	width: 425px;
	position: absolute;
	right: -310px;
	bottom: -50px;
}
.illust02{
	position: absolute;
	left: -230px;
	bottom: -30px;
}

}