* {
    word-wrap: break-word;
    word-break: break-all;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
    font: 14px;
    font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Lucida Grande','ＭＳ Ｐゴシック',sans-serif;
    line-height: 1.3;
    background-size: 100%;
    -webkit-text-size-adjust: none;
    background-color:  white !important;
    width: 100%;
    min-height: 416px;
     margin: 0;
    width:100%;
}

body::-webkit-scrollbar{
    display:none;
}

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}



div, p {
    color: #4b4b4b;
}

a {
    text-decoration: none;
    color: #55b4b5;
}

border, fieldset, img {
    border: 0;
}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}

.js-header-menu-view {
    position: absolute;
}

article, body, header, html, label, li, p {
    margin: 0;
    padding: 0;
}

header {
    position: relative;
    height: 52px;
    width: 100%;
    z-index: 4;
}

header .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    z-index: 9999;
    background-color: #fff;
    border-bottom: solid 1px #fafafa;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}



header .header .header-menu {
    position: absolute;
    cursor: pointer;
    top: 1em;
    left: 15px;
    width: 20px;
    height: 20px;
}

header .header .header-body {
    top: 0;
    width: 70%;
    margin: 0 auto;
    z-index: 9998;
}

header .header .header-menu img {
    width: 20px;
    height: 20px;
}

header .header .header-logo img {
height: 35px;
position: absolute;
/* top: 3px; */
right: 0;
bottom: 10;
left: 0;
margin: auto;
}

header .header .header-search {
    position: absolute;
    cursor: pointer;
    display: block;
    top: 1em;
    right: 15px;
    height: 20px;
}

header .header .header-search img {
    width: 20px;
    height: 20px;
}

.js-header-menu-view.category-list-close, .js-header-menu-view.header, .js-header-menu-view.header-menu-view {
    position: fixed;
}

.js-header-menu-view.animate {
    animation: js-header-menu-view-animate .15s;
    -webkit-animation: js-header-menu-view-animate .15s;
}

header .header.header-shadow {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    /* Status bar height on iOS 10 */

}

article{
		padding-top: constant(safe-area-inset-top);
				
	/* Status bar height on iOS 11+ */
	padding-top: env(safe-area-inset-top);
}

article#article {
	    width: 100%;
	    margin: 0 auto;
	}
	

article .entry-content .eyecatch img{
	width: 100%;
}
main#main{
	    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.header.js-header-menu-view.header-shadow .header-menu{

				
	/* Status bar height on iOS 11.0 */
	padding-top: constant(safe-area-inset-top);
				
	/* Status bar height on iOS 11+ */
	padding-top: env(safe-area-inset-top);
}


div.header.js-header-menu-view.header-shadow .header-search{

				
	/* Status bar height on iOS 11.0 */
	padding-top: constant(safe-area-inset-top);
				
	/* Status bar height on iOS 11+ */
	padding-top: env(safe-area-inset-top);
}

div.header.js-header-menu-view.header-shadow{

				
	/* Status bar height on iOS 11.0 */
	padding-top: constant(safe-area-inset-top);
				
	/* Status bar height on iOS 11+ */
	padding-top: env(safe-area-inset-top);
}

.pagination .page-numbers li {
    position: inherit;
}

.pagination .current, .pagination .current:hover, .page-links ul > li > span {
    background-color: #1BB4D3;
    border-color: #1BB4D3;
}

.entry-content ul li:before {

   position: inherit; 
   display: initial;

}

.pagination a, .pagination span, .page-links a {
    border-color: #1BB4D3;
    color: #1BB4D3;
}

.article-footer .post-categories li{
    padding-left: 0; 
}
.article-footer .post-categories li a, .article-footer .tags a {
    background: #fd62b7;
    border: 1px solid #fd62b7;
}

.article-footer .post-categories li a, .article-footer .tags a {
    background: #1BB4D3;
    border: 1px solid #1BB4D3;
}

.article-footer .tags a {
    color: #1BB4D3;
    background: none;
}

article .entry-content img, object {
    max-width: 100%;
    height: auto;
}

article .entry-content img {
    vertical-align: bottom;
    margin-bottom: 20px;
}

.pagination ul, .page-links ul.nav_ul {
    margin-top: 15px;
}

.page-links .nav_ul a {
    background: #1BB4D3;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 15px;
}

.page-links .nav_ul a li {
    width: 40%;
    font-size: 18px;
    color: white;
    font-weight: bold;
}

.pagination a:hover, .pagination a:focus, .page-links a:hover, .page-links a:focus {
    background-color: #1BB4D3;
    color: #fff;
}

.article-line .right-string .rank-title, .article-line .right-string .title{
	line-height: 1.1;
	margin-bottom: 2px;
}
.right-string .title .sp_ttitle_font{
	font-size: 0.7em;
    font-weight: bold;
    
}

@media only screen and (min-width: 768px) {
	.right-string .title .sp_ttitle_font {
	    font-size: 1.05em;
	    font-weight: bold;
	}
}

.right-string  .parent-category-name{
	display: none !important;
}

.entry-content ul li:before {
    background: none;
    box-shadow: none;
}