@import 'https://fonts.googleapis.com/css?family=Passion+One';
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"),  /* Postscript name */
  local("Yu Gothic Medium"), /* for Chrome */
  local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), /* Postscript name */
}
/* Thank you!  https://speakerdeck.com/tacamy/modanri-ben-yu-huontozhi-ding */

/* clear style */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* resetter */
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* *{-webkit-appearance:none;} */
input{border-radius: 0;}
/* basic styles */
body {
  -webkit-text-size-adjust:100%;
  color: #222;
  font: 13px/1.231 Verdana, MyYuGothicM, YuGothic, -apple-system,  BlinkMacSystemFont,  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  *font-size: small;
  *font: x-small;
  font-weight: 500;

   line-height: 1.7;
   padding: 0; margin: 0;
   background: #fff;
   position: relative;
}
/* for Win IE8 */
head~/* */body {font: 13px/1.231 Verdana, MyYuGothicM, YuGothic, -apple-system,  BlinkMacSystemFont,  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
html:not(:target) body {
	font: 13px/1.231 Verdana, MyYuGothicM, YuGothic, -apple-system,  BlinkMacSystemFont,  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background: #fff;
	overflow-x: hidden;
}


a{color: #fd2b5d; text-decoration: none;}
a:hover{color: #e90c3f; text-decoration: underline;}

.fl{float:left !important; display:inline;}
.fr{float:right !important; display:inline;}
.center{text-align: center;}

.small{font-size: 90% !important;}
.large{font-size: 1.2em !important;}
.xlarge{font-size: 140% !important;}
.xxlarge{font-size: 170% !important;}
.bold{font-weight: bold;}

.center{text-align: center;}

.text_a{color: #6a5001; text-shadow: 0px -2px #fff,2px 0px #fff,0px 2px #fff,-2px 2px #fff; font-size: 120%; margin-bottom: 20px;}
.text_b{}
.text_c{}

.col_a{color: #0572aa; }	/* デフォルトブルー */
.col_b{color: #aa3b05;}	/* 茶 */
.col_c{color: #eee;}/* グレー */
.col_d{color: #999;}/* グレー */

.hr_a{height: 1px; border: none; border-top: 2px #ddd solid; margin: 15px 0; text-shadow: 0px 1px 0px #fff;}


img{width: 100%; height: auto;}

.sp{display: none;}
.pc{display: block;}


/* 基本スタイル */
main section, aside section{margin: 0 10px;}


main h1, aside h1{font-family: 'Passion One', cursive;letter-spacing: 3px; font-size: 1.7em;  margin-bottom:5px; font-weight: normal; display: flex; align-cards: center; font-weight: bold; color: #fd2b5d; }
main h1 span, aside h1 span{ font-size: 0.5em; letter-spacing: 1px; line-height: 2.3; padding-left: 5px;  color: #222; font-family: Verdana, MyYuGothicM, YuGothic, -apple-system,  BlinkMacSystemFont,  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
h1.ja{font-family: Verdana, MyYuGothicM, YuGothic, -apple-system,  BlinkMacSystemFont,  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
main h1:after, aside h1:after { margin-top: 13px; border-top: solid 1px #222; margin-left: 10px; content: ""; display: inline; /* for IE */ flex-grow: 1; flex-grow-webkit: 1;}
/*
main h2, aside h2{font-feature-settings : "palt";}
main h3, aside h3{font-feature-settings : "palt";}
*/

main h4, aside h4{color: #888; text-align: center; font-size: 0.9em; font-weight: normal; margin-bottom: 7px; line-height: 1;}
main h4 span, aside h4 span{display: block; font-size: 0.8em; font-family: 'Passion One', cursive; letter-spacing: 3px; color: #fd2b5d;}

/* タブリンク */
.tab_a{overflow: hidden; position: relative; margin: 0 -1px 15px -1px;}
.tab_a li{float:left; display:inline;}
.tab_a li a{color: #777; display: block; border-bottom: solid 2px #ddd; text-align: center; padding: 0 0 5px 0; margin: 0 1px; font-size: 1.1em; letter-spacing: 1px; }
.tab_a li a span{font-size: 0.6em; font-weight: normal; display: block; color: #fd2b5d; letter-spacing: 3px;}
.tab_a li.cur a, .tab_a li a:hover{border-color: #fd2b5d; text-decoration: none; color: #222; font-weight: bold;}

.tab_a.row2 li{width: 50%;}
.tab_a.row3 li{width: 33.3%;}

.more_a{overflow: hidden; border-radius: 1px; margin-bottom: 30px;}
.more_a a{display:block; background:#fd2b5d; color: #fff; height: 40px; line-height: 40px; text-align: center; padding-left: 30px; font-size: 1.1em;}
.more_a a:after{float:right; text-align: center; display:inline; content: "\f105"; font-family: 'FontAwesome'; width: 40px; height:40px;  background: url(images/kasane1.png) no-repeat; background-size: 40px 40px; font-size: 20px; border-left: solid 1px #fff;}

.link_a{overflow: hidden; border-radius: 1px; margin: 15px 0;}
.link_a a{display:block; background:#fd2b5d; color: #fff; height: 40px; line-height: 40px; text-align: center; padding-left: 30px; font-size: 1.1em;}
.link_a a:after{float:right; text-align: center; display:inline; content: "\f105"; font-family: 'FontAwesome'; width: 40px; height:40px;  background: url(images/kasane1.png) no-repeat; background-size: 40px 40px; font-size: 20px; border-left: solid 1px #fff;}


.tagline{overflow: hidden; }
aside .tagline{text-align: center;}
.tagline li{display: inline-block;margin:0 2px 10px 0;}
.tagline li a{display: block; border:solid 1px #fd2b5d; padding: 0 7px; height: 24px; line-height: 24px; color: #fd2b5d; border-radius: 13px;}
.tagline li a:before{content: "\f02b"; font-family: 'FontAwesome'; padding-right: 5px;}
.tagline li a:hover{color: #e90c3f; text-decoration: none;border:solid 1px #e90c3f; }
.tagline li.main a{background: #e90c3f !important; color: #fff !important;}
.tagline li.main a:before{content: "\f114";}

.catline{overflow: hidden;}
.catline li{display: inline-block;margin:0 2px 10px 0;}
.catline li a{display: block; border:solid 0px #f0f0f0; background: #f0f0f0; padding: 0 7px; height: 24px; line-height: 24px; color: #777; border-radius: 13px;}
.catline li a:before{content: "\f114"; font-family: 'FontAwesome'; padding-right: 5px;}
.catline li a:hover, .catline li a.cur{background: #fd2b5d; color: #fff; text-decoration: none; }



/* スクロールマスク */
.scroller {overflow: hidden;}
.scroller .smask{overflow-x: auto; -webkit-overflow-scrolling: touch; height: 10000px;}
.scroller .smask .items, .scroller .smask ul{display: inline-table; margin: 0 auto; max-width: 100%; min-width: 100%; width: auto; overflow: auto; }
.scroller .smask .items article, .scroller .smask ul li{float: none; display: table-cell;}



/* #基本レイアウト
================================================== */
header{ min-width: 100%; overflow: hidden; padding: 0;}
header #top{background: #111; height: 40px; overflow: hidden;min-width: 100%;padding: 0; position: relative;}
header .logo{background: url(images/logo.png); width: 134px; height: 35px; background-size: 134px 35px; display: block; margin: 0 auto; top:3px; position: relative; text-indent:-9999px;}
header .menu{background: url(images/icon_menu.png); width: 27px; height: 29px; background-size: 27px 29px; display: block; text-indent:-9999px;  position: absolute; top: 6px; left: 5px;}

header .toggle_search{background: url(images/icon_search.png); width: 29px; height: 29px; background-size: 29px 29px; display: block; text-indent:-9999px;  position: absolute; top: 6px; right: 5px; }

#menu:not(.mm-menu){display: none;}
.mm-listview>li.sep:not(.mm-divider):after{border-width: 4px; }

header .sform{display: none;}

#search_modal{display: none;  position: fixed; width:100%; height: 100%; top: 0px; left: 0; background-color: rgba(255, 255, 255, 0.9); z-index: 99; overflow: scroll;}
#search_modal .inner{margin: 30px;}
#search_modal .inner .close{float:right; display:inline; margin-bottom: 30px; color: #222;}
#search_modal h2{text-align: center; font-size: 1.2em; font-weight: normal; margin-bottom: 20px; line-height: 1;}
#search_modal h2 span{display: block; font-size: 0.9em; margin-bottom: 2px; font-family: 'Passion One', cursive; letter-spacing: 3px; color: #fd2b5d;}
#search_modal .tagline{text-align: center;}

#topbar{position: fixed; top: -40px; left: 0; width: 100%; height: 40px; overflow: hidden; background: #222; z-index: 97;}
#topbar .inner{margin: 0 auto; width: 1016px; padding: 0 10px; position: relative; overflow: hidden; }
#topbar .gotop{position:absolute; top:0; left: 10px; text-indent:-9999px; background: url(images/logo_icon_white.png) no-repeat center center; width: 22px; height: 40px; background-size: 22px 22px;}
#topbar ul{ overflow: hidden; margin-left: 55px; text-align: center;}
#topbar ul li{display: inline-block; margin: 0 15px 0 15px; /* width: 10%; */ text-align: center;}
#topbar ul li a{display: block; line-height: 40px; color: #fff; }

.sform{margin-bottom: 20px;}
.sform .input{float:left; display:inline; width: calc(100% - 35px); }
.sform .input input{height: 35px; display: block; width: 100%; padding: 2px 5px; border:solid 1px #222; font-size: 1.1em; border-radius: 2px 0 0 2px; line-height: 35px; -webkit-appearance:none;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.sform .submit{float:left; display:inline; width: 35px; position: relative;}
.sform .submit input{ height: 35px; display: block; width: 100%; padding: 0; font-size: 22px; font-family: 'FontAwesome';  color: #fd2b5d; background: #222; border:none; border-radius: 0 2px 2px 0; -webkit-appearance:none;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
header .sform .input{}
header .sform .input input{background: #555; color: #fff; height: 29px; line-height: 29px; width: 240px; padding-right: 40px; border-radius: 2px; font-size: 1em;}
header .sform .submit{ margin-right: -37px; }
header .sform .submit input{ background: none; height: 29px; }

#mother{/* position: fixed;  */ width:100%; height: 100%;}

#translate{display: block; text-align: left; margin: 4px 4px; height: 25px;}
#translate img{ width: auto;}
#translate .goog-te-gadget-simple{border-color: #f5f5f5 !important;}
#google_translate_element{}

header #usermenu{background: #f5f5f5; height:30px; font-size: 0.8em; line-height: 30px; overflow: hidden; min-width: 100%; padding: 0;}
header #usermenu h1{ float:left; display:inline; margin-left: 4px;}
header #usermenu a{color: #222 ;}
header #usermenu h1 .copy{display: none;}

header #usermenu .links{float:right; display:inline; }
header #usermenu .login{float:left; display:inline; color: #222; margin-right: 5px;}
/* header #usermenu .login:before{content: "\f0da"; font-family: 'FontAwesome'; padding-right: 3px;} */
header #usermenu .register{height: 30px; float:left; display:inline; background: #fd2b5d; color: #fff; padding: 0 5px 0 5px; font-weight: bold;}
/* header #usermenu .register:after{content: "\f105"; font-family: 'FontAwesome'; padding-left: 10px; font-size: 13px; } */

header #usermenu .mypage{height: 30px; float:left; display:inline; background: none; color: #222; padding: 0 5px 0 15px; font-weight: bold; overflow: hidden; line-height: 30px;}
/* header #usermenu .mypage:after{content: "\f105"; font-family: 'FontAwesome'; padding-left: 2px; font-size: 13px; } */
header #usermenu .mypage a.usericon{float:left; display:inline;line-height: 30px;}
header #usermenu .mypage a.usericon img{border-radius: 10px; height: 20px; width: 20px;  display: block;  vertical-align: middle; margin: 5px 2px 0 0;}
header #usermenu .mypage a.usericon i{font-size: 18px; color: #222; padding-right: 2px;}
header #usermenu .mypage a.username{float:left; display:inline; line-height: 30px; color: #222;}


#bcrumb{display: none;}

.slider_loading{display: none; margin: 60px 0; text-align: center; color: #fd2b5d; font-size: 1.4em; }
.slide_box{margin:0 0px  20px 0px; /* display: none; */}
.slide_box .slider .slick-prev, .slide_box .slider .slick-next{  height: 100%;  z-index: 1;  width: 30px; background-color: rgba(255, 255, 255, 0.1);}
.slide_box .slider .slick-prev:hover, .slide_box .slider .slick-next:hover{background-color: rgba(255, 255, 255, 0.2);}
.slide_box .slider .slick-prev:before, .slide_box .slider .slick-next:before{ color: #fd2b5d;  /* opacity: 1; */}
.slide_box .slider .slick-prev{left: 0px; }
.slide_box .slider .slick-next{right: 0px; }
.slide_box .slider li a{display: block; position: relative;}
.slide_box .slider li a img{}
.slide_box .slider li a h2{  background: rgba(0,0,0, 0.5); color: #fff; position: absolute; bottom: 0; padding: 7px; font-size: 1.1em; line-height: 1.3;}

.area_a{margin: 0 0px 20px 0px; text-align: center; overflow: hidden;}
.area_a .half{float:left; display:inline; width: 50%; text-align: center;}
.area_a.prefix_space{margin-top: 20px;}


.box_a {margin: 0 0px 10px 0px;}
.box_a h1{margin: 0 10px 10px 10px; }
.box_a .items{margin-left: 10px;}
.box_a .items article{overflow: hidden; position: relative;}
.box_a .items article div{ width: 210px; height:190px; margin-right: 10px; overflow: hidden; }
.box_a .items article div a.thumb{display: block; margin-bottom: 3px;}
.box_a .items article div h2{text-align: center;}
.box_a .items article div h2 a{color: #444; font-weight: bold; font-size: 1em; line-height: 1}
.box_a .items article div h2 a:hover{text-decoration: none; color: #fd2b5d;}
.box_a .scroller{height: 190px;}/* スクロール ブロック*/

.box_b {margin: 0 0px 20px 0px;}
.box_b .items{padding-left: 10px;}
.box_b .items article div{ width: 130px; margin-right: 10px; overflow: hidden; position: relative; vertical-align: top;}
.box_b .items article div a.thumb{display: block; margin-bottom: 0px;  height:69px; overflow: hidden;  border-radius: 3px;}
.box_b .items article div a.thumb img{  vertical-align: top;}
.box_b .items article div h2{position: relative; top:-69px; margin-bottom: -69px;  line-height:69px; color: #fff; text-align: center; letter-spacing: 3px; text-indent:5px;border-radius: 3px; overflow: hidden; }
.box_b .items article div h2 a{color: #fff; font-size: 1.2em; display: block; width: 130px; height: 69px; background: rgba(0, 0, 0, 0.4);}
.box_b .items article div h2 a:hover{text-decoration: none; color: #fff; background: rgba(0, 0, 0, 0.1);}
.box_b .scroller{height: 85px;}/* スクロール ブロック*/

.box_c {margin-bottom:15px;}
/* .box_c .items{margin: 0 -1.5%; overflow: hidden;} */
.box_c .items, .yarpp-related{margin: 0; overflow: hidden; display:flex;  flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items: flex-start; flex-wrap:wrap;}


/* .box_c .items article{float:left; display:inline;  width: 47%; margin: 0 1.5%; position: relative;} */
.box_c .items article{ flex-basis: 48.5%;  position: relative;}

.box_c .items article b.rank{font-family: 'Passion One', cursive; position: absolute; left: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #fff; background:url(images/kasane1.png); background-size: 40px 40px;  z-index:10; font-size: 1.5em; font-weight: normal; }
.box_c .items article div{ margin-bottom: 17px; }
.box_c .items article div a.thumb{display: block; margin-bottom: 2px; }
/* .box_c .items article div a.thumb img{height: 120px;} */
.box_c .items article div h2{}
.box_c .items article div h2 a{color: #444; font-weight: normal; font-size: 1.1em; line-height: 1.15; letter-spacing: normal;}
.box_c .items article div h2 a:hover{text-decoration: none; color: #fd2b5d ;}
.box_c .items article span.popular{background: url(images/popular.png) no-repeat center center; background-size: 40px 40px; position: absolute; left: 0; top:0; width: 40px; height: 40px; text-indent:-9999px;}
.box_c .items article span.new{background: url(images/new.png) no-repeat center center; background-size: 40px 40px; position: absolute; left: 0; top:0; width: 40px; height: 40px; text-indent:-9999px;}

.box_d .items{overflow: hidden;}
.box_d .items article{overflow: hidden; position: relative; min-height: 85px; margin-bottom: 13px; }
.box_d .items article b.rank{font-family: 'Passion One', cursive; position: absolute; left: 0; top: 0; width: 30px; height: 27px; text-align: center; padding-top: 3px; color: #fff; background:url(images/kasane1.png); background-size: 30px 30px;  z-index:10; font-size: 20px; font-weight: normal; }
.box_d .items article .thumb{width: 140px;  float:left; display:inline; position: absolute; top: 0; left: 0;}

.box_d .items article div{ float:left; display:inline; margin-left: 150px ; }
.box_d .items article div h2{ line-height: 1.2; /* max-height: 55px; */ overflow: hidden; font-size: 1.0em; font-weight: normal;}
.box_d .items article div h2 a{color: #222; }
.box_d .items article div h2 a:hover{text-decoration: none; color: #fd2b5d;}
.box_d .items article div .type{display: block; margin-bottom: 2px;}
.box_d .items article div .type a{color: #777;}
.box_d .items article div .cat { position: absolute; bottom:0;}

.box_e {margin: 0 0 20px 0; padding: 20px 10px;  background: #222; color: #fff;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.box_e h2{text-align: center; font-size: 1.2em; margin-bottom: 15px;}

.box_f .items{overflow: hidden;}
.box_f .items article{overflow: hidden; position: relative; height: 100px; margin-bottom: 10px; padding-bottom: 10px; border-bottom:solid 1px #eee;}
.box_f .items article .thumb{width: 100px;   position: absolute; top: 0; right:0;}
.box_f .items article div.meta{margin-right: 110px;}
.box_f .items article div.meta.noimg{margin-right: 0px;}
.box_f .items article div.meta h2{ line-height: 1.3; overflow: hidden; font-size: 1.2em;}
.box_f .items article div.meta h2 a{color: #222; }
.box_f .items article div.meta h2 a:hover{text-decoration: none; color: #fd2b5d;}
.box_f .items article div.meta .date{font-size: 1.1em; margin-bottom: 3px; color: #777;}


.box_g {margin: 0 0 20px 0; padding: 15px 10px;  background: #f7f7f7; color: #222; }

/*コラムの記事一覧用*/
.box_h {margin-bottom:15px;}
.box_h .items{margin: 0 -1.5%; overflow: hidden;}
.box_h .items article{float:left; display:inline;  width: 100%; margin:0 0 10px 0; position: relative; height: 100px; overflow: hidden;}

.box_h .items article  a.thumb{position: absolute; left:0; top:0; width: 100px; }
.box_h .items article  a.thumb img{width: 100px; height:100px;}
.box_h .items article  h2, .box_h .items article .summary{margin-left: 110px;}
.box_h .items article  h2{margin-bottom: 3px;}
.box_h .items article  h2 a{color: #444; font-weight: bold; font-size: 1.1em; line-height: 1.15; letter-spacing: normal;}
.box_h .items article  h2 a:hover{text-decoration: none; color: #fd2b5d ;}
.box_h .items article  .summary{color: #999;}

.box_h .items article span.popular{background: url(images/popular.png) no-repeat center center; background-size: 40px 40px; position: absolute; left: 0; top:0; width: 40px; height: 40px; text-indent:-9999px;}
.box_h .items article span.new{background: url(images/new.png) no-repeat center center; background-size: 40px 40px; position: absolute; left: 0; top:0; width: 40px; height: 40px; text-indent:-9999px;}



section#archives{margin:20px 10px; }
section#archives ul{overflow: hidden;}
section#archives ul li{float:left; display:inline;  width: 31.3%; margin: 0 1% 20px 1%;}
section#archives ul li a{font-size: 1.1em; color: #222; }
section#archives ul li:before{content: "\f187";padding-right:5px; font-family: 'FontAwesome'; }
section#archives.area ul li:before{content: "\f114";padding-right:5px; font-family: 'FontAwesome'; }
section#archives.area ul li a{font-size: 1.2em;  }
section#archives.area ul li ul{margin: 10px 0 10px 20px;}
section#archives.area ul li ul li{padding-left:0px; width: 48%; margin: 0 1% 20px 1%; font-size: 0.9em;}
section#archives.area ul li ul li:before{content: none; padding-right:5px;}

article#single{margin-bottom: 0px;}
#single .eyecatch{display: block; }
#single h1.title{margin: 15px 10px;  font-size: 1.6em; letter-spacing: normal; line-height: 1.4; display: block; font-feature-settings : "palt";}
#single h1.title a{color: #222;}
#single h1.title:after{content: none;}

#single.page h1.title{text-align: center; font-size: 1.9; margin: 20px 0 20px 0; padding: 20px 0; border-width: 1px 0; border-color:#222; border-style: solid; position: relative; }
#single.page .eyecatch{margin-bottom: 20px;}

#single .meta{background: #f5f5f5; color: #777; font-size: 0.9em; padding: 10px 10px; overflow: hidden; margin-bottom: 15px;}
#single .meta .side1 div, #single .meta .side2 div{display: inline;}
#single .meta .side1 div span, #single .meta .side2 div span{display: inline;}
#single .meta .side1{float:left; display:inline; margin-right: 10px;}
#single .meta .side2{float:right; display:inline; margin-left: 10px;}

/* 記事本文 基本 */
#single .entry_post{margin: 0 10px 20px 10px; /* font-feature-settings : "palt"; */ }
#single .entry_post a{text-decoration: none; background: linear-gradient(rgba(0,0,0,0) 75%,#ffedf1 60%,#ffedf1 0%);}

#single .entry_post h2{margin-bottom:12px; font-size: 1.5em; border-bottom: solid 2px #fd2b5d; padding-bottom: 5px; position: relative;}
#single .entry_post h2:after{position: absolute; bottom: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #222; border-right: solid 0px #fff;}
#single .entry_post h3{font-size: 1.35em; margin-bottom: 10px; padding: 0;}

#single .entry_post p{margin-bottom:17px; line-height: 1.65; font-size: 1.3em; position: relative;}
#single .entry_post p img, #single .entry_post div img{display: block; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); margin-left: -10px;}
#single .entry_post img.autosize{ width: auto; }
#single .entry_post img.autosize.aligncenter{ margin: 0 auto;}
#single .entry_post div.aligncenter{margin: 0 auto;}
#single .entry_post table{border-collapse: collapse; border:solid 1px #222; }
#single .entry_post tableth, #single .entry_post table td{border:solid 1px #222; padding: 2px;}
#single.page .entry_post table{border-collapse: collapse; border:solid 1px #fff; }
#single.page .entry_post tableth, #single.page .entry_post table td{border:solid 1px #fff; padding: 0px;}

#single .img_list{background: #f0f0f0; text-align: center; border-radius: 3px; margin:10px 10px; font-weight: bold; padding: 8px; font-size: 1.2em;}

/*
#single .entry_post p>a[rel~="attachment"] {display: block; position: relative; margin: 0 -10px; }
#single .entry_post p>a[rel~="attachment"] img{width: -webkit-calc(100% + 10px); width: calc(100% + 10px); }
*/

#single .entry_post blockquote{color: #777; font-style: italic; border-left: solid 2px #ddd; padding-left: 10px; line-height: 1.5;}
#single .entry_post blockquote p{margin: 0 0 15px 0;}
#single .entry_post ul{margin: 20px 10px; }
#single .entry_post ul li{margin-bottom: 10px; margin-left: 15px; list-style-type: disc; line-height: 1.35; font-size: 1.3em;}
#single .entry_post ol{margin: 20px 10px; }
#single .entry_post ol li{margin-bottom: 10px; margin-left: 23px; list-style-type: decimal; line-height: 1.35; font-size: 1.3em;}


#single .entry_post iframe{width:100%; width: -webkit-calc(100% + 20px); width: calc(100% + 20px);  margin: 0 0 20px -10px; display: block;  position: relative;}
#single .entry_post .wp-caption-text{font-size: 1em; color: #777; line-height: 1.1; margin-top: 3px; text-align: center;}
#single .entry_post .wp-caption{max-width: 100%; }

/*次のページリンクのスタイル*/
#single .entry_post .go_next{font-weight: bold;}
#single .entry_post .go_next span{color: #fff; border:solid 1px #fd2b5d; background: #fd2b5d; display: inline-block; margin-right: 2px; border-radius: 2px; padding:0px 4px; font-size: 0.8em;}
#single .entry_post .go_next span:hover{background: #555; border-color: #555; color: #fff;}

#single .entry_post .after_go_next{margin-bottom: 15px; text-align: center;}

#single .entry_post .spnote{background: #f0f0f0; padding: 10px; margin-bottom: 20px; border: solid 2px #ddd;}
#single .entry_post .spnote h3{margin-bottom: 0; font-size: 1.5em;}
#single .entry_post .spnote h3 a{color: #222;}
#single .entry_post .spnote h3 a:after{content: "\f101"; font-family: 'FontAwesome';  float: right; color: #222;}

#single .entry_post .prinfo{border:solid 5px #eee; padding: 10px; margin: 15px 0; font-size: 0.95em; border-radius: 2px; background: #f9f9f9;}
#single .entry_post .prinfo .gopr{background: #fd2b5d; color: #fff; text-align: center; padding: 10px 0; font-size: 1.3em; display: block; width: 80%; margin: 0 auto 10px auto; border-radius: 2px;}

/* 記事本文 基本ここまで */



/* ギャラリー */
#single .entry_post .gallery { margin-bottom: 5px; flex-wrap:wrap; justify-content:space-between; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); margin-left: -10px;
		display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}

#single .entry_post .gallery br{display: none;}

#single .entry_post .gallery .gallery-item{margin: 0 0 10px 0;  padding: 0;vertical-align: top;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
#single .entry_post .gallery .gallery-item.cur{border:solid 3px #fd2b5d; }
#single .entry_post .gallery .gallery-item img{vertical-align: top; width: 100%; margin: 0;}
#single .entry_post .gallery.gallery-columns-2 .gallery-item{ width: 48%;}
#single .entry_post .gallery.gallery-columns-3 .gallery-item{ width: 31.3%;}
#single .entry_post .gallery.gallery-columns-4 .gallery-item{ width: 23%;}
#single .entry_post .gallery.gallery-columns-5 .gallery-item{ width: 18%;}

#single .entry_post .attachment .gallery-item {max-height: 200px; overflow: hidden;}

#single .entry_post .gallery .gallery-caption {text-align: center;}
/* ギャラリーここまで */

/* ステップのスタイル */
#single .entry_post h1.headline{background: #222; padding: 5px 10px; margin-bottom: 20px; margin-top: 20px;  color: #fff; font-size: 1.4em; font-weight: bold; border-radius: 2px;}
#single .entry_post .summary{font-size: 105%;}
#single .entry_post .block{margin: 0 0 30px 0;}
#single .entry_post .block h2 a{color: #222;}
#single .entry_post .block .thumb{margin-bottom: 15px;  max-height: 400px; overflow: hidden;}
#single .entry_post .block .thumb a{display: block}
#single .entry_post .block .thumb .large{margin: 3px 0 0 0; }
#single .entry_post .block .thumb img{width: 100%;}
#single .entry_post .block .note{margin: 0 0 0 0px; }
#single .entry_post .block .movie{margin: 0 0 20px 0px; }
#single .entry_post .block .source{font-size: 1.1em;}
#single .entry_post .block .source a{color: #777;}
/* ステップのスタイルここまで */


/* 記事挿入 */
#single .entry_post .insert-post {margin: 0 0 20px 0;  position: relative; height: 80px; box-shadow: 0 0 3px #ddd; -moz-box-shadow: 0 0 3px #ddd;
-webkit-box-shadow: 0 0 10px #ddd; padding: 5px; overflow: hidden;}
#single .entry_post .insert-post p{width: 120px;  left:5px; margin-left: 0; position: absolute; top: 5px; }
#single .entry_post .insert-post p img{margin: 0; width: 100%;}
#single .entry_post .insert-post h3{ line-height: 1.4; overflow: hidden; font-size: 1.1em;  margin-left: 125px; margin-bottom: 3px;}
#single .entry_post .insert-post h3 a{color: #222; }
#single .entry_post .insert-post h3 a:hover{text-decoration: none; color: #fd2b5d;}
#single .entry_post .insert-post .summary{ margin-left: 130px; line-height: 1.3; color: #777; font-size: 0.85em; display: none;}
#single .entry_post .insert-post a{background: none !important;}
/* 記事挿入 ここまで */

/* カード挿入 */
.insert-card .follow_card{display: block; margin: 0 5px 5px 5px; background: #e8406b !important; color: #fff; border-radius: 1px; padding: 5px 0px 5px 0px; font-size: 0.9em; /* position: absolute; left: 120px; bottom: 10px; */ vertical-align: middle; text-align: center;}
.insert-card .follow_card i{font-size: 1.3em;  padding-right: 2px;}
.insert-card .follow_card span{font-size: 1.2em;}

.insert-card{position: relative; overflow: hidden; float:left; display:inline; width: 48%;  /* min-height: 200px;  */border: solid 1px #ddd; padding: 0px 0px 0px 0px; margin: 0 1% 10px 1%; border-radius: 2px;
box-shadow: -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -moz-box-shadow:-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
.insert-card a{background: none !important;}
.insert-card .thumb {position: relative; margin: 0 auto 15px auto; overflow: hidden;}
.insert-card .thumb a{display: block; color: #aaa; text-align: center;line-height: 120px; height: 114px; width: 100%; position: relative;}
.insert-card .thumb a:hover{text-decoration: none;}
.insert-card .thumb a img{
	position: absolute;
    left: -100%;
    right: -100%;
	margin: 0 auto !important;
/* 	margin-left: auto !important; */
	width: auto !important;
    height: 100% !important;

}

.insert-card .thumb a span{font-size: 35px; text-shadow: 0px 1px 0px #fff; }
.insert-card .thumb a span.sub{font-size: 16px;}

.insert-card .thumb a.follow_card, .insert-card .thumb a.follow_card.nofollow{display: block; position: absolute; bottom: 0px; right: 0px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 7px 0px 0px 0px;}
.insert-card .thumb a.follow_card i, .insert-card .thumb a.follow_card.nofollow i{font-size: 25px; line-height: 31px; padding-left: 2px; }


.insert-card div.date{text-align: center; background: rgba(232, 65, 107, 1); color:#fff; font-weight: normal; position: absolute; top:10px; left: 0; height:23px; line-height: 22px; border-radius: 0 2px 2px 0; padding: 0 5px; border-bottom: solid 1px rgba(198, 47, 85, 1); }
.insert-card div.date.finish{background: #999 !important; }

.insert-card h2{text-align: center; font-size: 1.2em !important; line-height: 1.3; font-weight: bold; letter-spacing: 0em;  max-height: 56px; overflow: hidden; padding: 0 5px !important; display: block; align-cards: inherit; border:none !important; margin: 0 0 5px 0 !important;}
.insert-card h2:after {content: none;}
.insert-card h2 a{color: #333;}

.insert-card div.cat{text-align: center; font-size: 1em; color: #888; margin-bottom: 5px;}
.insert-card div.cat i{padding-right: 2px;}
.insert-card .meta{display: none;}

/* カード挿入ここまで */


.page-links {
    text-align: left;
    overflow: hidden;
    margin: 10px 0px;
}
.page-links b{font-weight: bold; font-size: 1.0em;}

.page-links span {
    float: none;
    display: inline-block;
    height: 28px;
/*     width: 28px; */
    line-height: 28px;
    text-align: center;

    margin: 0 2px 10px 2px;
    font-size: 120%;
    border: solid 1px #ddd;
    width: 28px;
}

.page-links span {
    color: #fff;
    border: solid 1px #fd2b5d;
    background: #e83f6b;
}

.page-links a span {
    color: #e83f6b;
    border: solid 1px #ddd;
    background: #fff;
}
.page-links a:hover span{background: #e83f6b; border: solid 1px #e83f6b; color: #fff;}


.bottom_author{margin: 0 0px 10px 0px; font-size: 1.2em;}

/* コラムのバックナンバーリスト */
#backnumber{background: #f3f3f3; margin: 0 10px 10px 10px; padding-bottom: 10px;}
#backnumber h3{background: #222; color: #fff; text-align: center; padding: 3px 0; font-size: 1.2em; }
#backnumber ul{margin: 5px;}
#backnumber ul li{margin-bottom: 7px; list-style-type: none; font-size: 1.1em; line-height: 1.4em;}
#backnumber ul li span{padding-right: 5px; font-size: 0.85em; color: #e83f6b;}
#backnumber ul li a{color: #222; }
#backnumber ul li.cur a{font-weight: bold;}
#backnumber .more{background: #e83f6b; color: #fff; text-align: center; padding: 3px 0; margin: 0 10px 0px 10px; border-radius: 2px; font-size: 1.1em; font-weight: bold; display: block;}


/* タグライン */
#single .tags{margin-bottom: 10px;  }
#single .tags ul{ margin: 0 10px 0 10px; display: block;} /* 横幅より少なかった時のため */
#single .tags li {padding-right: 3px;  float:none; display: inline-block; width: auto;  white-space:nowrap; font-size: 0.9em; }/* 横幅より少なかった時のため */
#single .tags.scroller{height: 45px;}
/* タグライン ここまで */

#bottom_share{position: fixed; /* display: none; */ top:-45px; left:-10px; width: 100%; height: 45px; background: #222; z-index: 98;}
#bottom_share .in{ overflow: hidden; padding: 0 10px;}

#bottom_share ul{/* float:left; display:inline; */ overflow: hidden; flex-wrap:wrap; justify-content:space-between; width: 100%;
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
#bottom_share ul li{/* float:left; display:inline;  *//*  margin-right: 10px; */}
#bottom_share ul li.first{color: #fff; line-height: 45px; font-weight: bold;}
#bottom_share ul li a{text-indent:-9999px; background-repeat: no-repeat; display: block; height: 45px;  background-position: center center; width: 35px;}
#bottom_share ul li.fb a{background-image: url(images/share_facebook.png); background-size: 35px auto; }
#bottom_share ul li.twi a{background-image: url(images/share_twitter.png); background-size: 35px auto; }
#bottom_share ul li.line a{background-image: url(images/share_line.png); background-size: 35px auto; }
#bottom_share ul li.hateb a{background-image: url(images/share_hateb.png); background-size: 35px auto; }
#bottom_share ul li.mail a{background-image: url(images/share_mail.png); background-size: 35px auto; }


.follow{margin: 0px 0px 20px 0px; position: relative; height: 120px; background: #222; color: #fff}
.follow img.thumb{width: 120px; height: 120px; position: absolute; }
.follow .list h3{margin-bottom: 10px; padding-bottom: 7px; border-bottom:solid 1px #333;  margin-top: 0px; }
.follow .list{margin: 0px 10px 10px 130px; padding: 10px 0 0 0;}
.follow ul{overflow: hidden; }
.follow ul li.fb{width: 105px; overflow: hidden; margin-bottom: 10px;padding-top: 5px; float:left; display:inline; width: 50%; text-align: center;}
.follow ul li.line{margin-bottom: 10px; float:left; display:inline; width: 50%; text-align: center;}
.follow ul li.line img{height: 30px; width: auto; overflow: hidden; vertical-align: top;}
.follow ul li.twi{text-align: center;}

#next_post{  margin: 0; position: relative; }
#next_post .in{position: relative; left: -100%; top:0;}
#next_post h2{background: #222; color: #fff; font-size: 1.2em; padding: 5px 5px; font-weight: bold;}
#next_post h2 span{ color: #fd2b5d;font-size: 0.8em; font-family: 'Passion One', cursive; font-weight: normal; line-height: 1.4; letter-spacing: 3px; padding-left: 10px;}
#next_post article{padding: 5px; position: relative; height: 60px; border-bottom: solid 1px #fff; background: #f5f5f5;}
#next_post article a.thumb{position: absolute; width: 60px; height: 60px; display: block; overflow: hidden; border-radius: 30px; }
#next_post article a img{}
#next_post article h3{ margin: 0 0 0 70px; line-height: 1.2; font-size: 1.1em;
height: 60px;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center;
 	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
}



section.list_title{margin: 0 0 15px 0; height: 100px; overflow: hidden; position: relative; background-position: center center; background-size: cover; background-color: #222;}
section.list_title div{background: rgba(0, 0, 0, 0.5); height: 100px; position: absolute; width: 100%; top: 0;}
section.list_title h1{  display: block;margin: 0px;
  padding: 20px 0 0 0;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%; webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
section.list_title h1:after{content: ""; }
section.list_title h1 span, #list section.list_title h1 i, #list section.list_title h1 b{line-height: 1;}
section.list_title h1 span{display: block; color: #fd2b5d; font-size: 0.7em; letter-spacing: 5px; font-family: 'Passion One', cursive; font-weight: normal;}
section.list_title h1 i{display: block;  color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 5px; }
section.list_title h1 b{display: block; color: #fff; font-size: 0.85em; letter-spacing: 2px; font-weight: bold;}

section.sp_title{margin: 0 0 15px 0; }
section.sp_title div.eyecatch{margin:0;}
section.sp_title div.eyecatch img{vertical-align: top;}
section.sp_title div.info{background: #f0f0f0; padding: 10px;}
section.sp_title div.info h1{font-size: 1.1em; color: #333; letter-spacing: inherit; font-weight: bold;}
section.sp_title div.info h1:after{content: none;}
section.sp_title div.info div.note{font-weight: normal;}
section.sp_title div.info div.note p{line-height: 1.4; margin-bottom: 13px;}
section.sp_title ul.cats{margin: 10px 0px 0 0px; overflow: hidden;}
section.sp_title ul.cats li{float: left; width: calc(50% - 10px); margin: 0 5px 5px 5px; font-size: 1.1em; text-align: center;}
section.sp_title ul.cats li a{display: block; background: #222; color: #fff; padding: 3px 0px; border-radius: 2px;}
section.sp_title ul.cats li.cur a{background: #fd2b5d; color: #fff;}

#list .change_rank_type{margin: 30px 0;}

#list section.info{margin-bottom: 25px;}
#list section.info .summary{margin: 20px 0 0px 0;}
#list section.info .summary p{line-height: 1.5; font-size: 1.1em;}

#list section.info.author .name{font-size: 1.5em;}
#list section.info.author .summary{margin: 10px 0 0px 0; font-size: 1.15em;}

/* タグライン */
#list section.info .filters{margin:0 -10px 5px -10px; height: 30px; }
#list section.info .filters ul{ margin: 0 0px 0 10px; }
#list section.info .filters li {padding-right: 5px;  float:none; display: table-cell !important; width: auto;  white-space:nowrap; font-size: 0.9em; text-align: center;}
/* タグライン ここまで */


aside ul.official_account {/* float:left; display:inline; */ overflow: hidden; flex-wrap:wrap; justify-content:space-around; width: 100%;
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}

aside ul.official_account li a{text-indent:-9999px; background-repeat: no-repeat; display: block; height: 45px;  background-position: center center; width: 45px;}
aside ul.official_account li.fb a{background-image: url(images/share_facebook.png); background-size: 45px auto; }
aside ul.official_account li.twi a{background-image: url(images/share_twitter.png); background-size: 45px auto; }
aside ul.official_account li.line a{background-image: url(images/share_line.png); background-size: 45px auto; }
aside ul.official_account li.rss a{background-image: url(images/share_rss.png); background-size: 45px auto; }


/* ページング */
.wp-pagenavi{text-align: center; overflow: hidden; margin: 10px 0 30px 0;}
.wp-pagenavi a, .wp-pagenavi span{float:none; display:inline-block; height:28px;  min-width:28px;  line-height: 28px; text-align: center;  margin: 0 3px; font-size: 1.2em; }
.wp-pagenavi a{  border: solid 1px #fd2b5d; }
.wp-pagenavi span.current{font-weight: bold;}
.wp-pagenavi span{ border: solid 1px #222; background: #222; color: #fff;}
.wp-pagenavi span.extend{border: none !important; background: #fff !important; padding: 0 !important; color: #ccc !important;}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{ border-color:#fff; font-size: 1.7em; font-weight: bold; }

.tbl{display: block; margin: 0 10px;}
.tbl tbody{display: block;}
.tbl tr, .tbl th, .tbl td{text-align: left; font-weight: normal;}
.tbl tr{display: block; margin-bottom: 20px;}
.tbl th{display: block; font-weight: bold; font-size: 1.1em; line-height: 1.4;}
.tbl td{display: block;}
.tbl td select{font-size: 1.2em; border:solid 1px #222; border-radius: 0; min-width: 50%;}
.tbl td input, .tbl td textarea{border:solid 1px #222; display: block; width: 100%; padding: 3px 5px; font-size: 1.2em; background: #fff; -webkit-appearance: none; border-radius:0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.tbl td .submit{text-align: center;}
.tbl td .submit input{background-color: #fd2b5d; border-color: #fd2b5d; border-radius: 2px; padding: 7px 0; color: #fff; font-weight: bold;}
.tbl .impact{color: #fd2b5d;}
.tbl .ajax-loader{width: auto !important; height: auto !important; text-align: center;}
.tbl .ajax-loader img{display: inline;}
.tbl td.textarea.pr_note textarea{height: 500px;}

table.tbl_a{border-collapse: collapse; border:solid 1px #222; width:100%; margin:20px 0;}
table.tbl_a td, table.tbl_a th{border:solid 1px #222; padding:5px; line-height: 1.5;}
table.tbl_a td p, table.tbl_a th p{margin:0; }
table.tbl_a th{background:#555; color: #fff; text-align: center; font-weight: bold; }
table.tbl_a th b{font-size: 1.2em; display:block; margin-bottom: 5px;}

footer{ margin-top: 10px; }
footer .gotop{text-align: right; margin: 10px 0; padding: 0 10px;}
footer .body{background: #fd2b5d; padding: 15px 10px; color: #fff; overflow: hidden; }
footer .body a{color: #fff;}
footer .body section{ margin-bottom: 15px;}

footer .body section h2{font-weight: bold; font-size: 1.0em; margin-bottom: 7px;  }
footer .body section h2:before{content: "\f0d7"; padding-right: 4px; padding-left:2px; font-family: 'FontAwesome'; }
footer .body section ul{overflow: hidden;}
footer .body section ul li{width: 48%; margin: 0 1% 7px 1%; float:left; display:inline;}
footer .body section ul li:before{content: "・"; padding-right: 3px; }
footer .copyright{text-align: center;margin-top: 10px; font-size: 0.9em;}



@media screen and (min-width: 568px) {
  /* #translate{float:right; display:inline; } */

}

/* iphone6s ランドスケープ以上 */
@media screen and (min-width: 667px) {

	.box_c .items{margin: 0; overflow: hidden;}
	.box_c .items article{ flex-basis: 32%; margin: 0;}
	.box_c .items article span.popular{background-size: 60px 60px;  width: 60px; height: 60px;}
	.box_c .items article span.new{background-size: 60px 60px; width: 60px; height: 60px;}

	.box_d .items{margin: 0 -1%;}
	.box_d .items article{overflow: hidden; position: relative;  float:none; display:block; width: auto;min-height: 61px; margin-bottom: 10px;}
	.box_d .items article .thumb{width: 100px; }
	.box_d .items article div{margin-left: 110px; margin-top: 0px;}
	.box_d .items article div h2{max-height: 45px;}

  section.sp_title ul.cats li{ width: calc(33.3% - 10px);  font-size: 1.2em; }
  section.sp_title ul.cats li a{padding: 5px 0;}

  .box_h .items article{  width: calc(50% - 10px); margin: 0 5px 10px 5px; }
  .box_h .items article span.popular{background-size: 60px 60px;  width: 60px; height: 60px;}
  .box_h .items article span.new{background-size: 60px 60px; width: 60px; height: 60px;}



	#next_post h3{font-size: 1.2em;}

	header #usermenu h1 .copy{display: inline;}
	.bottom_author{margin: 0 10px 10px 10px;}

	#single .img_list{margin:10px 0;}
}

/* ipad 縦以上 */
@media screen and (min-width: 768px) {
	#wrap, .inner{ }
	main section, aside section{margin: 0px 0px;}
	main{margin-top: 0px; width: 68%; margin-left:1%; margin-right: 1%; float:left; display:inline;}
	aside{margin-top:0px; width: 29%; margin-right: 1%; float:right; display:inline; }
	#next_post{display: none;}

#bcrumb{display: block; padding-top: 0px; margin-bottom: 4px; position: relative; /* line-height: 40px; */ }
	#bcrumb ul{}
	#bcrumb ul li{display: inline-block; font-size: 0.9em;}
	#bcrumb ul li a{color: #777;}
	#bcrumb ul li:after{content: "\f105"; font-family: 'FontAwesome'; display: inline-block; margin: 0 5px; color: #aaa;}
	#bcrumb ul li.cur:after{content:none; margin: 0;}

	/* スクロールマスク */
	.scroller {overflow: hidden;}
	.scroller .smask{overflow-x: hidden; -webkit-overflow-scrolling: auto; height: auto;}
	.scroller .smask .items, .scroller .smask ul{display: block; margin: 0 auto; max-width: inherit; min-width:inherit; width: auto; overflow: hidden; }
	.scroller .smask .items article, .scroller .smask ul li{float: none; display: inline-block; margin-bottom: 10px; }
	main h1 span, aside h1 span{ font-size: 0.6em;	line-height: 2.1;}

	header #usermenu{ font-size: 1.0em;}

	header .sform{display: block; position: absolute; right: 5px; top: 6px; }
	header .toggle_search{display: none;}

	.slide_box .slider .slick-prev{left: 0; }
	.slide_box .slider .slick-next{right: 0; }
	.slide_box{margin:0  0px  20px  0px;  }
	.slide_box .slider li a h2{  background: rgba(0,0,0, 0.5); color: #fff; position: absolute; bottom: 0; padding: 15px; font-size: 1.8em; line-height: 1.5;}

	.box_a h1{margin: 0 0px 10px 0px;}
	.box_a .items{margin: 0 -2% !important; position: relative; }
	.box_a .items article{ width: 29.3%;  height:auto; margin: 0 2% 25px 2%;  float:left !important; display:inline !important;}
	.box_a .items article div{height:auto; width: auto; margin: 0;}
	.box_a .items article div h2 a{font-size: 1.1em; line-height: 1.15; font-weight: normal;}
	.box_a .scroller{height: auto;}/* スクロール ブロック*/

	.box_b .items{margin: 0 -1% !important; padding-left: 0; position: relative;}
	.box_b .items article{ width: 23%; margin: 0 1% 10px 1%; float:left !important; display:inline !important;}
	.box_b .items article div{ width: auto; margin-right: 0px;}
	.box_b .items article div a.thumb{display: block; }
	.box_b .items article div a.thumb img{vertical-align: top;}

.box_b .items article div h2{position: relative;  letter-spacing: 2px;}
.box_b .items article div h2 a{ font-size: 1.1em; width: 100%; }

	.box_b .scroller{height: auto;}/* スクロール ブロック*/

	.box_d .items article div .type, 	.box_d .items article div .cat{display: none;}
	.box_d .items article div h2 {max-height: none;}
	.box_d .items article h2 a{line-height: 1.25; font-size: 1.1em; }

  .box_h .items article{  width: calc(100% - 20px); margin: 0 10px 10px 10px; }
  .box_h .items article a.thumb{width: 150px;}
  .box_h .items article a.thumb img{width: 150px; height: 150px;}
  .box_h .items article h2, .box_h .items article .summary{margin-left: 160px;}
  .box_h .items article h2{font-size: 1.2em; margin-bottom: 10px;}
  .box_h .items article .summary{font-size: 1.1em;}

  #backnumber{margin: 0 0 10px 0;}
  #backnumber ul{margin: 10px;}
  #backnumber ul li{margin-bottom: 10px;}
#backnumber .more{ padding: 5px 0; margin: 0 30px 0px 30px; }



	#bottom_share{position: fixed; display: none; top:inherit; bottom:15px; left:inherit; width: auto; height: 45px; background: #222; z-index: 98; border-radius: 2px;}
	#bottom_share ul{display: block; text-align: center;}
	#bottom_share ul li{display: inline-block; margin: 0 20px; line-height: 45px;}
}

/* ipad ランドスケープ以上（ここからはパソコンと同様表示） */
@media screen and (min-width: 1020px) {
	#wrap, .inner{  padding: 0 7px; }
	main section, aside section{margin: 0px 0px;}
	main{ width: 660px; margin: 0px 0 0 0; float:left; display:inline; }
	aside{ width: 336px;  margin:0px 0 0 0; float:right; display:inline;}




	main h4, aside h4{font-size: 1.1em;}




	.box_c .items{margin: 0 ; }
	.box_c .items article{flex-basis: 48.7%; margin: 0;}
	.box_c .items article div{ margin-bottom: 25px; }
	.box_c .items article div a.thumb{margin-bottom: 7px; }
	.box_c .items article div h2 a{ font-size: 1.2em; line-height: 1.4;}

	.box_d .items{margin: 0 0;}
	.box_d .items article{overflow: hidden; position: relative;  float:none; display:block; width: auto;height: 85px; margin-bottom: 20px;}
	.box_d .items article .thumb{width: 140px; }
	.box_d .items article div .type{display: none;}
	.box_d .items article div{margin-left: 150px; margin-top: 0px;}

  .box_h .items{margin: 0 0 0 0; }
  .box_h .items article{margin: 0 0 20px 0; width: 100%;}




	#single h1.title{margin: 20px 0; font-size: 1.9em;}

	#single .meta{font-size: 1em;  overflow: hidden; margin-bottom: 20px;}

	#single .entry_post{margin: 0 0px 20px 0px;  }
	#single .entry_post p img, #single .entry_post div img{ width:auto; margin-left: 0; max-width: 100%;}
	#single .entry_post img.aligncenter{ margin: 0 auto;}
	#single .entry_post img.autosize.aligncenter{ margin: 0 auto;}
	#single .entry_post div.aligncenter{margin: 0 auto;}

	#single .entry_post h2{margin-bottom:15px; font-size: 1.6em;}
	#single .entry_post h3{font-size: 1.45em; margin-bottom: 15px; }
	#single .entry_post p{margin: 0 0 20px 0; font-size: 1.3em; line-height: 1.75;}



	#single .entry_post blockquote{ padding-left: 20px;}
	#single .entry_post iframe{width:100%; margin: 0; }

	#single .entry_post ul li{ margin-left: 15px;  line-height: 1.45; font-size: 1.3em;}
	#single .entry_post ol li{  line-height: 1.45; font-size: 1.3em;}

	#single .entry_post .gallery { overflow: hidden; display: block; width: auto; margin: 0 -1% 0 -1%; display: block; }
	#single .entry_post .gallery br{display: block;}
	#single .entry_post .gallery .gallery-item{float:left; display:inline; margin: 0 1% 20px 1%;}
	#single .entry_post .gallery .gallery-caption {margin-top: 3px;}

	#single .entry_post h1.headline{ font-size: 1.5em;}

	#single .entry_post .block{margin: 0 0 30px 0; overflow: hidden;}
	#single .entry_post .block .thumb{margin-bottom: 10px; float:left; display:inline; width: 40%; margin-right: 3%; position: relative; z-index: 1;}
	#single .entry_post .block .note{margin-bottom: 0px; float:left; display:inline; width: 57%; }
	#single .entry_post .block.block_movie .note{margin-bottom: 0px; float:none; display:block; width: auto; }
	#single .entry_post .block .go_link{ font-size: 1.1em; }

	#single .entry_post .insert-post {margin: 0 0 30px 0;  height: auto;  padding: 15px;}
	#single .entry_post .insert-post p{width: 120px;  left:15px; top: 15px; }
	#single .entry_post .insert-post h3{ font-size: 1.25em;  margin-left: 140px; }

	#single .entry_post .insert-post .summary{ margin-left: 140px; line-height: 1.3; color: #777; font-size: 1em; display: block;}



	.insert-card{width: 31%;}

	#single .tags{margin-bottom: 20px;}
	#single .tags.scroller{height: auto;}
	#single .tags ul{ margin: 0;}

	.follow ul{overflow: hidden; width: 100%; margin-top: 20px;}
	.follow ul li{width: 31.3% !important; float:left; display:inline;}
	.follow ul li.twi{margin-top: 5px;}


	#list section.info .filters{margin:0; height: auto; }
	#list section.info .filters ul{ margin: 0 0 0px 0; overflow: hidden;}
	#list section.info .filters li {padding-right: 5px;  float:left; display:inline; }

	aside ul.official_account{display: block; text-align: center; width: 100%;}
	aside ul.official_account li{display: inline-block; width: 23%;}
	aside ul.official_account li a{width: 100%;}

	footer .body{overflow: hidden; padding: 25px 0;}
	footer .body section { width: 33.3%; float:left; display:inline; margin: 0;}
	footer .body section ul li{width: 48%; margin: 0 1% 13px 1%; float:left; display:inline;}

}

/* 大型画面 */
@media screen and (min-width: 1030px) {
	#wrap, .inner{margin: 0 auto; width: 1016px; padding: 0 10px; position: relative;}
	header .menu{left: 10px; }
	header .search{right: 10px; }


}