@charset "UTF-8";
/*
Theme Name: 山梨大学 工学部 2018 for PC
Theme URI: https://www.eng.yamanashi.ac.jp/wp-content/themes/eng-yamanashi
Author: Two Bits
Author URI: https://twobits.jp/
Description: Theme for University of Yamanashi 2018/ Faculty of Engineering
Version: 2.0
*/

@import url("css/normarize.css");


/*===============================
 /* Color
===============================*/
/*

blight-blue:
CCF3FF

light-blue:
#00B9F2

★main blue:
#00A3D9

dark blue:
#0088B2

green
#91CD6A

yellowオレンジ
#FEC20D;

エンジ
#B22B00

パープル
#64208D

オレンジ
#DE7437

*/

.red {color:red;}




.youtube-wrapper {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


@media (max-width: 767px) {
#header_info,
.header-nav {display: none;}
}


@media (min-width: 768px) {	
	#sp   { 
		display: none;
        }
        .sp-br {display: none;}

}



/*===============================
 /* 段組 
===============================*/

#header {display: block;
background: #fff;
min-height: 85px;}

.top-bnr{background: rgba(215,228,234,1.00);
padding:25px 20px 15px;
margin-bottom: 0px;}

.bnr-wrapper {
width:100%;
max-width: 1150px;
pading:0 20px;
margin:0 auto;
}

.bnr-wrapper img {
width:100%;
max-width: 11250px;
heght:auto;
margin-bottom: 20px;
}


.top-banner{
/*   
background: rgba(173,201,214,1.00);
*/   
 background: #fff; 
padding:35px 20px 15px;
margin: 0px;}

.banner-half {
display: flex;
justify-content: space-between;
}
.banner-half div{
 flex:0 0 49%;
}






/*
.slide-wrapper {
width:100%;
padding:0 20px ;
margin-bottom: 50px;
}

.slide-wrapper p {
text-align: center;
margin-top: 15px;

}
*/

.contents-wrapper {
padding:0 20px;
}


@media (max-width: 767px) {
.top-bnr{
padding:10px 10px 5px;
margin-bottom: 0px;}

.bnr-wrapper {
padding:0;

}

}




@media (min-width: 768px) {	

#header {
width: 100%;
max-width: 1150px;
  margin: 0 auto;
  padding:0 20px;
}
.slide-box {
	display:flex;
	width: 100%;
    max-width: 1150px;
	 margin: 0 auto 10px;
}
.oc2021{
	flex:1;
	margin-right:10px;
    margin:15px auto ;
}

img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}

.shoujou img {
    max-height: 300px
}

.special-bnr{
width: 1000px;
  margin: 0 auto;
}

#banners {
	flex:0 0 220px; 
}






.container{
	width: 100%;
    max-width: 1150px;
	 margin: 0 auto 20px;
}




.container.two-col {
	display:flex;
	width: 100%;
    max-width: 1150px;
	clear:both;
    padding: 0 20px;
}


.container.two-col #contents {
	flex:1;
	margin-right: 40px;

}
.container.two-col #sidebar {
	flex: 0 0 20%;
    min-width: 220px;
}


	
.half-col {
	display:flex;
    width: 100%x;
	max-width: 1150px;
	 margin: 0 auto 10px;
}
.left-half {
	flex:1;
	margin-right: 20px;
}
.right-half {
	flex:1;
}

}


@media (max-width: 767px) {

.half-col {
	display:block;
	
}
.right-half,
.left-half {
	margin-right: 0px;
}
}    
    
    
    
div#breadcrumb  {
	width: 1150px;
	 margin: 10px auto 20px;
	clear: both;
}

/* /min-width: 768px */





@media (max-width: 767px) {	
	
.contents-wrapper {
padding:0;
}

    
div#breadcrumb  {
	width: 100%;
	 margin: 10px 0 20px;
	padding: 0 15px;
	clear: both;
    }	
	
	
#header {
width: 100%;
  padding: 0 20px 20px;
}

.slide-box {
	width: 100%;
	 margin: 0 0 20px;
}
#lofslidecontent45{
	display: none;
}
	
	
	
#banners{
	text-align: left;
}
#banners img{
	width:inherit;
}
.container{
	width: 100%;
	 padding: 0 15px;
}

.container.two-col {
	width: 100%;
}

.container.two-col #contents {
	width: 100%;
}
.container.two-col #sidebar {
	width: 100%;
}

.half-col {
	width: 100%;
	padding: 0 15px;
}
.left-half {
	width: 100%;
}
.right-half {
	width: 100%;
}
	
}/* /max-width: 767px */





/*===============================
 /* Masonry
===============================*/

.main_in{width:100%;margin:20px auto}

.category-btn {
	padding: 0;
	margin-top: 0em;
	margin-bottom:25px;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;

}

.category-btn li {
	width: 210px;
		margin-right: 0.5%;
	list-style: none;
    margin-bottom: 5px;
    
}

.category-btn li a {
	display: block;
	border-radius: .4em;
	color: #FFF;
	font-size: 11px;
	background: #00A3D9;
	padding: 10px 3px;
	transition: background .3s ease;
    line-height: 1.3;
}

.category-btn li a.is-current {
	pointer-events: none;
	background: #91CD6A;
}




.department {
	margin: 0 auto 30px;
	padding: 0;
}

.department .depa-block {
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 210px;
	height: 140px;
}

.department .depa-block img {
	vertical-align: bottom;
	width:100%;
}

.category-car .item-car,
.category-space .item-space,
.category-food .item-food,
.category-steel .item-steel,
.category-fiber .item-fiber,
.category-energy .item-energy,
.category-robot .item-robot,
.category-instrument .item-instrument,
.category-medical .item-medical,
.category-electronic .item-electronic,
.category-info .item-info,
.category-intelligence .item-intelligence,
.category-material .item-material,
.category-kikai .item-kikai,
.category-const .item-const,
.category-enviro .item-enviro,
.category-infrastructure .item-infrastructure,
.category-medicine .item-medicine,
.category-chemistry .item-chemistry,
.category-all .item-all {
	display: block;
	-webkit-animation: show .5s linear 0s forwards;
	        animation: show .5s linear 0s forwards;
}

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

.category-btn li a:hover {
	background: #18bc9c;
	text-decoration: none;
}

}

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

.category-btn {
	margin-bottom: 2em;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.category-btn li {
	width: 100%;
	margin-bottom: 2em;
}

}

@-webkit-keyframes show {

from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

}

@keyframes show {

from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

}


/*===============================
 /* 研究者リスト *
===============================*/


.rsearch-list {
	display: none;
}
.term-icre .icre-researcher.rsearch-list,
.term-clean .clean-researcher.rsearch-list,
.kiki .kiki-researcher.rsearch-list,
.page-id-10118 .rsearch-list,
.page-id-7863 .rsearch-list,
.labo_info .rsearch-list,
.kokusai .kokusai-researcher.rsearch-list,
.cct .cct-researcher.rsearch-list,
.kiso .kiso-researcher.rsearch-list,
.inorg .crystal-researcher.rsearch-list,
.zairyou-labo .zairyou-researcher.rsearch-list,
.kagaku-labo .kagaku-researcher.rsearch-list,
.doboku-labo .doboku-researcher.rsearch-list,
.mechatro-labo .mechatro-researcher.rsearch-list,
.computer-labo .computer-researcher.rsearch-list,
.denki-labo .denki-researcher.rsearch-list,
.kikai-labo .kikai-researcher.rsearch-list{
	display:inherit;
}



.gakka-index {
	list-style: none;
	width: 100%;
	margin: 20px auto 30px;
}

.gakka-index li {
  margin-bottom: 5px;
	font-size:0.9em;
	list-style: none;
	overflow: hidden;
	width: 49%;
	float: left;
	margin: 0 1px 1px 0;
	padding: 0;
	border-bottom: 1px solid #7FB25C;
}


.gakka-index li:last-child {
	border-bottom: 0px;
}
.gakka-index li a {
	display: block;
	position: relative;
	z-index: 10;
	height: 30px;
	margin: 0;
	padding: 0px 10px 0px 50px;
	background: #91CD6A;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
}
.gakka-index li a:hover {
	background: #7FB25C;
}
.gakka-index li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}
.gakka-index li a:hover:before {
	left: 27px;
}






/*===============================
 /* 基本 *
===============================*/

body {
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
	font-size: 16px;
	border-top: 3px solid #00A3D9;
}
@media (max-width: 767px) {
body {
	font-size: 14px;
}

}


