@font-face {
	font-family: 'ipa_g';
	src: url('../../../font/ipaexg.eot');
	src: url('../../../font/ipaexg.eot?#iefix') format('embedded-opentype'),
	     url('../../../font/ipaexg.woff') format('woff'),
         url('../../../font/ipaexg.woff2') format('woff2'),
	     url('../../../font/ipaexg.ttf')  format('truetype');
}

@font-face {
	font-family: 'tm';
	src: url('../../../font/TanukiMagic.eot');
	src: url('../../../font/TanukiMagic.eot?#iefix') format('embedded-opentype'),
	     url('../../../font/TanukiMagic.woff') format('woff'),
         url('../../../font/TanukiMagic.woff2') format('woff2'),
	     url('../../../font/TanukiMagic.ttf')  format('truetype');
}

@font-face {
	font-family: 'hanazome';
	src: url('../../../font/hanazome.eot');
	src: url('../../../font/hanazome.eot?#iefix') format('embedded-opentype'),
	     url('../../../font/hanazome.woff') format('woff'),
         url('../../../font/hanazome.woff2') format('woff2'),
	     url('../../../font/hanazome.ttf')  format('truetype');
}

.wf-tm { font-family: "tm"; }
.wf-hanazome { font-family: "hanazome"; }

@font-face {
	font-family: 'Crimson Text';
	src: url('../font/Crimson_Text/CrimsonText-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Fanwood Text';
	src: url('../font/Fanwood_Text/FanwoodText-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Yantramanav';
	src: url('../font/Yantramanav/Yantramanav-Regular.ttf') format('truetype');
}

 /* material-icons ***************************************** */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* all  *************************************************** */
* {
    font-family: 'Crimson Text', serif;		/* 基本フォントは、セリフです。 */
    color: #6E6E6E;							/* 基本カラーは、濃いグレーです。 */
}

/* body *************************************************** */
body{
    background-color: white;
    font-size: 1em;
}

/* header ************************************************* */
header {
    background: radial-gradient(#0475db, #045FB4);
}

/* footer ************************************************* */
footer {
}
.copyright{
    line-height: 150%;
    height: auto;
    text-align: center; 
    background-color: #045FB4; 
    color: #ffffff;
    font-size: 0.9em;
}

page404{
	height: auto;
}

/* h1, h2, ... ******************************************* */
h1{
    font-size: 2.3em;
    vertical-align: middle
}

h2{
    font-size: 2.15em;
	font-family: 'Yantramanav', sans-serif;
	border-left: 8px double red;
	border-bottom-color: red;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 0.2em;
    padding-left: 0.5em;
}
h3{
    font-size: 2.0em;
}
h4{
    font-size: 1.85em;
}
h5{
    font-size: 1.65em;
}
h6{
    font-size: 1.40em;
}

/* ******************************************************* */
.page-top {
    position: fixed;
    bottom: 20px;
    right: 10px;

    display: block;
    text-align: center;
    vertical-align: bottom;
    width: 3em;
    height: 3em;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: royalblue;
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;

    z-index: 99999;
}

.page-top a i {
    margin-top: 0.1em;
    color: white;
}

/* article ... ******************************************* */
article {
    margin: 3px;
    border: 1px solid #e9e8ea;
}

.indent { text-indent: 1.75em; }

/* mobile_size /////////////////////////////////////////// */
@media only screen and (max-width: 600px) {
    article {
/*        font-size: 0.8em;*/
    }
}

/* tablet_size /////////////////////////////////////////// */
@media only screen and (min-width: 601px) and (max-width: 992px) {
}

/* pc_size /////////////////////////////////////////////// */
@media only screen and (min-width: 993px) {
    .main-body {
        width: 992px;
        margin: 0 auto;
    }
}