	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/style.css">	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/style.css">@charset "UTF-8";

/* ==========================================================
*
* Basic Setting
*
========================================================== */

html,body{
    width: 100%;
  overflow-x: hidden;

}

html {
    font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
 }

body {
    font-size: 1.6rem;
    line-height:175%;
    /*
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;    font-family:'Shuei KakuGo Gin M',sans-serif;
    */
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

a{
    /*text-decoration:none;*/
    color:#000000;
}

* a:hover{
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    text-decoration:underline;
    color:#ff6400;
}


h2,h3,h4{
    font-weight:normal;
}

sup{
    font-size:0.9rem;
}

.serif{
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

.pconly{
	display:block;
}

.sponly{
	display:none!important;
}


@media screen and (max-width: 768px) {
	.pconly{
		display:none;
	}

	.sponly{
		display:block!important;
	}
}


/******************************************
*
Shared Parts
*
******************************************/
.alCenter{
    text-align:center;
}

/******************************************
*
ページフレーム
*
******************************************/

#contentFrame{
    display:block;
    overflow:hidden;
    width:100%;
    /*max-width:1400px;
    margin:0 auto;*/
}

.outerFreme{
    display:block;
    overflow:hidden;
    width:100%;
    max-width:996px;
    margin:0 auto;
    position:relative;
}

.innerFreme{
    display:block;
    overflow:hidden;
    width:695px;
    margin:0 auto;
    position:relative;
}

.columBox > .innerFreme > p{
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 768px) {
	.outerFreme{
    	display:block;
    	overflow:hidden;
    	width:100%;
		margin:0 auto;
    	position:relative;
	}

	.innerFreme{
    	display:block;
    	overflow:hidden;
    	padding:15px 15px;
    	position:relative;
	}
}


/******************************************
*
ヘッダ
*
******************************************/
#header{
    display:block;
    overflow:hidden;
    width:100%;
}

#header .logo {
    display:block;
    overflow:hidden;
    border-bottom:1px solid #9f9f9f;
/*	margin-top: 30px;*/
}

#header .logo img {
	width: 344px;
	height: auto;
}


#header .logo > .outerFreme{
    margin:0 auto;
}

#header .logo > .outerFreme > a{
    display:block;
    overflow:hidden;
    margin:35px 25px 20px;
}


/******************************************
*
ナビゲーション
*
******************************************/
.nav{
    display:block;
    overflow:hidden;
    text-align:center;
}

.nav ul{
    display:block;
    overflow:hidden;
    width:750px;
    margin:0 auto;
    /*letter-spacing:-.4em;*/
}

.nav ul > li{
    display:block;
    overflow:hidden;
    width:25%;
    text-align:center;
    /*letter-spacing:normal;*/
    float:left;
}

.nav ul > li > a{
    display:block;
    overflow:hidden;
    opacity:0.5;
}

.nav ul > li > a.current{
    pointer-events:none;
    opacity:1.0;
}

.nav ul > li > a:hover{
    opacity:1.0;
}

.nav ul > li > a > img{
    width:100%;
    height:auto;
    max-width:112px;
	margin: 0 auto;
}

#header .nav{
    margin:30px 0 35px;
}

#footer .nav{
    margin:25px 0 35px;
}


/******************************************
*
フッタ
*
******************************************/

#footer{
    display:block;
    overflow:hidden;
}

#footer > .logo {
    display:block;
    overflow:hidden;
    text-align:center;
    padding:30px 0 15px;
    border-top:1px solid #9f9f9f;

}
#footer > .logo img {
	width: 360px;
    height: auto;
}
#ftNavi{
    display:block;
    overflow:hidden;
    background-color: #2D2E2D;
    width: 100%;
    min-width: 1000px;
    padding-top:33px;
    text-align:center;
}


#ftNavi ul{
    display:inline-block;
    overflow:hidden;
    border-bottom: 1px solid #343634;
    padding: 20px 0;
    margin:0 auto;
}

#ftNavi ul li {
    float: left;
    margin-right: 22px;
}

#footer_copyright {
    padding: 14px 0;
    text-align: center;
    background-color: #181918;
}


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


/* ==========================================================
*
* Basic Setting
*
========================================================== */

html,body{
    width: 100%;
}

html {
    font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
 }

body {
    font-size: 1.4rem;
    line-height:175%;
    /*
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    font-family:'Shuei KakuGo Gin M',sans-serif;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    */
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;

}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

a{
    /*text-decoration:none;*/
    color:#000000;
}

* a:hover{
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    text-decoration:underline;
    color:#ff6400;
}