p { font-size:1em; margin:0 0 1em; line-height:160%; }


.drawer-nav li {
	margin: 0;
	font-size:14px;
}
.drawer-dropdown li a:hover {
	color:#08c;
}




	


/*===============================
 /* タイトル
===============================*/
#main h1  {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
	 border-top: 2px solid #00A3D9;
  font-size: 20px;
  font-weight: bold;
	  margin-bottom:1.5em;
	  padding: 10px 5px 10px 10px;
	clear: both;
}

.tax-supp-newscate #main h1{
  border:none;
	  padding: 0px;
}


#main article .gaiyo-box > h2,
#main.labo_info h2.title,
.archive #main h2.title,
#main article > h2 {
font-size:18px;
font-weight: 600;
line-height: 1.4;
border-top: 1px dotted #91CD6A;
border-bottom: 1px dotted #91CD6A;
background: #f9f9f9;
	margin-bottom: 1.5em;
	padding: 10px;
}
.page-template-page-supp_tmp #main article h2 {
border: none;
	padding: 0px;
    background: #fff;
}
.page-template-page-supp_tmp #main article h2 img{
width:100%;
}



.tax-supp-newscate #main article time {font-size:0.9em;
}
.tax-supp-newscate #main article h2 {border: none;
	padding: 0px;
    background: #fff;
    font-size:0.95em;}



#main.labo_info h3,
.archive .rsearch-list h3,
#main article h3 {
font-size:16px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 1em;
border-bottom: solid 2px #f1f1f1;
position: relative;
padding-bottom:5px;
	padding-left:10px;
}
#main.labo_info h3:after,
.archive .rsearch-list h3:after,
#main article h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #91CD6A;
bottom: -3px;
width: 20%;
left: 0;
}

#main article h4 {
font-size:15px;
font-weight: 600;
line-height: 1.4;
padding: 0.5em 0;
border-top: dotted 1px #91CD6A;
border-bottom: dotted 1px #91CD6A;
	margin-bottom: 1em;
	padding-left:10px;
}

#main article h5 {
font-size:14px;
font-weight: 600;
line-height: 1.4;
	padding-left:10px;
margin-bottom: 1em;
	position:relative;
}

h5:before{
content: '';
position: absolute;
display: inline-block;
width: 3px;
height: 1em;
	left:0px;
	top:1px;
background-color: #91CD6A;
	text-indent: 10px;
}

#main article h6 {
font-size:14px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 1em;
	padding-left:10px;
}

/*===============================
 /* ヘッダー 
===============================*/


#logogroup {
	float: left;

}

#logogroup h1 {
width:550px;
	margin: 13px 0 0;
		
}
 
	



@media (max-width: 1023px) {




	#logogroup h1 {
width:350px;
	margin: 13px 0 0 ;
		
}
 
	
}/* min-width: 768px */


@media (max-width: 767px) {
#logogroup h1 {
width:400px;
	margin: 13px 0 0 ;
		
}

}/* max-width: 767px */


@media (max-width: 568px) {
		#logogroup h1 {
width:250px;
	margin: 13px 0 0;
		
}
#header {
min-height: 50px;}
}/* max-width: 568px */

/*===============================
 /* ヘッダー メニュー
===============================*/





/* ヘッダー メニュー1*/
#header_info {
width: 400px;
float: right;
margin: 8px 0 10px;
}
#header_info:after {
content:"";
display: block;
clear: both;
height: 0;
}

#h-navi1 {
	text-align: right;
}
#h-navi1 li  {
	display: inline-block;
	  margin: 5px 0 5px 2px;
}
#h-navi1 li a {
display: block;
color:#fff;
	background-color: #00A3D9;
	padding:6px 17px 4px;
	font-size: 0.9em;
	line-height: 1;
	border-radius: 3px;
}
#h-navi1 li a:hover {
	background-color: #00B9F2;
	text-decoration: none;
}




/* ヘッダー メニュー2 */
#h-navi2  {
  margin: 0 0 2px;
  clear: both;
	text-align: right;
}
#h-navi2 li {
display: inline-block;
	margin-left: 10px;
	margin-bottom: 2px;
	font-weight: bold;
	
}
#h-navi2 li a {
  font-size: 0.93em;
	color:#333;
}
#h-navi2 li a:hover {
	color:#0088CC;
}


/* 検索フォーム */
#h-navi3 {
clear: both;
	text-align: right;
}

#searchform, #searchform div  {
  font-size: 12px;
}
#searchform label  {display: none}

#s  {
  border:solid 1px;
  border-color:#aaa #ddd #ddd #aaa;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(/PIE.htc);
  position: relative;
  padding: 3px 8px;
  width: 120px;
  font-size: 12px;
}

#s:hover, #s:focus  {
  background-color: #F2F2F2
}
#searchsubmit  {
  background-color: #00A3D9;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  color: #ffffff;
  border:solid 1px;
  border-color:#00B9F2 #0088B2 #0088B2 #00B9F2;
  padding: 2px 4px;
  font-size: 12px;
}
#searchsubmit:hover  {background-color: #00B9F2;}


/*===============================
 /* PC ナビゲーションメニュー  768px以上
===============================*/



@media (min-width: 768px) {

.header-nav  {
clear: both;
box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
background-color: #00A3D9;
}


/*
.header-nav  { 
background-image: linear-gradient(to bottom, #F6F6F6, #ffffff);
border-top: 1px solid #00A3D9;
border-bottom: 1px solid #00A3D9;
background: #fff;
}
*/





.home .header-nav  { 
margin-bottom: 0px;
}


nav {
	position: relative;
	max-width: 994px;
	margin: 0 auto;
		*zoom: 100;
	z-index:1000;
}


nav ul li.menu-item > a {
	color: #ffffff;
}
nav ul li.menu-item ul li a {
	color: #333;
}



@media (min-width: 768px) and (max-width: 999px) {
nav ul li.menu-item ul li a {
    font-size: 10px;
}
}


nav a:hover,
nav a:focus {
	outline: none;
}


/* common */
nav ul {
	position: relative;
	list-style: none;
	width:100%;
}

nav ul::after {
	display: block;
	clear: both;
	content: '';
}
nav ul li {
width:14.28%;
}
nav ul li {
	position: relative;
	float: left;
	text-align: center;
	padding: 5px 0 0;
	margin-bottom: 5px;
}

nav ul li a {
	display: inline-block;
	padding: 0.35em 0;
	color: #333;
	font-size: 13px;
	font-weight:600;
	text-align: center;
}

@media (min-width: 851px) and (max-width: 980px) {
nav ul li a {
	font-size: 11px;
}
}
@media (min-width: 768px) and (max-width: 850px) {
nav ul li a {
	font-size: 10px;
}
}



	/* addition */	
nav ul li.current-page-ancestor > a,
nav ul li.current_page_item > a,
nav ul li.current-menu-parent > a {
	color: #FEC20D;
}
	

nav ul li a:hover {
	text-decoration: none;
color: #ffffff;
}

nav ul ul {
	position: absolute;
	top: 132%;	
	left: -20px;
	border:2px solid #00A3D9;
	border-radius: 7px;
	padding:3px;
	background-color: #fff;
}
	
nav ul  ul:after {
	border:10px solid transparent;
border-bottom-color:#00A3D9;
border-top-width:0;
top:-10px;
content:"";
display:block;
left:80px;
position:absolute;
width:0;
}
nav ul ul ul:after {
	border:0px solid transparent;

}

nav ul ul li {
	float: none;
	margin: 0;
	width:100%;
	text-align: left;
	padding: 0 2px 0 7px;
	
}
nav ul ul li a {
	font-size: 12px;
	font-weight:600;
	text-indent:-10px;
	text-align: left;
	white-space: normal;
	margin: 0;

}
nav ul ul li:hover {
	background-color:rgba(204,243,255,1.00)
}
nav ul ul li:not(:first-child) {
	border-top: 1px dotted #dddddd;
}
nav ul ul ul {
	position: absolute;
	top: -2px; 
	left: 100%;
}
	
	

/* Effect 1: Brackets */
#menu a::before,
#menu a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#menu a::before {
color:#FEC20D;
	margin-right: 10px;
	content: '|';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}


#menu a::after {
color:#FEC20D;
	margin-left: 10px;
	content: '|';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#menu ul ul a::after,
#menu ul ul a::before {
	content: '';
}

#menu a:hover::before,
#menu a:hover::after,
#menu a:focus::before,
#menu a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


