@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/01.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-画像背景ページタイトル(終) */








/* ↓↓↓↓↓↓↓↓↓↓ 以下、投稿内容表示 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */

/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* mo-投稿内容枠(始) */
.entry_wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.entry {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 0 0 1.5rem 0;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.2);

background: #FFFFFE;
}

.entry_inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 4rem 2rem;
box-sizing: border-box;
background: #FFFFFE;
}


.entry_inner_honbun_only {
padding: 4rem 2rem;
}

/* mo-投稿内容枠(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
.entry_line_1 { /* mo-投稿内の上の線 */
width: 100%;
margin: 0 0 2rem 0;
border-top: 1px dashed rgba(0,0,0,0.2);
}

.entry_line_2 { /* mo-投稿内の下の線 */
width: 100%;
margin: 2rem 0 0 0;
padding: 0 0 0.25rem 0;
box-sizing: border-box;
border-top: 1px dashed rgba(0,0,0,0.2);
}
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* mo-投稿中の内容-文字のみ(始) */
.entry_text_only_1 { /* mo-タイトル */
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
padding: 0 0 0.25rem 0;
box-sizing: border-box;
font-weight: bold;
}

.entry_text_only_2 { /* mo-本文 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
/* mo-投稿中の内容-文字のみ(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* mo-投稿中の内容-画像あり(始) */
.entry_img_and_text_1 { /* mo-タイトル */
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
padding: 0 2rem 0.25rem 2rem;
box-sizing: border-box;
font-weight: bold;

}

.entry_img_and_text_2 { /* mo-本文と画像 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.entry_img_and_text_2_image { /* mo-画像 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
}

.image_border { /* mo-画像の枠線 */
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.3);
}

.entry_img_and_text_2_sentence { /* mo-本文 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 2rem 0 0 0;
box-sizing: border-box;
}
/* mo-投稿中の内容-画像あり(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
.img_link_one { /* mo-画像1枚のaタグ */
width: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.3);
}

.img_link_one img { /* mo-画像1枚のaタグ */
width: 100%;
}
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
.img_link { /* mo-複数画像サムネイルの背景色 */
width: 100%;
background: #fff9f4;
}

.position_relative { /* mo-これで囲まないと画像の枚数ボックスが固定されない */
position: relative;
}

.explan_image { /* mo-画像が2枚以上の場合の枚数表示 */
padding: 0.5rem 1rem;
box-sizing: border-box;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
border: 1px solid #FFFFFE;
text-align: center;
color: #FFFFFE;
background: rgba(0,0,0,0.7);
z-index: 2;
}

.explan_image p {
font-size: 75%;
}
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* mo-画像2枚表示用(始) */
.enrty_multi_image_box_2_piece_beside { /* mo-横画像 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.enrty_multi_image_box_2_piece_vertical { /* mo-縦画像 */
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
width: 100%;
}

/* mo-複数画像と読み込みアニメの大枠-2枚-横画像(始) */
.img_wrapper_2_piece_beside {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 1rem;
box-sizing: border-box;
position: relative;
}

.img_wrapper_2_piece_beside:nth-child(1) {
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.3);
}

.img_wrapper_2_piece_beside:nth-child(2) {
width: 100%;
}
/* mo-複数画像と読み込みアニメの大枠-2枚-横画像((終) */

/* mo-複数画像と読み込みアニメの大枠-2枚-縦画像あり(始) */
.img_wrapper_2_piece_vertical {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
padding: 1rem;
box-sizing: border-box;
position: relative;
}

