@charset "utf-8";

/*  全体・極小デバイス（縦向きモバイル, 576px 未満）  */

html {
	font-size: 62.5%;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.4rem;
	line-height: 1.6;
	letter-spacing: .1rem;
	background: #FFF;
	color: #333;
}

body.open-menu{
    height: 100%;
    overflow: hidden; 
}

a {
	color: #1b63da;
	transition: color 1s;
	text-decoration: none;
}

a:hover,a:active {
	color: #50c900;
	text-decoration: none;
}

a.over {
	transition: opacity .5s ease-out;
}

a.over:hover {
	opacity: 0.7;
}

img {
	vertical-align: bottom;
}

div.wrap {
	position: relative;
    overflow: hidden;
}

.mb50 {
	margin-bottom: 50px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb10 {
	margin-bottom: 10px;
}

ul.aten {
	padding-left: 0;
}

ul.aten li {
	text-indent: -1.2rem;
	padding-left: 1.2rem;
	text-align: left;
	list-style: none;
	font-size: 1.2rem
}

h2.main {
	border-bottom: solid 2px #a3a3a3;
	text-align: center;
	margin-bottom: 20px;
	padding: 5px;
}

h2.color01 {
	background: #0082ca;
}

h2.color02 {
	background: #e5602b;
}

h2.color03 {
	background: #072373;
}

h2.color04 {
	background: #55acef;
}

h2.main img {
	max-width: 100%;
}

p.main {
	margin-bottom: 10px;
}

hr {
	background: url(../img/line_dot.gif) no-repeat center;
	height: 5px;
	border: none;
	margin-bottom: 50px;
}

.pan {
	margin-bottom: 20px;
	font-size: 1rem;
}

.pan li {
	display: inline-block;
}

.pan li:after {
	content: " ＞ ";
}

.pan li:last-child:after {
	content: none;
}

.caption {
	font-size: 1.2rem;
}

dl.basic dt {
	font-weight: bold;
}

dl.basic dd {
	margin-bottom: 5px;
}

ul.basic {
	margin-left: 20px;
}

ul.basic li {
	list-style: disc;
}

.txtS {
	font-size: 1.2rem;
}

.txtM {
	font-size: 1.4rem;
}

.txtL {
	font-size: 1.6rem;
}

.txtB {
	font-weight: bold;
}

.title > .row{
    
    margin-right: 0;
     margin-left: 0;
}

/***** header *****/

div.headBox {
	background: url(../img/bg_head.gif);
}

header p.sega {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 16%;
	margin: 0;
	padding: 0;
}

header p.switch {
	position: absolute;
	right: 1px;
	top: 0;
	width: 7%;
	margin: 0;
	padding: 0;
}

header p.sega img,header p.switch img {
	height: 100%;
}

header h1 {	
	padding: 20px 35% 0 35%;
	margin-bottom: 10px;
}

/***** 各タイトル *****/




/***** footer *****/

footer {
	background: #0787cc;
	color: #FFF;
	padding: 10px 0;
}

footer ul {
	font-size: 1.1rem;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

footer ul li {
	margin-bottom: 5px;
}

footer p.btnInfo {
	background: #FFF;
	border-radius: 15px;
	color: #0082ca;
	padding: 5px 10px;
	display: inline;
	font-size: 1rem;
}

footer small {
	font-size: 1.1rem;
	margin-top: 10px;
	display: block;
}

#page-top {
    position: fixed;
	bottom: 160px;
    right: 10px;
	font-size: 3rem;
	line-height: 0;
	z-index: 1000;
	opacity: .6;
}
 
#page-top a {
    display: block;
	color: #000;
}



@media (min-width: 576px) /*　小デバイス（横向きモバイル, 576px 以上）　*/
{ 
    
}

@media (min-width: 768px) /*　中デバイス（タブレット, 768px 以上）　*/
{

p.main {
	margin-bottom: 20px;
}

header h2 {
	width: 30%;
	margin: 10px 35% 0 35%;
}

#page-top {
	bottom: 80px;
	font-size: 4rem;
}

}

@media (min-width: 992px) /*　大デバイス（デスクトップ, 992px 以上）　*/
{

ul.aten li {
	text-indent: -1.3rem;
	padding-left: 1.3rem;
	font-size: 1.3rem
}

body {
	font-size: 1.6rem;
}

header h2 {
	width: 244px;
	margin: 10px auto 0 auto;
}

#page-top {
	bottom: 80px;
	font-size: 5rem;
}

header p.sega {
	left: 10px;
	top: 10px;
	width: 100px;
}

header p.switch {
	width: 60px;
}

header div {	
	width: 769px;
	margin: 0 auto;
}

header h1 {
	padding: 10px 260px 0 260px;
}

.pan {
	font-size: 1.2rem;
}

footer ul {
	font-size: 1.2rem;
}

footer p.btnInfo {
	font-size: 1.2rem;
}

footer small {
	font-size: 1.2rem;
	margin-top: 10px;
	display: block;
}

dl.basic dt {
	float: left;
	clear: left;
	width: 20%;
	font-weight: bold;
	margin-bottom: 5px;
}

dl.basic dd {
	margin-left: 20%;
	margin-bottom: 5px;
}

.txtS {
	font-size: 1.4rem;
}

.txtM {
	font-size: 1.6rem;
}

.txtL {
	font-size: 1.8rem;
}

}

@media (min-width: 1200px) /*　特大デバイス（ワイド・デスクトップ, 1200px 以上）　*/
{

}