.menu ul ul {
	visibility: hidden;
	opacity: 0;
	transition: .3s ease-in-out;
	transform: translateY(10px);
	width: 145%;/* ドロップダウンメニューの幅 */
}
.menu ul ul ul {
	transform: translateX(-20px) translateY(0);
}
.menu ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
.menu ul ul li:hover > ul {
	transform: translateX(0) translateY(0);
}



/* トグルボタン */
/* 
#menubtn	{display: none}
*/


}/*min-width: 768px





/*===============================
/*スライドショー
===============================*/

    .slider {
        width: 95%;
        max-width: 1520px;
        margin: 50px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }

.slider-wrapper {background: rgba(146,34,92,1.00);
padding: 10px 0;
margin-bottom: 40px
}


.slider-wrapper p {
color:#fff;
}

@media (max-width: 767px) {


.slider-wrapper {background: rgba(146,34,92,1.00);
padding: 1px ;
margin-bottom: 20px
}

}

/**************スライドショーEND *********************/


/*===============================
 /* Banners
===============================*/



#banners ul li {
	margin-bottom: 2px;
	line-height: 0;
}



/* コンテンツ */
#visual {
  margin-bottom: 20px;
}
#contents li {
  line-height: 160%;
}

#maincont ul {
  margin-bottom: 1em;
}



.blank a {
  background-image: url(img/external.gif);
  background-repeat: no-repeat;
  background-position: 0px -2px;
  padding: 2px 0 2px 17px;
}





/* おすすめ記事 */
/*div#pickup div.post  {
  border: solid 1px #ccc;
  background-color: #FFFAF6;
  padding: 15px
}
*/
/* 最新情報 */
/*div#topnews div.post  {
  border: solid 1px #ccc;
  background-color: #F5F5F5;
  padding: 15px
}
*/





h3.title,
h3.title2,
#wrapper2 h3.title,
#wrapper2 h3.title2{
  font-size: 16px;
  font-weight: bold;
  color: #585858;
  margin: 0 0 10px;
  padding: 8px 10px 8px 20px;
  background-repeat: no-repeat;
  background-position: center center;

  border-bottom: solid 1px #eee;

}
h3.title  {
  background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
  border-top: solid 1px #00A3D9;
}
h3.title2  {
  background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
  border-top: solid 1px #00A3D9;
}
#wrapper2 h3.title  {
 background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
  border-top: solid 2px #93D82E;
}
#wrapper2 h3.title2  {
  background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
  border-top: solid 2px #93D82E;
}
p.pagenation  {font-size: 0.9em;
  overflow: hidden;}
  
.pagenation  {margin-top:100px;}



span.oldpage  {float: left}

span.newpage  {float: right}
/* flash */
.flash {
  padding: 15px 5px 25px 13px;
  border: 1px solid #CCC;
  background-color: #FFF;
}


    
/* ================
  #page-nav
================ */

.page-nav {
  text-align: center;
  margin: 30px 0 20px;
  
}
.page-nav li {
  display: inline;
  list-style: none outside none;
}
.page-nav li a {
  border: 1px solid rgb(102,102,102);
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
   border-radius: 3px;
  behavior: url(PIE.htc);
  position: relative;
  background: #36384c;
   color:#fff;
   margin-bottom: 5px;
}

.page-nav li a:hover {
  border: 1px solid rgb(164,164,164);
  background: #3A4361;
  color:#fff;
}
.page-nav li a:active {
  box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  top:1px;
}

.page-nav li.current span {
  border: 1px solid rgb(153,153,153);
  color:#36384c;
  font-weight: bold;
  border-radius: 3px;
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
  background: rgb(248,248,248);
  border: 1px solid rgb(230,230,230);
  color: rgb(180,180,180);
  text-decoration: none;
  border-radius: 3px;
}

.page-nav li.page_nums span {
  background: rgb(102,102,102);
  border: 1px solid rgb(51,51,51);
  color: rgb(255,255,255);
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
  padding: 0.25em 0.8em;
  display: inline-block;
  position:relative;
}





/*===============================
 /* 最新情報
===============================*/


div.post  {margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #ccc;
    clear:both;
  }

/* サムネイル画像 */
div.post p.thumb  {
  float: left;
  margin: 0 10px 0 0
}
div.post p.thumb img  {
  width: 80px;
    height:80px;
}
div.post  .post-text {
margin-left: 90px;
}



div.post h2 {
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px;
}
div.post h2  {
  font-size: 1em;
  padding: 0 0 3px;
  font-weight: bold;
}
div.post h2 a  {color: #333}
div.post h2 a:hover  {
  color: #08c;
  text-decoration: underline;
}


div.post p  {
  font-size: 0.9em;
	margin-bottom: 2px;
}


div.post p .postinfo  {
  margin-left: 10px;
  font-size: 0.9em;
}

div.post p.postcat .sparc a,
div.post p.postcat .events a,
div.post p.postcat .open a,
div.post p.postcat .result a,
div.post p.postcat .gakka a,
div.post p.postcat .news a,
div.post p.postcat .event a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  color: #fff;
  padding: 3px 10px 4px;
  font-size: 11px;
}

div.post p.postcat .news a  {
  background-color:#FEC20D;
}
div.post p.postcat .events a,
div.post p.postcat .event a  {
  background-color: #32A4FF;
}
div.post p.postcat .gakka a  {
  background-color: #A8B2B2;
}
div.post p.postcat .result a  {
  background-color: #B22B00;
}
div.post p.postcat .open a  {
  background-color: #68CD37;
}
div.post p.postcat .sparc a  {
  background-color:#5D85BB;
}
  
.post.cate-list {
text-align:center;
}
.post.cate-list p{
margin: 0 0 30px;
}

.post.cate-list span {
margin: 0 5px;
}

  
/* 続きを読む */
div.post a.more  {font-size: 0.9em}

#maincont .post p a:hover {
  text-decoration: underline;
}






/* ***********************************************************************
 Single サイドバー
*********************************************************************** */


h2.widget__title {
font-size: 1em;
padding-bottom: 8px;
border-bottom: solid 1px #cccccc;
position: relative;
margin-bottom: 5px;
}

h2.widget__title:after {
padding-bottom: 8px;
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #00A3D9;
width: 50%;
}


ul.sub_navi_post li {
	padding:13px 15px 8px 15px;
	border: solid 2px #00A3D9;
	box-shadow:1px 2px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	position: relative;
	margin-bottom: 25px;
	font-size: 0.93em;
	line-height: 1.3;
		list-style: none;

}
ul.sub_navi_post li.widget_categories {
	font-size: 1em;
}
ul.sub_navi_post li ul li::before {
  position: absolute;
  content: "";
  top: 38%;
  left: 5px;
  width: 6px;
  height: 10px;
  background: url(img/arrow.png) no-repeat;
  background-size: 6px 10px;

}

ul.sub_navi_post li ul li {
	border: solid 0px #ededed;
	box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1);
	border-radius: 0px;
	border-top: solid 1px #cccccc;
	padding:10px 10px 10px 20px;
	margin-bottom: 0px;
		margin-left: 0px;
	}
ul.sub_navi_post li ul li:first-child {
	border-top:0;
}
ul.sub_navi_post li ul li a {
	text-decoration: none;
	color:#333;
    font-weight: 600;
}
    
ul.sub_navi_post li ul li a:hover {
	text-decoration: none;
	color:#0088CC;
	}
ul.sub_navi_post li ul li.current-cat a {
	 color:#009970;
	text-decoration: none;
	}
	ul.sub_navi_post li ul li.current_page_item a {
	  color:#689D75;
	}




/* ***********************************************************************
 Page サイドバー
*********************************************************************** */
/*addition*/
#sidebar aside h3 {
font-size:1.1em;
font-weight: 600;
line-height: 1.4;
margin-bottom: 15px;
text-indent: 10px;
border-top: #00A3D9 2px solid;
	border-bottom: #00A3D9 1px solid;
	padding: 10px 0;
}





#sidebar #menu-laboratory,
#sidebar #menu-gakkamenu,
#sidebar .sub_navi {
	padding:7px;
	border: solid 2px #00A3D9;
	box-shadow:1px 2px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	position: relative;
	margin-bottom: 25px;
}
#sidebar #menu-laboratory h3,
#sidebar #menu-gakkamenu h3,
#sidebar .sub_navi h3 {
color:#676A7F;
font-size:1.2em;
font-weight: 600;
line-height: 1.4;
margin-bottom: 1em;
margin-top: 0em;
	text-indent: 0em;

}
#sidebar #menu-laboratory li,
#sidebar #menu-gakkamenu li,
#sidebar .sub_navi li {
	border-top: dotted 1px #cccccc;
	  	list-style: none;
		margin: 0;
	}
