@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//use.fontawesome.com/releases/v5.0.6/css/all.css);

/*
	font-family:"FontAwesome";
	font-family:"Font Awesome 5 Free";
*/


/*========================================
 Base
========================================*/
html {font-size:62.5%;}
body {font-size:1.2rem;}

ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}
#contentsWrap a{
	color:#000;
	text-decoration:none;
}
#contentsWrap a:hover {color:#56c2ea;}
.ColorGray {color:#9a9898 !important;}


/* PC */
@media screen and (min-width: 641px) {
.spOnly {display:none;}
li{
	margin-bottom:6px;
	line-height:1.6;
	text-align:left;
}
div#contentsBox ul {padding-left:0;}

#containers{
	font-family:Meiryo, "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	background:url("../images/bg.jpg") center top;
	padding:30px 0;
}

/* ベース */
#contentsWrap{
	background:#fff;
	width:1080px;
	margin:0 auto;
	color:#262626;
}


/* header */
header{
	position:relative;
	background:#c3e5f2;
	width:100%;
	height:113px;
	padding:10px 30px;
	font-weight:bold;
	box-sizing:border-box;
	z-index:100;
}
header #logo{
	display:inline-block;
	width:176px;
	height:91px;
}
header #navWrap{
	display:inline-block;
	width:840px;
	margin-top:14px;
	vertical-align:top;
}
.globalnav-wrap{
	display:flex;
	justify-content:space-between;
	font-size:16px;
	color:#000;
}
/*.nav-button-wrap {display:none;}*/
.globalnav .dropdown-btn{
	position:relative;
	display:table-cell;
	width:168px;
	padding:6px 0;
	font-size:16px;
	cursor:pointer;
}
.globalnav li{
	margin:0;
	padding:0 10px;
	text-align:center;
	vertical-align:middle;
	line-height:1.4;
	border-right:1px solid #000;
}
.globalnav li:last-of-type {border:none;}
.globalnav .dropdown{
	/*display:none;*/
	position:absolute;
	left:0;
	top:60px;
	background:#462b19;
	width:auto;
	padding:0 50px;
	font-size:15px;
	z-index:1000;
	white-space:nowrap;
}
.globalnav .dropdown li{
	display:inline-block;
	margin:10px 0;
	padding:6px 1em;
	border-right:1px solid #fff;
}
.globalnav .dropdown li:last-of-type {border:none;}
.globalnav .dropdown li a {color:#fff !important;}
.globalnav .dropdown li a:hover {color:#c3e5f2 !important;}
.globalnav .nav-button-wrap, .globalnav .open, .globalnav .close {display:block;}


/*  */
.accordion_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    max-width:840px;
    margin:0 auto;
}
.accordion_area .accordion_one._flex {
    width:168px;
}
.accordion_one .accordion_header {
    position:relative;
	display:table-cell;
	width:168px;
	height:56px;
    font-size:16px;
    font-weight:bold;
    color:#000;
    text-align:center;
	vertical-align:middle;
	line-height:1.4;
	border-right:1px solid #000;
	box-sizing:border-box;
    z-index:+1;
    transition-duration:0.2s;
}
.accordion_one .accordion_header a{
	display:table-cell;
	width:168px;
	height:56px;
	color:#000;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
}
.accordion_one .accordion_header_one {
    position:relative;
	background:#462b19;
    padding:14px 0;
    font-size:12px;
    font-weight:bold;
    text-align:center;
	line-height:1.4;
    border-bottom:1px solid #000;
    z-index:+1;
    cursor:pointer;
}
.accordion_one .accordion_header_one a{
	color:#fff !important;
	text-decoration:none;
}

.accordion_one .accordion_header:hover {opacity:0.8;}
.accordion_one .accordion_header .i_box {
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:50%;
    right:5%;
    width:40px;
    height:40px;
    margin-top:-20px;
    box-sizing:border-box;
    transform:rotate(45deg);
    transform-origin:center center;
    transition-duration:0.2s;
}
.accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.accordion_one .accordion_header.open .i_box {transform:rotate(-360deg);}
.accordion_one .accordion_header .i_box .one_i:before, .accordion_one .accordion_header .i_box .one_i:after {
    display:flex;
    content:'';
    background:#000;
    border-radius:10px;
    width:13px;
    height:3px;
    position:absolute;
    top:0;
    left:2px;
    transform:rotate(0deg);
    transform-origin:center center;
}
.accordion_one .accordion_header .i_box .one_i:before{
    width:3px;
    height:14px;
    top:-5px;
    left:7px;
}
.accordion_one .accordion_header.open .i_box .one_i:before {content:none;}
.accordion_one .accordion_header.open .i_box .one_i:after{
	left:9px;
	transform: rotate(-45deg);
}
.accordion_one .accordion_inner{
    display:none;
    padding:0;
    box-sizing:border-box;
}
.accordion_one .accordion_inner .box_one {height:300px;}
.accordion_one .accordion_inner p.txt_a_ac {margin:0;}


/* 内容 */
#contentsBox{
	overflow:hidden;
	width:1020px;
	margin:0 auto;
	padding:30px 0 50px;
}
#leftBox{
	width:693px;
    margin:0 auto;
}
#contentsBox #prBox{
	background:#462b19;
	margin:10px 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;

}
#contentsBox #prBox #prTit{
	background:#c3e5f2;
	width:500px;
	margin:0 auto 10px;
	padding:4px 0;
	font-size:24px;
	font-weight:bold;
	color:#462b19;
}
#contentsBox #prBox #prBnrWrap {overflow:hidden;}
#contentsBox #prBox #prBnrWrap div{
	float:left;
	width:calc(100% / 2 - 16px);
	margin:0 8px;
}
#contentsBox #prBox #prBnrWrap div img {width:100%;}

