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

/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

div.mt10 ul li{list-style-type: disc;}
div.mt10 ol{list-style-type: decimal;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

	.contents .ranking table.table01{width: 100%;border-collapse: collapse;margin-top: 15px;}
	.contents .ranking table.table01 th,
	.contents .ranking table.table01 td{font-size: 15px;line-height: 1.4;padding: 20px 5px;vertical-align: top;text-align: left;border: 1px solid #00479d;text-align: center;vertical-align: middle;}
	.contents .ranking table.table01 th{border-color: #fff;background: #0089e9;color: #fff;vertical-align: middle;font-weight: normal;}
	.contents .ranking table.table01 tr:first-child th{border-top-color: #0089e9;}
	.contents .ranking table.table01 sup{font-size: .7em;}

@media screen and (max-width: 767px) {
  	.contents .ranking table.table01{margin-top: 10px;}
		.contents .ranking table.table01 th,
		.contents .ranking table.table01 td{font-size: 12px;padding: 10px 3px;}
		.contents .ranking table.table01 th{white-space:nowrap;}
}
.contentsDetail 	.contents .ranking table.table01 tr td:first-child {text-align: left;padding-left: 20px;}
.contentsDetail 	.contents .ranking table.table01 th.first{border-left-color: #0089e9;}
.contentsDetail 	.contents .ranking table.table01 th.last{border-right-color: #0089e9;}
.contentsDetail 	.contents .ranking table.table01 th.w02{width: 100px;}
.contentsDetail 	.contents .ranking table.table01 th.w03{width: 140px;}
.contentsDetail 	.contents .ranking table.table01 tr td:first-child {padding-left: 5px;}
.contentsDetail 	.contents .ranking table.table01 th.w02{width: 40px;}
.contentsDetail 	.contents .ranking table.table01 th.w03{width: 60px;}

img{vertical-align: bottom; margin: 0; border: 0;}

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ----------------------------------------------------------
 layout
---------------------------------------------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.6; color: #00479d;
	-webkit-text-size-adjust: 100%;
}

.wrapper{background: #f3f3f3;}

/* hover */
a { 
	-webkit-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	text-decoration: none;
}
a:hover{ 
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
}

/* PC
---------------------------------------*/
@media screen and (min-width: 768px) {
	.pc {display: block;}
	.sp {display: none !important;}

}
/* SP
---------------------------------------*/
@media screen and (max-width: 767px) {
  
	.pc {display: none !important;}
	.sp,
  .spBlock{display: block;}
  
  
  .spMenu, .langBlock{top: 0!important;}
}

.spMenu.open,
.langBlock.open{opacity: 1; z-index: 100; 
/*
overflow-y: auto;
*/
}

.spMenu,
.langBlock{
  opacity: 0;background: rgba(0,46,101,.95);color: #fff;
  position: fixed; left: 0; top: 0; z-index: -1;
  width: 100%; height: 100%; line-height: 1.5;
  /*
  transition: .2s;
  */
}


/* ---------- menu-trigger ---------- */
.menu-trigger{text-align: center;font-size: 13px;line-height: 1; position: fixed; right: 20px;z-index: 101;cursor: pointer;
text-shadow: 1px -1px 2px #fff, -1px 1px 2px #ffffff, 0 -1px 2px #fff, -1px 1px 2px #fff, -1px -1px 2px #fff;
}
.menu-trigger .menuIcon,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger .menuIcon {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #00479d; box-shadow: 0 0 6px 4px rgba(255,255,255,1);
}
.menu-trigger span:nth-of-type(1) {
  top: 10%;
}
.menu-trigger span:nth-of-type(2) {
  top: 40%;margin-top: -1px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 20%;
}
.menu-trigger.active span{height: 3px;}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 1;
    -webkit-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
    z-index: 1;
    position: absolute;
    top: 5px;
    box-shadow: none;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}

		
@media screen and (max-width: 767px) {
  .menu-trigger{font-size: 12px; position: fixed; right: 10px;}
  .menu-trigger .menuIcon{height: 24px;width: 28px;margin: 0 auto 5px;}
  .menu-trigger span{height: 4px;}
  
  .menu-trigger span:nth-of-type(1) {
    top: 5%;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 10%;
  }
  .menu-trigger.active span{height: 3px;}
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
  }

}


/* ========================================
  for menuInner
======================================== */
.menuInner *{font-weight: normal;color: #fff;}
.menuInner ul{text-align: center; margin: 70px 0 0; font-size: 20px;}
.menuInner ul li{margin: 0 0 10px;}



@media screen and (min-width: 768px) {
	.menuInner ul li{padding: 10px 0;}
	.menuInner ul li a{
	    border: 2px solid #fff;
	    border-radius: 8px;
	    padding: 5px 2em;
	}
	.menuInner ul li a:hover{opacity: 1; background: #fff;color: #00479d;}

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

	.menuInner ul{letter-spacing: -5px;}
/*	.menuInner ul li{width: 44%; display: inline-block; letter-spacing: 0;}*/
	.menuInner ul li{letter-spacing: 0;}
	.menuInner ul li a{
		text-align: center; display: block;
	    border: 2px solid #fff;
	    border-radius: 8px;
	    margin: 5px 2%;
	    padding: 5px;
	    font-size: 15px;
	    font-weight: bold;
	}



	.menu-trigger.active span:nth-of-type(2) {
	    position: absolute;
	    top: -4px;
	    box-shadow: none;
	}





}


/* ----------------------------------------------------------
	PC用
---------------------------------------------------------- */
@media screen and (min-width: 769px) {

	.pcOnly {display: block;}
	.spOnly {display: none;}


	a:hover img{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	header{position: relative; min-width: 1000px; line-height: 0;}
	header h1 img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
	header .main > img{width: 100%;}
	header .menu{position: absolute; top: 10px; right: 10px;}

	.contents{padding: 100px 0 200px; position: relative; overflow: hidden; background: url(../images/common/btm_img.png) no-repeat bottom center;}
	.contents h2{text-align: center; margin: 0 0 30px; font-size: 28px; font-weight: bold;}
	.contents iframe#dispreview {height: 600px;}
	.contents .ranking-min iframe{width: 60%; margin: 0 20%;}
	.inner{min-width: 1000px; width: 1000px; margin: auto;}
	.contents .about{background: #00479d; position: relative; color: #fff; width: 320px; margin: 0 auto 150px; text-align: center;}
	.contents .about img{margin: 0 0 40px;}
	.contents .about img.pic_about{position: absolute; bottom: -60px; left: 0; right: 0; margin: 0 auto;}
	.contents .about img.bg_about{position: absolute; top: -170px; right: -500px;}
	.contents .about2 img.bg_about{position: absolute;top: -70px;right: -29px;}
	.contents .about2 .sbwCont{line-height: 1.2; font-size: 35px; color: #00479d; font-weight: bold;}
	.contents .about a{color: #fff; padding: 80px 40px 120px; display: block; text-decoration: none;}
	.contents .about a:hover{text-decoration: underline;}
	.contents .about a:after{content: ""; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 7px solid #fff;}
	.contents .ranking .topbak a{position: absolute; left: 80%; font-size: 20px;}

	.contents .login{}
	.contents .login{margin: 0 0 120px;}
	.contents .login li{position: relative; float: left; width: 480px; text-align: center; box-sizing: border-box;}
	.contents .login li:last-child{float: right;}
	.contents .login a{display: block; padding: 20px 0 0; background: #fff; border: 1px solid #00479d; border-radius: 6px;}
	.contents .login a:before{content: ""; position: absolute; top: 0; bottom: 0; right: 0; background: #00479d; width: 40px; height: 100%; border-radius: 0 6px 6px 0;}
	.contents .login a:after{content: ""; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 7px solid #fff;}

	.slick-box{margin: 0 0 50px;}
	.slick-box .slick_content{border: 1px solid #00479d; margin: 0 10px; border-radius: 5px; text-align: center; padding: 20px 0 0;}
	.slick-box .slick_content img{max-width: 90%;}
	.slick-box .slick_content dl{padding: 12px; text-align: left;}
	.slick-box .slick_content dl dt{margin: 0 0 20px; font-weight: bold;}
	.slick-box .slick_content dl dd{font-size: 14px;}
	.slick-box .slick_content a{display: block; background: #00479d; color: #fff; text-decoration: none; text-align: center; padding: 10px 0;}
	.slick-box .slick_content a span{position: relative;}
	.slick-box .slick_content a span:after{content: ""; position: absolute; top: 0; bottom: 0; right: -20px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 5px solid transparent; border-left: 6px solid #fff;}
	.read{margin: 0 0 50px;}
	.read p{text-align: center;}
	.read p a{position: relative; display: inline-block; padding: 8px 40px; color: #fff; background: #00479d; text-decoration: none; border-radius: 5px;}
	.read p a:after{content: ""; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 7px solid #fff;}

	.contents .event{background: #fff; position: relative; padding: 80px 0 180px; text-align: center;}
	.contents .event:before{content: ""; position: absolute; top: 0; left: 0; background: #f3f3f3 url(../images/common/bg_top.png) no-repeat top center;  width: 100%; height: 70px;}
	.contents .event:after{content: ""; position: absolute; bottom: 0; left: 0; background: #f3f3f3 url(../images/common/bg_btm.png) no-repeat top center;  width: 100%; height: 70px;}
	.contents .event h2{}
	.contents .event .event_box{width: 184px; float: left; margin: 0 15px 50px 0; text-align: left;}
	.contents .event .event_box:last-child{float: right; margin: 0 0 50px;}
        .contents .event .event_box .img_box{width: 184px; height: 184px; position: relative;}
        .contents .event .event_box .img_box img{position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
	.contents .event .event_box a{color: #00479d; font-weight: bold; text-decoration: none;}
	.contents .event .event_box img{margin: 0 0 10px;}   
	.contents .event span{display: block; margin: 10px 0; color: #888888;}
	.contents .event p{}
	.contents .event p a{position: relative; display: inline-block; padding: 8px 40px; color: #fff; background: #00479d; text-decoration: none; border-radius: 5px;}
	.contents .event p a:after{content: ""; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 7px solid #fff;}
	.contents .event .pic_event{position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; z-index: 1;}

	.contents .ranking{position: relative; padding: 100px 0 0;}
	.contents .ranking .bg_rank{position: absolute; top: 50px; left: -300px;}
	.contents .ranking .bg_rank2{position: absolute; left: -300px; top: 125px;}
	.contents .ranking table{width: 600px; margin: auto; position: relative;}
	.contents .ranking table th{border: dotted #00479d; background: none; border-width: 0 2px; color: #888; padding: 10px;}
	.contents .ranking table th:nth-child(1){text-align: center; }
	.contents .ranking table th:nth-child(3){text-align: center; }
	.contents .ranking table td{border: dotted #00479d; border-width: 0 2px; padding: 10px;}
	.contents .ranking table td:nth-child(1),
	.contents .ranking table td:nth-child(3){text-align: center;}
	.contents .ranking table td img{vertical-align: top; margin: 0 5px 0 0;}

	.scrolltop{position: fixed; bottom: 10px; right: 20px; margin: auto;  z-index: 5; background: #00479d; width: 60px; color: #fff; padding: 20px 0; text-align: center; cursor: pointer; text-align: center;}
	.scrolltop.stop{position: absolute; bottom: 0; z-index: 5;}
	/* --------footer用----------*/
	footer{text-align: center; background: #fff; padding: 60px 0 0; min-width: 1000px;}
	footer div{margin: 0 0 100px;}
	footer div span{display: block; margin: 0 0 30px; font-size: 32px; font-weight: bold;}
	footer p{ margin: 5px 0;}
　　　　/* --------背景無し---------*/
	.noback{padding: 100px 0 200px; position: relative; overflow: hidden;}
	.noback .about2 .sbwCont{line-height: 1.2; font-size: 35px; color: #00479d; font-weight: bold;}
	.noback .ranking table{width: 600px; margin: auto; position: relative;}
	.noback .ranking table th{border: dotted #00479d; background: none; border-width: 0 2px; color: #888; padding: 10px;}
	.noback .ranking table th:nth-child(1){text-align: center; width: 100px;}
	.noback .ranking table th:nth-child(3){text-align: center; width: 100px;}
	.noback .ranking table td{border: dotted #00479d; border-width: 0 2px; padding: 10px;}
	.noback .ranking table td:nth-child(1),
	.noback .ranking table td:nth-child(3){text-align: center;}
	.noback .ranking table td img{vertical-align: top; margin: 0 5px 0 0;}

}



/* ----------------------------------------------------------
	SP用トップページ
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

	.pcOnly {display: none;}
	.spOnly {display: block;}

	img{width: 100%;}

	header{background: url(../mhd81f000000bbb3-img/bg_main_sp.jpg) no-repeat bottom center / 100%; position: relative;}
	header h1{width: 70%; margin: 0 auto 0; padding: 12% 0 14%;}
	header .menu{position: absolute; top: 10px; right: 10px;}
	header .menu img{width: auto;}

	.contents{padding: 60px 0 200px; position: relative; overflow: hidden; background: url(../images/common/btm_img.png) no-repeat bottom center;}
	.contents h2{text-align: center; margin: 0 0 30px; font-size: 28px; font-weight: bold;}
	.contents .ranking-min iframe{width: 99%; margin: 0px 0px 0px 1%;}
	.inner{width: auto; margin: auto;}
	.contents .about{background: #00479d; position: relative; color: #fff; width: 80%; margin: 0 auto 120px; text-align: center; border-radius: 8px;}
	.contents .about img{margin: 0 0 40px; width: auto;}
	.contents .about img.pic_about{position: absolute; bottom: -60px; left: 0; right: 0; margin: 0 auto;}
	.contents .about img.bg_about{position: absolute; bottom: -170px; right: -30%; width: 200px;}
	.contents .about2 img.bg_about{position: absolute; top: 227px; right: -14%; width: 200px;}
	.contents .about2 h3.sbwCont{line-height: 1.2; font-size: 35px; color: #00479d; font-weight: bold;}
	.contents .about a{color: #fff; padding: 50px 30px 100px; display: block; text-decoration: none;}
	.contents .about a:after{content: ""; position: absolute; top: 0; bottom: 0; right: 5px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 7px solid #fff;}
	.contents .ranking .topbak a{position: absolute; left: 50%; font-size: 20px;}

	.contents .login{}
	.contents .login{margin: 0 2% 80px;}
	.contents .login li{position: relative; float: left; width: 48%; background: #fff; border: 1px solid #00479d; border-radius: 6px;}
	.contents .login li img{width: 70%; margin: 0 0 0 4px;}
	.contents .login li:last-child{float: right;}
	.contents .login a{display: block; padding: 20px 0 0;}
	.contents .login a:before{content: ""; position: absolute; top: 0; bottom: 0; right: 0; background: #00479d; width: 40px; height: 100%;}
	.contents .login a:after{content: ""; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 7px solid #fff;}

	.slick-box{margin: 0 2% 20px;}
	.slick-box .slick_content img{width: 80%;}
	.slick-box .slick_content{border: 1px solid #00479d; margin: 0 10px; border-radius: 5px; text-align: center; padding: 20px 0 0; position: relative;}
	.slick-box .slick_content dl{padding: 10px; text-align: left; margin: 0 0 50px;}
	.slick-box .slick_content dl dt{margin: 0 0 20px; font-weight: bold;}
	.slick-box .slick_content a{display: block; background: ; color: #fff; text-decoration: none; text-align: center; padding: 10px 0;
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}
	.slick-box .slick_content a span{position: absolute; bottom: 20px; left: 0; width: 100%; background: #00479d; padding: 15px 0; border-radius: 0 0 6px 6px;}
	.slick-box .slick_content a span:after{content: ""; position: absolute; top: 20px; right: 50%; margin: 0 -40px 0 0; box-sizing: border-box; width: 4px; height: 4px; border: 5px solid transparent; border-left: 6px solid #fff;}
	.slick-prev, .slick-next{width: 20%!important;}

	.read{margin: 0 0 50px;}
	.read p{text-align: right;}
	.read p a{position: relative; display: inline-block; padding: 8px 40px; color: #fff; background: #00479d; text-decoration: none; border-radius: 5px;}
	.read p a:after{content: ""; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 7px solid #fff;}

	.contents .event{background: #fff; position: relative; padding: 80px 0 180px; letter-spacing: -5px; text-align: center;}
	.contents .event:before{content: ""; position: absolute; top: 0; left: 0; background: #f3f3f3 url(../images/common/bg_top_sp.png) no-repeat top center / 100%; width: 100%; padding: 11% 0 0;}
	.contents .event:after{content: ""; position: absolute; bottom: 0; left: 0; background: #f3f3f3 url(../images/common/bg_btm_sp.png) no-repeat top center / 100%; width: 100%; padding: 11% 0 0;}
	.contents .event h2{ letter-spacing: 0;}
	.contents .event .inner{text-align: left;}
	.contents .event .event_box{width: 46%; display: inline-grid; margin: 0 2% 50px; text-align: left; letter-spacing: 0;}
	.contents .event .event_box:nth-child{ margin: 0 0 50px;}
	.contents .event .event_box a{color: #00479d; font-weight: bold; text-decoration: none;}
	.contents .event .event_box img{margin: 0 0 10px;width: 172.5px;height: 172.5px;}
	.contents .event span{display: block; margin: 10px 0; color: #888888;}
	.contents .event p{ letter-spacing: 0;}
	.contents .event p a{position: relative; display: inline-block; padding: 8px 40px; color: #fff; background: #00479d; text-decoration: none; border-radius: 5px;}
	.contents .event p a:after{content: ""; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 7px solid #fff;}
	.contents .event .pic_event{position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; z-index: 1; width: auto;}

	.contents .ranking{position: relative; padding: 100px 0 0;}
	.contents .ranking .bg_rank{position: absolute; bottom: -80px; left: -30px; width: 250px;}
	.contents .ranking .bg_rank2{position: absolute; bottom: -80px; left: -30px; width: 250px;}
	.contents .ranking table{width: 98%; margin: auto; position: relative;}
	.contents .ranking table th{border: dotted #00479d; background: none; border-width: 0 2px; color: #888; padding: 10px;}
	.contents .ranking table th:nth-child(1){text-align: center; width: 25%;}
	.contents .ranking table th:nth-child(3){text-align: center; width: 25%;}
	.contents .ranking table td{border: dotted #00479d; border-width: 0 2px; padding: 10px;}
	.contents .ranking table td:nth-child(1),
	.contents .ranking table td:nth-child(3){text-align: center;}
	.contents .ranking table td img{vertical-align: top; margin: 0 5px 0 0; width: auto;}

	.scrolltop{position: fixed; bottom: 10px; right: 20px; margin: auto; z-index: 5; background: #00479d; color: #fff; padding: 15px 18px; text-align: center; cursor: pointer; text-align: center;}
	.scrolltop.stop{position: absolute; bottom: 0; z-index: 5;}

	/* --------footer用----------*/
	footer{text-align: center; background: #fff; padding: 40px 0 0;}
	footer div{margin: 0 0 50px;}
	footer div span{display: block; margin: 0 0 20px; font-size: 30px; font-weight: bold;}
	footer p{font-size: 10px; margin: 5px 0;}
　　　　/* --------背景無し---------*/
	.noback{padding: 60px 0 200px; position: relative; overflow: hidden;}
	.noback .about2 h3.sbwCont{line-height: 1.2; font-size: 35px; color: #00479d; font-weight: bold;}
	.noback .ranking table{width: 98%; margin: auto; position: relative;}
	.noback .ranking table th{border: dotted #00479d; background: none; border-width: 0 2px; color: #888; padding: 10px;}
	.noback .ranking table th:nth-child(1){text-align: center; width: 25%;}
	.noback .ranking table th:nth-child(3){text-align: center; width: 25%;}
	.noback .ranking table td{border: dotted #00479d; border-width: 0 2px; padding: 10px;}
	.noback .ranking table td:nth-child(1),
	.noback .ranking table td:nth-child(3){text-align: center;}
	.noback .ranking table td img{vertical-align: top; margin: 0 5px 0 0; width: auto;}

}


/* 貸出・宅配・更新・予約・返却(2019-04-01 中原追加 START style.cssより抜粋)
---------------------------------------*/
/***.contentsDetail h4{font-size: 17px;line-height: 1.2;font-weight: bold;margin-top: 45px;margin-bottom: 5px;}***/
.contentsDetail h4{font-size: 17px;line-height: 1.2;font-weight: bold;margin-top: 3px;margin-bottom: 5px;}
.contentsDetail p.num{padding-left: 1em;text-indent: -1em;}
.contentsDetail p.num2{padding-left: 3em;text-indent: -3em;}

.contentsDetail .box01,
/**.contentsDetail .box02{padding: 16px;} **/
.contentsDetail .box02,
.contentsDetail .box03{padding: 16px 16px;}
.contentsDetail .box01 p:not(:first-child),
.contentsDetail .box02 p:not(:first-child),
.contentsDetail .box03 p:not(:first-child){margin-top:15px;}
.contentsDetail .table01 tr td:first-child {text-align: left;padding-left: 20px;}
.contentsDetail .table01 th.first{border-left-color: #0089e9;}
.contentsDetail .table01 th.last{border-right-color: #0089e9;}
.contentsDetail .table01 th.w02{width: 100px;}
.contentsDetail .table01 th.w03{width: 140px;}
@media screen and (min-width: 768px) {
.contentsDetail h3.title02A{margin-top: 50px;}
}
h3.title02A{
  font-size: 20px;color: #00479d;border-left: 6px solid #00479d;background: #f4f4f4;padding-left: 20px;min-height: 60px;line-height: 60px;
  display: flex;align-items: center;
  margin-top: 30px; font-weight: bold;
}
@media screen and (max-width: 767px) {
  .usage .contents .linkList {padding: 10px 20px 20px;align-items: center;}
/***行間隔を狭める 2018/12/04**/
/*  .usage .contents .linkList li{width: 100%;font-size: 13px;margin-top: 30px;}*/
  .usage .contents .linkList li{width: 100%;font-size: 13px;margin-top: 15px;}
.usage .contents .linkList li a {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    font-size: 16px;
/* underlineは消す*/
    text-decoration: none;
}
 

 /**/
  .contentsDetail .mt20{margin-top: 20px !important;}
  .contentsDetail p,
  .contentsDetail li{line-height: 1.4;}
/**  .contentsDetail h4{margin-top: 30px;font-size: 13px;} **/
  .contentsDetail h4{margin-top: 3px;font-size: 13px;}
.contentsDetail p.num{padding-left: 3em;text-indent: -3em;}
.contentsDetail .table01 tr td:first-child {padding-left: 5px;}
.contentsDetail .table01 th.w02{width: 40px;}
.contentsDetail .table01 th.w03{width: 60px;}
.contentsDetai MsoNormal p{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}  
 
 /* 貸出・宅配・更新・予約・返却(2019-04-01 中原追加 END)
---------------------------------------*/