#sidebar #menu-laboratory li:first-child,
#sidebar #menu-gakkamenu li:first-child,
#sidebar .sub_navi li:first-child {
	border-top:0;
}
#sidebar #menu-laboratory li a,
#sidebar #menu-gakkamenu li a,
#sidebar .sub_navi li a {
font-size:0.9em;
font-weight:600;
	  text-decoration: none;
	  color:#333333;
	  line-height: 1.5;
	  display: block;
	  padding: 12px 5px 12px 20px;
	  background: #fff url(img/arrow.png) 5px center no-repeat;
	  background-size: 7px auto;
	}

#sidebar .sub_navi li .children {
	  padding-left: 14px;
	}


#sidebar #menu-laboratory li a:hover,
#sidebar #menu-gakkamenu li a:hover,
#sidebar .sub_navi li a:hover {
	  text-decoration: none;
	  color:#0088cc;
	}


/* additon*/
#sidebar #menu-laboratory li.current_page_item a,
#sidebar #nav_menu-2 li.current_page_item a,
#sidebar #menu-gakkamenu li.current-menu-item a,
#sidebar .sub_navi li.current_page_item > a {
	  color:#00A3D9;
	}





/* ==================== 最新のお知らせ ==================== */

#latest_news {
  margin-bottom: 30px;
}

#latest_news ul {
  font-size:0.9em;
}
#latest_news li {
  border:1px solid #ddd;
  padding:8px 10px 5px;
  margin:0 0 5px 0;
  line-height:normal;
}
#latest_news li a {
  color:#333;
  float:left;
  margin:0 10px 0 0;
  padding:2px 10px 0 0;
  background-image: url(img/dotline2.gif);
  background-repeat: repeat-y;
  background-position: right top;
}
#latest_news li .news a {
  background-image: none;
}
#latest_news ul a {
  width: 360px;
}
#latest_news ul a:hover {
  color:#08c;
}
#latest_news li span {
  color:#333;
  padding:2px 0 0 0;
}
#latest_news ul .events a,
#latest_news ul .oshirase a,
#latest_news ul .result a,
#latest_news ul .news a,
#latest_news ul .event a {
  float:left;
  width: 50px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  behavior: url(PIE.htc);
  position: relative;
  color: #fff;
  font-size: 11px;
  padding-top: 1px;
  padding-right: 2px;
  padding-bottom: 1px;
  padding-left: 5px;
}
#latest_news ul .news a {
  background-color: #a7d043;
}
#latest_news ul .events a,
#latest_news ul .event a {
  background-color: #32A4FF;
}
#latest_news ul .result a {
  background-color: #C33;
}
#latest_news ul .oshirase a {
  background-color: #68CD37;
}
#latest_news ul .events a:hover,
#latest_news ul .oshirase a:hover,
#latest_news ul .result a:hover,
#latest_news ul .news a:hover,
#latest_news ul .event a:hover {
  text-decoration:underline;
}

#latest_news ul .events a,
#latest_news ul .news a,
#latest_news ul .event a {
  float:left;
  width: 8%;
  text-align: center;
}



#latest_news ul .date {
  float:right;
  width: 100px;
  text-align: right;
}  



/* ==================== フッター ==================== */

#footer  {
  padding: 20px 0;
	text-align: center;
	border-top: #00A3D9 2px solid;
	clear: both;
}

#footer p  {
  font-size: 11px;
}


/*
#footer-inner {
  margin: auto;
  width: 970px;
}
#footer-inner p a {
  color: #333;
}
*/


/************************************************/
/* ----------pagescroll---------- */
/************************************************/

.pagescroll {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 20;
}
.pagescroll a:link,
.pagescroll a:visited{
	display: block;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
	line-height: 28px;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #64208D;
}
.pagescroll a:hover,
.pagescroll a:active{
	color: #fff;
	background-color: #B22B00;
}
 


  
/* ギャラリー */
.gallery-item {width: 33%;
  float: left;
  margin-top: 0;
  text-align: center}

.gallery img {border: solid 1px #aaaaaa;
  padding: 5px}

.gallery a:hover img  {background-color: #6AC2FF}

.gallery dd  {margin: 0;
  font-size: 0.9em}

.gallery br+br  {display: none}














/* 記事の個別ページ */

.labo-info#main h1,
.search #main h1,
.tax-gakkacat #main h1,
.tag #main h1,
.category-event #main h1,
.category-news #main h1,
.page #wrapper div.post h1,
.single #wrapper div.post h1,
.page #wrapper2 div.post h1,
.single #wrapper2 div.post h1  {
  padding: 10px 12px;
  margin-bottom: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 18px;
  font-weight: bold;
	
}

.labo-info #main h1,
.search #main h1,
.tax-gakkacat h#main h1,
.tag #main h1,
.category-event #main h1,
.category-news #main h1,
.page #wrapper div.post h1,
.single #wrapper div.post h1  {
  margin-bottom: 20px;
  border-top: 2px solid #6AC2FF;
}


#main h1.title  {	
  /*
	background-image: linear-gradient(to bottom, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
	*/
  border-top: solid 2px #00A3D9;
}


#main .sparc-wrapper h1.title {  border: none;font-size: 1.8em;}



div.post h3 {
	background-image: url(img/bg-ti-h3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0;
	padding-right: 0;
	padding-left: 3px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	font-size: 1.1em;
	font-weight: bold;
}
div.post h4 {
	background-image: url(img/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 0;
	padding-right: 0;
	padding-left: 3px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 1.05em;
	font-weight: bold;
}

div.post.cate-list h4 {
background-image:none;

}


div.post h5 {
  margin-bottom: 10px;
  font-size: 1.05em;
  font-weight: bold;
}
.page-template-custom_re-kenkyu-php div.post h5,
.page-template-custom_kenkyu-php div.post h5 {
  margin-bottom: 2px;
  font-size: 0.95em;
  font-weight: bold;
}
.page-template-custom_re-kenkyu-php .right-menu ul,
.page-template-custom_kenkyu-php .right-menu ul{
  margin-bottom:5px;
}
/* 分割した記事へのリンク */
#postpage  {text-align: center;
  padding-top: 20px;
  clear: both}

#postpage a  {border: solid 1px #aaaaaa;
  padding: 5px 10px;
  margin: 0 10px}

#postpage a:hover  {background: #f7e29e}

#postpage span  {padding: 5px 10px;
  color: #888888;
  background: #dddddd}

#postpage a span  {padding: 0;
  color: black;
  background: none}
/* 画像の個別ページ */
.attachment div#content  {width: 100%;
  float: none}

.attachment p.photo  {text-align: center}
/* タイトルの一覧 */
ul.post  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E6E6E6;
}

