@charset "utf-8";

@media screen and (min-width: 0px) and (max-width: 700px) {

/* mo-画像入りページタイトル(始) *//* mo-画像入りページタイトル(始) */
.title_box_in_photo {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 4rem; /* タイトルの高さ */
margin: 0 0 1.5rem 0;
font-size: 1.2rem;
font-weight: bold;
color: #FFFFFE;
background: url(thumb/page_title.jpg) center #752100;
background-size: cover;
position: relative;
}

.title_box_in_photo:after { /* mo-右上の折り目 */
position: absolute;
content: '';
right: 0px;
top: 0px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: #ffdb88 #FFFFFE #ffdb88;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.title_box_in_photo_touka {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0 2rem;
box-sizing: border-box;
background: rgba(28,0,0,0.7);
}
/* mo-画像入りページタイトル(終) *//* mo-画像入りページタイトル(終) */


}




@media screen and (min-width: 701px) {

/* pc-画像入りページタイトル(始) *//* pc-画像入りページタイトル(始) */
.title_box_in_photo {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 6em;
margin: 0 0 2rem 0;
text-align: center;
color: #FFFFFE;
background: url(thumb/page_title.jpg) center #752100;
background-size: cover;
font-weight: bold;
position: relative;
}

.title_box_in_photo:after { /* pc-右上の折り目 */
position: absolute;
content: '';
right: 0px;
top: 0px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: #ffdb88 #FFFFFE #ffdb88;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.title_box_in_photo_touka {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0 2rem;
box-sizing: border-box;
background: rgba(28,0,0,0.7);
}
/* pc-画像入りページタイトル(終) *//* pc-画像入りページタイトル(終) */

.entry_wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
/* background: rgba(255,255,255,0.5); */ /* pc-表示幅を変更した場合の背景色 */
}

/* pc-公開中のカテゴリー(始) *//* pc-公開中のカテゴリー(始) */
.entry {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
margin: 0 0 2rem 0;
width: 100%;
max-width: 100%; /* pc-表示幅の変更 */
}

.entry_title {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 1em;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.25); 
font-weight: bold;
text-align: center;
}

.entry_main_content {
width: 100%;
background: #FFFFFE;
}

.item {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: center;
}

.item_left {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: center;
width: 40%;
padding: 1rem 2rem;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.25); 
border-bottom: 1px solid rgba(0,0,0,0.25);
font-weight: bold;
}

.item_right {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: center;
width: 60%;
padding: 1rem 2rem;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.25); 
}
/* pc-公開中のカテゴリー(終) *//* pc-公開中のカテゴリー(終) */


}