@charset "utf-8";

/* ===================================================================
SmartPhone CSS
ウィンドウ幅[0～640px]の場合に適用
=================================================================== */
@media screen and (max-width:640px) {
/* ===================================================================
各ページ共通
=================================================================== */
body {
overflow: hidden;
}

.post-navigation .nav-links,
.lst_info,
.lst_info li,
.ind_link ul {
display: block;
}

.breadcrumb {
display: none;
}

.breadcrumb_sp {
display: block;
padding-left: 1em;
}

#sp_btn {
padding: 0;
margin: 14px 10px 0 0;
}

/* h
--------------------------------------------------------------------*/
.lower_ttl_h2 {
height: auto;
padding: 1em;
}

h3 {
height: 50px;
font-size: 1.3rem;
}

/*	navigation
--------------------------------------------------------------------*/
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 100%;
padding: 1em;
text-align: center;
border-radius: 4px;
background: rgba(221, 101, 101, .4);
}

.post-navigation .nav-previous {
margin-bottom: 1em;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
color: #505050;
}

/* ===================================================================
index
=================================================================== */
.ind_img_main,
.ind_link ul {
padding-bottom: 1.5em;
}

.ind_link li {
padding-bottom: 1em;
}

.ind_link li a {
width: 100%;
height: 60px;
}

.ind_link li a::before {
font-size: 5rem;
}

.ind_link li:nth-of-type(1) a::before {
width: 70px;
height: 80px;
}
.ind_link li:nth-of-type(2) a::before {
height: 90px;
}
.ind_link li:nth-of-type(3) a::before {
height: 90px;
}

/* ===================================================================
post/single
=================================================================== */
.sns ul {
width: 50%;
}

/* ===================================================================
list/category
=================================================================== */
.list figure img {
padding-right: 1em;
}

}