#rightBox{
	float:left;
	width:293px;
	margin-left:30px;
	padding:8px;
	border:3px solid #56c2ea;
	border-radius:8px;
	box-sizing:border-box;
	box-shadow:3px 3px 0 #7b7473;
}
#rightBox #infoTxtBox{
	overflow-y:scroll;
	height:478px;
}
#rightBox #infoTit{
	background:#e95655;
	margin-bottom:10px;
	padding:6px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
}
#rightBox .infoSubtit{
	margin-bottom:4px;
	font-size:16px;
	font-weight:bold;
}
#rightBox .infoTxt{
	margin-bottom:6px;
	padding-bottom:6px;
	font-size:14px;
	line-height:1.4;
	border-bottom:4px solid #56c2ea;
}
#rightBox .infoTxt:last-of-type{
	margin-bottom:0;
	padding-bottom:12px;
	border-bottom:none;
}


/* Line */
.Line{
	width:1040px;
	margin:0 auto 50px;
	text-align:center;
}


/* バナー枠 */
ul#bnrWrap{
	overflow:hidden;
	width:1040px;
	margin:0 auto 50px;
}
ul#bnrWrap li{
	float:left;
	width:calc(100% / 3 - 20px);
	margin:10px;
}
ul#bnrWrap li img {width:100%;}


/* Twitter */
#widget{
	overflow:hidden;
	position:relative;
	width:900px;
	height:350px;
	margin:0 auto 60px;
	padding:20px;
	color:#000;
	border:3px solid #56c2ea;
	border-radius:8px;
	box-sizing:border-box;
	box-shadow:3px 3px 0 #7b7473;
}
    
