@charset "utf-8";


/* CSS Document */
body {
    color: #000;
    font:14px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: none;
	min-width: 1240px;
	width:100%;
}

img {
    border: 0;
    vertical-align: top;
}

/**
 * ANCHOR
 */
a,
.text-link {
    color: #000;
}
.mr a,
a.mr,
a:hover {
    text-decoration: none;
}
.mr a:hover,
a.mr:hover {
    text-decoration: underline;
}

/**
 * ALIGN
 */
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}

/**
 * FLOAT
 */
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear {
    clear: both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.contents-left {
	vertical-align: top;
	display: inline-block;
	float: left;
}

.contents-right {
	vertical-align: top;
	display: inline-block;
	float: right;
}

.contents-box {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font:14px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: none;
}

.contents-box p {
	font: 14px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../font-fira/eot/FiraSans-Hair.eot');
    src: url('../font-fira/eot/FiraSans-Hair.eot') format('embedded-opentype'),
         url('../font-fira/woff2/FiraSans-Hair.woff2') format('woff2'),
         url('../font-fira/woff/FiraSans-Hair.woff') format('woff'),
         url('../font-fira/ttf/FiraSans-Hair.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../font-fira/eot/FiraSans-Regular.eot');
    src: url('../font-fira/eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('../font-fira/woff2/FiraSans-Regular.woff2') format('woff2'),
         url('../font-fira/woff/FiraSans-Regular.woff') format('woff'),
         url('../font-fira/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

.wf-loading .wf {
    visibility: hidden;
}
.wf-active .wf {
    visibility: visible;
}
.wf-inactive .wf {
    visibility: visible;
}

/**
 * LAYOUT
 */
.block {
}
.layout {
    width: 100%;
    margin: 0 auto;
}

/**
 * HEADER
 */
header {
	height: 170px;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	background-color: rgba(255,255,255,0.7);
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000000;
}
    header h1 {
        float: right;

    }
    header nav {
    }
        header nav ul {
            float: left;
            overflow: hidden;
        }
            header nav li {
                float: left;
            }


header .nav-pc-head {
	width: 100%;
	padding-bottom: 5px;
}

header .nav-pc-head-box {
	width: 1240px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
    header .nav-pc-head-box h1 {
        text-align: center;
        height: 68px;
        width: 100%;
        padding-top: 35px;
        padding-left: 0px;
    }
    header .nav-pc-head .contents-left {
        vertical-align: top;
        display: inline-block;
        float: left;
        width: 240px;
        position: absolute;
        left: 0px;
        top: 80px;
        height: 40px;
    }
    header .nav-pc-head .contents-right {
        vertical-align: top;
        display: inline-block;
        float: right;
        width: 240px;
        position: absolute;
        right: 0px;
        top: 36px;
        height: 40px;
    }
        header .nav-pc-head .contents-right p {
            vertical-align: top;
            display: inline-block;
            float: right;
            margin-left: 15px;
            padding-top: 3px;
        }

header .nav-pc-head .contents-right p.btn-trigger {
	background-image: url(../img/head/menu.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0px;
	padding-bottom: 10px;
}


#panel-btn{
	display: inline-block;
	position: relative;
	width: 34px;
	height: 24px;
	padding-top: 0px;
}

#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 4px;
  margin: -2px 0 0 -17px;
  background: #000;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 34px;
  height: 4px;
  background: #000;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -10px;
}
#panel-btn-icon:after{
  margin-top: 6px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}


header .nav-pc-foot {
	display: block;
	text-align: center;
    min-width: 1240px;
	height: 35px;
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	background-color: rgba(255,255,255,0.7);
}
    header .nav-pc-foot ul {
        display: inline-block;
        float: none;
    }
        header .nav-pc-foot ul li {
            font-size: 12px;
            padding: 0 20px;
        }
            header .nav-pc-foot ul li a {
                color: #000;
                text-decoration: none;
            }
            header .nav-pc-foot ul li span {
                color: #000;
                text-decoration: none;
            }


/*title-box*/
.title-box {
	clear: both;
	width: 100%;
	text-align: center;
	background-color: #f9f9f9;
	padding-bottom: 30px;
	padding-top: 170px;
	background-repeat: no-repeat;
}

.title-box h2 {
	font-family: "Fira Sans";
	font-weight: 100;
	font-size: 40px;
	line-height: 1em;
	margin-bottom: 15px;
}

.title-box p {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	font-size: 14px;
	letter-spacing: 0.15em;
}

/*contents*/
#contents {
	clear: both;
	width: 100%;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b3b3b3;
}

/*pager*/

.pager  {
	width: 1000px;
	text-align: center;
	height: 38px;
	margin-bottom: 80px;
	text-align: center;
}

.pager ul {
    display: table;
    table-layout: fixed;
    margin: 0 auto;
}

.pager span {
	display: inline-block;
	vertical-align: top;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1em;
	height: 30px;
	padding-top: 8px;
	padding-right: 20px;
	padding-left: 20px;
}

.pager a {
	display: inline-block;
	vertical-align: top;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1em;
	height: 30px;
	padding-top: 8px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
}

.pager a:hover {
	opacity:0.5;
}

.pager span.prev, .pager a.prev {
	padding-top: 0px;
}

.pager a.prev:hover {
	opacity:0.5;
}

.pager span.next, .pager a.next {
	padding-top: 0px;
}

.pager a.next:hover {
	opacity:0.5;
}

.pager li {
    display: table-cell;
}

/*pager-btn*/

.pager-btn  {
	width: 1000px;
	text-align: right;
	margin-bottom: 80px;
}

.pager-btn span {
	display: inline-block;
}

.pager-btn a {
	display: inline-block;
	font-family: "kozuka-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1em;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	background-color: #000;
	color: #FFF;
	border: 1px solid #000;
}

.pager-btn a:hover {
	background-color:#FFF;
	color:#000;
}




/*btn-top*/

.btn-top  {
	text-align: right;
	position: fixed;
	right: 100px;
	bottom: 100px;
}



/**
 * FOOTER
 */
footer {
	background: #F2F2F2;
	padding-top: 25px;
	width: 100%;
}

footer .footer {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
}
    footer a {
        color: #7F7F7F;
    }


    footer .footer div.contents-left {
        width: 600px;
    }

	footer table {
        width: 600px;
    }
        footer table td {
            white-space: nowrap;
            padding-right: 1em;
        }
        footer table ul {
        }
            footer table li {
                line-height: 1.2;
                margin-bottom: 10px;
                padding-left: 1.2em;
				font-size: 12px;
            }
            footer table li.mt {
                margin-top: 15px;
            }
            footer table li:before {
                color: #7F7F7F;
                content: '○';
                display: inline-block;
                /display: inline;
                /zoom: 1;
                width: 1.2em;
                margin-left: -1.2em;
            }
            footer table li ul {
                margin-left: -1.2em;
            }
                footer table li li {
                    font-size: 11px;
                    margin: 7px 0 0 0;
                }
                footer table li li:before {
                    content: '・';
                }
            footer table li span {
                color: #7F7F7F;
            }
        footer table ul.member {
            margin-top: 32px;
        }
            footer table ul.member li:before {
                content: '・';
            }
    footer .contents-right {
        width: 290px;
		text-align:right;
    }

	footer .contents-right h6 {
    }

	footer .contents-right p {
	font-size: 12px;
	color: #000;
	padding-top: 10px;
    }

	footer .contents-right p span {
	display:inline-block;
	padding-top: 5px;
	font-size: 10px;
	color: #4d4d4d;
    }


    footer .copyright {
	margin-top: 35px;
	text-align: center;
	line-height: 45px;
	width: 100%;
	background-color:#FFF;
    }
        footer .copyright small {
            font-size: 10px;
            color: #000;
        }

/**
 * ARTICLE
 */
article {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 170px;
}



/*main-img*/

.main-img {
	text-align: center;
	background-color: #000;
	width: 100%;
}

.main-img img {
	width: 1400px;
	height:auto;
}


    ._headimage {
        overflow: hidden;
        position: relative;
        padding-top: 383px;
    }
    ._head-noimage {
        padding-top: 0;
    }
        ._headimage p {
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -623px;
        }
        ._headimage p img {
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            -ms-border-radius: 12px;
            -o-border-radius: 12px;
            border-radius: 12px;
        }
        ._headimage h1 {
            text-align: center;
            padding: 30px 0;
        }

    ._banner-block {
        background: #EF8F90;
        margin: 20px 0 0;
        padding: 35px 0;
    }
        ._banner-block li {
            width: 488px;
        }
            ._banner-block li p {
                float: left;
                padding-top: 45px;
                margin-right: 30px;
            }
    ._foot-banner-block {
        padding: 30px 0;
        text-align: center;
    }
        ._foot-banner-block ul {
            font-size: 0;
        }
            ._foot-banner-block li {
                margin: 0 10px;
                display: inline-block;
                /display: inline;
                /zoom: 1;
            }