/*
	Theme Name: 鉄道魂
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Didact+Gothic&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext);
@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

html{
	font-size:62.5%;
}

*{
	max-height:99999px;
}

.input[type="search"] {
  -webkit-appearance: textfield;
}

.input[type="search"]:focus {
  outline-style: none;
}

.input[type="search"]::-webkit-search-decoration {
  display: none;
}

body{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size:1.4rem;
	color: #555;
	line-height: 1.75;
}

.en{
	font-family: 'Didact Gothic', sans-serif;
}

.yu{
	font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif;
}

.noto{
	font-family: 'Noto Sans Japanese', serif;
}

.wrapper{
	overflow:hidden;
}

img{
	vertical-align:bottom;
}

.relative{
	position:absolute;
}

.absolute{
	position:absolute;
}

.inline{
	display:inline-block;
}

.left{
	float:left;
}

.right{
	float:right;
}

.pc{
	display:block;
}

.sp{
	display:none;
}

.in_ou{
	width:1000px;
	margin:0 auto;
	position: relative;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
	color:#fff;
}

a:hover{
	opacity:0.6;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

i{
	color: #94d19f;
	margin-right: 10px;
	font-size: 1.5rem;
}

time{
	font-family: 'Roboto Condensed', sans-serif;
}

input[type="checkbox"] {
    vertical-align: middle;
  }

table{
  width: 100%;
}

table tr{
    border-top: #94d19f solid 1px;
}

table tr:last-child{
    border-bottom: #94d19f solid 1px;
}

table tr th{
    padding: 30px 20px;
    text-align: left;
    vertical-align: middle;
    color:#94d19f;
    position: relative;
}

table tr td{
    vertical-align: middle;
    padding: 30px 0px;
}

input[type=text],input[type=email],input[type=tel],textarea{
  width: 100%;
  box-sizing:border-box;
      padding: 10px;
    border: solid 1px #b6b6b6;
    -webkit-appearance: none;
}

input[type=submit]{
    background: #e39999;
    border: none;
    color: #fff;
    width: 300px;
    padding: 20px 0;
    margin: 30px auto 0;
    display: block;
    -webkit-appearance: none;
}

th.his:after {
    content: "※";
    color: #be2d2d;
    right: 20px;
}

.bg_g{
  background: url(images/common/g_bg.png);
}

.maincolumn {
    width: 690px;
    margin-right: 40px;
    padding: 20px 0;
}

.archive .maincolumn{
  padding: 40px 0;
}

.archive.category .maincolumn{
  padding:20px 0;
}

h2.w_sub {
    font-size: 3.2rem;
    color: #94d19f;
    line-height: 1;
    text-align: center;
    margin-bottom: 35px;
		font-weight: normal;
}

h2.w_sub span{
	color:#555;
	font-size:1.5rem;
}

/*ヘッダー*/
header{
	background: #94d19f;
  padding: 15px 0;
}

header .logo img{
  width: 180px;
  margin-top: -7px;
}

header .sns a{
	margin-right: 20px;
}

header .sns a img{
  height:25px;
}

header .sns{
    margin-top: 10px;
}

.breadcrumbs {
    color: #94d19f;
    margin-bottom: 20px;
}

.breadcrumbs a{
  color: #94d19f;
  text-decoration: underline;
}

header .nav {
    position: absolute;
    width: 60%;
    color: #fff;
    left: 50px;
    right: 0;
    margin: auto;
    top: 10px;
}

.single header .nav {
    top: 0px;
}

header .nav .cat_li{
  display: inline-block;
  vertical-align: top;
  width: 18%;
}

header .nav .cat_li a{
  display: block;
}

header .nav .cat_li ul li a{
  font-size: 1.8rem;
}

header .nav .cat_li:last-child{
  margin-right: 0;
}

header .nav .cat_li h3{
  cursor: pointer;
  font-size: 1.6rem;
  border-left: 1px solid #fff;
  text-align: center;
}

