@charset "utf-8";

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

/* mo-投稿中の内容(始) *//* mo-投稿中の内容(始) *//* mo-投稿中の内容(始) */
.entry_wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 1.5rem 0 0 0;
background: rgba(255,255,255,0.5);
order: 2;
}

.entry {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 0 1.5rem 0;
padding: 1rem;
box-sizing: border-box;
border: 0.3rem solid #0000FF;
border-radius: 3px;
background: #FFFFFE;
}

.entry:last-child {
margin: 0;
}

.oshirase_image_only_mo {
padding: 0;
box-sizing: border-box;
}

.entry_inner_1 { /* mo-タイトルと日時 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 0 1rem 0;
padding: 0 0 0.5rem 0;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.3);
}

.entry_inner_1_title { /* mo-タイトル */
margin: 0 0.5em 0 0;
font-weight: bold;
}

.entry_inner_1_daytime { /* mo-日時 */

}

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

.entry_inner_2_sentence { /* mo-本文 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 1rem 1rem 2rem 1rem;
box-sizing: border-box;
order: 1;
}

.entry_inner_2_sentence_2 { /* mo-本文なしの場合 */
display: none;
}

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

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




/* mo-画像1枚表示用(始) *//* mo-画像1枚表示用(始) *//* mo-画像1枚表示用(始) */
.img_single_link_beside {
width: 100%;
}

.img_single_link_vertical {

}

.enrty_single_image_img_tag_beside {
width: 100%;
}

.enrty_single_image_img_tag_vertical {
width: 100%;
}
/* mo-画像1枚表示用(終) *//* mo-画像1枚表示用(終) *//* mo-画像1枚表示用(終) */




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

.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枚表示用(始) *//* mo-画像2枚表示用(始) *//* mo-画像2枚表示用(始) */
.enrty_multi_image_box_2_piece_beside { /* mo-横画像 */
display: flex;
flex-flow: row wrap;
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: 50%;
padding: 0.5rem;
box-sizing: border-box;
position: relative;
}

.img_wrapper_2_piece_beside:nth-child(1) {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
border-right: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
height: 14rem;
}

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

/* mo-複数画像と読み込みアニメの大枠-2枚-縦画像あり(始) */
.img_wrapper_2_piece_vertical {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
padding: 0.5rem;
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-height: 12rem;
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

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




/* mo-画像3枚以上表示用(始) *//* mo-画像3枚以上表示用(始) *//* 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: 0.5rem;
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_3_or_more_image_img_tag {
max-height: 7em;
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}
/* mo-画像3枚以上表示用(終) *//* mo-画像3枚以上表示用(終) *//* mo-画像3枚以上表示用(終) */




/* mo-投稿中の内容(終) *//* mo-投稿中の内容(終) *//* mo-投稿中の内容(終) */




.mo_box_1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 6% 0 0 0;
padding: 0.6rem;
box-sizing: border-box;
border-radius: 3px;
text-align: center;
font-weight: bold;
order: 1;
}

.mo_box_1 a {
color: #FFFFFE;
}

.mo_box_1_tensen {
border: dashed 2px rgba(255,255,0,0.5);
width: 100%;
padding: 1rem;
box-sizing: border-box;
}

.mo_box_1_inner_1 {

}

.mo_box_1_inner_2 {
margin: 1rem 0 0 0;
}

.mo_box_2 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
order: 3;
}

.fusen {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 75px;
margin: 6% 0 0 0;
font-weight: bold;
position: relative;
}

.fusen:after {
width: 170px;
height: 70px;
content: "";
position: absolute;
top: 0;
right: 2px;
/* mo-ぼかし */
box-shadow: 0 8px 5px rgba(0, 0, 0, 0.5);
/* mo-回転 */
transform: rotate(3deg);
z-index: -1;
}

.fusen_accent {
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
background: #00A2F2;
writing-mode: vertical-rl;
font-family: '-apple-system', 'Yu Gothic Medium' ,'游ゴシック Medium', 'YuGothic', '游ゴシック体', 'sans-serif';
font-size: 80%;
font-weight: normal;
}

