@charset "UTF-8";

/*!
Theme Name: an-style
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

#wpadminbar {
z-index: 999;
}
#header-container {
    background-color: #fff;
}
.header {
	line-height:0;
	background: url(../../uploads/2019/06/headimg-bg.png) repeat-x;
	border-top: 2px solid #999;
}
#spotlight .header {
	background: none;
}
#spotlight .header div {
	margin-right:20px;
}

.header .header-in {
/*	margin-bottom:-6px;*/
    min-height: 95px;
}

.single .entry-content img {
	margin: 0 5px;
}
.logo-image {
		text-align:center;
    padding: 0;
    max-height: 180px;
	max-width:1040px;
	margin:0 auto;
	background: url(../../uploads/2019/06/headimg-cloud.png) repeat;
animation: bgscroll 20s linear infinite;
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 755px 0;}
}

.logo-mo {
	display:none;
}
.navi-in > ul li {
    height: 40px;
    line-height: 40px;
}
.navi-in a:hover {
    transition: all 0s;
}
#navi .navi-in li.current-menu-item a,
#navi .navi-in a:hover {
    background-color: #D6F5FC;
	color:#D93C00;
}
.article h1 {
	font-size: 28px;
	background: #e37200;
	border-radius: 10px 4px 10px 4px;
	color:#fff;
	padding: 13px;
}
.archive-title {
	color: #8c4402;
}
.blog h1:before,
.article h1:before {
    font-family: "FontAwesome";
    content: '\f091';
    margin-right: 3px;
/*    color: #ff8627;*/
    color: #ffd700;
}
.article h2 {
	color:#333;
	border: 1px solid #ffddc1;
	background: #fff8f2;
	background: #fff5ee;
	padding: 8px 0 10px 8px;
	clear:both;
margin: 0 0 1em;
}
.article h2:before {
    font-family: "FontAwesome";
    content: '\f02d';
    margin-right: 10px;
    color: #ff8627;
}
.entry-title, .archive-title {
  margin: 0 0 15px;
}
.entry-card-content h2.entry-card-title {
	margin-top: 8px;
}

.sidebar h3,
.article h3 {
	border:none;
	border-left: 6px solid #ff8627;
	padding: 6px 10px;
	font-size: 20px;
	background: none;
	color:#333;
	clear:both;
}
.article h3.front_subtitle {
	margin-top:10px;
}
.article h4 {
	border: none;
	font-size: 18px;
	border-left: 5px solid #ffc609;
	padding: 4px 10px 3px;
}
.article .list h4 {
	border:none;
	margin: 0;
	padding: 0;
	font-size:14px;
	font-weight:normal;
}
.article h5 {
	border: none;
	font-size: 18px;
}
.article h6 {
	border: none;
}
.article .toc {
	background:#f9f9f9;
}
.article .toc ol{
	margin-top:0;
}
.list .ect-vertical-card .entry-card-wrap .entry-card-content {
    margin: 0;
}
.list .entry-card-content {
    padding-bottom: 0;
}
.list {
	margin-bottom:40px;
}
.sidebar h3 {
	padding: 3px 0 3px 10px;
	background: #fff8f2;
	border-radius:0;
}
.ect-3-columns .entry-card-wrap {
    width: 30%;
    padding: 7px 10px;
}
.a-wrap {
    background-color: #f5f8fa;
	border:2px solid #7671df;
}
.a-wrap:hover {
    background-color: #d6f5fc;
    transition: none;
    color: #333;
}
.blogcard-wrap.a-wrap {
    border:none;
}

.tbl-order th,
.info_tbl th {
	white-space: nowrap;
}
.info_tbl th,
.info_tbl td {
	font-size:0.9em;
}
.tbl-order th {
	text-align: left;
	padding-left:10px;
	padding-right:10px;
}
.tbl-order th,
.tbl-order td {
	font-size:0.9em;
}
.tbl-order td:nth-of-type(3) {
	text-align: right;
	padding-right:20px;
}
.cf_form {
	padding:20px;
  background-color: #fffaf4;
  background-color: #f4f4ff;
	border: 1px solid #ccc;
}
.article ul.cf_form li {
	list-style:none;
	margin-bottom:15px;
	color:#333;
}
.cf_required {
	font-size:14px;
	margin-left:0.5em;
	font-weight:bold;
}