ul.post li  {
  background-image: url(img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 5px 12px;
  padding-top: 7px;
  padding-right: 0;
  padding-bottom: 7px;
  padding-left: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E6E6E6;
}

ul.post li a  {color: #333}
ul.post li a:hover  {color: #08c}

ul.post li span  {font-size: 0.9em;
  color: #888888}



/*--------------------------------------------*/
/* パンくずリスト */


div#breadcrumb div {
  display: inline;
  font-size:12px;}
div#breadcrumb div a {
  background-image: url(img/pankuzu.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 15px;
  margin-right: 10px;
}
div#breadcrumb div br{
  display:none;
}

/* パンくずリスト2 */

ul.breadcrumbs {
  list-style: none;
  font-size:12px;
	margin:10px 0; 
}
ul.breadcrumbs li {
  float: left;
  margin: 0 5px 10px;
  line-height: 1.5;
}
.breadcrumbs li a {
  background-image: url(img/pankuzu.gif);
  background-repeat: no-repeat;
  background-position: right center;
  margin-right: 7px;
  padding-right: 18px;
  
}

@media (max-width: 568px) {

ul.breadcrumbs {
  display: none;

}
}




/* ページ番号リンク */
p.pagenum  {text-align: center;
}

p.pagenum a, p.pagenum span
  {padding: 2px 6px;
  color: #ffffff}

p.pagenum a  {
display: inline-block;
  background-color: #ABAEB2;
    margin-bottom: 10px;
}

p.pagenum span  {
  background-color: #C4C8CD;
  
}

/* ニュース */
ul.newslist  {border: solid 1px #aaaaaa;
  padding: 10px;
  margin: 0 0 20px;
  font-size: 0.75em}

ul.newslist li  {list-style-type: none;
  background-image: url(arrow.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 16px;
  line-height: 18px}

ul.newslist a  {color: #000000}

ul.newslist span  {color: #666666}

/* 検索結果 */


.search-no-results p.title  {text-align: left;
  margin-bottom: 50px}

.search-no-results #content  {text-align: center;
  line-height: 2;
  border: solid 1px #333333;
  padding-bottom: 40px}


/* ライトボックスの背景の透明度 */
#overlay  {filter:alpha(opacity=40)!important;
  opacity:0.4!important}


.widget_nav_menu h2 {
  display: none;
}
/* ライトサイドメニュー */
.right-menu {
  background: #FAFAFA;
  padding:5px;
}

.page-id-86 .right-menu,
.page-id-88 .right-menu,
.page-id-107 .right-menu,
.page-id-168 .right-menu,
.page-template-custom_kanren-php .right-menu {
  display: none;
}
.right-menu a {
  padding:7px 3px;
  line-height: 120%;
  font-size: 12px;
  text-decoration: none;
  color: #FFF;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #8a8a8a;
  background-image: url(img/blue30.png);
  background-repeat: repeat;
  width: 149px;
  display: block;  /* white-space:nowrap;*/
}
.right-menu a:hover {
  background: #647780;
  text-decoration: none;
}
/* サブコンテンツ */
.keyword {
  background: #FAFAFA;
  padding:5px;
}
.keyword a {
  padding:3px 5px;
  line-height: 200%;
  white-space:nowrap;
  text-decoration: none;
  color: #FFF;
  background-image: url(img/black30.png);
  background-repeat: repeat;
  margin-top: 1px;
  border-top: 1px solid #8a8a8a;
  border-bottom: 1px solid #fff;
  font-size: 11px;
  max-height: 1.3px;
}
.keyword a:hover {
  background: #797979;
  text-decoration: none;
}


 #subcont.labo-info h2,  
.archive #subcont h2,
.search #subcont h2,
.tax-gakkacat #subcont h2,
.single-gakka #subcont h3{
  font-size: 13px;
  font-weight: bold;
  background-image: url(img/accent.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding: 6px 5px 6px 35px;
  margin-bottom: 5px;
  background-color: #FFF;
  display: block;
  color: #666;
}

.tag #subcont h2,
.single-post #subcont h2,
.category-event #subcont h2,
.category-news #subcont h2 {
  font-size: 13px;
  font-weight: bold;
  background-image: url(img/accent.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding: 6px 5px 6px 35px;
  margin-bottom: 5px;
  background-color: #FFF;
  display: block;
  color: #666;
  line-height: 1.4;
}
#subcont .block {
  margin: 5px 5px 5px 0;
}
/* ==================== 表 ==================== */
/* 表 見出し */
#contents table {
  font-size: 100%;
  margin-bottom: 1.5em;
  border: 1px #d0d0d0 solid;
}
#contents .layout table {
  border: none;
}
/* 表 見出し */
#contents th {
  background-color: #F2F2F2;
  border-width: 0 0 1px 1px;
  padding: 5px;
  border: 1px #d0d0d0 solid;
  font-weight: normal;
  vertical-align: top;
}
#contents .program th {
  font-weight: bold;
  text-align: left;
}
#contents .corse-tb th {
  text-align: left;
}
/* 表 セル */
#contents td {
  padding: 3px 7px;
  border: 1px #d0d0d0 solid;
  border-width: 0 0 1px 1px;
}
#contents .layout table td {
  border: none;
  padding: 0px;
}
#contents .align-top td {
  vertical-align: top;
}
caption {
  text-align:left;
  font-size: 1.1em;
  margin-bottom: 10px;
  font-weight: bold;
}
#contents table.unit-tb,
#contents table.staff-tb {
  width: 100%;
  margin-bottom: 50px;
}
#contents .staff-tb th {
  font-weight: bold;
}


/************************************************
* お問い合わせフォーム *
************************************************/



table#inquiry_form {
  width: 100%;
	margin: 0 0 40px;
}

table#inquiry_form th {
  width: 30%;
  border-top: #ccc dotted 1px;
  padding: 5px;

}
table#inquiry_form td {
  width: 70%;
 border-top: #ccc dotted 1px;
  padding: 5px;
}


table#inquiry_form input,
table#inquiry_form textarea{
	font-size: 1em;
	border-radius: 0.3em;
	padding: 5px 10px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	line-height: 150%;
	border: 1px solid #ccc;
	width: 100%;
	box-sizing: border-box;
}
table#inquiry_form input.narrow{
	box-sizing: border-box;
	width: 20%;
}
table#inquiry_form select{
	font-size: 1em;
	border-radius: 0.3em;
	padding: 7px 10px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	line-height: 150%;
	border: 1px solid #ccc;
	width: 100%;
	box-sizing: border-box;
	color: #666;
	background-image: url(images/serach_select.png);
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 15px;
}

table#inquiry_form .care{
	font-size: 0.8em;
	padding: 7px 0 3px;
	line-height: 1.34;
}

a.btn{
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 0.3em;
	padding: 0 0px;
	box-sizing: border-box;
	background-color: #eee;
}
a.btn:hover,
a.btn:active{
	text-decoration: none;
	opacity: 0.65;
    filter: alpha(opacity=65);
}



table#inquiry_form .contact_btn{
	text-align: center;
}
table#inquiry_form .contact_btn input{
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	color: #fff;
	background-color:  #C63333;/*エンジ */
	border: 1px solid  #C63333;
	padding: 7px 30px;
	margin: 10px;
 	cursor: pointer;
 	border-radius: 0.3em;
 	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width:30%;
	display: inline-block;
}
table#inquiry_form .contact_btn input:hover,
table#inquiry_form .contact_btn input:active{
	background-color: #D35555;/*明エンジ */
}


table#inquiry_form .contact_btn input.reset{
	background-color: #49C15B;
	border: 1px solid #49C15B;
}
table#inquiry_form .contact_btn input.reset:hover,
table#inquiry_form .contact_btn input.reset:active{
background-color: #51D665;
}



/*  スマホサイズ */
@media (max-width: 630px){

table#inquiry_form td,
table#inquiry_form th  {
	display: inline-block;
	width:100%;
}


#main .contact_btn input{
	width: 48%;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	color: #fff;
	background-color: #C4000F;
	border: 1px solid #C4000F;
	padding: 7px 0;
	margin: 10px auto;
 	cursor: pointer;
 	border-radius: 0.3em;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}


}/*  スマホサイズ END*/



/*  SE スマホサイズ */
@media (max-width: 320px){
table#inquiry_form td input,
table#inquiry_form td textarea {
  max-width:280px;
}
}/*  SEスマホサイズ END*/




/* ==================== メッセージ ==================== */
.caption-text {
  font-size: 11px;
  text-align: center;
  margin-bottom: 5px;
}
/* ***********************************************************************
  /* ==================== 学科選び ==================== */
#menu-gakka-erabi {
  margin: 5px 0;
    padding:5px 0;
}
#menu-gakka-erabi li {
  float: right;
}
#menu-gakka-erabi a {
  padding:5px 3px;
  line-height: 150%;
  font-size: 12px;
  text-decoration: none;
  color: #FFF;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #8a8a8a;
  background-image: url(img/blue30.png);
  background-repeat: repeat;
  width: 130px;
  display: block;  /* white-space:nowrap;*/
  margin: 0 0 0 1px;
  text-align: center;
}
#menu-gakka-erabi .current-menu-item a {
  background-color: #96BDCE;
  background-image: none;
}
#menu-gakka-erabi li a:hover {
  background: #647780;
    text-decoration: none;
}
.inner-menu {
  margin: 5px 0;
}

/* ***********************************************************************
   第二志望制度とは
*********************************************************************** */
.daini-text {
  margin: 0 20px 20px 30px;
}
.daini-text ul li {
  background-image: url(../img/dot.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  margin-left: 20px;
  padding-left: 12px;
}
.cution {
  background-color: #FEF;
  padding: 10px 20px;
  border: 1px solid #FCF;
  margin-bottom: 30px;
}
.daini-text h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 10px;
  border-left-width: 7px;
  border-left-style: solid;
  border-left-color: #AFCC71;
}