header .nav .cat_li:last-child h3{
  border-right: 1px solid #fff;
}

header .nav .cat_li ul {
    margin-top: 20px;
    box-sizing: border-box;
    background: rgba(148,209,159,.9);
    padding: 15px;
    width: 170%;
    z-index: 9999999;
    position: relative;
}

header .nav .cat_li ul li{
  margin-bottom: 10px;
}

header .nav .cat_li ul li:last-child{
  margin-bottom: 0px;
}

/*サイドバー*/
.sidebar {
    width: 270px;
    box-sizing: border-box;
    padding: 50px 20px;
}

.sidebar div.search{
    margin-bottom: 20px;
}

h2.w_sub span {
    color: #555;
    font-size: 1.5rem;
}

.sidebar h2 {
    font-size: 2.8rem;
    color: #94d19f;
    line-height: 1;
    text-align: center;
    margin-bottom: 25px;
    font-weight: normal;
}

form.search{
  position: relative;
}

.search-submit {
    position: absolute;
    top: 15px;
    right: -5px;
    border: none;
    background: none;
    font-size: 1.5rem;
}

.sp_menu .search-submit {
    position: absolute;
    top: 13px;
}

.search-input{
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
}

.sel_cat{
  padding: 30px 0 0;
}

.sel_cat .sel_cat_li {
    display: inline-block;
    width: 100%;
    position: relative;
}

.sidebar .rec_cat .rec_cat_li {
    width: 100%;
}

.rec_cat .rec_cat_li {
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 6px;
    background: #94d19f;
    color: #fff;
}

.rec_cat .rec_cat_li h3{
	font-weight: normal;
      margin-left: 5px;
      vertical-align: middle;
}

.rec_cat .rec_cat_li a {
    color: #fff;
    display: block;
		padding: 5px;
    font-size: 1.8rem;
}

.sel_cat .sel_cat_li h3{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	font-size: 1.6rem;
	letter-spacing: 5px;
  left:0;
  background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0.4) 80%);
}

.rec_cat .rec_cat_li {
    width: 49%;
	}

.rec_cat .rec_cat_li img {
    width: 50px;
}

.rec_cat .rec_cat_li .inline {
    vertical-align: middle;
}

.sidebar h2 {
    font-size: 3.0rem;
    color: #94d19f;
    line-height: 1;
    text-align: center;
    margin-bottom: 25px;
    font-weight: normal;
}

.sidebar .rec_cat .rec_cat_li {
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.sidebar .rec_cat .rec_cat_li a {
    color: #555;
    display: block;
    padding: 5px;
}

.post_cont{
  vertical-align: top;
}

.post_cont img,.sel_cat_li img{
  width: 100%;
}

/*アーカイブ*/
.archive .rec_cat,.search .rec_cat{
      margin-bottom: 50px;
}

.archive .post_cont,.new .post_cont,.search .post_cont {
    padding: 15px 0;
    border-top: 1px solid;
}

.archive .post_cont .img_area,.new .post_cont .img_area,.search .post_cont .img_area{
    width: 20%;
}

.archive .post_cont .txt_area,.new .post_cont .txt_area,.search .post_cont .txt_area  {
    width: 75%;
    margin-left: 2%;
    vertical-align: top;
}

.archive .post_cont h3 a,.new .post_cont h3 a,.search .post_cont h3 a {
    color: #555;
    font-size: 1.8rem;
    line-height: 1.25;
}

.archive .post_cont .date,.new .post_cont .date,.search .post_cont .date {
    margin-right: 10px;
    color: #94d19f;
}

.new .post_cont .txt_area .post_meta .cat {
    background: #94d19f;
    color: #fff;
    padding: 4px 15px;
    border-radius: 100px;
}

.archive.tag .main_v{
  background: url(images/common/tag.png) center;
  background-size:cover;
}

.archive.tag .tag_name{
  margin-bottom: 20px;
}

.archive.tag .tag_name h1{
      font-size: 2.8rem;
      display: inline-block;
      vertical-align: middle;
}

.tag_mark{
    background: #ffacac;
    padding: 5px 25px 5px 15px;
    display: inline-block;
    border-radius: 100px;
    margin-right: 10px;
    color: #fff;
}

.tag_mark:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 17px;
    background: #fff;
    margin-right: 10px;
    border-radius: 100px;
    vertical-align: sub;
}