table th, table td {
	border:none;
}
.widget-footer-right p {
	margin-top:0;
}
.go-to-top .go-to-top-button {
    border: 2px solid #ffc609;
}
.go-to-top .go-to-top-button:hover {
    background-color: #666;
}

.single table {
	margin-bottom:40px;
}
.single table tr,
.single table td {
	background:none;
	padding: 3px;
}
.single .article td {
	border-bottom:1px solid #ddd;
}
.single .article td.model {
	border-top:3px solid #ffc609;
	background:#fff8e6;
}
.single .article td.note {
	border-bottom:3px solid #ffc609;
	background:#f4f4ff;
	font-size:0.85em;
	padding:0.5em;
}
.single .article td.note strong{
	color:#615fa7;
}
.single .article td.model h2 {
	margin:10px;
	padding:0;
	border:none;
	background:none;
}
.single .article td.model h2:before {
    content: none;
}
.eye-catch img {
	border:1px solid #ddd;
}
.data-ico {
/*	text-align:right;*/
	font-size:0.8em;
}
.data-ico img {
	width:27px;
	margin-right:10px;
}
.t_title {
	font-size:0.85em;
}

.p-cata {
	color:#666;
	font-size:0.85em;
	text-decoration: line-through;
}
.p-an {
	color:#cc0000;
	font-weight:bold;
}

/*タグクラウド*/
.entry-content .count-tag-cloud,
.sidebar .count-tag-cloud {
	margin:0;
	padding:0;
}
.entry-content .count-tag-cloud li,
.sidebar .count-tag-cloud li {
	display:inline-block;
	margin:0 10px 10px 0;
	font-size:85%;
}
.entry-content .count-tag-cloud li {
	margin:0 20px 20px 0;
}
.entry-content .count-tag-cloud li::before,
.sidebar .count-tag-cloud li::before {
    content:none;
}
.entry-content .count-tag-cloud li a,
.sidebar .count-tag-cloud li a {
	display:block;
	padding:0 5px;
	border:1px solid #e0dcfc;
/*	border:1px solid #bb8800;*/
	background:#F5F5FF;
	text-decoration:none;
	color:#4169E1;
}
.entry-content .count-tag-cloud li a {
	padding:8px 20px;
	font-size:18px;
}
.entry-content .count-tag-cloud li a:hover,
.sidebar .count-tag-cloud li a:hover {
	background:#fff;
	color:#ff5500;

}
.entry-content .count-tag-cloud li span,
.sidebar .count-tag-cloud li span {
	margin-left:5px;
	color:#555;
	font-size:85%;
}
.entry-content .count-tag-cloud li span {
	margin-left:10px;
}
.catelist ul li {
	list-style:none;
	margin-bottom:5px;
	font-size:18px;
}

.catelist ul li a{
	margin-bottom:0;
	padding:10px;
	display:block;
}
.catelist ul li a:hover{
    background-color: rgba(51,51,51,.05);
}
.catelist ul li li a{
	margin-bottom:0;
}
.catelist ul li a {
	text-decoration:none;
}
.catelist ul li a:before,
.widget_categories ul li a:before {
    font-family: "FontAwesome";
    content: '\f14a';
    margin-right: 10px;
    color: #ff8627;
}
.catelist ul li li a:before,
.widget_categories ul li li a:before {
    font-family: "FontAwesome";
    content: '\f0da';
    margin-right: 10px;
    color: #ff8627;
}
.footer-in .widget_categories ul li a:before {
    content: none;
}
.entry-card-content {
    padding-bottom: 0.5em;
}
.ect-3-columns .entry-card-snippet {
    max-height: 3.9em;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
/*	max-height:155px;*/
	overflow: hidden;
	margin-bottom:0;
}
.widget_categories ul li a {
	padding: 3px 0;
}

.widget_categories .post-count {
	color:#aaa;
	font-size:0.9em;
}
.pager-post-navi a.prev-post {
	margin-right:5px;
}
.pager-post-navi a.next-post {
	margin-left:5px;
}
.post-navi-square.post-navi-border a:last-child {
    border-left-width: 1px;
}
.pager-post-navi {
    margin: 0 0 38px;
}
.pager-post-navi-head {
    margin: 22px 0;
}