#widget .twTit{
	display:block;
	background:#c3e5f2;
	width:854px;
	margin:0 auto;
	padding:12px 20px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	box-sizing:border-box;
}
#followBtn{
	position:absolute;
	right:24px;
	top:24px;
	background:#a5ca50;
	width:16%;
	text-align:right;
}
#followBtn a{
	display:inline-block;
	width:100%;
	padding:10px 8px;
	font-size:16px;
	color:#fff;
	line-height:1;
	box-sizing:border-box;
}
#followBtn a:hover {color:#c3e5f2;}
.twitter-timeline{
	min-height:260px !important;
	height:260px !important;
	max-height:260px !important;
}
.twiTxt{
	overflow-y:scroll;
	height:260px;
}
/*.timeline-Widget .SandboxRoot .env-bp-970 .timeline-Tweet-text {
    font-size: 14px !important;
    line-height: 1.4 !important;
}
.SandboxRoot.env-bp-970 .timeline-Tweet-text{
    font-size: 14px !important;
    line-height: 1.4 !important;
}*/


/* YouTube */
#YouTube{
    margin-bottom:60px;
    text-align:center;
}


/* footer */
footer .copyright{
	padding-bottom:50px;
	font-size:14px;
	text-align:center;
}
}




/* スマホ */
@media screen and (max-width: 640px) {
.pcOnly {display:none;}
#containers{
	font-family:Meiryo, "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	background:url("../images/bg.jpg") center top;
	padding:14px 0;
}

/* ベース */
#contentsWrap{
	background:#fff;
	width:94%;
	margin:0 auto;
	color:#262626;
}


/* header */
header{
	overflow:hidden;
	background:#59badd;
	width:100%;
	padding:0;
	font-weight:bold;
	box-sizing:border-box;
}
header #logo{
	display:none;
	/*width:176px;
	height:91px;
	margin:0 auto;*/
}
header #navWrap{
	overflow:hidden;
	display:inline-block;
	width:840px;
	margin-top:14px;
	vertical-align:top;
}
.globalnav-wrap{
	display:flex;
	justify-content:space-between;
	font-size:16px;
	color:#fff;
}
.nav-button-wrap{
	display:block;
	position:absolute;
	right:0;
	top:36px;
	height:53px;
	padding:15px;
	cursor:pointer;
	z-index:1000;
}
.globalnav, .globalnav .close {display:none;}
/*.globalnav .nav-button-wrap, .globalnav .open {display:block;}*/
.globalnav-wrap.open .globalnav{
    display:block;
    position:fixed;
    left:0;
    top:0;
    background:rgba(0, 0, 0, 0.9);
    width:100%;
    height:100%;
    padding:40px 20px 0;
	color:#000;
    overflow-x:hidden;
    overflow-y:auto;
}
.accordion_area{
	display:block;
	background:#c3e5f2;
	width:90%;
	padding:6px 1em;
	line-height:1.4;
	box-sizing:border-box;
}
.accordion_header:before {content:"■";}
/*.globalnav-wrap.open .globalnav li:hover {background:transparent;}*/
.accordion_one{
	display:block;
	position:static;
	background:transparent;
	padding:8px 0;
}
.accordion_header_one {padding-bottom:4px;}
.accordion_header_one::before {content:"・";}
.nav-button, .nav-button span{
	display:inline-block;
	margin-bottom:2px;
	/*padding:0 0 4px 1em;*/
	transition:all 0.3s;
}
.nav-button{
	position:relative;
	width:25px;
	height:29px;
	z-index:20;
}
.nav-button span{
	position:absolute;
	right:6px;
	background:#fff;
	width:100%;
	height:3px;
	border-radius:4px;
}
.nav-button span:nth-of-type(1) {top:10px;}
.nav-button span:nth-of-type(2) {top:18px;}
.nav-button span:nth-of-type(3) {bottom:0;}
.active .nav-button span:nth-of-type(1) {transform:translateY(10px) rotate(-45deg);}
.active .nav-button span:nth-of-type(2) {opacity:0;}
.active .nav-button span:nth-of-type(3) {transform:translateY(-6px) rotate(45deg);}



