@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */progress,sub,sup{vertical-align:baseline}html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}button,hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[aria-controls],[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[aria-disabled],[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:ButtonText dotted 1px}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}img{border-style:none}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}


body {
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	background-color: #FAFAFA;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow:hidden;
}
html {
	font-size: 62.5%;
}
img {
	vertical-align: middle;
}
p {
	font-size: 1.7rem;
	line-height: 2em;
	color: #1F1F1F;
}
a {
	text-decoration: none;
	color: #3cb37a;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:hover {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.red {
	color: #e90019;
}
.blue {
	color:#0066b3;
}
.purple {
	color:#940080;
}
.brown {
	color:#a84400;
}
.green {
	color:#3dbe00;
}
.size1_2 {
	font-size: 1.2em;
}
*:focus {
  outline: none;
}

@media screen and (max-width: 961px) {
p {
	line-height: 1.7em;
}
}
@media screen and (max-width: 480px) {
p {
	font-size: 1.6rem;
}
.size1_2 {
	font-size: 1.8rem;
}
}

/*---------- spmenu ----------*/
@font-face {
font-family: 'Futura';
src: url('../webfont/Futura.woff')  format('woff');
}

@font-face {
font-family: 'Kazesawa-SemiB';
src: url('../webfont/Kazesawa-SemiB.eot') ;
src: url('../webfont/Kazesawa-SemiB.woff')  format('woff'),
      url('../webfont/Kazesawa-SemiB.ttf')  format('truetype');
font-weight: 500;
font-style: normal;   
}

#SpMenuBtn,
#SpMenu{
display: none;
}
@media screen and (max-width: 961px) {
#SpMenuBtn {
font-family: "Futura";
display: inherit;
position: fixed;
width: 100%;
height: 40px;
color: #fff;
text-align: center;
font-size: 2.3rem;
padding: 0px 0 0;
cursor: pointer;
z-index: 100;
background-image: url(../img/bg_spmenu.png);
background-repeat: repeat;
background-position: center top;
}

#SpMenuBtn .triangle-down {
width: 0;
height: 0;
margin: auto;
position: relative;
bottom: 2px;
border-left: 27px solid transparent;
border-right: 27px solid transparent;
border-top: 15px solid #3498db;
z-index: 100;
}
.triangle-down img {
position: relative;
bottom: 22px;
right: 8px;
}
#SpMenuBtn span{
display: block;
background-repeat: no-repeat;
background-position: 61% center;
background-image: url(../img/open.png);
background-size: 12px auto;
position: relative;
margin-right: 18px;
}
#SpMenuBtn span.open {
	background-repeat: no-repeat;
	background-position: 61% center;
	background-image: url(../img/close.png);
    background-size: 12px auto;
    margin-right: 18px;
}

#SpMenu {
    display: inherit;
    position: fixed;
    width: 100%;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s;
    background: rgba(0,67,128,0.9);
    cursor: pointer;
    margin-top: 40px;
    z-index: 90;
}
#SpMenu li {
font-family: "Kazesawa-SemiB";
border-bottom: 1px solid #dcdcdc;
	color: #fff;
	font-size:1.7rem;
    z-index: 90;
}
#SpMenu li a{
	display: block;
	color: #ffffff;
	padding: 10px 0;
	font-size:2.2rem;
}
#SpMenu li:nth-child(2),
#SpMenu li:nth-child(3),
#SpMenu li:nth-child(4){
background-color: rgba(84,146,139,0.60);
color: #fffb19;
}
#SpMenu li:nth-child(2) a,
#SpMenu li:nth-child(3) a,
#SpMenu li:nth-child(4) a{
    color: #fffb19;
}
#SpMenu li span{
	display: block;
	padding: 8px 0;
}
}

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

#SpMenuBtn {
font-family: "Futura";
display: inherit;
position: fixed;
width: 100%;
height: 34px;
color: #fff;
text-align: center;
font-size: 1.9rem;
padding: 3px 0 0;
cursor: pointer;
z-index: 100;
background-image: url(../img/bg_spmenu.png);
background-repeat: repeat;
background-position: center top;
}

#SpMenuBtn .triangle-down {
width: 0;
height: 0;
margin: auto;
position: relative;
bottom: 2px;
border-left: 27px solid transparent;
border-right: 27px solid transparent;
border-top: 15px solid #3498db;
z-index: 100;
}
.triangle-down img {
position: relative;
bottom: 22px;
right: 8px;
}
#SpMenuBtn span{
display: block;
background-repeat: no-repeat;
background-position: 61% center;
background-image: url(../img/open.png);
background-size: 12px auto;
position: relative;
margin-right: 18px;
}
#SpMenuBtn span.open {
	background-repeat: no-repeat;
	background-position: 61% center;
	background-image: url(../img/close.png);
    background-size: 12px auto;
    margin-right: 18px;
}