/* ***********************************************************************
   学びたい分野から学科を選ぶ
*********************************************************************** */
#bunya  {
  width: 780px;
  margin: 0 -10px 50px 0;
  _zoom: 1;
  overflow: hidden;
}
#bunya .column h2{
  background:#00A3D9 ;
  color: #FFF;
  padding:  3px 10px;
  font-weight: bold;
  margin: 0;
  font-size: 0.9em;
  text-align: center;
}
#bunya .column  {
  width: 185px;
  float: left;
  margin: 0 10px 20px 0;
}

.columninner,
.columninner2{
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #999; 
}
.columninner  {
  min-height:330px;
  height:auto !important;
}
.columninner2  {
  min-height:450px;
  height:auto !important;
}
.column img  {
  margin: 0 0 5px;
}
.column ul {
  font-size: 12px;
}
.column  ul li a {
  background-image: url(img/arrow-red.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 17px;
  margin-bottom: 2px;
  line-height: 160%;
  display: block;
}
.column  ul li a:hover {
  text-decoration: underline;  
}
#contents .column ul li p{
  margin-bottom: 5px;
}

/* ***********************************************************************
   進路状況
*********************************************************************** */
.bg-shinro {
  border-bottom: 1px solid #999;
  background-image: url(img-shinro/c3bg-shinro.png);
  background-repeat: repeat-y;
  background-position: center top;
}
.syushokusaki {
  margin: 0 auto 30px;
  width: 430px;
}
.syushokusaki li {
  margin-bottom: 2px;
}
.nihontizu {
  position: relative;
}
.graph {
  position: absolute;
  top: 539px;
  right: 6px;
}
.chiiki {
  padding-bottom: 50px;
}
.zoom {
  background-image: url(img/zoom.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding: 5px 0px 5px 22px;
}
.date {
  font-size: 0.95em;
  text-align: right;
}
/* *******************************************
   学科のホームページを見るボタン
/* *******************************************/

div.btn-gakka {
text-align: right;
margin-bottom: 10px;
}
div.btn-gakka a {
display: inline-block;
padding:5px 14px;
background-color: #00A3D9;
color:#fff;
font-size:0.93em;
border-radius: 3px;
}
div.btn-gakka a:hover {
background-color: #00B9F2;
text-decoration: none;
}



/* *******************************************
   バナーショー  css3 ease
/* *******************************************/

.banner-show img,
.banner-show2 img{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  }

.banner-show img,
.banner-show2 img{
  z-index: 2 ;
  }
  .banner-show img:hover,
  .banner-show2 img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 1 ;
    }
.kenkyu-tb td {
  vertical-align:top;
}
  
.bg-shinro p {
  padding: 0 9px;
}
.bg-shinro table {
  margin-left: 9px;
}
/* *******************************************
   サイトマップ
/* *******************************************/
#sitemap {
  margin: 0 0 0 10px;
}
.siteMap ul,
.siteMap2 ul {
  background-repeat: no-repeat;
  background-position: 0px 100%;
}
.siteMap ul {
  background-image: url(img/tateLine.gif);
}
.siteMap2 ul {
  background-image: url(img/tateLine.gif);
}
.siteMap2 ul li ul {
  background-image: url(img/tateLine.gif);
}

.siteMap li,
.siteMap2 li{
  padding-left: 20px;
  margin: 0 0 5px;
  background-image: url(img/arrow-small.gif);
  background-repeat: no-repeat;
  background-position: 1px 6px;
}
.siteMap dt,
.siteMap2 dt{
  margin-bottom: 2px;
  background: url(img/arrow-large.jpg) no-repeat 0px 2px;
  padding: 3px 0 3px 15px;
  font-size: 1.1em;
  font-weight: bold;
}
.siteMap dd,
.siteMap2 dd{
  margin: 0 0 30px 5px;
}
.siteMap,
.siteMap2 {
  float: left;
  width: 280px;
}
.son {
  margin-left: -7px;
}
.son2 {
  margin-left: 20px;
}
.son3 {
  margin-left: 20px;
}
.siteMap a,
.siteMap a:link,
.siteMap a:visited
.siteMap2 a,
.siteMap2 a:link,
.siteMap2 a:visited{
  color: #333;
}

#mobilesmart_switcher {
  padding: 5px;
}
#mobilesmart_switcher a {
  background-image:url(img/btn-mobile.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  display: block;
  text-align:center;
  font-size:1.5em;
  font-weight:bold;
  width: 200px;
  padding: 90px 50px 20px;
  margin:auto;
}

#subcont .sphone {
  background: #DFDFDF;
  padding: 10px;
  margin:0 0 5px
}
#subcont .sphone p {
  font-size: 11px;
  margin:0
}
.open dt {
  background-image: url(img/bg-ti-h3.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 0 0 3px 3px;
  margin-bottom: 15px;
  font-size:  1.1em;
  font-weight: bold;
}
.open iframe {
  width: 420px;
	height:315px;
}
.open dd {
  margin:0 0 20px
}
.leading {
  margin:0 0 20px;
}
.leading li {
  background-image: url(img/dot.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 15px;
  margin-left: 1em;
  line-height:1.3;
}


 /* ==================== 研究紹介個別ページ ==================== */
.profile {
	background-color: #F3F3F3;
	margin-bottom: 30px;
	padding: 20px 20px 13px;	
}

.portrait {
	float:left;
	margin-right:20px;
}
#contents .portrait img {
	padding:7px;
	border:1px solid #ccc;
	background-color: #fff;
}
.profile ul li {
	font-size:1.1em;
	margin-bottom: 0.3em;
}

.profile ul li a {
	background-image: none;
	padding-left:0;
}

#contents .profile table {
	width:80%;
	margin-left:20%;
	border:none;
	
}
#contents .profile table td,
#contents .profile table th {
	font-size:1.1em;
	text-align:left;
	background-color:#FFFFFF;
	
	border-left:none;
	border-top:none;
	border-right:none;

}
  /* ==================== 研究紹介アーカイブメニュー ==================== */
#menu-kenkyu-shokai {
  margin:0 0 5px;
}
#menu-kenkyu-shokai li {
  float: left;
}
#menu-kenkyu-shokai a {
  padding:5px 7px;
  line-height: 150%;
  font-size: 0.95em;
  text-decoration: none;
  color: #FFF;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #8a8a8a;
  background-image: url(img/blue30.png);
  background-repeat: repeat;
  display: block;  /* white-space:nowrap;*/
  margin: 0 0 10px 2px;
  text-align: center;
}
#menu-kenkyu-shokai .current-menu-item a {
  background-color: #96BDCE;
  background-image: none;
}
#menu-kenkyu-shokai li a:hover {
  background: #647780;
    text-decoration: none;
}
.inner-menu {
  margin: 5px 0;
}

/* ******************************
  /* ==================== 研究紹介アーカイブ ==================== */


.research_box {
		display: flex;
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	border-bottom: 1px dotted #91CD6A;
}


.research_image {
flex: 0 0 15%;
	margin-right: 20px;
}
.research_image img {
	width:100%;
	height:auto;
}
.research_text {
	flex: 0 0 80%;
}





.research_box h2 {
	font-size: 1.1em;
}
.research_box h3 {
	font-size: 1em;
}
.research_box h3 a {
  color: #333;
}
.research_box h3 a:hover {
  color: #08c;
  text-decoration: underline;
}

  /* ==================== トップページ　バナー ==================== */
  
.home h4.title {
margin-bottom: 10px;
text-align: center;
}
.banners {
	width:100%;
	padding:20px 0;
	background: #FFFFFF;
}


.slider li img {
margin-bottom: 10px;
}

h2.widgettitle {
display: none;
}

.gaiyo-box {
margin:30px 0;
}


  /* ==================== サイトマップ ==================== */
#sitemap_list {
	background: #fff;
	margin: 0 0 0 30px;
	padding: 0;
}

#sitemap_list li.home-item a {
	line-height: 32px;
}

#sitemap_list li {
	font-size: medium;
	text-indent: 0;
	padding: 0 0 12px 0px;
	margin: 12px 0;
	list-style-type: none;
	border-bottom: dotted 1px #ccc;
}

#sitemap_list li a {
	background: url(img/arrow-red.gif) no-repeat left center;
	display: inline-block;
	padding-left: 20px;
	margin-left: 10px;
	line-height: 33px;
}

#sitemap_list li li {
	font-size: small;
	margin: 0 0 10px;
	padding: 1px 0 0 14px;
	border: none;
}


#sitemap_list li li a {
	background: url(img/arrow.gif) no-repeat left center;
	padding-left: 20px;
	line-height: 22px;
}

#sitemap_list li li li {
	padding: 1px 0 0 25px;
}