/* 内容 */
#contentsBox{
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0 0 50px;
}
#contentsBox h1 img {width:100%;}
#leftBox {width:100%;}
#leftBox img{
	width:100%;
	vertical-align:bottom;
}
#leftBox ul{
	background:#abc71a;
	padding:1em;
}
#leftBox li{
	margin-bottom:4px;
	font-size:1.4rem;
	font-weight:bold;
	color:#452914;
	line-height:1.4;
}
#contentsBox #prBox{
	background:#462b19;
	width:90%;
	margin:20px auto;
	padding:10px 10px 0;
	text-align:center;
	box-sizing:border-box;

}
#contentsBox #prBox #prTit{
	background:#c3e5f2;
	width:90%;
	margin:0 auto 10px;
	padding:4px 0;
	font-size:18px;
	font-weight:bold;
	color:#462b19;
}
#contentsBox #prBox ul {overflow:hidden;}
#contentsBox #prBox li {margin-bottom:10px;}
#contentsBox #prBox li img {width:100%;}

#rightBox{
	width:90%;
	margin:0 auto;
	padding:8px;
	border:3px solid #56c2ea;
	border-radius:8px;
	box-sizing:border-box;
	box-shadow:3px 3px 0 #7b7473;
}
#rightBox #infoTxtBox{
	overflow-y:scroll;
	max-height:256px;
}
#rightBox #infoTit{
	background:#e95655;
	margin-bottom:10px;
	padding:6px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
}
#rightBox .infoSubtit{
	margin-bottom:4px;
	font-size:16px;
	font-weight:bold;
}
#rightBox .infoTxt{
	margin-bottom:6px;
	padding-bottom:6px;
	font-size:14px;
	border-bottom:4px solid #56c2ea;
}
#rightBox .infoTxt:last-of-type{
	margin-bottom:0;
	padding-bottom:12px;
	border-bottom:none;
}
#prBnrWrap {padding-bottom:1px;}
#prBnrWrap div {margin-bottom:8px;}


/* Line */
.Line{
	width:90%;
	margin:0 auto 50px;
	text-align:center;
}
.Line img {width:100%;}


/* バナー枠 */
ul#bnrWrap{
	overflow:hidden;
	width:90%;
	margin:0 auto 50px;
}
ul#bnrWrap li{
	margin-bottom:16px;
	list-style:none;
}
ul#bnrWrap li img {width:100%;}


/* Twitter */
#widget{
	overflow:hidden;
	position:relative;
	width:90%;
	height:350px;
	margin:0 auto 60px;
	padding:20px;
	color:#000;
	border:3px solid #56c2ea;
	border-radius:8px;
	box-sizing:border-box;
	box-shadow:3px 3px 0 #7b7473;
}
    
#widget .twTit{
	display:block;
	background:#c3e5f2;
	width:100%;
	margin:0 auto;
	padding:12px 20px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	box-sizing:border-box;
}
#followBtn{
	position:absolute;
	right:24px;
	top:24px;
	background:#a5ca50;
	width:auto;
	text-align:right;
}
#followBtn a{
	display:inline-block;
	width:100%;
	padding:10px 8px;
	font-size:16px;
	color:#fff;
	line-height:1;
	box-sizing:border-box;
}
#followBtn a:hover {color:#c3e5f2;}
.twitter-timeline{
	min-height:260px !important;
	height:260px !important;
	max-height:260px !important;
}
.twiTxt{
	overflow-y:scroll;
	height:260px;
}
/*.timeline-Widget .SandboxRoot .env-bp-970 .timeline-Tweet-text {
    font-size: 14px !important;
    line-height: 1.4 !important;
}
.SandboxRoot.env-bp-970 .timeline-Tweet-text{
    font-size: 14px !important;
    line-height: 1.4 !important;
}*/


/* YouTube */
#YouTube{
    margin-bottom:60px;
    text-align:center;
}
#YouTube iframe{
    width:96%;
    height:212px;
    margin:0 auto;
}

/* footer */
footer .copyright{
	padding-bottom:50px;
	font-size:14px;
	text-align:center;
}














}