.new .main_v{
  background: url(images/common/news_bg.png) center;
  background-size:cover;
}

.new .post_ou .txt_area .post_meta .description {
    font-size: 1.6rem;
}

.post_ou h3{
  margin-top: 20px;
}

/*フッター*/

footer{
  background: #94d19f;
  padding-top: 40px;
}

footer h2{
  color: #fff !important;
  text-align: left !important;
  font-size: 3.5rem;
  margin-bottom: 20px;
  font-weight: normal;
}

footer .category .cat_li {
    margin-bottom: 30px;
    opacity: 0.8;
    width: 12%;
    display: inline-block;
    vertical-align: top;
}

footer .category .cat_li:nth-of-type(5) {
    width: 24%;
    margin-right: 20px;
}
footer .category .cat_li:last-child {
    width: 20%;
}

footer .category .cat_li{
    margin-bottom: 30px;
        opacity: 0.8;
}

footer .category .cat_li h3{
    color: #fff;
    font-weight: 100;
    font-size: 1.8rem;
    margin-bottom: 10px;
}

footer .tag{
  float: left;
  width: 35%;
  margin: 0 30px 0 0;
}

footer .tag-list li a {
    background: #dff1e2;
    color:#94d19f;
    padding: 5px 15px 5px 5px;
    display: inline-block;
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

footer .tag-list li a:before {
  content: "";
display: inline-block;
width: 16px;
height: 17px;
background: #94d19f;
margin-right: 10px;
border-radius: 100px;
vertical-align: sub;
}

footer .pages {
    float: left;
    width: 60%;
}

footer .pages li{
  margin-right: 20px;
  display: inline-block;
}

footer .pages a{
  font-size: 1.6rem;
}

footer .category .cat_li li{
    margin-bottom: 10px;
    line-height: 1.5;
}

.copyright {
    text-align: center;
    color: #fff;
    margin-top: 40px;
    padding-bottom: 10px;
}

.main_v{
  background-size:cover;
  background-position: center;
  padding: 100px 0;
  letter-spacing: 5px;
}

.main_v h1{
  text-align:center;
  color: #fff;
  font-size: 3.0rem;
  text-shadow: #000 0px 0px 9px;
}

.wp-pagenavi{
  text-align: center;
  margin-top: 30px;
}

.wp-pagenavi a{
    background: #fff;
    color: #94d19f;
    border:2px solid #94d19f;
    width: 30px;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    padding-top: 2px;
}

.wp-pagenavi a,
.wp-pagenavi span{
  vertical-align: top;
  margin: 2px;
}

.wp-pagenavi .current{
    background: #94d19f;
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    padding-top: 2px;
    border: none;
}

.wp-pagenavi .page-numbers.next,.wp-pagenavi .page-numbers.prev{
  width: auto;
  height: auto;
  background: #94d19f;
  color: #fff;
  padding:2px 10px 0;
}

.wp-pagenavi .extend{
  background: #fff;
  color: #94d19f;
  border:none;
}


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

	body{
		font-size:2.0rem;
	}

  .pc{
  	display:none;
  }

  .sp{
  	display:block;
  }

  i{
  	font-size: 2.5rem;
  }

  .breadcrumbs {
    color: #94d19f;
    margin-bottom: 20px;
    padding-left: 30px;
    margin-top: 5px;
}



  table tr th,table tr td{
    display: block;
  }

  table tr th {
    padding: 20px 0px 0;
}
  table tr td {
    vertical-align: middle;
    padding: 0px 0px 20px;
  }

  .maincolumn {
      width: 100%;
      margin-right: 0px;
  }

  .maincolumn {
    padding:0;
  }

	.aligncenter {
	    display: block;
	    margin: 0 auto;
	}
	.alignright {
		 float: none;
		 display: block;
		 margin: 0 auto;
	 }
	.alignleft {
		float: none;
		display: block;
		margin: 0 auto;
	}

  .in_ou {
    width:100%;
  }

	.in_in{
		width:580px;
		margin:0 auto;
		position: relative;
	}

	/*SPヘッダー*/

	header{
		padding: 15px 0;
	}

  header .sns{
      margin-top:0px;
  }

  header .in_ou{
		width:580px;
	}

  header div.search {
    width: 37%;
    position: absolute;
    left: 210px;
    top: 0px;
  }

  header .search-input {
    width: 100%;
    padding: 4px 14px;
    box-sizing: border-box;
    border-radius: 100px;
    border: none;
    height: 55px;
  }

  /*SPサイドバー*/
  .sidebar {
      width: 100%;
      box-sizing: border-box;
      padding: 40px 20px;
      margin-top: 50px;
  }

  .sidebar .rec_cat .rec_cat_li {
      width: 49%;
  }

.rec_cat .rec_cat_li img{
    width: 50px;
	}

  .sel_cat .sel_cat_li {
      display: inline-block;
      width: 50%;
      position: relative;
  }

  .rec_cat .rec_cat_li {
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    margin-bottom: 6px;
  }

  .rec_cat .rec_cat_li a{
    color: #555;
  }

  .sel_cat .sel_cat_li h3{
  	position: absolute;
  	bottom: 0;
  	width: 100%;
  	text-align: center;
  	padding: 5px;
  	box-sizing: border-box;
  	font-size: 2.0rem;
  	letter-spacing: 5px;
  }

  /*SPアーカイブ*/

  .archive .rec_cat,.search .rec_cat{
        background: url(images/common/g_bg.png);
  }

  .archive .post_cont{
    width: 100%;
    display: inline-block;
    margin-right: 0;
    padding: 40px 0;
    border-top: 1px solid #d3d3d3;
  }

  .archive .post_cont .img_area {
    width: 32%;
    margin-right: 3%;
  }

  .archive .post_cont .txt_area{
    width: 60%;
  }

  .archive .post_cont h3 {
    line-height: 1;
    margin-bottom: 15px;
  }

  .archive .post_cont h3 a {
    color: #555;
    font-size: 1.8rem;
    line-height: 1.25;
  }

  .archive .post_cont .date{
    margin-right: 10px;
    color: #94d19f;
  }

  .archive .post_cont .cat {
    background: #94d19f;
    color: #fff;
    padding: 4px 15px;
    border-radius: 100px;
  }

  .archive .post_cont .txt_area .post_meta .description {
    font-size: 1.6rem;
  }

  .archive .post_cont .txt_area .post_meta .description {
    line-height: 1.5;
    margin-top: 10px;
    color: #555;
  }

  .archive .post_con .txt_area .post_meta .description {
    font-size: 1.6rem;
  }

  .archive .post_cont h3 a{
        font-size: 2.5rem;
  }

	.new .post_ou h3 a {
    font-size: 2.2rem;
}

.archive .post_cont, .new .post_cont, .search .post_cont {
    padding: 25px 0;
    border-top: 1px solid;
}

.archive .post_cont .description,
.new .post_cont .description,
.search .post_cont .description{
	font-size:1.8rem;
	line-height:1.5;
}

.archive .post_cont .img_area, .new .post_cont .img_area, .search .post_cont .img_area {
    width: 35%;
}

.archive .post_cont .txt_area, .new .post_cont .txt_area, .search .post_cont .txt_area {
    width: 58%;
    margin-left: 2%;
    vertical-align: top;
}

.archive .post_cont h3, .new .post_cont h3, .search .post_cont h3{
	margin-top: 20px;
	margin-bottom:15px;
}

.archive .post_cont h3 a, .new .post_cont h3 a, .search .post_cont h3 a {
    color: #555;
    font-size: 2.3rem;
    line-height: 1.25;
}

  /*SPフッター*/

  footer{
  	    margin-bottom: 117px;
  }

  footer .cat_li{
    border-top: 1px solid #fff;
  }

  footer .cat_li:last-child{
    border-bottom: 1px solid #fff;
  }

  footer .cat_li h3 {
    font-weight: normal;
    font-size: 2.5rem;
    color: #fff;
    padding: 10px 0px;
    position: relative;
  }

  footer .cat_li h3:after {
    position: absolute;
    display: block;
    content: "";
    top: 18px;
    right: 10px;
    margin: 0 20px 0 7px;
    padding: 0;
    width: 4px;
    height: 25px;
    background: #fff;
    transition: 0.2s;
}

footer .cat_li h3.open:after{
  transform: rotate(-45deg);
  top: 20px;
right: 9px;
}

footer .cat_li h3:before {
    display: block;
    content: "";
    position: absolute;
    top: 18px;
    right: 10px;
    margin: 0 20px 0 7px;
    padding: 0;
    width: 3px;
    height: 25px;
    background: #fff;
    transform: rotate(90deg);
    transition: 0.2s;
}

footer .cat_li h3.open:before{
  transform: rotate(45deg);
  width: 3px;
      height: 25px;
}

footer .cat_li:last-child h3:before,
footer .cat_li:last-child h3:after {
    display: none;
}

footer .cat_li:last-child h3{
  border-bottom: 1px solid;
}

  footer .cat_li ul{
    background: rgba(255,255,255,0.15);
    padding: 25px;
  }

  footer .cat_li ul li{
    margin-bottom: 10px;
  }

  footer .cat_li ul li a{
    display: block;
  }

  footer .cat_li ul li:last-child{
    margin-bottom: 0px;
  }

  footer .category{
    float: none;
    width: 100%;
  }

  footer .category .cat_li h3{
    margin: 0;
  }

  footer .category .cat_li {
    margin-bottom: 0px;
    opacity: 1;
    width: 100%;
  }
  footer .category .cat_li:nth-of-type(5) {
      width: 100%;
      margin-right: 0px;
  }
  footer .category .cat_li:last-child {
      width: 100%;
  }
  footer .category .cat_li:last-child a {
      display: block;
  }

  footer .tag{
    margin-top: 30px;
    margin-bottom: 40px;
    float: none;
    width: 100%;
  }

  footer .tag-list li a {
      padding: 5px 25px 5px 15px;
      font-size: 2.0rem;
  }

  footer .pages {
    float: left;
    width: 100%;
  }

  footer .pages a{
    font-size: 2.0rem;
  }

  .post_ou h3{
    margin-top: 0px;
  }

  .sp_footer {
    	background: rgba(118,198,132,.8);
    	position: fixed;
    	bottom: 0;
    	width: 100%;
	}

	.sp_footer ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	}

   .sp_footer ul li{
   		box-sizing:border-box;
   		width:20%;
   		text-align:center;
   		justify-content: center;
   }

