@charset "utf-8";

/* ALL
---------------------------------------------------------------------------*/
/*body {color: #333;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; -webkit-text-size-adjust: 100%;}*/
body {color: #333; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto; -webkit-text-size-adjust: 100%; position: relative;}

#wrapper{}
.inner{ max-width:980px; margin:0 auto; padding:20px 10px 40px;}
.pad{padding:10px;}
p{margin-bottom:1em;}

/* LINK-STYLE
---------------------------------------------------------------------------*/
a:link{color: #0099FF;text-decoration: underline;}
a:visited{color: #0099CC;text-decoration: underline;}
a:hover{ color:#663399; text-decoration:underline;}
a:active{color:#663399;text-decoration: underline;}

/* HEADER
---------------------------------------------------------------------------*/
header{}
header .inner{ margin:0 auto; max-width:980px; position:relative; padding:0;}
header #logo{ float:left; padding:10px 0;}
header #logo img{ height: 40px;}

@media screen and (max-width: 900px) {
	header #logo{ float:none; text-align: center; margin:18px 0 18px 0; }
}

#nav-drawer{ display:none;}

.drawer__title {background: #e50012;color:#fff;position: relative;padding: 7px 15px;font-size: 22px;font-weight: 700;text-align: center;letter-spacing: 2px;}
.close {color: #fff;display: inline-block !important;padding: 10px 3px;display: none;position: absolute;z-index: 999999; top: 0; left: 10px; cursor: pointer;}
.close span {background: #fff; margin: 0 20px 0 7px; display: inline-block; position: relative; width: 3px; height: 30px; padding: 0; transition: .3s ease-in-out; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.close span::before { display: block; position: absolute; top: 50%;left: -13px; width: 30px; height: 3px; margin-top: -2px; background: #fff; content: "";}

@media screen and (max-width: 900px) {
	header{ display: none;}
	#nav-drawer{ display: block; position: fixed; width: 100%; z-index: 1000; background:#fff; border-bottom: 1px #999 solid;}
	#nav-drawer .logo{height: 24px; margin: 18px 10px;}
	#nav-open{ float: right;}
}

header nav{ background: #333; padding: 10px 0;}
header nav ul{  margin:0 auto; font-weight:600; display:table; table-layout:fixed;width: 100%;}
header nav ul li{display:table-cell; font-size:1.4rem; text-align: center; border-left:1px #fff solid;}
header nav ul li:last-child{ border-right:1px #fff solid; }
header nav ul li:last-child:after{ content:none;}
header nav ul li.navi-front{ display: none;}

header nav ul:after{ content:none;}

header nav a,
header nav a:link,
header nav a:visited,
header nav a:hover,
header nav a:active{color:#fff; text-decoration:none; display: block; padding:0 10px; font-weight: 600;}

@media screen and (max-width: 900px) {
	header nav{ float:none; border-top:1px #3c3232 solid}
	header nav ul {width: 100%;}
	header nav ul li{  width: 25%;}
	header nav ul li:first-child{border-left:none; }
	header nav ul li:last-child{border-right:none; }
}

#sub-navi{border-top:#3c3232 1px solid;}
#sub-navi ul.sub-navi{ text-align: center;}
#sub-navi ul.sub-navi li{ display: inline-block; font-size:1.3rem; text-align: center; padding: 10px; font-weight: 600;}

#sub-navi ul.sub-navi a:before{font-family: "Font Awesome 5 Free"; margin-right: 0.3em; content: "\f0a9";text-decoration:none; font-weight: 900;}

#sub-navi ul.sub-navi a,
#sub-navi ul.sub-navi a:link,
#sub-navi ul.sub-navi a:visited,
#sub-navi ul.sub-navi a:active{color:#3c3232;color:#fff;text-decoration:none;}

#sub-navi ul.sub-navi a:hover{ color:#696565; text-decoration:none;}

#sub-navi ul.sns{ position: absolute; top:8px; right:10px;}
#sub-navi ul.sns li{ float: left; text-align: center; margin-left: 5px;}
#sub-navi ul.sns a{ border-radius: 4px; background:#3c3232;background:#fff; color:#fff; color:#af1c35;text-decoration:none;display: block; width:24px; line-height: 24px; font-size: 14px;}
#sub-navi ul.sns a:link,
#sub-navi ul.sns a:visited,
#sub-navi ul.sns a:hover,
#sub-navi ul.sns a:active{color:#fff; color:#af1c35;text-decoration:none;}

.head-navi{ background:#3c3232; padding:0 10px; font-weight:600; font-size: 1.2rem; color: #fff;}
.head-navi .inner{padding: 0;}
.head-navi p{ float: left; margin:0; padding: 0 0; line-height:24px;}
.head-navi ul{ float:right; font-size: 1.6rem;}
.head-navi ul li{  float:left; margin-left:15px; color:#FFF;}

.head-navi a{color:#fff;text-decoration:none; text-align:center; display: block; padding: 1px 0;}
.head-navi a:link{color:#fff;text-decoration:none;}
.head-navi a:visited{color:#fff;text-decoration:none;}
.head-navi a:hover{ color:#ccc; text-decoration:none;}
.head-navi a:active{color:#fff;text-decoration:none;}

.head-navi>div>ul>li>#langBox dt:hover{ color:#ccc;}

.head-navi>div>ul>li>a:before,
.head-navi>div>ul>li>#langBox dt:before
{ font-family: FontAwesome; margin-right: 0.3em; content: "\f0da";}

.head-navi>div>ul>li.tw,
.head-navi>div>ul>li.insta{ margin: 0;}
.head-navi>div>ul>li.fb a,
.head-navi>div>ul>li.tw a,
.head-navi>div>ul>li.insta a{ display: block; width:30px;}
.head-navi>div>ul>li.fb a:before,
.head-navi>div>ul>li.tw a:before,
.head-navi>div>ul>li.insta a:before{margin-right: 0; content:"";}

#langBox{ display: none;}
@media screen and (max-width: 900px) {
	#langBox{ display: block; position:relative; float: right;}
	#langBox dt.langBtn {background: #999;color:#fff;display: block;cursor: pointer;width: 60px;height: 60px;}
	#langBox dt.langBtn span:nth-of-type(1){position: absolute;top: 5px; font-size: 24px; text-align: center; width: 60px;}
	#langBox dt.langBtn span:nth-of-type(2){position: absolute;top: 40px; font-weight:600; font-size:8px; text-align: center; width: 60px;}
	#langBox dd.lang_open {background: #fff; display: none; height: auto;width: 80px;position: absolute;}
	#langBox dd.lang_open a {display: block; background:#999; color: #fff; font-size: 12px; padding: 10px 0; text-align: center; border-top: 1px solid #666; box-sizing: border-box; width: 100%; }
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

#nav-open{ width: 60px; height: 60px; position: relative; background: #e50012;}
#nav-open span:nth-of-type(1),
#nav-open span:nth-of-type(2),
#nav-open span:nth-of-type(3){
    top: 13px;
    left: 13px;
    width: 34px;
    background: #fff;
	position: absolute;
	height: 2px;
	border-radius: 4px;
}
#nav-open span:nth-of-type(2){top: 21px;}
#nav-open span:nth-of-type(3){top: 29px;}
#nav-open span:nth-of-type(4){ color: #fff; position: absolute;top: 35px; font-weight:600; font-size: 10px; text-align: center; width: 60px;}

/*
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #BF495D;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}
*/

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  right: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左に隠しておく*/
	background: #3c3232;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


#nav-content ul.main-navi{ margin-bottom: 20px;}
#nav-content ul.main-navi li span{ display: block; padding: 15px 10px;color:#fff;text-decoration:none;}

#nav-content ul.main-navi li{ border-bottom: 1px #666 solid;}
#nav-content ul.main-navi li a{ display: block; padding: 15px 10px;color:#fff;text-decoration:none; border-left:10px solid #faf8f6; border-left:10px solid #444;}
#nav-content ul.main-navi li a:link{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:visited{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:hover{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:active{color:#fff;text-decoration:none;}

#nav-content ul.main-navi li.kingyo a,
#nav-content ul.main-navi li.ninja a,
#nav-content ul.main-navi li.ennichi a,
#nav-content ul.main-navi li.mina-ra-park a{ border-left:10px solid #af1c35;}

#nav-content .sns{position: relative;  overflow: hidden; font-size:20px; margin:0 0 20px; text-align: center;}
#nav-content .sns ul{position: relative;left: 50%;float: left;}
#nav-content .sns ul li{position: relative;left: -50%; float: left; list-style: none; margin:0 10px;}
#nav-content .sns ul li a{ display: inline-block; background:#FFF; border-radius:10px; width:40px; height:40px; line-height:40px; color: #3c3232;}



#lang-box-sp{ margin: 20px 20%; text-align: center;}
.lang-btn-sp{ color: #3c3232; font-weight: 400; background:#af1c35; margin-bottom:4%}
.lang-open-sp{}
.lang-open-sp ul{}
.lang-open-sp ul li{ width: 48%; float: left; margin-bottom:4%;}
.lang-open-sp ul li:nth-child(2n){ width: 48%; float:right;}
.lang-open-sp ul li:nth-child(2n+1){ clear: both;}
.lang-open-sp ul li:nth-child(5){ float:none; margin: 0 auto;}

.lang-open-sp ul li a{display: block; padding: 5px;}
.lang-open-sp ul li a:link{color:#333;text-decoration:none; background: #fff;}
.lang-open-sp ul li a:visited{color:#333;text-decoration:none; background: #fff;}
.lang-open-sp ul li a:hover{color:#333;text-decoration:none; background: #fff;}
.lang-open-sp ul li a:active{color:#333;text-decoration:none; background: #fff;}


#warning{ margin:10px auto 0; max-width:980px; }
.warning{border:2px #f00 solid; margin-bottom:10px; color: #f00; text-align: center; font-weight:600; padding: 10px;}

@media screen and (max-width: 768px) {
	#warning{ margin:10px 10px 0; }
	.warning{text-align:left;}
}

/* CONTENTS
---------------------------------------------------------------------------*/
#container{ margin: 0 auto; max-width: 980px; padding-left:10px; padding-right:10px; padding-bottom:30px;}
#contents{}

main{ float:left; width : -webkit-calc(100% - 320px) ; width : calc(100% - 320px);}

@media screen and (max-width: 768px) {
	main{ float:none;width:100%;}
}

#side{ float:right;width: 300px;}
#side .sideTitle{background:#22bea6; padding: 10px; color: #fff; font-weight: 600;}
#side .sideBox{padding: 10px 10px 20px;}

@media screen and (max-width: 768px) {
	#side{ float:none;width:100%;}
	
}

#breadcrumb{font-size:1.2rem; background:#faf8f6; color:#333; margin-bottom: 30px;}
#breadcrumb ul{padding:5px 5px 5px; max-width: 980px; margin: 0 auto;}
#breadcrumb ul li {display:inline; list-style-type: none;}
#breadcrumb ul li:after {content:" > ";display:inline;}
#breadcrumb ul li:last-child:after{content: none;}
#breadcrumb ul li a{ color:#666; text-decoration:underline;}
#breadcrumb ul li a:hover{ text-decoration:none;}
@media screen and (max-width: 900px) {
	#breadcrumb{padding-top:61px;}
}



main h1{font-weight: 600; font-size: 2.8rem; margin: 0 0 18px; font-family: sans-serif; color: #333;border-bottom: 1px #ccc solid; padding-bottom: 4px;}

main h2{background: #22bea6; font-weight: 600; padding:15px 15px; font-size: 2.4rem; border-radius: 4px; color: #fff; margin:40px 0 20px;}

main h3{background: #f3f3f3; font-weight: 600; padding:10px 15px; font-size: 2.0rem; border-radius: 4px; color: #333; margin:40px 0 20px;}

main h4{ padding:10px 15px; font-weight: 600;  margin:40px 0 20px; border-bottom:2px #333 solid; font-size: 1.8rem;}


.oshirase{ border:1px #900 solid; text-align:center; padding:10px; color:#900; font-weight:600; font-size:1.4rem;}

.btn{ margin-top:20px; margin-bottom:60px;}
.btn a{}
.btn a{
	width:80%;
	margin:0 auto;
    display:block;
	text-align:center;
    padding:15px 10px;
    text-decoration: none;
    background:#D60000;/*ボタン色*/
    color: #fff !important;
	text-decoration:none !important;
	font-weight:600;
    border-bottom: solid 4px #770000;
    border-radius: 4px;
}
.btn a:hover {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	margin-bottom:4px;
}



/* 前の記事・次の記事
---------------------------------------------------------------------------*/
.prev-next-link-tmb {display: flex; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; margin:20px 0 40px;}
.prev-next-link-tmb a {flex: 1; display: block; text-decoration: none;color: #333; position: relative; font-size: 1.4rem;border-left: 20px #ccc solid; padding: 5px 20px 10px;}
.prev-next-link-tmb a:before {font-family: "Font Awesome 5 Free";content: '\f0d9';font-weight: 900;position: absolute;top: calc(50% - 9px);left:-13px;font-size:18px;line-height: 1;}
.prev-next-link-tmb a:hover {background-color: #f6f6f6;}
.prev-next-link-tmb a .prev-next-label {font-size:1.2rem;margin-bottom: 5px; color: #777;}
.prev-next-link-tmb a .thumb-wrap {}
.prev-next-link-tmb a .thumb-wrap .title{}
.prev-next-link-tmb a .thumb-wrap .tmb { float: left; width: 80px; padding-right:10px;}
.prev-next-link-tmb a .thumb-wrap .tmb img{}

.prev-next-link-tmb a.next-link {text-align: right;border-left: 1px #ccc solid;border-right: 20px #ccc solid;}
.prev-next-link-tmb a.next-link:before {left:inherit; right:-13px;content: '\f0da';}
.prev-next-link-tmb a.next-link .thumb-wrap {}
.prev-next-link-tmb a.next-link .thumb-wrap .title{}
.prev-next-link-tmb a.next-link .thumb-wrap .tmb { float: right; padding-right:0; padding-left:10px;}

.prev-next-link-tmb span{flex: 1; background:#f3f3f3;flex: 1; display: block;padding: 5px 30px 10px;}

@media screen and (max-width: 768px) {
	.prev-next-link-tmb {flex-flow: column nowrap;border-left: 1px #ccc solid; border-right: 1px #ccc solid;}
	.prev-next-link-tmb a.next-link {border-top: 1px #ccc solid;border-left:0;}
	.prev-next-link-tmb span{ display: none;}
}

/* テキストのみに変更 */
/*
.prev-next-link-tmb a .thumb-wrap .title {min-height: 3.2em;}
.prev-next-link-tmb a .thumb-wrap .tmb {display: none;}
*/




/* LIST
---------------------------------------------------------------------------*/
.list-box-card{display: inline-flex; flex-wrap: wrap;justify-content:left;margin: 0 -8px;margin-bottom: 15px;}
.list-box-card article{width: calc(50% - 16px); margin:8px; border:1px #ccc solid; background: #fff;position: relative;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 1px 8px rgba(0,0,0,0.1);
transition: box-shadow .1s ease-in;
	
}
.list-box-card article:hover{box-shadow: 0 rgba(0,0,0,0);}


.list-box-card article a:hover img {opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
.list-box-card article .list-box-tmb{overflow: hidden;}
.list-box-card article .list-box-tmb img {
  width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.list-box-card article a:hover .list-box-tmb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.list-box-card article .list-box-cate{ position: absolute; top: 0; left:0; background: #000; font-size:12px; font-weight: 600; padding:5px;}
.list-box-card article .list-box-cate a{ color: #fff; text-decoration: none;}
.list-box-card article .list-box-data{ padding:10px;}
.list-box-card article .list-box-data .list-box-date{ color: #666; font-size: 12px; margin-bottom:2px;}
.list-box-card article .list-box-data .list-box-title{font-weight: 600; font-size:1.6rem;}
.list-box-card article .list-box-data .list-box-title a{ text-decoration: none; color: #333;overflow-wrap: break-word;}

.list-box-tag{}
.list-box-tag:before{font-family: "Font Awesome 5 Free"; content: "\f02b"; font-weight:700;line-height: 1;font-size: 1.2rem; }
.list-box-tag a{font-size: 1.2rem; text-decoration: none;line-height: 1; color: #777;}
.list-box-tag a:hover{ text-decoration: underline;}

@media screen and (max-width: 768px) {
	.list-box-card article{width: calc(100% - 16px); }
}

.list-box-ranking article::before{
    position: absolute;
    top: 0;
    left: 0;
    content: counter(ranking-mark, decimal);
    counter-increment: ranking-mark;
    background: 
#FF8200;
line-height: 40px;
width: 40px;
text-align: center;
font-size: 1.6rem;
color:
    #FFF;
    font-weight: 600;
    z-index: 999;
}



.wp-pagenavi {position: relative;left: 50%;float: left;}
.wp-pagenavi a,
.wp-pagenavi span{margin: 0 5px; position: relative; left: -50%; float: left; padding: display: block; font-size: 14px; padding: 0.5em 0.8em; border-radius: 3px;background: #ccc; color: #000; text-decoration: none;}
.wp-pagenavi span.current{ background:#333; color: #fff;}
.wp-pagenavi span.dots{ background:none;padding: 0.5em 0;}
@media screen and (max-width: 768px) {
	.wp-pagenavi a.page-numbers,
	.wp-pagenavi span.dots{ display: none;}
	.wp-pagenavi a.prev,
	.wp-pagenavi a.next{ display: block;}
}



/* PROFILE
---------------------------------------------------------------------------*/
.author-profile {border: solid 1px #eee; background:#f6f6f6;}
.author-profile-title{font-weight: 600; font-size:1.6rem; border-bottom: solid 1px #eee; padding:10px 15px;}
.author-profile-inner{display: flex; padding:15px;}
.author-profile-tmb{flex-shrink: 0; width: 100px; margin-right:20px;}
.author-profile-data{}
.author-profile-name {font-weight: bold;line-height: 1;margin-bottom:5px;}
.author-profile-name a{ color: #333;}
.author-profile p{color: #666; font-size:1.4rem; margin-bottom:0.5em;}
.author-profile-btn a{display: inline-block; border:1px #333 solid; padding:5px 10px; line-height:1; color: #333; text-decoration: none; border-radius: 6px; font-size:1.4rem; margin-bottom:0.5em;}
.author-profile-sns{}
.author-profile-sns ul{}
.author-profile-sns ul li{display: inline-block; margin-right:15px;margin-bottom:5px;}
.author-profile-sns ul li a{ color: #333; font-size:1.3rem; font-weight: 600; text-decoration: none;}
.author-profile-sns ul li i{margin-right:5px;}


/* SIDE
---------------------------------------------------------------------------*/
.side-ranking-box{display: inline-flex; flex-wrap: wrap;justify-content:left;margin: 0 -8px;margin-bottom: 10px;counter-reset: ranking-mark;}
.side-ranking-box article{display: flex; width: calc(100% - 16px); margin:8px; padding-bottom:10px; border-bottom:1px #ccc solid; background: #fff;position: relative;}
.side-ranking-box article .list-box-tmb{flex-shrink: 0;  width: 100px; margin-right:10px;}
.side-ranking-box article .list-box-cate{display:none;}
.side-ranking-box article .list-box-tag{display:none;}
.side-ranking-box article .list-box-data{}
.side-ranking-box article .list-box-data .list-box-date{ display: none;}
.side-ranking-box article .list-box-data .list-box-title{font-weight: 600; font-size:1.4rem;}
.side-ranking-box article .list-box-data .list-box-title a{ text-decoration: none; color: #333;overflow-wrap: break-word;}
.side-ranking-box article::before{
    position: absolute;
    top: 0;
    left: 0;
    content: counter(ranking-mark, decimal);
    counter-increment: ranking-mark;
    background: 
#FF8200;
line-height: 20px;
width: 20px;
text-align: center;
font-size: 1.2rem;
color:
    #FFF;
    font-weight: 600;
    z-index: 999;
}


/* FOOTER
---------------------------------------------------------------------------*/
footer{ background:#333; color: #fff; padding-top: 20px;}
@media screen and (max-width: 768px) {
	footer{padding-top:0;}
}

footer nav{width:100%; font-weight:400; margin:0 0 30px;}
footer nav .nav_ttl{ display:none;}
footer nav ul{ text-align: center; font-size: 1.2rem;}
footer nav ul li{display: inline-block;}
footer nav ul li a,
footer nav ul li a:link,
footer nav ul li a:visited,
footer nav ul li a:active{display:block; color:#FFF; text-decoration:none; margin:0 10px; color:#fff;text-decoration:none;}
footer nav ul li a:hover{ color: #666;text-decoration:none;}
footer nav ul li a:before{font-family:"Font Awesome 5 Free"; content:"\f0da"; margin:0 0.3em 0 0;font-weight: 900;}

@media screen and (max-width: 768px) {
	footer nav{background:#fff;}
	footer nav .nav_ttl{ display: block; background:#333; padding:3px; text-align: center;}
	footer nav ul{display: block;margin: 0 auto; text-align:left;}
	footer nav ul li{ display: block; border-top:1px #111 solid; font-size:1.3rem;}
	footer nav ul li a,
	footer nav ul li a:link,
	footer nav ul li a:visited,
	footer nav ul li a:active{ border:0; margin:0; display:block; padding:10px 10px; color:#111; text-decoration:none; }
	footer nav ul li a:hover{background:#f3f3f3;}
	
}


footer .sns{position: relative;  overflow: hidden; font-size:20px; margin:0 0 20px; text-align: center;}
footer .sns ul{position: relative;left: 50%;float: left;}
footer .sns ul li{position: relative;left: -50%; float: left; list-style: none; margin:0 10px;}
footer .sns ul li a{ display: inline-block; background:#FFF; border-radius:10px; width:40px; height:40px; line-height:40px; color: #3c3232;}

@media screen and (max-width: 768px) {
	footer .sns ul li a{ width:30px; height:30px; line-height:30px;}
}



#copyright{ text-align: center; font-size: 1.4rem; padding: 10px;}