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

/*============================================================================================
↓共通========================================================================================
============================================================================================*/
html {
	font-size : 62.5%; /*10px*/
	line-height: 1em;
	}
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #5a4f4a;
}

/* clearfix */
#header:after,
#container:after,
#contents:after,
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}
#header,
#container,
#contents,
.clearfix{
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac */
* html #header,
* html #container,
* html #contents,
* html .clearfix{height:1%;}

#header,
#container,
#contents,
.clearfix{display:block;}

/* リンクテキスト */
a:link,a:visited {
	text-decoration: underline;
	color: #d61826;
}
a:hover {
	text-decoration: none;
	color: #d61826;
}
a.over,.over {cursor: pointer;}

/* 画像 */
img.width-max{
     width: 100%;
	 max-width: 1200px;
     height: auto;
	 margin: 0 auto;
     display:block;
}

/* 余白/フロート */
.clear{clear:both;}
.left{ float:left;  }
.right{ float:right; }
.align-c{ text-align:center; }
.align-r{ text-align:right; }
.align-l{ text-align:left; }

.mgB0{   margin-bottom:0px;  }
.mgB5{   margin-bottom:5px;  }
.mgB10{  margin-bottom:10px; }
.mgB15{  margin-bottom:15px; }
.mgB20{  margin-bottom:20px; }
.mgB30{  margin-bottom:30px; }
.mgB40{  margin-bottom:40px; }
.mgB50{  margin-bottom:50px; }
.mgB60{  margin-bottom:60px; }

.mgT0{   margin-top:0px;  }
.mgT5{   margin-top:5px;  }
.mgT10{  margin-top:10px; }
.mgT15{  margin-top:15px; }
.mgT20{  margin-top:20px; }
.mgT30{  margin-top:30px; }
.mgT40{  margin-top:40px; }
.mgT50{  margin-top:50px; }

.mgR0{   margin-right:0px;  }
.mgR5{   margin-right:5px;  }
.mgR10{  margin-right:10px; }
.mgR15{  margin-right:15px; }
.mgR20{  margin-right:20px; }
.mgR30{  margin-right:30px; }
.mgR40{  margin-right:40px; }
.mgR50{  margin-right:50px; }

.mgL0{   margin-left:0px;  }
.mgL5{   margin-left:5px;  }
.mgL10{  margin-left:10px; }
.mgL15{  margin-left:15px; }
.mgL20{  margin-left:20px; }
.mgL30{  margin-left:30px; }
.mgL40{  margin-left:40px; }
.mgL50{  margin-left:50px; }

.pdgB0{   padding-bottom:0px;  }
.pdgB5{   padding-bottom:5px;  }
.pdgB10{  padding-bottom:10px; }
.pdgB15{  padding-bottom:15px; }
.pdgB20{  padding-bottom:20px; }
.pdgB30{  padding-bottom:30px; }
.pdgB40{  padding-bottom:40px; }
.pdgB50{  padding-bottom:50px; }

.pdgT0{   padding-top:0px;  }
.pdgT5{   padding-top:5px;  }
.pdgT10{  padding-top:10px; }
.pdgT15{  padding-top:15px; }
.pdgT20{  padding-top:20px; }
.pdgT30{  padding-top:30px; }
.pdgT40{  padding-top:40px; }
.pdgT50{  padding-top:50px; }

.pdgR0{   padding-right:0px;  }
.pdgR5{   padding-right:5px;  }
.pdgR10{  padding-right:10px; }
.pdgR15{  padding-right:15px; }
.pdgR20{  padding-right:20px; }
.pdgR30{  padding-right:30px; }
.pdgR40{  padding-right:40px; }
.pdgR50{  padding-right:50px; }

.pdgL0{   padding-left:0px;  }
.pdgL5{   padding-left:5px;  }
.pdgL10{  padding-left:10px; }
.pdgL15{  padding-left:15px; }
.pdgL20{  padding-left:20px; }
.pdgL30{  padding-left:30px; }
.pdgL40{  padding-left:40px; }
.pdgL50{  padding-left:50px; }

/*============================================================================================
↓フォント====================================================================================
============================================================================================*/

/*フォントサイズ*/
.font8{font-size: 80%;}
.font10{font-size: 100%;}
.font12{font-size: 120%; line-height:1.2em;}
.font14{font-size: 140%; line-height:1.4em;}
.font16{font-size: 160%; line-height:1.6em;}
.font18{font-size: 180%; line-height:1.8em;}
.font20{font-size: 200%; line-height:2em;}

/*英語表記*/
.en-r {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
}

/*文字装飾*/
.bold {font-weight: bold;}



/*============================================================================================
↓各デバイスでの表示切り替え===========================================================
============================================================================================*/
.sp {display: none;}/*only SP*/
.tab {display: none;}/*only TAB*/
.pc {display: block;}/*only PC*/
@media screen and (max-width: 960px) {
.sp {display: none;}
.tab {display: none;}
.pc {display: block;}
}
@media screen and (max-width: 768px) {
.sp {display: none;}
.pc {display: none;}
.tab {display: block;}
}
@media screen and (max-width: 480px) {
.tab {display: none;}
.pc {display: none;}
.sp {display: block;}
}


/*============================================================================================
↓カラー指定==================================================================================
============================================================================================*/
.sgu-red {color:#d61826;}
.sgu-dbl {color:#043d60;}


/*============================================================================================
↓＜レイアウト＞全体============================================================================
============================================================================================*/
body {
  background-color: #f8f8f8;
  font-size : 1.4em;
  -webkit-text-size-adjust: 100%;
}
#wrapper {
	width: 100%;
}
#contents-area {
	width: 100%;
	/*min-height: 800px;*/
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 3em;
	background-color: #fff;
	line-height: 2.4em;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
}
#contents-area img.width-max {
	width: 100%;
	max-width: 720px;
}
@media screen and (max-width: 960px) {
body {
  /*background-color:#ffff00; きいろ*/
  font-size : 1.3em;
}
}
@media screen and (max-width: 768px) {
body {
  /*background-color:#6C3; きみどり*/
  font-size : 1.2em;
}
}
@media screen and (max-width: 480px) {
body {
  /*background-color:#41C9FB; みずいろ*/

}
}