#sitemap_list ul {
	padding: 0;
	margin: 0;
}
.tx-box {
	margin: 0 0 30px;
	padding:15px 15px 10px;
    border: solid 1px #ccc;
}



.container.bottom-wrapper {
width:100%;
max-width:1150px;
margin:0 auto;

}

.bottom-banners {
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 0 30px;
}
.bottom-banners div{
flex:0 0 1;
margin: 0 5px 10px;
max-width:170px;
}





@media (max-width: 767px) {

.container.bottom-wrapper {

margin:0 auto;
padding: 0 15px;
}

.bottom-banners {
width:100%;
justify-content:flex-start;
display: flex;
flex-wrap: wrap;
margin: 0 0 30px;
}


.bottom-banners div {
flex:0 0 48%;
margin: 0 1% 15px;
}

.bottom-banners div img{
max-width:100%;
}

}


.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;

margin:0 0 30px;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}



.divide{
display: flex;              /* フレックスボックスにする */
}





#information {
display: flex;              /* フレックスボックスにする */
    justify-content:flex-start;
border:3px solid #940025;
border-radius: 5px;
}

.boxA {
flex:0 0 200px;
font-size:18px;
font-weight: 600;
color:#940025;
text-align: center;
background: #f1f1f1;
padding:10px 20px 0px;
}
.boxB {
flex:1 0 200px;
background: #fff;
padding:10px 15px 0px;
font-size:16px;
}

.boxC {
background: #fff;
padding:0 0 0 2px;
}
.boxC img{
width:217px;
height:110px;
}

.special-bnr {
clear: both;
width: 995px;
margin: 5px auto 15px;
}
.special-bnr img {
width: 100%;
height:auto;
}


/* ==================== 後援会 TOP ==================== */

.container.one-col{
	 margin: 40px auto 20px;
     max-width: 100%;
}

.support .main-photo {
background: #DED0E9;
padding: 30px 0;
}
.support .main-photo div {
position: relative;
width:100%;
max-width: 1150px;
margin: 0 auto;
}
.support .main-photo div h1 {
position: absolute;
top:40px;
left:80px;
color:#fff;
font-size: 2.5em;
}
.support .main-photo div p {
position: absolute;
display: block;
width:350px;
top:120px;
left:80px;
color:#fff;
font-size: 0.9em;
}

.supporters {
background: #EBF8FF;
padding:70px 0;
}
.supporters .flex {
width:100%;
max-width:950px;
margin:0px  auto;
display:flex;
justify-content: space-between;
}

.supporters .flex div {
flex:0 0 32%;
background: #fff;
}

.title-supp {
padding:0 10px 15px;
text-align: center
}

.title-supp h2 {
font-size:1em;
}
a .title-supp h2 {
color:#333;
}
a:hover .title-supp h2 {
color:#08c;
}

.support-news {
background-image:url("../../uploads/suporter3.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding:50px 0;
}

.support-news .sup-subti h3,
.support-news .sup-subti h2{
text-align: center;
color:#fff;
font-size:2.2em;
text-shadow: 1px 1px 2px  #588CDA;
}
.support-news .sup-subti h3{
font-size:1.2em;
margin-bottom: 20px;
}


.supp-news_box {
background: rgba(255,255,255,0.85);
padding:30px 30px 20px;
width:100%;
max-width:850px;
margin: 0 auto;
}
.supp-news_box article{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 15px;
}
.supp-news_box h2{
font-size:0.9em;
font-weight: 500;
flex: 1;
}
.supp-news_box .entry-date{
font-size:0.9em;
flex:0 0 130px;
}
.supp-news_box a{
color:#333;
}
.supp-news_box a:hover{
color:#08c;
}


.pdf-download {
background:#F3F3F3;
padding:50px 0 30px;
}
.pdf-download .sup-subti h2{
text-align: center;
color:#00A3D9;
font-size:2.2em;
}
.pdf-download_box {
width:100%;
max-width: 750px;
margin: 30px auto;
display: flex;
justify-content: space-between;
align-items: center;
}
p.showgakukin,
p.syushoku  {
flex:0 0 48%;
text-align: center;
}
p.showgakukin a,
p.syushoku a {
display: block;
padding:60px 5px;
color: #fff;
background: #00A3D9;
}

p.showgakukin a:hover,
p.syushoku a:hover {
background: #29B7E6;
}

/* ==================== 後援会 CONTENTS ==================== */
.single-supp-news #main h2{
border: none;
	margin-bottom: 30px;
	padding: 0px;
}



h2.cate-ti {margin-bottom: 20px;}

.button a {
    background: #00A3D9;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 200px;
    padding: 7px 20px;
    text-decoration: none;
    color: #fff;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button a:hover {
  background: #009E96;
  color: #FFF;
}
.button a:hover:after {
  right: 1.4rem;
}
ul.sub_navi_post li ul li.menu-item-has-children::before {
  top: 6%;
}

.jigyou-box {
width:80%;
margin: 20px auto 30px;
padding:25px 25px 10px;
border: 2px solid #ccc;
border-radius: 20px;
}




.dual {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
}
.dual div{
flex:0 0 48%;
margin-bottom: 20px;
}
.triple {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
}
.triple::after {
display: block;
content:"";
width: 32%;
}
.triple div {
flex:0 0 32%;
margin-bottom: 20px;
}
.triple p {
margin-bottom: 0px;
font-size: 0.8em;
}

.con80per {
width:80%;
margin: 0 auto;
}
@media (max-width: 428px) {
.dual,
.triple {
display:block;
}
.con80per {
width:90%;
margin: 0 auto;
}
}

/* ==================== Sparc TOP ==================== */


.sparc-wrapper {
width:100%;
max-width: 1150px;
margin: 0 auto;
padding: 0 20px;
}


.sparc .main-photo {
background: #fff;
}
.sparc .main-photo div {
position: relative;

margin: 0 auto 30px;
}

.sparc .main-photo div h1 {
position: absolute;
top:40%;
left:15%;
    text-align: center;
color:#fff;
font-size: 1.6em;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.81);
}



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

.sparc .main-photo div h1 {
position: absolute;
top:30%;
left:7%;
color:#fff;
font-size: 1.2em;
}
}


.sparc-news h2.title {
  position: relative;
  background: linear-gradient(90deg, rgb(100,138,190,1.00), rgba(123,222,189,1.00));
  padding: 2px 5px 2px 25px;
  font-size: 20px;
  font-weight: 500;
  color: #FFF;
  border-radius: 0 10px 10px 0;
  margin: 0 0 30px 20px;
}

.sparc-news h2.title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0a1";
  display: inline-block;
  position: absolute;
  padding: 0em;
  color: white;
  background: rgba(100,138,190,1.00);
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 35px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}

.sparc-news-wrapper {
margin: 0 0 30px;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
}
.sparc-news-wrapper div{
flex: 0 0 48%;
margin-bottom:20px;
}


@media only screen and (max-width: 767px) {
.sparc-news-wrapper {
display:block;
}
.sparc-news-wrapper div {
flex:100%;
margin-bottom: 20px
}
}






.about-sparc {
  margin: 0 0 70px;
}
.sparc-program h2.title:before,
.sparc-flow h2.title:before,
.about-sparc h2.title:before {
position: absolute;
    top: 72%;
    left: 45%;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #71B8BE;
    border-width: 13px;
     -webkit-transform: rotate(75deg);
  transform: rotate(75deg);
    content: "";
    z-index: 1;
}

.about-sparc-border {
 background: linear-gradient(to right, rgb(100,138,190,1.00), rgba(123,222,189,1.00));
  border-radius: 16px;
  padding: 3px;
  position: relative;
}

.about-sparc-border-content {
    background: #ffffff;
    border-radius: 15px;
    padding: 5% 7% 3%;
}


.about-sparc-border-content dl {
margin-top: -1em;
margin-bottom: 1em;
display: flex;
justify-content: space-between;
align-items:baseline;
}
.about-sparc-border-content dl dt{
flex:0 0 20%;
font-weight: 600;
margin-left: 1em;
}



.about-sparc-border-content dl dd{
flex:1;
margin-left: 1em;
}







@media only screen and (max-width: 767px) {
.about-sparc-border-content dl dt{
margin-left: 0em;
}
.about-sparc-border-content {
    padding: 10% 7% 3%;
}

.about-sparc-border-content dl {
display: block;
}

}




.sparc-program h2.title,
.sparc-flow h2.title,
.about-sparc h2.title  {
    padding: 0.5rem 1.5rem;
    border-radius: 30px;
    background: linear-gradient(90deg, rgb(100,138,190,1.00), rgba(123,222,189,1.00));
    color: white;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    z-index: 100;
    display: inline-block;
    position: relative;
}