.sp_footer ul li a {
    font-size: 2.2rem;
    display: block;
    padding: 20px 0;
}

 .ellipsis-v {
    position: relative;
    display: block;
    cursor: pointer;
    width: 70px;
    height: 90px;
    margin: auto;
}

   .sp_footer ul li .ellipsis-v .point.top {
    	top: 20px;
	}

	.sp_footer ul li .ellipsis-v .point.mid {
    top: 40px;
}

.sp_footer ul li .ellipsis-v .point.bot {
    top: 60px;
}

.sp_footer ul li i {
    display: block;
    color: #fff;
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 5px;
    margin-left: 6px;
}

.sp_footer ul li i.fas.fa-concierge-bell:before{
	content: "\f594";
}

 .ellipsis-v .point {
    	    position: absolute;
    left: 0;
    right: 0;
    display: block;
    width: 48px;
    height: 5px;
    margin: auto;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
	}


.sp_menu {
    background: url(images/common/g_bg.png);
    height: 100vh;
    position: fixed;
    top: 0;
    width: 50%;
    padding: 70px 40px;
    box-sizing: border-box;
        right: -100%;
    text-align: left;
    transition:0.5s;
}

.side-open .sp_menu{
	right:0;
}

.sp_menu ul li {
	margin-bottom:30px;
}