/*============================================================================================
↓＜レイアウト＞レスポンシブ対応（上下余白・幅960px以下サイド余白）===========================
============================================================================================*/
.inner-wrap { /*可変幅*/
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.ajs-mg {
	margin-bottom: 3em;
	overflow: hidden;
}
@media screen and (max-width: 960px) {
.inner-wrap {
	padding-left: 1.6em;
	padding-right: 1.6em;
}
}

/*============================================================================================
↓ヘッダー====================================================================================
============================================================================================*/
#header {
	width: 100%;
	background-color: #fff;
	border-bottom: solid 1px #d61826;
}
#header .inner {
	width: 100%;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
#header .inner {padding: 10px;}
}


/*============================================================================================
↓ヘッダー左側================================================================================
============================================================================================*/
#header .inner .left-cont {
	height: 50px;
	float: left;
}
/*--左サイドサイトロゴ--*/
#header .inner .left-cont .site-logo {
	width: auto;
	display: table;
}
#header .inner .left-cont .site-logo li {
	display: table-cell;
	vertical-align: middle;
}
#header .inner .left-cont .site-logo li h1 a {
	width: 270px;
	height: 50px;
	display: block;
	background-image: url(../img/logo-kuglocs.png);
	background-size: cover;
	text-indent: -9999px;
}
/*--サイトコピー（PC）-*/
#header .inner .left-cont .site-logo li .site-copy-pc {
	font-size: 0.8em;
	line-height: 1.6em;
	padding-left: 1em;
}
/*--サイトコピー（TAB，SP）--*/
#header .inner .site-copy-tab {
	font-size: 0.8em;
	line-height: 1.6em;
	margin-bottom: 1em;
	text-align: center;
}
#header .inner .left-cont #btn-kindai {
	display: none;
}
@media screen and (max-width: 960px) {
#header .inner .left-cont {height: 40px;}
#header .inner .left-cont .site-logo li h1 a {
	width: 216px;
	height: 40px;
}
}
@media screen and (max-width: 480px) {
#header .inner .left-cont {
	height: 30px;
	float: inherit;
	text-align: center;
	overflow: hidden;
	}