/*リンクカラー*/
.widget_categories ul li a,
.toc-title::after,
.toc a {
	color:#2320ac;
}
.widget_categories ul li a:hover,
.toc-title:hover::after,
.toc a:hover {
  text-decoration: none;
	color:#ff4500;
	transition: all 0s;
}
.breadcrumb a:hover {
    color:#ff4500;
}

.front-slider {
  padding: 0 0 10px;
}

.tabnav{
    margin: 0;
    padding: 0;
/*    border-bottom: 3px solid #405dca;*/

}
.article .tabnav li{
    display: inline;
	margin:0;
}
.tabnav li a{
    display: inline-block;
    background: #e9ecfe;
    color: #333;
    padding: 10px 10px 10px 40px;
    border-radius: 5px;
    text-decoration: none;
	width:49.5%;
	position: relative;
	border: 1px solid #405dca;
}
.tabnav li a.active:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e9ecfe;
  border-top: 15px solid #405dca;
  width: 0;
  height: 0;
}

/*.tabnav li a.active:after {
  border-top: 15px solid #405dca;
}*/
.tabnav li a:hover,
.tabnav li a.active{
    background: #405dca;
    color: #fff;
}
.tabcontent{
    padding: 0;
	margin-top: 0;
}
.tabcontent a {
	text-decoration:none;
}
.article h2.tab-title {
	margin-top: 50px;
	margin-bottom: 30px;
}

/* アコーディオン */
#entry_body.aw-front .ac-containe h3{
	margin-bottom:1px;
}
.ac-container{
    width: auto;
	border-top:5px solid #fff;
}
.ac-container label{
/*    width: 300px;
    text-align: center;
    margin: auto;*/
    background: #c86400;
		font-size:18px;
		font-weight:bold;
    padding: 10px 30px 10px 10px;
    position: relative;
    display: block;
/*    height: 40px;*/
    cursor: pointer;
    color: #fff;
}
.ac-container label:hover{
/*    background: rgba( 255, 155, 155, 0.55 );*/
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ac-container label:after{
/* color: #fff; f067+ f068- f103 f102*/
    font-family:"FontAwesome";
    content:"\f103";
		font-weight: 900;
	position: absolute;
	right:15px;
	top:9px;
}
.ac-container input:checked ~ label:after {
/* color: #fff;*/
   font-family:"FontAwesome";
   content:"\f102";
	font-weight: 900;
}
.ac-container input{
   display: none;
}
.ac-container div{
/*   background: rgba(255, 255, 255, 0.5);*/
   margin-top: -1px;
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
#contents .ac-container h3 {
	clear:both;
   font-size: 18px;
}
.ac-container h4 {
	margin-bottom:0;
	clear:both;
}
#contents .ac-container p{
   color: #333;
   line-height: 1.4;
   font-size: 16px;
   padding: 1em;
	margin-bottom:0;
}
/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{
   height: 150px;
}
.ac-container input:checked ~ div.ac-medium{
   height: 200px;
}
.ac-container input:checked ~ div.ac-large{
   height: auto;
	padding:1em;
	background:#fff9f2;
	margin-bottom:0;
	overflow:hidden;
}
.ac-container input:checked ~ div.ac-large li {
	margin-bottom:0.5em;
}
.pager-post-navi a figure {
    min-width: 85px;
    max-width: 120px;
}

.pagenevi-sub{
	margin:10px 0 15px;
}
.pagenevi-sub li{
	display:inline-block;
	padding:0 10px;
	text-align:center;
	width:45%;
	font-size:1.5em;
	background:#00a0dd;
	font-weight:bold;
	color:#fff;
	border-radius:3px;
}
.pagenevi-sub li.next-sub {
	background:#8ecdf0;
}
.pagenevi-sub li.next-sub:hover {
	background:#00a0dd;
}
.pagenevi-sub li a{
	display:block;
	color:#fff;
	text-decoration:none;
}

.menu-caption {
	font-weight:bold;
}
.mobile-menu-buttons {
    background: #333;
	border-top:3px solid #fc0;
	z-index: 10;
}
.menu-button .fa,
.menu-caption,
.mobile-menu-buttons .menu-icon::before {
	color:#fc0;
}
.menu-button:hover .fa {
	color:#d74728;
}
.mobile-menu-buttons .menu-button:hover .menu-caption {
	color:#333;
}
.mobile-menu-buttons .menu-button:hover {
    background-color: #fff;
    transition: all 0s ease;
}