.sp_menu ul li a{
	    color: #94d19f;
	    display:block;
}

.sp_menu .sns a{
	margin-right:20px;
}

.sp_menu .sns i{
    font-size: 4rem;
}

.sp_menu .search{
	margin-top:30px;
}

.sp_menu .ellipsis-v .point{
	background:#94d19f;
}

.sp_menu .ellipsis-v {
    position: absolute;
        bottom: 100px;
    right: 30px;
}

.sp_menu .point.top{
    transform: rotateZ(45deg);
}
.sp_menu .point.bot{
    transform: rotateZ(-45deg);
}

.archive.category .maincolumn{
  padding:0px 0;
}

}

.post-type-archive-photo .main_v,.post-type-archive-movie .main_v{
  background-image:url(../../uploads/2018/11/tetsudo_cat_img-2.png);
}

.post-type-archive-movie iframe {
    width: 100%;
    height: 200px;
}

.post-type-archive-photo iframe {
    width: 100%;
}

.post-type-archive-photo .post_cont,.post-type-archive-movie .post_cont{
  width: 49%;
    display: inline-block;
    height: auto !important;
}

.post-type-archive-photo .post_cont .img_area,
.post-type-archive-movie .post_cont .img_area {
    width: 100%;
}

.post-type-archive-photo .maincolumn{
    height: auto !important;
}



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