#header .inner .left-cont .site-logo {
	float: left;
}
#header .inner .left-cont .site-logo li h1 a {
	width: 162px;
	height: 30px;
	margin: 0 auto;
}
#header .inner .left-cont #btn-kindai {
	width: 122px !important;
	height: 30px;
	display: block;
	background-image: url(../img/logo-kindai-db-ja.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	text-indent: -9999px;
	text-decoration: none;
	float:right;
}
}

/*============================================================================================
↓ヘッダー右側================================================================================
============================================================================================*/
#header .inner .right-cont {
	height: 50px;
	float: right;
}
#header .inner .right-cont .contact-nav {
	display: table;
}
#header .inner .right-cont .contact-nav li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
}
#header .inner .right-cont #btn-kindai {
	width: 165px !important;
	height: 50px;
	display: block;
	background-image: url(../img/logo-kindai-db-ja.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	text-indent: -9999px;
	text-decoration: none;
}
/*
#header .inner .right-cont #btn-twitter {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-twitter.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
#header .inner .right-cont #btn-fb {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-fb.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
#header .inner .right-cont #btn-qanda {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-qanda.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
#header .inner .right-cont #btn-info {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-info.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
#header .inner .right-cont #btn-mail {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../img/btn-mail.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
}
*/
@media screen and (max-width: 960px) {
#header .inner .right-cont {
	height: 40px;
}
#header .inner .right-cont #btn-kindai {
	width: 132px !important;
	height: 40px;
}
/*
#header .inner .right-cont #btn-twitter,
#header .inner .right-cont #btn-fb,
#header .inner .right-cont #btn-qanda,
#header .inner .right-cont #btn-info,
#header .inner .right-cont #btn-mail {
	width: 40px;
	height: 40px;
}
*/
}
@media screen and (max-width: 480px) {
#header .inner .right-cont {
	float: inherit;
	margin: 1em auto 0 auto;
	height: inherit;
}
#header .inner .right-cont .contact-nav {
	float: inherit;
	width: 100%;
}
#header .inner .right-cont .contact-nav li {
	padding: 0;
}
#header .inner .right-cont #btn-kindai {
	display: none;
}
/*
#header .inner .right-cont #btn-twitter,
#header .inner .right-cont #btn-fb,
#header .inner .right-cont #btn-qanda,
#header .inner .right-cont #btn-info,
#header .inner .right-cont #btn-mail {
	background-image: none;
	text-indent: inherit;
	width: 100%;
	height: 100%;
	padding: 1.2em 0em;
	display: block;
}
#header .inner .right-cont #btn-twitter {
	background-color: #55acee;
}
#header .inner .right-cont #btn-fb {
	background-color: #365791;
}
#header .inner .right-cont #btn-qanda {
	background-color: #038cae;
}
#header .inner .right-cont #btn-info {
	background-color: #043d60;
}
#header .inner .right-cont #btn-mail {
	background-color: #d61826;
}
*/
}