#text-10,
#text-11 {
	display:none;
}
.btn-l, .ranking-item-link-buttons a, .btn-wrap.btn-wrap-l > a {
    padding: 14px 25px 14px 0;
    margin: 1em 2.8em 1em 0;
}
.entry-card-title {
    font-size: 16px;
	line-height: 1.2;
}
#header-container .navi {
    border-bottom:none;
}
.page-id-6721 p,
#menu-item-10459,
/*#menu-item-8927,*/
#menu-item-8928 {
	display:none;
}
.pagination a:hover,
.pagination-next-link:hover {
    background-color: #d6f5fc;
    transition: all 0s ease;
}
.pagination .current {
    background-color: #d6f5fc;
    border-color: #7671df;
}
.key-btn {
    background-color: #f5f8fa;
    border-color: #7671df;
}
.page-numbers,
.page-numbers.dots {
    border-color: #7671df;
}
/*.single-top-navi .card-thumb,
.single-top-navi h3 {
	display:none;
}*/
.single-top-navi {
	width:70px;
	margin:0 auto 10px;
}

.single-top-navi .pager-post-navi {
margin: -10px auto 15px;
/*	width:90px;*/

}

.single-top-navi .pager-post-navi a.a-wrap {
	height:1em;
/*	width:1.5em;*/
	text-overflow: ellipsis;
  white-space: nowrap;
/*	overflow:hidden;*/
	display:flex;
    background-color: #fff;
	border:0;
	color:#2629d1;
}
.single-top-navi .pager-post-navi a:hover.a-wrap {
	color:#ff8627;
}
.single-top-navi .fa {
	font-size:1.5em;
}
.single-top-navi .pager-post-navi a.prev-next-home {
	font-size:1em;

}
.cat-label {
	display:none;
}

.footer-right {
	display:none;
    width: 0%;
}
.footer-center {
    width: 49%;
/*	padding-top:0px;*/
}
.footer-left .widget,
.footer-center .widget {
    margin-bottom: 0px;
}
.footer-left {
	text-align:right;
	width: 49%;
}
.footer-in p {
	margin:0;
}
.ac-container div.common-icon-box {
    margin-top: 0px;
    overflow: normal;
    height: auto;
}
.ect-vertical-card .entry-card-wrap {
    margin-bottom: 20px;
}

.home .iwe-shadow img,
.home .iwe-shadow amp-img {
    box-shadow: none;
}
.model-s h2 {
	font-size:16px;
}
.cat-item-129 {
	font-size:0.95em;
}
.search-box input[type="text"] {
    border: 2px solid #ff8627;
	background:#fffef4;
	border-radius:3px 3px 0 0;
}
.search-box .search-submit {
	color: #666;
}
ul.search-item li {
display: inline-block;
	margin:0 7px 14px 0;
}
ul.search-item li:first-child{
	list-style:none;
	font-weight:bold;
	font-size:1.2em;
display: block;
}
ul.search-item  {
	width:48%;
	float:left;
}
ul.search-item li a{
	text-decoration:none;
	border:1px solid #bab0f9;
	background:#f5f5ff;
	padding:5px 8px;
	white-space: nowrap;
}
.article ul.search-item li h3{
	margin: 0em 0 1em;
}
.sidebar-menu-content #slide-in-custom_html-2,
#custom_html-2 {
	margin-top:-1.3em;
	text-align:right;
	background:#ff8627;
  border: 2px solid #ff8627;
	border-radius:0 0 3px 3px;
}
.sidebar-menu-content #slide-in-custom_html-2 .fa,
#custom_html-2 .fa {
	color:#fff;
}
.sidebar-menu-content #slide-in-custom_html-2 a,
#custom_html-2 a {
	text-decoration:none;
}
.blogcard-type .blogcard-label {
	background:#e37200;
}

ul.menu-t {
	padding:0;
	border-top:1px solid #ff9428;
	border-bottom:1px solid #ff9428;
}
.article .menu-t li {
	display:inline-block;
	white-space:nowrap;
	margin:0;
	padding:0;
}
.article .menu-t li a{
	text-decoration:none;
	font-size:0.87em;
	padding:3px 8px 1px;
	color:#2323b4;
	background:#fbfaf2;
}
.article .menu-t li a:hover{
	background:#ff9428;
	color:#fff;
}
.article .menu-t li.current a{
	background:#ff9428;
	color:#fff;
	font-weight:bold;
}