.about-sparc h2.title  {
    position: absolute;
    top:-24px;
    left:0;
}

.sparc-flow h2.title{margin-bottom: 30px;}
.sparc-program h2.title{min-width:150px;margin-bottom: 30px;}

.about-sparc h3  {
    text-align: center;
    font-size: 24px;
    margin-bottom: 1em;
    background:linear-gradient(to right, rgb(100,138,190,1.00), rgba(123,222,189,1.00));
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 767px) {
.about-sparc h3  {
    font-size: 18px;
}

}

.about-sparc p {font-size: 1.1em;line-height: 1.8;}
.about-sparc p span.bl {color:rgba(100,138,190,1.00);}
.about-sparc dd span.bl {color:rgba(100,138,190,1.00);}
.about-sparc p span.gr {color:rgba(98,172,49,1.00);}
.about-sparc p span.or {color:rgba(225,160,46,1.00);}
.about-sparc li span.bl {color:rgba(100,138,190,1.00);}
.about-sparc li span.gr {color:rgba(98,172,49,1.00);}
.about-sparc li span.or {color:rgba(225,160,46,1.00);}


span.none {visibility: hidden;}

.programs {
display:flex;
justify-content: space-between;
margin-bottom: 50px;
}

.programs div {
flex:0 0 48%;
text-align: center;
padding:30px;
border-radius: 15px;
}

@media only screen and (max-width: 767px) {
.programs {
display:block;
}
.programs div {
flex:100%;
margin-bottom: 20px
}
}



.programs div img{
width:25%;
margin: 0 auto;
}
.programs div.program-eng {
background: #E4E9F2;
}
.programs div.program-les {
background:#E8F1E3;
}
.sparc-flow {background:#EEF4D8;padding:5% 0;position: relative; margin-bottom: 50px;}

.flow-wrapper{background:#fff;padding:5%;border-radius: 10px; }

.programs .buttons a {
    background: #4A71A8;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px;
    max-width: 330px;
    padding: 10px 25px;
    text-decoration: none;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    border:solid 1px  #4A71A8;
}
.programs .buttons a.emv {
 border:solid 1px  #95C97E;
 background: #95C97E;
}
.programs .buttons a.eri {
 border:solid 1px  #E5BD6F;
 background: #E5BD6F;
}
.buttons a:after {
    position: relative;
      font-family: "Font Awesome 5 Free";
  content: "\f0d7";
  font-size:1.5em;
    font-weight: 600;
    margin-left: 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.program-les.buttons a:after {
content: "\f35d";
font-size:1em;
}
.buttons a:hover {
    background: #fff;
    color: #4A71A8;
}
.buttons a.emv:hover {
    color: #95C97E;
    background: #fff;
    
}
.buttons a.eri:hover {
    color: #E5BD6F;
    background: #fff;
}
.buttons a:hover:after {
    color: #4A71A8;  
}
.buttons a.emv:hover:after {
    color: #95C97E;  
}
.buttons a.eri:hover:after {
    color: #E5BD6F;  
}
.sparc-program .titles{margin: 50px 0 20px; position: relative;}

.sparc-program .texts{position: absolute;left:30px; bottom:30px;background: rgba(255,255,255,0.75);padding: 20px;}

.sparc-program .titles h2{font-size:24px;color:#5D85BB;margin-bottom: 0px;}
.sparc-program .titles p{font-size:18px;margin:0px}

@media only screen and (max-width: 767px) {
.sparc-program .titles h2{font-size:18px;}
.sparc-program .titles p{font-size:14px;margin:0px}
}

@media (max-width:  568px)  {
.sparc-program .texts{position:relative;background: rgba(255,255,255,0.75);}

.sparc-program .texts{margin-top: 5px; left:0px; bottom:0px; padding: 0px;}
.sparc-program .titles h2{font-size:16px;}
.sparc-program .titles p{font-size:10px;}


}



.context {padding: 0 3%;
margin-bottom: 50px;}



.syuryou table {width:90%;
max-width:900px;
margin:0 auto;}

@media only screen and (max-width: 767px) {
.syuryou  table{width:100%;
border: "0"}
}

.syuryou table {
    margin-bottom: 50px/* 表の線と線の間の幅 */
}

.syuryou table th,
.syuryou table td {
    padding: 5px 10px;
    border: solid 1px #fff;/* 余白指定 */
}
.syuryou table td {
    background:  #D9E0EA; /* 背景色指定 */
}

.syuryou table thead td  {
    background:  #4A71A8; /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    font-weight:  normal;  
    text-align: center;
}
.syuryou table tbody td.head-td {
    background:  #7EA3D7; /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    font-weight:  normal;
    width:25%;
}




.flow-map {background:  #DAECFA;}
.flow-map .sparc-wrapper {
padding:3% 10%}
.curricu {padding:10%}


/*HoverEffectIdeas*/

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
    display: flex;
    flex-wrap: wrap;
}

/* Common style */
.grid figure {
	position: relative;
	flex:0 0 100%;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 1920px;
	max-height: 480px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0.5em;
	font-weight: 600;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: rgb(100,138,190,1.00);
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
    background: rgba(255,255,255,0.03);
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 5%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
    font-size: 1em;
    text-align: left;
    margin-left: 25%;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


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

figure.effect-bubba p {
    margin-left: 10%;
}

}


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


.grid {
    display: block;
}

/* Common style */
.grid figure {
	position: relative;
	width:100%;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 740px;
	max-height: 480px;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0.5em;
	font-weight: 600;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: rgb(100,138,190,1.00);
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 12px;
	right: 12px;
	bottom: 12px;
	left: 12px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
    background: rgba(255,255,255,0.03);
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 4%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 7px 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
    font-size: 1em;
    margin-left: 10%;
}


figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.effect-bubba figcaption p {
font-size: 0.9em;
}

.effect-bubba figcaption h2 {
font-size: 1.5em;
}

}

@media only screen and (max-width: 480px) {
figure.effect-bubba p {
    margin-left: 0%;
}


.effect-bubba figcaption h2 {
font-size: 0.9em;
}
.effect-bubba figcaption p {
font-size: 0.8em;
}
}


/*SNSリンクブロックの位置設定*/
.cp_snslink01 {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
}


/*それぞれのSNS iconの設定*/
.cp_snslink01 .cp_link {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  padding: 10px;
  cursor: pointer;
}
.cp_snslink01 .cp_link::before {
  position: absolute;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}


.cp_snslink01 .cp_link.instagram::before {
  background-image: url(images/instagram_glyph_white.svg);
}

@media (max-width: 767px) {
/*SNSリンクブロックの位置設定*/
.cp_snslink01 {
  top: 15%;
}
.cp_snslink01 .cp_link {
  position: relative;
  display: block;
  width: 53px;
  height: 53px;
  padding: 10px;
  cursor: pointer;
}
.cp_snslink01 .cp_link.instagram::before {
  background-size: 92%;
}
}



/*hoverで表示されるブロックの設定*/
.cp_snslink01 .cp_link .nav-label {
  position: absolute;
  top: 0;
  right: 60px;/*.cp_linkの幅＋padding*/
  display: flex;
  align-items: center;
  width: 150px;
  height: 60px;/*.cp_linkの高さ＋padding*/
  padding: 0 20px;
  white-space: nowrap;
}
.cp_snslink01 .cp_link a,
.cp_snslink01 .cp_link:hover {
  color: #ffffff;
}

/*instagram*/
.cp_snslink01 .instagram,
.cp_snslink01 .instagram:hover,
.cp_snslink01 .instagram:hover .nav-label {
  background: linear-gradient(45deg, #FF7A00 0%, #FF0169 50.06%, #D300C5 99.36%);/*iconの背景とhover後の色*/
}
.cp_snslink01 .instagram .nav-label {
  background: #D300C5;/*hover時最初の色*/
}
/* effect */
.cp_snslink01 .cp_link.nav-label,
.cp_snslink01 .cp_link.cp_link:hover .nav-label {
  transition: transform 0.4s ease, background 0.4s ease 0.1s;
}
.cp_snslink01 .cp_link.cp_link .nav-label {
  transition: transform 0.4s ease;
  transform: scaleX(0);
  transform-origin: right 50%;/*伸縮の基点*/
}
.cp_snslink01 .cp_link.cp_link:hover .nav-label {
  transform: scaleX(1);
}