@charset "utf-8";
/* CSS Document */
body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
line-height: 1.6;
font-family: "AxisStd-Regular" ,"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/*---original text color on this page ---*/

img {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
a {
	color: #06C;
	cursor: pointer;
}

section { margin-top:20px; padding-bottom:60px;}
section:first-child{ margin-top:0px !important;}
.inner {
    margin-left: auto;
    margin-right: auto;
    width: 920px;
	padding-top:20px;
}

.sp-only { display:none;}

/*--------------------------------------
共通
--------------------------------------*/
.acenter { text-align:center;}
.aleft { text-align:left;}
.aright { text-align:right;}

.f12 { font-size:12px;}
.f14 { font-size:14px;}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

/***--------------------------------------------

#main

-----------------------------------------------*/
#main-content{font-feature-settings : "palt";}
#wrapper {
	width:920px;
	margin:0 auto;}

.lead { width:80%; margin:20px auto 30px;}
.lead span { font-size:12px; line-height:1.2!important;}
.red-book {width:150px;margin:0 auto;}
.blue-book {
	width: 720px;
	margin: 0 auto;
	overflow: hidden;
}
.blue-book .b-01 { float:left; margin:0 10px;}
.blue-book .b-02 { float:left; width:150px; margin:0 10px;}

.block-item {display: flex; flex-wrap: wrap; width:100%;}
.god-item{
	width: calc((100% / 2) - 40px);
	border: 3px solid #000000;
	box-sizing: border-box;
	padding: 20px 20px 10px;
	margin:10px;
	background-image: url(../../images/god/bg-item.png);
}
.god-item h3{
	position:relative;
	padding-left:40px;
	height:5rem;
	font-size:26px;
	line-height:1.3;}
.god-item h3.line8{	height:8rem;}
.god-item h3 span {	font-size:18px; display:block;}
.god-item h3:before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:36px;
	height:50px;
	background:url(../../images/god/h3-icon.png) no-repeat;
	background-size:contain;
}
.btn {
	display:block;
width:100%;
padding:10px;
border-radius:6px;
background:#000000;
margin:10px 0px;
text-align:center;
color:#ffffff;
text-decoration:none;}
.btn:hover{background:#666;}

.block-link span a{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition:0.5s;
transition:0.5s;
opacity:0.6;}
.block-link span a:hover{
opacity:0.6;
-webkit-filter: grayscale(50%);
-moz-filter: grayscale(50%);
-o-filter: grayscale(50%);
-ms-filter: grayscale(50%);
filter: grayscale(50%);}
/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.sp-only { display:block;}
.pc-only { display:none;}

#wrapper { width:100%; padding:20px 0 0;}	
.lead { width:98%;}
.god-item{
	width: calc((100%) - 10px);
	margin:5px;
	padding-lef:10px;
	padding-right:10px;
}
.god-item h3,
.god-item h3.line8{	min-height:3.5rem; height:auto;}
.red-book {width:48%;margin:0 auto;}
.blue-book {width:100%;margin:0 auto; overflow:hidden;}
.blue-book .b-01 { float:none; margin:10px;}
.blue-book .b-02 { float:left; width:48%; margin:0 1%; text-align:center;}
.blue-book .b-01 img,
.blue-book .b-02 img{ width:100%;}

.block-link img { width:30%;}
}