/*============================================================================================
↓言語切り替えボタン==========================================================================
============================================================================================*/
#header .lang-change {
	width: 100%;
	height: 28px;
	font-size: 1.2rem;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
	background-color: #fff;
	background-image: url(../img/bg-header.jpg);
	background-position: center left;
	background-repeat: repeat-x;
	text-align: right;
	position: relative;
	border-bottom: solid 1px #d61826;
}
.lang-change #goto-en a:link,
.lang-change #goto-en a:visited {
	color: #d61826;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1em;
	width: 90px;
	height: 16px;
	padding: 6px 0px;
	position: absolute;
	top: 0;
	right: 0;
}
.lang-change #goto-en a:hover {
	color: #fff;
	background-color: #d61826;
}
@media screen and (max-width: 480px) {
#header .lang-change {
	height: 24px;
}
.lang-change #goto-en a:link,
.lang-change #goto-en a:visited {
	width: 70px;
	height: 12px;
}
}

/*============================================================================================
↓グランドメニュー============================================================================
============================================================================================*/
#gnav {
	width: 100%;
	background-color: #fff;
	font-size: 1em;
	line-height: 1em;
	display: block;
}
#gnav ul {
	width: 100%;
	display: table;
	box-sizing: border-box;
	border-bottom: solid 1px #d61826;
}
#gnav ul li {
	width: ;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #d61826;
}
#gnav ul li:last-child {
	border-right: none;
}
#gnav ul li a:link,
#gnav ul li a:visited {
	color: #d61826;
	background-color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 1.6em 0px;
}
#gnav ul li a:hover {
	color: #FFF;
	background-color: #d61826;
}
#gnav ul li .en-r {
	font-size: 0.8em;
	display: block;
}
#gnav-sp-open a {
	display: none;
}

@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
#gnav {
	display: none;
}
#gnav-sp-open a {
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	display: block;
	background-color: #fff;
	color: #d61826;
	text-decoration: none;
	padding: 1.6em 0px;
	text-align: center;
	border-bottom: solid 1px #d61826;
}
#gnav-sp-open a span {
	background-image: url(../img/btn-hamberger.png);
	background-position: center left;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 25px;
}
#gnav ul {
	width: 100%;
	display: inherit;
	box-sizing: inherit;
	border-bottom: solid 1px #d61826;
}
#gnav ul li {
	width: ;
	line-height: 1.3em;
	display: inherit;
	vertical-align: inherit;
	text-align: left;
	border-right: none;
	border-bottom: dotted 1px #d61826;
}
#gnav ul li:last-child {
	border-bottom: none;
}
#gnav ul li a:link,
#gnav ul li a:visited {
	color: #d61826;
	background-color: #fff;
	display: inherit;
	vertical-align: inherit;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 1em;
	background-image: url(../img/arr-red-next.png);
	background-position: center right;
	background-size: 30px 30px;
	background-repeat: no-repeat;
}
}

/*============================================================================================
↓フッター====================================================================================
============================================================================================*/
#footer {
	background-color: #fff;
	position: relative;
	border-top: solid 1px #d61826;
}
.site-disc {
	border-bottom: solid 1px #d61826;
	padding: 2em 1.6em;
}
.site-disc .inner {
	display: table;
	width: auto;
	margin: 0 auto;
}
.site-disc .inner p {
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 1em;
}
.site-disc .inner #tguj img,
.site-disc .inner #kuglocs img {
	height: 34px;
}
.site-disc .inner img {
	height: 100%;
}
.outside-bnr {
	border-bottom: solid 1px #d61826;
}
.outside-bnr ul {
	width: 100%;
	display: table;
	box-sizing: border-box;
}
.outside-bnr ul li {
	height: 40px;
	padding: 1.6em 0px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #d61826;
}
.outside-bnr ul li:last-child {
	border-right: none;
}
.outside-bnr ul li img {
	height: 100%;
}
.copyright {
	width: 100%;
	display: table;
	box-sizing: border-box;
	font-size: 80%;
	color: #fff;
	padding: 20px;
	background-color: #043d60;
	border-bottom: solid 8px #d61826;
}
.copyright div {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}
.copyright .kindai-logo {
	width: 250px;
	height: 50px;
}
.copyright .kindai-logo img {
	height: 100%;
}
@media screen and (max-width: 768px) {
.outside-bnr ul li {
	height: 30px;
}
.copyright {
	padding: 1em;
}
.copyright .kindai-logo {
	width: 220px;
	height: 40px;
}
}
@media screen and (max-width: 480px) {
.site-disc .inner {
	display: inherit;
}
.site-disc .inner p {
	display: inherit;
	vertical-align: inherit;
	text-align: center;
	padding: 0.5em 1em;
}
.outside-bnr {
	border-bottom: none;
}
.outside-bnr ul {
	width: 100%;
	display: inherit;
}
.outside-bnr ul li {
	width: 100% !important;
	height: 30px;
	padding: 15px 0px;
	display: inherit;
	border-right: none;
	border-bottom: solid 1px #d61826;
}
.outside-bnr ul li:last-child {
	border-bottom: none;
}
.copyright .kindai-logo {
	width: 140px;
	height: 30px;
}
}

