@media (max-width:780px) {
    
 
/* main_contents_start  */
/* main_base_start  */

.main_contents_bg{background: #ffffff; 
                width:100%;
                margin:0;
                padding:0;
}

.contents_down_Deco img{background: url(../img/Dot_Grade_Down_Green.png) repeat-x;
                margin:0;
                padding:0;
                width:100%;
                height:150px;
                position: relative;
                z-index: 999;
}

.page_icon_centering{margin:0 auto;
                    width:230px;
}

.animal_redo_btn a img{background: url(../img/Contents_Redo_Btn.png) no-repeat;
                    background-size: 100% auto;
                    margin:0 25px 0 0 ;
                    width:30px;
                    height:32px;
                    float:left;
}

.animal_undo_btn a img{background: url(../img/Contents_Undo_Btn.png) no-repeat;
                    background-size: 100% auto;
                    margin:0 0 0 25px;
                    width:30px;
                    height:32px;
                    float:left;
}

.animal_now_btn a img{background: #ACBA17;
                    background-size: 100% auto;
                    border-radius:20px;
                    margin:10px 5px 0 5px;
                    width:30px;
                    height:10px;
                    float:left;
}

.animal_other_btn a img{background: gray;
                    background-size: 100% auto;
                    border-radius:20px;
                    margin:10px 5px 0 5px;
                    width:30px;
                    height:10px;
                    float:left;
}


.animal_redo_btn a:hover img{background: url(../img/Contents_Redo_Btn.png) no-repeat;
                    background-size: 100% auto;
                    margin:0 25px 0 0 ;
                    width:30px;
                    height:32px;
                    position: relative;
                    top:2px;
                    float:left;
}

.animal_undo_btn a:hover img{background: url(../img/Contents_Undo_Btn.png) no-repeat;
                    background-size: 100% auto;
                    margin:0 0 0 25px;
                    width:30px;
                    height:32px;
                    position: relative;
                    top:2px;
                    float:left;
}

.animal_now_btn a:hover img{background: #ACBA17;
                    background-size: 100% auto;
                    border-radius:20px;
                    margin:10px 5px 0 5px;
                    width:30px;
                    height:10px;
                    float:left;
}

.animal_other_btn a:hover img{background: #EBAB3C;
                    background-size: 100% auto;
                    border-radius:20px;
                    margin:10px 5px 0 5px;
                    width:30px;
                    height:10px;
                    float:left;
}
/* main_base_end  */
/* recent_contents_start  */
/* recent_contents_start  */


.border_wave img{background: url(../img/Upper_Wave_LightGreen.png) repeat-x;
                margin:0;
                padding:0;
                width:100%;
                height:30px;
                position: relative;
                z-index: 999;
}

.recent_main_bg{background: #E8EEAD;
}


.recent_sub_bg{background: #A1B853;
                padding:50px 0 0 0;
}


.page_title_banner{margin:0 0 60px 0;
                    padding:20px 0;
}

.page_title_banner img{margin:0 auto;
                    padding:20px 0;
                    background:url(../img/Top_Title_UpdatePage.png) no-repeat;
                    background-size: 100% auto;
                    width:400px;
                    height:30px;
                    border-radius:20px;
                    text-decoration: underline;
                    font-size:20px;
                    color:#3D4E26;
                    font-weight:bold;
}

.page_title_sub_banner img{margin:0 auto 70px auto;
                    padding:20px 0; background:url(../img/Top_Title_AnimalPage.png) no-repeat;
                    background-size: 100% auto;
                    width:400px;
                    height:30px;
                    border-radius:20px;
                    text-decoration: underline;
                    font-size:20px;
                    color:#3D4E26;
                    font-weight:bold;
}

.contact_info_margin{/* border:1px solid red;*/
                    margin:0px auto 0 auto;
                    width:370px;
}

.contact_title p{background:#B0D038;
            color:#3F5026;
            padding:20px 30px;
            width:310px;
            text-align: center;
            font-weight: bold;
            font-size:20px;
            border-radius:20px;
}

/* recent_contents_end  */
/* item_start  */

.update_centering{margin: 0 auto 80px auto;
    display: inline-block;
}

.update_bg{background: #B0D038;
    margin:0 0 5px 0;
    padding:5px 20px 5px 10px;
    width:700px;
    height:40px;
    border-radius: 10px;
}

.update_bg:hover{background: #B0D038;
    margin:0 0 5px 0;
    padding:5px 20px 5px 10px;
    width:700px;
    height:40px;
    border-radius: 10px;
    position:relative;
    top:2px;
}

.update_second_bg{background: #E8EEAC;
    margin:0 0 5px 0;
    padding:5px 20px 5px 10px;
    width:700px;
    height:40px;
    border-radius: 10px;
}

.update_second_bg:hover{background: #E8EEAC;
    margin:0 0 5px 0;
    padding:5px 20px 5px 10px;
    width:700px;
    height:40px;
    border-radius: 10px;
    position:relative;
    top:2px;
}

.update_old_bg{background: #A1A1A1;
    margin:0 0 5px 0;
    padding:5px 20px 5px 10px;
    width:700px;
    height:40px;
    border-radius: 10px;
}

.update_old_bg:hover{background: #A1A1A1;
    margin:0 0 5px 0;
    padding:5px 20px 5px 10px;
    width:700px;
    height:40px;
    border-radius: 10px;
    position:relative;
    top:2px;
}

.update_sale_title{background: #F3981B;
    color:#ffffff;
    margin:5px 0 0 0;
    padding:2px 16px 0 10px;
    font-size: 18px;
    font-weight: bold;
    width:150px;
    height:30px;
    border-radius: 30px;
    float:left;
}

.update_event_title{background: #13A7D2;
    color:#ffffff;
    margin:5px 0 0 0;
    padding:2px 16px 0 10px;
    font-size: 18px;
    font-weight: bold;
    width:150px;
    height:30px;
    border-radius: 30px;
    float:left;
}

.update_animal_title{background: #6E4598;
    color:#ffffff;
    margin:5px 0 0 0;
    padding:2px 16px 0 10px;
    font-size: 18px;
    font-weight: bold;
    width:150px;
    height:30px;
    border-radius: 30px;
    float:left;
}

.update_item_title{background: #5E7431;
    color:#ffffff;
    margin:5px 0 0 0;
    padding:2px 16px 0 10px;
    font-size: 18px;
    font-weight: bold;
    width:150px;
    height:30px;
    border-radius: 30px;
    float:left;
}

.update_other_title{background: #BF1600;
    color:#ffffff;
    margin:5px 0 0 0;
    padding:2px 16px 0 10px;
    font-size: 18px;
    font-weight: bold;
    width:150px;
    height:30px;
    border-radius: 30px;
    float:left;
}

.update_old_title{background: #696969;
    color:#ffffff;
    margin:5px 0 0 0;
    padding:2px 16px 0 10px;
    font-size: 18px;
    font-weight: bold;
    width:150px;
    height:30px;
    border-radius: 30px;
    float:left;
}

.update_text{color:#435A2B;
    margin:0 0 0 10px;
    padding:10px 10px 0 10px;
    font-size: 14px;
    font-weight: bold;
    width:490px;
    height:30px;
    border-radius: 20px;
    float:left;
    text-align: left;
}

.update_text_old{color:#444444;
    margin:0 0 0 10px;
    padding:10px 10px 0 10px;
    font-size: 14px;
    font-weight: bold;
    width:490px;
    height:30px;
    border-radius: 20px;
    float:left;
    text-align: left;
}

.up_grade img{background: url(../img/Dot_Grade_Up_White.png) repeat-x;
        width:100%;
        height:141px;
        position:relative;
        z-index:150000;
        /* border:1px solid red; */
}


/* テストお知らせCSS */

/*
* 新着記事一覧ショートコード用
*/
.news-list .news-list-inner {
 padding: 20px 5px;
 border: 2px solid #f5f5f5;
}
.archive .news-list .news-list-inner {
 background: #fff;
 padding: 20px;
}
.news-list ul {
 list-style: none;
 margin: 0 0 20px;
}
.news-list li {
 padding: 10px;
 border-bottom: 1px solid #ddd;
}
.news-list a {
 color: #333;
 text-decoration-line: none;
}
.news-list a:hover {
 opacity: 0.6;
}
.news-list a.wp-block-button__link {
 color: #fff;
}
.news-list a.wp-block-button__link:hover {
 color: #F87474;
}
.news-list .news_date {
 margin: 0;
 font-size: 14px;
}
.news-list .news_title {
 margin: 0;
 font-size: 18px;
 line-height: 30px;
 padding-top: 10px;
 padding-bottom: 10px;
}


/* ページネーション用 */
/* ページネーション用 */


.pagination{
   margin:40px 0 0;
}
.nav-links{
   display:flex;
}
.pagination .page-numbers{
   display:inline-block;
   margin-right:20px;
   padding:20px 25px;
   color:#333;
   border-radius:3px;
   box-shadow:0 3px 3px #999;
   background:#fff;
}
.pagination .current{
   padding:20px 25px;
   background:#69a4db;
   color:#fff;
}
.pagination .prev,
.pagination .next{
   background:transparent;
   box-shadow:none;
   color:#69a4db;
}
.pagination .dots{
   background:transparent;
   box-shadow:none;
}



/* フォーム用 */
/* フォーム用 */



.form_name{color:#3D4E26;
    background:#B0D038;
    margin:0 10px 0 0;
    padding:10px 2px;
    border-radius:10px;
    font-weight: bold;
    text-align: left;
    font-size:8px;
    width:200px;
    display:none;
}

.form_checkbox{color:#3D4E26;
    background:#B0D038;
    margin:0 10px 0 10px;
    padding:10px 2px;
    border-radius:10px;
    font-weight: bold;
    text-align: left;
    font-size:10px;
    width:220px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"]

{
    border:none;
    background-color: #CECECE;
    color: #555;
    width: 250px;
    height: 40px;
    border-radius:10px;
    padding:0px 20px 0px 10px;
    margin:0 0 0 -40px;
}

.select {
   width: 300px;
   height: 50px;
    position:relative;
    left:20px;
   margin: 0 auto 50px;
   .wpcf7-form-control {
      width: 100%;
      height: 100%;
      padding: 10px 2px;
      box-sizing: border-box;
       border: none;
    font-size:8px;
   }
}

.wpcf7 textarea
{
    border:none;
    background-color: #CECECE;
    color: #555;
    width: 260px;
    height: 300px;
    border-radius:10px;
    padding:10px 0 0px 10px;
    margin:0 15px 0 -20px;
}

.CF7_req{color:#ffffff;
    background:red;
    margin:0 10px 0 -30px;
    padding:10px 30px 10px 20px;
    border-radius:10px;
    width:20px;
    font-size:10px;
}

input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 12px;
  font-weight: bold;
  width: 100px;
  padding: 10px;
  border-radius: 10px;
  background-color: #F4CE30;
  border: none;
  color: #612F23;
  cursor: pointer;
}

span.wpcf7-spinner {
  display: none;
}

th{width:300px;
    text-align: right;
}

.wpcf7
{
    background-color: #929292;
    border-radius:20px;
    padding:20px 0 20px 5px;
}

/* 送信メッセージデザイン */
div.wpcf7-mail-sent-ok {
background-color: #56b379;
color:#ffffff;
font-weight:bold;
font-size:120%;
padding:10px;
}

/* 送信後閉じる */
form.sent p{
display:none;
}
}


/* item_End*/
/* item_End*/
/* main_base_end  */
/* html_end  */