h2,h3,h4{
    font-weight:normal;
    font-family: 'Noto Serif JP', serif;
}

sup{
    font-size:0.9rem;
}
	

.serif{
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}


/******************************************
*
Shared Parts
*
******************************************/
.alCenter{
    text-align:center;
}

/******************************************
*
ページフレーム
*
******************************************/

#contentFrame{
    display:block;
    overflow:hidden;
    width:100%;
}

.outerFreme{
    display:block;
    overflow:hidden;
    width:100%;
    margin:0 auto;
    position:relative;
}

.innerFreme{
    display:block;
    overflow:hidden;
    padding:15px 15px;
    position:relative;
}

#contentBody{
    display:block;
    overflow:hidden;
    width:100%;
    max-width:640px;
    margin:0 auto;
}

/*
#contentBody img{
    width:100%;
    height:auto;
    max-width:640px;
}
*/

.coverBox{
    display:block;
    overflow:hidden;
    line-height:100%;
}

.columBox{
    display:block;
    overflow:hidden;
    padding:15px;
}

.columBox > .innerFreme > p{
    text-align: justify;
    text-justify: inter-ideograph;
}


/******************************************
*
ヘッダ
*
******************************************/
#header{
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
	

	#header .nav{
    margin:0px 0 0px;
}
	
	#header .logo > .outerFreme > a{
    margin:35px 15px 10px;
}

.logo {
    display: block;
    overflow: hidden;
    text-align:center;
		margin: 0 auto;

}

.logo > img{
    width:80%;
    height:auto;
    max-width:344px;
}
#header .logo img {
	width: 360px;
	height: auto;
	margin: 0 auto;
}	
	
#header .logo {
/*    padding:25px 0 25px;*/
}


#footer .logo {
    padding:10px 10px 25px;
}
	
	
/******************************************
*
ナビゲーション
*
******************************************/
.nav{
    display:block;
    overflow:hidden;
    text-align:center;
}

/*.nav ul{
    display:block;
    overflow:hidden;
    width:100%;
    max-width: 640px;
    margin:5px auto;
    border-top:1px solid #c3c3c3;
    border-bottom:1px solid #c3c3c3;
}

.nav ul > li{
    display:block;
    overflow:hidden;
    width:20%;
    text-align:center;
    float:left;
}

.nav ul > li > a{
    display:block;
    overflow:hidden;
    text-decoration:none;
    padding:1em 0;
    font-size:1.2rem;
    line-height:125%;
}

.nav ul > li > a > img{
    width:100%;
    height:auto;
    max-width:112px;
}*/


.nav table{
    width:100%;
    border-top:1px solid #cdcaca;
    border-bottom:1px solid #cdcaca;
    margin:5px 0;
}

.nav table td{
    width: 20%;
    vertical-align:middle;
    text-align:center;
}
.nav table td a{
    display:block;
    overflow:hidden;
    text-decoration:none;
    color:#acabab;
    padding:1em 0;
    font-size:1.2rem;
    line-height:125%;
}


.nav table td a.current{
    color:#595858;
}

.nav table td{
    border-left:1px solid #cdcaca;
}
.nav table td:first-child{
    border-left:none;
}

#header .nav{
    border-top:1px solid #918b8a;
}

#footer .nav{
    border-bottom:1px solid #918b8a;
}


/******************************************
*
フッタ
*
******************************************/

#footer{
    display:block;
    overflow:hidden;
    /*padding-bottom:10px;*/
}

#footer > .logo {
    display:block;
    overflow:hidden;
    text-align:center;
}

#ftNavi{
    display:block;
    overflow:hidden;
    background: #2d2e2d;
    padding: 0 0 0;
}

#ftNavi a{
    display:block;
    overflow:hidden;
}

#ftNavi img{
    width:100%;
    height:auto;
}
	
	#footer .nav{
    margin:0px 0 0px;
}


}

.pconly, .sponly {
  display: none;
}

/* PC表示用 */
@media screen and (min-width: 768px) {
  .pconly {
    display: block;
  }
}

/* SP表示用 */
@media screen and (max-width: 767px) {
  .sponly {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .innerFreme {
    width: 100%;
    max-width: 640px;
    padding: 15px;
  }
	
 img.read {
padding-top: 30px;
}
	
}

/******************************************
SP改行
******************************************/

	.spbr {
  display: none;
}
/* スマホだけ表示（改行） */
@media screen and (max-width: 768px) {
  .spbr {
    display: block;
  }
}


@media screen and (min-width: 768px) {
  #header .logo img {
    width: 500px;
  }
	#footer > .logo img {
	width: 500px;
    height: auto;
}
}