.fusen:last-child {
margin: 6% 0;
}

a.fusen_color_1 {
background: #9eff9e;
color: #333333;
}

a.fusen_color_2 {
background: #ffdbed;
color: #333333;
}

a.fusen_color_3 {
background: #fff3b8;
color: #333333;
}

a.fusen_color_4 {
background: #ffd1a3;
color: #333333;
}


}




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

.pankuzu_list_wrapper { /* pc-パンくずリスト消し */
display: none;
}

.main_wrapper {
padding: 0 2%;
}




/* pc-投稿中の内容(始) *//* pc-投稿中の内容(始) *//* pc-投稿中の内容(始) */
.entry_wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 2.5% 0 0 0;
box-sizing: border-box;
color: #FFFFFE;
order: 2;
}

.entry {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 0 2.5% 0;
padding: 1rem 0;
box-sizing: border-box;
border-radius: 3px;
background: rgba(47,125,204,0.5);
}

.entry:last-child {
margin: 0;
}

.oshirase_text_only_pc { /* pc-文字のみ */
padding: 1rem 0 1.5rem 0;
box-sizing: border-box;
color: #333333;
background: #FFFFFE;
}

.entry_inner_1 { /* pc-タイトルと日時 */
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: calc(100% - 2rem);
margin: 0 0 1rem 0;
padding: 0 0 0.5rem 0;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.3);
}

.entry_inner_1_title { /* pc-タイトル */
margin: 0 0.5em 0 0;
font-weight: bold;
}

.entry_inner_1_daytime { /* pc-日時 */

}

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

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

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

.entry_inner_2_image { /* 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;
}

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




/* pc-画像1枚表示用(始) *//* pc-画像1枚表示用(始) *//* pc-画像1枚表示用(始) */
.img_single_link_beside {
width: 100%;
}

.img_single_link_vertical {

}

.enrty_single_image_img_tag_beside {
width: 100%;
}

.enrty_single_image_img_tag_vertical {
width: 100%;
max-height: 23rem;
}
/* pc-画像1枚表示用(終) *//* pc-画像1枚表示用(終) *//* pc-画像1枚表示用(終) */




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

.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枚表示用(始) *//* pc-画像2枚表示用(始) *//* 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-height: 12rem;
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}

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




/* pc-画像3枚以上表示用(始) *//* pc-画像3枚以上表示用(始) *//* 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;
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);
}

.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_3_or_more_image_img_tag {
max-height: 12rem;
border: 1px solid rgba(0,0,0,0.3);
box-sizing: border-box;
}
/* pc-画像3枚以上表示用(終) *//* pc-画像3枚以上表示用(終) *//* pc-画像3枚以上表示用(終) */




/* pc-投稿中の内容(終) *//* pc-投稿中の内容(終) *//* pc-投稿中の内容(終) */




.pc_main_1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
order: 1;
}

.pc_main_2 {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 0 2.5% 0;
order: 3;
}

.pc_main_3 {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 0 2.5% 0;
order: 4;
}

.main_box_wide {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 8.6rem;
margin: 2.5% 0% 0% 0%;
background: rgba(47,125,204,0.5);
border-radius: 3px;
text-align: center;
}

.main_box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 48%;
height: 8.6rem;
margin: 2.5% 0 0 0;
position: relative;
background: rgba(47,125,204,0.5);
border-radius: 3px;
overflow: hidden; /* pc-absoluteがはみ出さない用 */
}

.main_box_inner {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: center;
}

.box_inner_click_top_page { /* pc『クリックできます』トップページ専用 */
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1.6em;
box-sizing: border-box;
background: rgba(0,0,0,0.15);
font-size: 0.6rem;
color: #FFFFFE;
}

.main_box_photo {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 32%;
border-radius: 3px;
overflow: hidden; /* pc-画像の四隅を丸くする用 */
}


}




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



}




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

.main_box_wide {
height: 12rem;
}

.main_box {
height: 12rem;
}


}




@media screen and (min-width: 701px) and (min-height: 1085px) and (max-width: 1550px)  {



}



