html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    /*font: inherit;*/
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.page{margin:0; padding:0; font-family:"游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ",Helvetica, Arial, YuGothic,sans-serif;}
#contents{background:#f7f7f7;}
#sns-wrap .header{width:1000px; margin-left:auto; margin-right:auto;}
.s #sns-wrap .header{max-width:720px;width:100%;}
.logo{text-align:left;}
/*.s .logo{padding:0 10px;}*/
/*.s .logo img{width:50%;}*/
.txt-box{font-size:24px; line-height:1.5em; font-weight:500; background:#fff; padding:50px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.s .txt-box{width:100%;font-size:14px;padding:30px 15px;}
.btn-area{width:1000px;margin-left:auto; margin-right:auto; text-align:center; display: flex;}
.s .btn-area{max-width:720px;width:100%;}
/*a:hover{opacity:0.8;}*/
.close-btn a{background:#fff; font-size:40px; color:#d03133; border:3px solid #d03133; border-radius:40px; text-decoration:none; padding:7px 110px;}
.s .close-btn a{font-size:20px; color:#d03133; border:3px solid #d03133; border-radius:24px; text-decoration:none; padding:10px 80px;}
.close-btn a:hover{background:#d03133; color:#fff; opacity:1;}

.l #sns_area {padding-top:15px; overflow: visible;}
.s #sns_area {padding:5px 0 15px; overflow: visible;}
.l #sns_area .fb,.l #sns_area .twitter {width: 90px;height: 17px;}
.s #sns_area .fb,.s #sns_area .twitter {display:inline;}
.l #sns_area .fb {float: right;}
.s #sns_area .fb {padding-right:20px;}
.l #sns_area .twitter {padding-right:20px;float: left;}
.l #sns_area iframe {margin: 0 !important;}

.text_a{
	line-height:31px;
	color:#fff;
}

.sns_text{
	max-width: 1000px;
	text-align: left;
	margin: 0 auto;
	font-size: 2.2rem;
}

.sns_text p {
	width: 100%;
	margin: 20px auto;
	text-align: center;
	border: 1px solid #000;
	font-weight: bold;
	padding: 10px;
	font-size: 1.3rem;
}

.sns_text a {
	color: #225496;
	text-decoration: underline;
}

/* ==============================
各SNSベース
==============================　*/

.sns_caution {
	color: #ff0000;
	font-weight: bold;
	text-align: left;
	display: block;
	margin-left: 14px;
}

.sns_area {
	max-width: 980px;
	display: flex;
	text-align: center;
	margin: 0 auto;
	justify-content: space-between;
	padding-top: 20px;
}

/* フェイスブック */
.fb-area {
	background-color: #3b579d;
	text-align: center;
	overflow: hidden;
	width: 49%;
	display: flex;
	border: 3px solid #3b579d;
	border-radius: 6px;
}

.icon_bg {
	background-color: #fff;
	width: 20%;
	padding: 4%;
	display: flex;
	align-items: center;
}

.icon_bg img {
	width: 100%;
}

.main_contents {
	width: 80%;
}

.main_contents p {
	color: #fff;
	margin: 4%;
}

.btn_sns {
	background-color: rgba(255, 255, 255, 0.8);
	margin: 20px auto;
	padding: 20px;
	border-radius: 6px;
	color: #000;
	width: 55%;
}

/* X */
.x-area {
	background-color: #000;
	text-align: center;
	overflow: hidden;
	width: 49%;
	display: flex;
	border: 3px solid #000;
	border-radius: 6px;
}

/* youtube */
.youtube-area {
	background-color: #d03133;
	text-align: center;
	overflow: hidden;
	width: 49%;
	display: flex;
	border: 3px solid #d03133;
	border-radius: 6px;
	align-items: center;
}

.youtube-area .icon_bg {
	height: 100%;
}

/* instagram */
.ig-area {
	background-color: #7e42c5;
	text-align: center;
	overflow: hidden;
	width: 49%;
	display: flex;
	border: 3px solid #7e42c5;
	border-radius: 6px;
}

.acc_btn {
	background-color: rgba(255, 255, 255, 0.8);
	margin: 20px auto;
	padding: 20px;
	border-radius: 6px;
	color: #000;
	width: 55%;
}

.acc_box {
	display: none;
	background-color: rgba(255, 255, 255, 0.8);
	margin: 20px auto;
	padding: 20px;
	border-radius: 6px;
	color: #000;
	width: 55%;
}

.acc_btn:hover {
	cursor: pointer;
}

/*アコーディオン*/
.accordion {
	width: 90%;
	margin: 0 auto;
}

.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #000;
	background:#fff;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.acc_content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.acc_content p {
	color: #000;
}
.acc_content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .acc_content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
	background-color: #ddd;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

/* line */
.line-area {
	background-color: #00ae00;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: flex;
	border: 3px solid #00ae00;
	border-radius: 6px;
}

.line_icon_bg {
	background-color: #fff;
	width: 15%;
	padding: 4%;
	display: flex;
	align-items: center;
}

.line_contents {
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: 100%;
}

.line_contents p {
	color: #fff;
}

.btn_line {
	background-color: rgba(255, 255, 255, 0.8);
	margin: 20px;
	padding: 20px;
	border-radius: 6px;
	color: #000;
	width: 40%;
}

.btn_line img {
	margin-right: 20px;
}

.btn_line a{
	display: flex;
	align-items: center;
	justify-content: center;
}

.line_txt {
	width: 60%;
	margin: 20px;
}

.line_base {
	width: 100%;
	margin: 10px auto;
}

.under_line {
	border-bottom: 1px solid #fff;
	margin: 10px;
}


@media screen and (max-width:989px) {
.sns_area {
	max-width: 980px;
	display: block;
	text-align: center;
	margin: 0 auto;
	justify-content: space-between;
	padding-top: 0;
}

.sns_text p {
	width: 90%;
	margin: 20px auto;
	text-align: center;
	border: 1px solid #000;
	font-weight: bold;
	padding: 10px;
	font-size: 1.3rem;
}

.sns_caution {
	color: #ff0000;
	font-weight: bold;
	text-align: left;
	display: block;
	margin-left: 0;
}


/* フェイスブック */
.fb-area {
	background-color: #3b579d;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: flex;
	border: 3px solid #3b579d;
	border-radius: 6px;
	margin-top: 3%;
}

.icon_bg {
	background-color: #fff;
	width: 20%;
	padding: 4%;
	display: flex;
	align-items: center;
}

.icon_bg img {
	width: 100%;
}

.main_contents {
	width: 80%;
}

.main_contents p {
	color: #fff;
	margin: 4%;
}

.acc_content p {
	color: #000;
	line-height: 4rem;
}

.btn_sns {
	background-color: rgba(255, 255, 255, 0.8);
	margin: 20px auto;
	padding: 20px;
	border-radius: 6px;
	color: #000;
	width: 90%;
}

/* X */
.x-area {
	background-color: #000;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: flex;
	border: 3px solid #000;
	border-radius: 6px;
	margin-top: 3%;
}

/* youtube */
.youtube-area {
	background-color: #d03133;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: flex;
	border: 3px solid #d03133;
	border-radius: 6px;
	margin-top: 3%;
	align-items: unset;
}

.youtube-area .icon_bg {
	height: auto;
}


/* instagram */
.ig-area {
	background-color: #7e42c5;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: flex;
	border: 3px solid #7e42c5;
	border-radius: 6px;
	margin-top: 3%;
}

/* line */
.line-area {
	background-color: #00ae00;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: block;
	border: 3px solid #00ae00;
	border-radius: 6px;
	margin-top: 3%;
}

.line_icon_bg {
	background-color: #fff;
	width: 100%;
	padding: 4%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.line_contents {
	display: block;
	align-items: center;
	margin: 0 auto;
	width: 100%;
}

.line_icon_bg img {
	width: 14%;
}

#contents a {
	font-size: 2rem;
}

.btn_line {
	background-color: rgba(255, 255, 255, 0.8);
	margin: 20px auto;
	padding: 20px;
	border-radius: 6px;
	color: #000;
	width: 90%;
}

.btn_line img {
	margin-right: 20px;
}

.btn_line a{
	display: flex;
	align-items: center;
	justify-content: center;
}

.line_txt {
	width: 100%;
	margin: 10px auto;
}

.under_line {
	border-bottom: 1px solid #fff;
	margin: 30px 20px;
}
}


/*アコーディオン*/
.toggle,
.s-toggle {
	border-right: solid 2px #00ae00;
	border-left: solid 2px #00ae00;
	border-bottom: solid 2px #00ae00;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.s-toggle {
	width: 99.75%;
	border-radius: 0 0 5px 5px;
}

.toggle_btn,
.s-toggle_btn {
	width: 100%;
	background: none;
	border: none;
	color: #00ae00;
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
	border-radius: 5px;
	outline: none;
}
.s-toggle_btn {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8;
	background: #00a800;
	color: #fff;
	border-radius: 0 0 3px 3px;
	padding: 5px 15px 5px;
}

.toggle_cont,
.s-toggle_cont {
	display: inline-block;
	text-align: left;
	/*background: #def5de;*/
	padding: 20px 20px 0px 20px;
}
.toggle_cont_item,
.s-toggle_cont_item {
	margin-bottom: 30px;
}
.toggle_cont_item h2,
.s-toggle_cont_item h2 {
	padding-bottom: 10px;
	color: #00ae00;
	border-bottom: solid 1px #00ae00;
	font-size: 18px;
	font-weight: bold;
}
.toggle_cont_item ul,
.s-toggle_cont_item ul {

	font-size: 0;
}
.toggle_cont_item ul li,
.s-toggle_cont_item ul li {
	display: inline-block;
	font-size: 15px;
	margin: 10px 20px 10px 0;
}
.toggle_cont_item ul li a,
.s-toggle_cont_item ul li a {
	color: #000;
}