/*============================================================================================
↓ページトップへ==============================================================================
============================================================================================*/
#pagetop {
	/*display: none;*/
}
#pagetop a {
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	background-image: url(../img/btn-pagetop.png);
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 480px) {
#pagetop a {
	width: 40px;
	height: 40px;
	right: 10px;
}
}

/*============================================================================================
↓＜見出し＞下層ページタイトル（共通）========================================================
============================================================================================*/
.page-ttl {
	background-image:url(../img/bg-dot.png);
	background-repeat: repeat;
}
.page-ttl h1 {
	font-size: 1.6em;
	line-height: 1em;
	color: #d61826;
	padding: 2em;
	background-image: url(../img/h-hrline2.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.page-ttl h1 .en-r {
	font-family: 'Oswald', sans-serif;
	font-size: 0.8em;
	line-height: 2em;
	display: block;
}
@media screen and (max-width: 480px) {
.page-ttl h1 {
	padding: 1.3em;
}
}

/*============================================================================================
↓＜見出し＞下層ページサブタイトル（共通）====================================================
============================================================================================*/
.sub-ttl {
	padding: 3em 2em;
	text-align: center;
	background-color: #f5f5f5;
	margin-bottom: 3em;
}
.sub-ttl span {
	font-size: 1.2em;
	line-height: 1em;
	text-align: center;
	padding: 0px 4em;
	background-image:url(https://www.kanazawa-u.ac.jp/sgu/common/css/https//sgu.adm.kanazawa-u.ac.jp/common/img/bg-sub-ttl-left.png),url(../img/bg-sub-ttl-right.png);
	background-position: center left, center right;
	background-repeat: no-repeat, no-repeat;
	margin: 0 auto;
}
@media screen and (max-width: 480px) {
.sub-ttl {
	padding: 2em;
}
.sub-ttl span {
	background-image: none;
	padding: 0px;
}
}

/*============================================================================================
↓＜見出し＞下層ページコンテンツのタイトル（共通）====================================================
============================================================================================*/
.contents-ttl {
	background-image: url(../img/h-hrline.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 2em 0em;
}
.contents-ttl h2,
.contents-ttl h3,
.contents-ttl h4 {
	text-align: left;
	line-height: 1.3em;
}
.contents-ttl h2 span,
.contents-ttl h3 span,
.contents-ttl h4 span {
	display: inline-block;
	padding: 1em 2em;
	background-image: url(../img/bg-dot.png);
	background-position: top left;
	background-repeat: repeat;
}

/*============================================================================================
↓＜レイアウト＞下層ページ（共通）リキッド・左カラムメイン====================================
============================================================================================*/
.right-fix {
	width: 30%;
	float: right;
}
.left-variable {
	width: 100%;
	float: left;
	margin-right: -35%;
}
.left-variable .liquid-inner {
	margin-right: 35%;
	width: auto;
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {
.right-fix {
	width: 100%;
	float: inherit;
}
.left-variable {
	width: 100%;
	float: inherit;
	margin-right: 0px;
}
.left-variable .liquid-inner {
	margin-right: 0px;
	width: auto;
}
}


/*============================================================================================
↓＜ボタン＞ページアンカー・ページナビ========================================================
============================================================================================*/
.page-anchor ul {
	display: table;
	border: solid 1px #d61826;
	border-collapse: collapse;
	box-sizing: border-box;
	max-width: 960px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.page-anchor ul li {
	position: relative;
	display: table-cell;
	line-height: 1em;
	border-right: solid 1px #d61826;
}
.page-anchor ul li:last-child {
	border-right: none;
}
.page-anchor ul li a:link,
.page-anchor ul li a:visited {
	color: #d61826;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	padding: 20px;
	/*↓グラデ*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.bladient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.page-anchor ul li a:hover {
	background-color: #fdf5f6;
	background-image: none;
}
.page-anchor ul li .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0px;
    top: 50%;
}
@media screen and (max-width: 768px) {
.page-anchor ul {
	display: block;
	width: 100%;
}
.page-anchor ul li {
	display: block;
	width: 100%;
	border-bottom: solid 1px #d61826;
}
.page-anchor ul li:last-child {
	border-bottom: none;
}
}

/*============================================================================================
↓＜ボタン＞赤ライン・外部リンク==============================================================
============================================================================================*/
a.link-outside:link,
a.link-outside:visited {
	color: #5a4f4a;
	text-decoration: none;
	background-color:#fff;
	padding: 0.5em 0.5em 0.5em 30px;
	border: solid 1px #d61826;
	line-height: 3em;
	background-image:url(../img/ico-linkoutside.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: center left;
}
a.link-outside:hover {
	background-color: #fdf5f6;
}
.link-outside .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0px;
    top: 50%;
}

/*============================================================================================
↓＜ボタン＞赤ライン・内部リンク==============================================================
============================================================================================*/
a.link-inside:link,
a.link-inside:visited {
	text-decoration: none;
	background-color:#fff;
	padding: 0em 0em 0em 1.5em;
	line-height: 3em;
	background-image: url(../img/arr-red-next.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center left;
}
a.link-inside:hover {
	text-decoration: underline;
}
.link-inside .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0px;
    top: 50%;
}

/*============================================================================================
↓＜ボタン＞青ライン・角丸====================================================================
============================================================================================*/
.bllineBtn-R {
	line-height: 1em;
    margin: 0 auto;
    position: relative;
    width: 50%;
	font-size: 1.3em;
}
.bllineBtn-R a:link,
.bllineBtn-R a:visited {
	text-decoration: none;
	display: block;
	background-color:#fff;
	padding: 20px 10px;
	border: solid 1px #d61826;
	color: #d61826;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*↓グラデ*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.bladient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.bllineBtn-R a:hover {
	color: #fff;
	background-color: #d61826;
	background-image: none;
}
.bllineBtn-R .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0px;
    top: 50%;
}
@media screen and (max-width: 960px) {
.bllineBtn-R {
	width: 100%;
}
}
@media screen and (max-width: 480px) {
}

/*============================================================================================
↓＜トグルボタン＞濃紺ライン・四角============================================================
============================================================================================*/
.blline-btn {
    line-height: 1em;
    margin: 0 auto;
    position: relative;
	/*↓グラデ*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.bladient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.blline-btn a:link, .blline-btn a:visited {
    border: 1px solid #043d60;
    color: #043d60;
    display: block;
    padding: 20px;
    text-align: center;
    text-decoration: none;
	background-image: url(../img/ico-toggle-bl.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: right center;
}
.blline-btn a:hover {
	background-color: #cdd7de;
}
.blline-btn .ico-ar {
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 15px;
    top: 50%;
}