.grecaptcha-badge { visibility: hidden; }

.entry-card-meta {
  text-align: left;
  line-height: 1;
  left: 0;
  position: static;

}
.entry-category {
	border:1px #7671DF solid;
	background:#fff;
	font-size: 0.55em;
	margin-right:2px;
	padding: 0 2px;
	color:#555;
}
/*.new-entry-card-date {
  display: block;
}
.new-entry-card-update-date {
  display: none;
}*/
.toi-top{
	text-align:right;
	font-size:0.7em;
}
.toi-top a{
	text-decoration:none;
}
.search-icon{
	margin-top:10px;
}
.mobile-menu-buttons .menu-caption {
  font-size: 11px;
}
.slick-dots {
  bottom: -5px;
}

.article .cate-block ul li {
margin: 0;
}
.article .cate-block ul {
padding-left:1em;
}
.cate-block {
	padding-bottom:1em;
}

.cate-block li {
list-style:none;
font-size:0.8em;
display:inline-block;
margin-right: 8px;
background: #D6F5FC;
}
.cate-block a {
text-decoration: none;
/*border:1px solid #aaa;*/
padding:0 6px;
}
.cate-parent a {
background:#D6F5FC;
float:left;
margin-right:8px;
}
.cate-parent {
	margin-right:8px;
}

.sticky {
  position: sticky;
  top: 5px;
  z-index: 10;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #333;
  }
.box{
  height: 500px;
  width: 500px;
  margin: 10px auto;
  background: #ccc;
  color: #fff;
}
.navi .fa {
	font-weight:bold;
	font-size:16px;
}
.page-id-18 .breadcrumb,
.page-id-106 .breadcrumb,
.page-id-111 .breadcrumb,
.page-id-6725 .breadcrumb,
.page-id-11007 .breadcrumb {
	display:none;
}
.breadcrumb.sbp-main-before + .content, .breadcrumb.pbp-main-before + .content {
  margin-top: 24px;
}
.box-menu-description {
  font-size: 12px;
  opacity: 1;
	color:#666;
}

/* new top menu <style type="text/css">*/
.box-menu {
margin:0 0.5em 1em;
box-shadow: 2px 2px 4px #ccc;
border:2px solid #ccc;
width: 30%;
background:#eee;
}
.box-menus .box-menu:hover {
 border:3px solid #FF8627;
 box-shadow: 5px 5px 6px #ccc;
}
.box-menu-label {
font-size:20px;
color:#555;
}
.box-menu-icon * {
  max-width: 320px;
  max-height: 200px;
overflow: hidden;
}
.box-menu:last-child {
  margin-right: 0.5em;
}
.fs18px {
font-size:18px;
}
/*</style>*/

.metaslider .flexslider {
	margin: 0 0 3em;
}

.searchandfilter input[type="text"],select,input[type="submit"] {
padding: 3px 5px;
max-width:150px;
}
.widget-sidebar .searchandfilter ul{
	padding-left:10px;
}
.widget-sidebar .searchandfilter input[type="text"],
.widget-sidebar .searchandfilter select {
	max-width:280px;
}
.widget-sidebar .searchandfilter {
	border:2px solid #FF8627;
	background:#FFFEF4;
	border-radius:2px 2px 0 0;
	padding:5px 0 8px;
}

.searchandfilter input[type="text"]{
vertical-align:bottom;
}
.searchandfilter option,.searchandfilter .postform,input[type="submit"]  {
font-size:14px;
}
.searchandfilter li {
  padding-right: 0;
}
.single .s-search,
.main .searchandfilter,
.main .m-sports {
	display:none;
}

.searchandfilter input[type="submit"]{
	border:2px solid #FF8627;
	margin-left:5px;
	border-radius:3px;
}
#categories-2 {
	margin-bottom:35px;
}
#text-2 {
	background:#e6e6e6;
	padding:10px;
}
#menu-item-12386 {
	display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
.sidebar {
    padding: 15px;
    width: 30%;
}
.single #menu-item-12388,
.page #menu-item-12388,
.category #menu-item-12388,
.home #menu-item-12388 {
	display:none;
}
}

/*1025px以下*/
@media screen and (max-width: 1025px){
  /*必要ならばここにコードを書く*/
.widget_categories ul li a {
	padding: 10px 0;
}
.entry-categories-tags {
  margin-bottom: 0;
  padding-left: 40px;
}
.searchandfilter ul {
	margin-bottom:0;
}
#custom_html-2,
#text-21,
#text-12 {
	display:none;
}