#SpMenu {
    display: inherit;
    position: fixed;
    width: 100%;
    font-size: 1.7rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s;
    background: rgba(0,67,128,0.9);
    cursor: pointer;
    margin-top: 34px;
    z-index: 90;
}
#SpMenu li {
font-family: "Kazesawa-SemiB";
border-bottom: 1px solid #dcdcdc;
	color: #fff;
	font-size:1.7rem;
}
#SpMenu li a{
	display: block;
	color: #ffffff;
	padding: 10px 0;
	font-size:1.7rem;
}
#SpMenu li:nth-child(2),
#SpMenu li:nth-child(3),
#SpMenu li:nth-child(4){
background-color: rgba(84,146,139,0.60);
color: #fffb19;
}
#SpMenu li:nth-child(2) a,
#SpMenu li:nth-child(3) a,
#SpMenu li:nth-child(4) a{
    color: #fffb19;
}
#SpMenu li span{
	display: block;
	padding: 8px 0;
}
}

.plate_sp {
display: none;
}

@media screen and (max-width: 961px) {
.plate_sp {
display: inherit;
text-align: center;
background-color: #00447F;
padding: 55px 0 15px;
}
.plate_sp img{
width: 40%;
}
}

@media screen and (max-width: 480px) {
.plate_sp {
display: inherit;
text-align: center;
background-color: #00447F;
padding: 45px 0 12px;
}
.plate_sp img{
width: 50%;
}
}


/*「続きを読む」*/
.accordion-box {
    position: relative;
}
.accordion-box label {
    height: 140px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 80%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 80%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 80%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 80%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 80%);
}
.accordion-box input:checked + label{
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after{
    content: "続きを読む"; /* ラベルの文字 */
    font-size: 1.8rem;
    line-height: 3.5rem;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #00447f;
    width: 18.75rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
/*
.accordion-box label:before{
    content: "↓";
    font-weight: 700;
    position: absolute;
    bottom: 24px;
    left: 59%;
    color: #fa7ca3;
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    background-color: #fff;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
*/
.accordion-box input{
    display: none;
}
.accordion-box .grad-item {
    overflow: hidden;
    height: 200px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.accordion-box input:checked + label{
    /* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:after {
    content: "閉じる";
}
/*
.accordion-box input:checked + label:before{
    content: "↑";
}
*/
.accordion-box input:checked ~ .grad-item{
    height: auto;
    padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
@media screen and (max-width: 480px) {
.accordion-box label:after{
font-size: 1.6rem;
}
}


#pankz {
	width: 75%;
	margin: 0 auto;
	font-size: 1.4rem;
	margin-bottom: 1em;
}
	@media screen and (max-width: 961px) {
		#pankz {display:none;}
	}
footer {
	text-align: center;
	background-color: #00447F;
	padding-bottom: 30px;
}
footer nav {
	background-color: #0090D8;
	padding: 30px 0;
	margin-bottom: 30px;
}
small {
	color: #fff;
    font-size: 1.3rem;
}
footer .create {
	display: block;
	margin-top: 1em;
	font-size: 1.2rem;
	color: #ECECEC;
}
footer .create a {
	color: #ECECEC;
}
.footerlogo {
width: 1000px;
margin: 0 auto 15px;
text-align: left;
}
.footerlogo img {
width: 120px;
}
.footernav {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: 1000px;
margin: 0 auto;
}
.footernav li {
list-style-type: none;
border-right: 1px solid #fff;
padding: 0px 25px 0;
}
.footernav li:last-child {
	border-right: none;
}
.footernav a{
display: block;
text-align: left;
margin: 0 0 20px;
color: #fff;
font-size: 1.4rem;
line-height: 1em;
}
.footernav li a:last-child{
margin-bottom: 0;
}
.footernav a:hover {
color: #ffff00;
}
.footersubnav {
display: flex;
justify-content: center;
width: 1000px;
margin: 0 auto 10px;
}
.footersubnav li {
list-style-type: none;
padding: 0 20px;
}
.footersubnav a{
display: block;
text-align: left;
color: #fff;
font-size: 1.3rem;
}
.footersubnav a:hover {
color: #ffff00;
}

@media screen and (max-width: 961px) {
footer {
	padding-bottom: 20px;
}
footer nav {
	padding: 15px 0;
	margin-bottom: 15px;
}
.footerlogo {
width: 100%;
margin: 0 auto ;
text-align: center;
}
.footerlogo img {
width: 150px;
}
.footernav, .footersubnav {display:none;}
}

@media screen and (max-width: 480px) {
footer {
	padding-bottom: 15px;
}
.footerlogo img {
width: 120px;
}
}

#gototop {
	position: fixed;
	bottom: 80px;
	right: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#gototop a {
	display: block;
}
#gototop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/*画面幅768px以下の設定*/
@media screen and (max-width: 961px) {
footer nav li{
	border-right: none;
	margin-right: 0em;
	display: block;
}
footer a {
	width: 90%;
	margin: 0 auto;
	display: block;
	text-align: center;
	margin-bottom: 0.8em;
}
footer .create a {
	display: inline;
}

#gototop {
	position: fixed;
	bottom: 5%;
	right: 0%;
	z-index: 10;
}
#gototop img {
	width: 65%;
}
}

@media screen and (max-width: 480px) {
footer img {
	width: 40%;
	height: auto;
}
}