.img_wrapper_2_piece_vertical:nth-child(1) {
width: 50%;
border-right: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.img_wrapper_2_piece_vertical:nth-child(2) {

}
/* mo-複数画像と読み込みアニメの大枠-2枚-縦画像あり(終) */

.enrty_twe_image_img_tag_beside {
max-width: 10rem;
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.enrty_twe_image_img_tag_vertical {
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}
/* mo-画像2枚表示用(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* mo-画像3枚以上表示用(始) */
.enrty_multi_image_box_3_or_more {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
width: 100%;
}

.enrty_multi_image_box_3_or_more::after{ /* mo-サムネ3枚の時の穴埋め用 */
display: block;
content:"";
width: calc(100%/2);
}

/* mo-複数画像と読み込みアニメの大枠-3枚以上(始) */
.img_wrapper_3_or_more {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
padding: 1rem;
box-sizing: border-box;
position: relative;
}

.img_wrapper_3_or_more:nth-child(1) {
width: 50%;
border-right: 1px solid rgba(0,0,0,0.3);
border-bottom: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.img_wrapper_3_or_more:nth-child(2) {
width: 50%;
border-bottom: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.img_wrapper_3_or_more:nth-child(3) {
width: 50%;
border-right: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.img_wrapper_3_or_more:nth-child(4) {
width: 50%;
}
/* mo-複数画像と読み込みアニメの大枠-3枚以上(終) */

.entry_img_and_text_3_or_more_image_img_tag {
max-height: 12rem;
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}
/* mo-画像3枚以上表示用(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */


}








@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/01.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-画像背景ページタイトル(終) */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* pc-投稿内容枠(始) */
.entry_wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.entry {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 0 2rem 0;
padding: 2rem;
box-sizing: border-box;
border-top: 1px solid rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.5);
background: #FFFFFE;
}

.entry_inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 1rem;
box-sizing: border-box;
box-shadow: 0 0 0 1rem rgba(255,255,0,0.1);
border: 1px dashed rgba(0,0,0,0.2);
border-radius: 10px;
background: rgba(255,255,0,0.1);
}

.entry_inner_honbun_only {
padding: 5rem 0;
}
/* pc-投稿内容枠(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
.entry_line_1 { /* pc-投稿内の上の線 */
width: 100%;
margin: 0 0 2rem 0;
border-top: 1px dashed rgba(0,0,0,0.2);
}

.entry_line_2 { /* pc-投稿内の下の線 */
width: 100%;
margin: 2rem 0 3rem 0;
padding: 0 0 0.25rem 0;
box-sizing: border-box;
border-top: 1px dashed rgba(0,0,0,0.2);
}
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* pc-投稿中の内容-文字のみ(始) */
.entry_text_only_1 { /* pc-タイトル */
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
padding: 2.5rem 2rem 0.25rem 2rem;
box-sizing: border-box;
font-weight: bold;
}

.entry_text_only_2 { /* pc-本文 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
padding: 0 4rem;
box-sizing: border-box;
}
/* pc-投稿中の内容-文字のみ(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* pc-投稿中の内容-画像あり(始) */
.entry_img_and_text_1 { /* pc-タイトル */
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
padding: 2.5rem 2rem 0.25rem 2rem;
box-sizing: border-box;
font-weight: bold;

}

.entry_img_and_text_2 { /* pc-本文と画像 */
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.entry_img_and_text_2_image { /* pc-画像 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
min-width: 50%;
box-sizing: border-box;
}

.image_border { /* pc-画像の枠線 */
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.3);
}

.entry_img_and_text_2_sentence { /* pc-本文 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
min-width: 50%;
padding: 0 2rem 0 4rem;
box-sizing: border-box;
}

.entry_img_and_text_2_sentence_2 { /* pc-本文のみの場合 */
padding: 2rem 2rem 2rem 4rem;
}

.entry_img_and_text_2_sentence_3 { /* pc-『クリックできます』 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
min-width: 50%;
padding: 0 0 0 1rem;
box-sizing: border-box;
}
/* pc-投稿中の内容-画像あり(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
.img_link_one { /* pc-画像1枚のaタグ */
width: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.3);
}

.img_link_one img { /* pc-画像1枚のaタグ */
width: 100%;
}
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
.img_link { /* pc-複数画像サムネイルの背景色 */
width: 100%;
background: #fff9f4;
}

.position_relative { /* pc-これで囲まないと画像の枚数ボックスが固定されない */
position: relative;
}

.explan_image { /* pc-画像が2枚以上の場合の枚数表示 */
padding: 0.5rem 1rem;
box-sizing: border-box;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
border: 1px solid #FFFFFE;
text-align: center;
color: #FFFFFE;
background: rgba(0,0,0,0.7);
z-index: 2;
}

.explan_image p {
font-size: 75%;
}
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* pc-画像2枚表示用(始) */
.enrty_multi_image_box_2_piece_beside { /* pc-横画像 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.enrty_multi_image_box_2_piece_vertical { /* pc-縦画像 */
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
width: 100%;
}

/* pc-複数画像と読み込みアニメの大枠-2枚-横画像(始) */
.img_wrapper_2_piece_beside {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
padding: 1rem;
box-sizing: border-box;
position: relative;
}

.img_wrapper_2_piece_beside:nth-child(1) {
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.3);
}

.img_wrapper_2_piece_beside:nth-child(2) {
width: 100%;
}
/* pc-複数画像と読み込みアニメの大枠-2枚-横画像((終) */

/* pc-複数画像と読み込みアニメの大枠-2枚-縦画像あり(始) */
.img_wrapper_2_piece_vertical {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
padding: 1rem;
box-sizing: border-box;
position: relative;
}

.img_wrapper_2_piece_vertical:nth-child(1) {
width: 50%;
border-right: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.img_wrapper_2_piece_vertical:nth-child(2) {

}
/* pc-複数画像と読み込みアニメの大枠-2枚-縦画像あり(終) */

.enrty_twe_image_img_tag_beside {
max-width: 16rem;
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.enrty_twe_image_img_tag_vertical {
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}
/* pc-画像2枚表示用(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */








/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
/* pc-画像3枚以上表示用(始) */
.enrty_multi_image_box_3_or_more {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: center;
width: 100%;
}

.enrty_multi_image_box_3_or_more::after{ /* pc-サムネ3枚の時の穴埋め用 */
display: block;
content:"";
width: calc(100%/2);
}

/* pc-複数画像と読み込みアニメの大枠-3枚以上(始) */
.img_wrapper_3_or_more {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
padding: 1rem;
box-sizing: border-box;
position: relative;
}

.img_wrapper_3_or_more:nth-child(1) {
width: 50%;
border-right: 1px solid rgba(0,0,0,0.3);
border-bottom: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.img_wrapper_3_or_more:nth-child(2) {
width: 50%;
border-bottom: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.img_wrapper_3_or_more:nth-child(3) {
width: 50%;
border-right: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

.img_wrapper_3_or_more:nth-child(4) {
width: 50%;
}
/* pc-複数画像と読み込みアニメの大枠-3枚以上(終) */

.entry_img_and_text_3_or_more_image_img_tag {
max-height: 12rem;
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}
/* pc-画像3枚以上表示用(終) */
/* ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */

}