.single .s-search,
.home #menu-item-12388,
.home #custom_html-2,
.home #text-21 {
	display:block;
}
.single .s-search {
	font-size:14px;
	padding-left: 45px;
	padding-bottom: 15px;
}
#text-10,
#text-11 {
	display:block;
}
.footer-center,
#slide-in-categories-4,
.sidebar #categories-4,
#slide-in-tag-1,
.sidebar #tag-1,
#slide-in-tag-2,
.sidebar #tag-2,
#slide-in-tag-3,
.sidebar #tag-3,
#slide-in-tag-4,
.sidebar #tag-4,
#slide-in-tag-5,
.sidebar #tag-5 {
	display:none;
}
.menu-drawer a {
    padding: 15px;
	font-size:18px;
	border-bottom:1px solid #ccc;
}
.menu-drawer a:before {
   font-family:"FontAwesome";
   content:"\f0a9";
	margin-right:5px;
	font-weight: 900;
}
.menu-drawer a:hover {
    background-color: #d6f5fc;
    transition: all 0s ease;
    color: #ff4500;
}
  .navi-in .menu-pc {
	display: flex;
  }
.main .searchandfilter,
.main .m-sports {
	display:block;
}

.widget-sidebar .searchandfilter li {
	margin-right:8px;
}
.main .m-sports {
	padding-left: 40px;
	font-size:14px;
}
	#navi li.menu-item-home {
		display:none;
	}
	.main .searchandfilter input[type="submit"]{
		margin-left:0;
	}
}
/*834px以下*/
@media screen and (max-width: 834px) {
	.article ul.tabnav {
	    padding-left: 0;
	}
  .box-menus .box-menu {
    width: 46%;
  }
	.navi-in .has-icon {
	right: 2px;
	}
  .article ul, .article ol {
    padding-left: 40px;
  }
}
/*768px以下*/
@media screen and (max-width: 768px){
#navi .navi-in > ul > li > a {
  padding: 0 1em;
}
.navi-in a {
  font-size: 14px;
}

}
/*680px以下*/
@media screen and (max-width: 680px){
.logo-pc {
	display:none;
}
.logo-mo {
	display:block;
}
.article ul.cf_form {
	padding:10px;
}
/*.card-thumb img {
    width: 85%;
}*/
.ect-3-columns .entry-card-wrap {
    width: 48%;
    padding: 7px 10px;
}
.tabnav li a {
   padding: 10px;
    width: 49%;
}
.tabnav li {
	text-align:center;
}

#navi .navi-in > ul > li > a {
  padding: 0 0.8em;
}

.navi-in .has-icon {
right: -1px;
}

}

/*600px以下*/
@media screen and (max-width: 600px){
    .navi-in {
    width: 65%;
  }
.navi-in > ul li {
  height: 30px;
  line-height: 32px;
}
.main .m-sports,ol, ul {
  padding-left: 0.5em;
}
ul.search-item {
  width: 98%;
  float: left;
}

}

/*560px以下*/
@media screen and (max-width: 560px){
.tabnav li a {
	font-size:95%;
    padding: 11px 10px;
	vertical-align: bottom;
}
.box-menus .box-menu {
    width: 95%;
  }
  .navi-in {
    width: 100%;
  }
.searchandfilter input[type="text"],select,input[type="submit"] {
max-width:280px;
}
.article ul,
.note ul,
.single .s-search,
.entry-categories-tags {
    padding-left: 5px;
	margin-left: 0.6em;
  }
ul#toi-form {
	margin-left: 0;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post {
    margin-left: 0;
}
.pager-post-navi.post-navi-square {
    flex-direction: row;
}
}
/*430px以下*/
@media screen and (max-width: 430px){
.tabnav li a {
   padding: 7px 4px;
	font-size:78%;
    width: 48.5%;
}
.tabnav li a.active {
   padding: 10px 4px;
	font-size:95%;
}
}
/*400px以下*/
@media screen and (max-width: 400px){
.ect-3-columns .entry-card-wrap {
    width: 100%;
    padding: 7px 10px;
}
img.alignright {
    display: block;
    margin: 0 0 0.5em 0;
float: none;
}
}