.post-type-archive-movie iframe {
    width: 100%;
    height: 400px;
}

.post-type-archive-movie .post_cont{
  width: 100%;
    display: inline-block;
}

.wp-pagenavi a{
    width: 50px;
    height: 45px;

}

.wp-pagenavi .page-numbers.next, .wp-pagenavi a {
    width: auto;
    height: auto;
    background: #94d19f;
    color: #fff;
    padding: 3px 10px 3px;
    vertical-align: middle;
}

.wp-pagenavi .current {
    width: auto;
    height: auto;
    background: #fff;
    color: #94d19f;
    border: 2px solid #94d19f !important;
    padding: 3px 10px 3px;
    vertical-align: middle;
    width: 50px;
    height: 45px;
}

.post-type-archive-photo .post_cont, .post-type-archive-movie .post_cont {
    width: 100%;
    display: inline-block;
    height: auto !important;
}

}

.tblNormal a{
  color: rgb(134, 134, 134);
}

.single .maincolumn p a{
      color: #94d19f;
}

.snsShareArea{
  text-align: center;
  font-size: 0;
}

.snsShareArea a{
  font-size: 1.4rem;
  padding: 10px;
  display: inline-block;
  width: 19%;
  box-sizing: border-box;
  margin: 20px 1% 40px 0;
}

.snsShareArea a i{
  color: #fff;
}

.snsShareArea a:last-child{
  margin-right: 0;
}

.snsShareArea a span.pc{
  display: inline-block;
}

.btn--twitter {
    background: #00acee;
}
.btn--facebook {
    background: #3b5998;
}
.btn--hatena{
    background:#5d8ac1;
}
.btn--google{
    background: #db4a39;
}
.btn--pocket{
    background: #f03e51;
}

@media screen and (max-width: 640px){
  .snsShareArea a span.pc{
    display: none;
  }
  .snsShareArea a {
    font-size: 2.5rem;
  }
  .snsShareArea a i{
    margin: 0;
  }
}


.af{
  margin-top: 15px;
}
@media screen and (max-width: 640px){
  .af{
    text-align: center;
  }
}

/*--210705_追記--*/
.google-auto-placed ins{
  display: none!important;
}