@charset "utf-8";
/* CSS Document */

        /*ローディング関連*/
        .container.hidden {
            opacity: 0;
        }
    
        .loader {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: solid 8px;
            border-color: #000000 #00000010 #00000010;
            position: relative;
        top: 20px;
        left: 225%;
            animation-name: spin;
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }
    
        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }    
    
    /*メインbody*/
    body {
        background: none;
    }
    
    .container {
        width: 100%;
        margin: auto;
    }
    
    .service__bg--white {
        background-color: #fff;
        padding-top: 20px;
    }
    
    
    /*div.list-page img {
        display: none;
    }*/
    div.list-page img {display: block;}
    
    p.product-results__num {
        width: 100%;
        text-align: right;
        margin-bottom: 30px;
    }
    
    .c-search_input {
        width: 66%;
        height: 80px;
        display: flex;
        align-items: center;
        margin: 0 auto;
        background-color: transparent;
    }
    
    p.c-search_input__ttl {
        margin-right: 15px;
        color: #222;
        letter-spacing: 0.05em;
        font-weight: bold;
    }
    
    form#search-form {
        width: 60%;
        display: flex;
    }
    
    input.c-search_input__form--input {
        padding: 7px 16px;
        width: calc(100% - 35px);
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        background-color: #fff;
        font-size: 0.875rem;
        letter-spacing: 0.025em;
        line-height: 1;
        border: none;
    }
    
    div.c-search_input .form-btn {
        position: relative;
        width: 35px;
        min-width: 35px;
        padding: 0;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        background-color: #757171;
        transition: all 0.2s linear;
        border: none;
    }
    
    div.c-search_input .form-btn__ico {
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        width: 13px;
        height: 13px;
        margin: auto;
    }
    
    .body-item.category {
        padding: 20px 30px;
    }
    
    div.list-page .breadcrumb {
        margin-bottom: 60px;
        margin-top: 20px;
        max-width: 1140px;
        margin: auto;
    }
    
    div.p-product__main .c-search_input__ttl {
        margin-right: 15px;
        color: #222;
        letter-spacing: 0.05em;
    }
    
    div.p-product__main .c-search_input__form {
        width: 60%;
    }
    
    div.news-list-desc.child-page--left.clearfix {
        margin-top: 13px;
        width: 100%;
        padding-left: 15px;
    }
    
    
    div.category_box {
        background: url(https://watahan.pro/images/img-line-ribbon-frame.png) no-repeat center;
        background-size: contain;
        background-size: cover;
        height: 360px;
        display: block;
        text-align: center;
        font-weight: bold;
        padding-top: 60px;
    }
    ul.category_list {
        width: 100%;
        margin: 0px auto;
        display: flex;
        color: #292929;
        font-weight: bold;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 20px 0px 0 40px;
        font-size: 16px;
    }
    ul.category_list li {
        width: 20%;
    }
    ul.category_list li a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    ul.category_list li a div img {
        width: 50px;
        margin-right: 10px;
        border-radius: 20px;
    }
    
    .div_b {
        width: 100px;
        text-align: left;
    }
    ul.product-list {
        display: flex;
        flex-wrap: wrap;
                    width: 100%;
                    margin-left: 0;
    }
    
    ul.product-list li {
        display: inline;
        width: 170px;
        color: #666;
        font-size: 0.875rem;
        letter-spacing: 0;
        line-height: 1.5714;
        overflow-wrap: break-word;
        transition: all 0.2s linear;
        margin: 20px;
    }
    
    ul.product-list li .item_text {
        display: block;
    }
    
    div.c-productlist .product-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    
    .item_img {
        width: 150px;
        height: 150px;
        background-color: #eee;
        border-radius: 4px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        margin-bottom: 10px;
    }
    
    a.item_thumb {
        color: #1A1311;
    }
    
    a.item_thumb:hover {
        color: #f66;
    }
    
    p.pbitem_name {
        width: 100%;
        height: 3rem;
        top: 58%;
        line-height: 1.2;
        font-weight: bold;
        padding: 0 2px;
    }
    
    p.pbitem_num {
        margin-top: -10px;
        padding: 0 2px;
    }
    
    div.pagination {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 60px;
        font-weight: bold;
    }
    
    div.pn_prv a,        
    div.pn_nxt a {
        color: #1A1311;
        font-weight: bold;
        padding: 15px;
    }
    
    div.pn_prv a:hover,        
    div.pn_nxt a:hover {
        color: #f66;
    }
    
    div.pn_prv.page_emp,
    div.pn_nxt.page_emp {
        color: #ccc;
    }
    div.pn_prv.page_emp a,
    div.pn_prv.page_emp p,
    div.pn_nxt.page_emp a,
    div.pn_nxt.page_emp p  {
        pointer-events: none;
        color: #ccc;
    }
    
    div.pn_num a:hover {
        color: #f66;
    }
    div.pn_num a.current_page {
        color: #f66;
    }
    
    div.pn_prv {
        order: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
    }
    
    div.pn_prv:after {
        content: "|";
    }
    
    div.pn_nxt:before {
        content: "|";
    }
    
    div.pn_num {
        order: 2;
    }
    
    div.pn_nxt {
        order: 3;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
    }
    
    a.prev {
        display: flex;
        align-items: center;
    }
    
    a.prev p {
        font-size: 2rem;
        margin-left: 10px;
        color: #f66;
    }
    
    a.prev_end {
        color: #f66;
    }
    
    a.next {
        display: flex;
        align-items: center;
    }
    
    a.next p {
        font-size: 2rem;
        margin-left: 10px;
        color: #f66;
    }
    
    a.next_end {
        color: #f66;
    }
    
    .pc_only {display: block;}

/*------------PC版------------*/
/*共通・全体背景フレーム*/
	.garden_top{
		position: relative;
		background: #fff url(https://watahan.pro/images/top-service-bg.png) repeat top center;
		padding-bottom: 1px;
		margin-bottom: 110px;
	}
	.garden_top:before {
		content: "";
		width: 100%;
		position: absolute;
		top: -50px;
		height: 50px;
		background: url(https://watahan.pro/images/about-bg-02-start.png) repeat left top;
	}
	.garden_top:after {
		content: "";
		width: 100%;
		position: absolute;
		bottom: -50px;
		height: 50px;
		background: url(https://watahan.pro/images/about-bg-02-under.png) repeat left top;
		z-index: 1;
	}
	.garden_main_bg{
		/*background: url(https://watahan.pro/images/about-bg-illust.png) top center no-repeat;*/
		padding-top: 20px;
		z-index: 2;
		margin-bottom: -50px;
		padding-bottom: 90px;
		position: relative;
	}
	.sp_only{
		display: none;
	}
/*INDEXページ------------------------*/
	/*全体枠*/
	.garden_index {
		max-width: 920px;
		margin: 0 auto;
		padding: 20px 30px 30px;
		border-radius: 25px;
		color: #292929;
	}
	.garden_index_title_box{
		text-align: center;
	}
	.garden_title_yellow{
		text-align: center;
		position: relative;
		display: inline-block;
		font-size: 1.5rem;
		font-weight: bold;
		padding: 10px 115px 0;
		margin-bottom: 30px;
	}
		.garden_title_yellow img{
			position: absolute;
			top: 0;
		}
		.garden_title_yellow .garden_title_yellow_left{
			left: 0;
		}
		.garden_title_yellow .garden_title_yellow_right{
			right: 0;
		}
		.garden_title_yellow span{
			display: inline-block;
			padding-bottom: 6px;
			border-bottom: 3px solid #FFC01A;
			margin-bottom: 10px;
		}
	/*黄色下線見出し*/
	.garden_index_point{
		background-image: url(https://watahan.pro/images/about-text-bg.png);
		background-size: contain;
		padding-bottom: 10px;
		background-repeat: no-repeat;
		background-position: bottom;
		width: 50%;
		margin-top: 20px;
	}
		.garden_index_point p{
			font-size: 1.2rem;
			line-height: 2.4rem;
			font-weight: bold;
		}
	.garden_index_point_text{
		font-size: 1.2rem;
		line-height: 2.4rem;
		margin-bottom: 20px;
		text-align: center;
		margin: 30px auto;
	}
	/*カテゴリ一覧*/
	.category_box{
		background: url(https://watahan.pro/images/img-line-ribbon-frame.png) no-repeat center;
		background-size: contain;
		height: 130px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		ul.category_list{
			width: 80%;
			margin: 0px auto;
			display: flex;
			color: #292929;
			font-weight: bold;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
			padding: 20px;
			font-size: 16px;
		}
	ul.category_list li{
		width: calc(100% / 7);
		display: inline;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	/*品目リンク部分*/
	.link_block {
		text-align: center;
		margin: 20px auto;
		font-size: 20px;
	}
	.link_block a {
		font-size: 12px;
		padding: 0 20px;
		background-color: #1A1311;
		text-align: center;
		display: inline-block;
		border-radius: 18px;
		color: #fff;
		height: 36px;
		line-height: 36px;
		font-weight: bold;
		margin-left: 10px;
		margin-bottom: 10px;
		letter-spacing: -1.2px;
	}
	.g_contents_inner {
		padding-top: 100px;
		margin-top:-100px;
		}
	.garden_index .section-title{
		margin-bottom: 20px!important;
	}
	.garden_index .service__title{
		margin-top: 50px;
	}
	.garden_index .service_bt_a{
		margin-bottom: 50px;
	}
	.garden_index .main_img{
		width: 50%;
	}

	li.link_block_li.link_block_li { display: inline-flex; }


    /*カテゴリ一覧 PC追加分 240603*/


/*メインbody*/
body {
    background: none;
}

.container {
    width: 100%;
    margin: auto;
}

.service__bg--white {
    background-color: #fff;
    padding-top: 20px;
}


/*div.list-page img {
    display: none;
}*/
div.list-page img {display: block;}

p.product-results__num {
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
}

.c-search_input {
    width: 66%;
    height: 80px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    background-color: transparent;
}

p.c-search_input__ttl {
    margin-right: 15px;
    color: #222;
    letter-spacing: 0.05em;
    font-weight: bold;
}

form#search-form {
    width: 60%;
    display: flex;
}

input.c-search_input__form--input {
    padding: 7px 16px;
    width: calc(100% - 35px);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff;
    font-size: 0.875rem;
    letter-spacing: 0.025em;
    line-height: 1;
    border: none;
}

div.c-search_input .form-btn {
    position: relative;
    width: 35px;
    min-width: 35px;
    padding: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #757171;
    transition: all 0.2s linear;
    border: none;
}

div.c-search_input .form-btn__ico {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 13px;
    height: 13px;
    margin: auto;
}

.body-item.category {
    padding: 20px 30px;
}

div.list-page .breadcrumb {
    margin-bottom: 60px;
    margin-top: 20px;
    max-width: 1140px;
    margin: auto;
}

div.p-product__main .c-search_input__ttl {
    margin-right: 15px;
    color: #222;
    letter-spacing: 0.05em;
}

div.p-product__main .c-search_input__form {
    width: 60%;
}

div.news-list-desc.child-page--left.clearfix {
    margin-top: 13px;
    width: 100%;
    padding-left: 15px;
}


div.category_box {
    background: url(https://watahan.pro/images/img-line-ribbon-frame.png) no-repeat center;
    background-size: contain;
    background-size: cover;
    height: 360px;
    display: block;
    text-align: center;
    font-weight: bold;
    padding-top: 60px;
}
ul.category_list {
    width: 100%;
    margin: 0px auto;
    display: flex;
    color: #292929;
    font-weight: bold;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0px 0 40px;
    font-size: 16px;
}
ul.category_list li {
    width: 20%;
}
ul.category_list li a {
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.category_list li a div img {
    width: 50px;
    margin-right: 10px;
    border-radius: 20px;
}

.div_b {
    width: 100px;
    text-align: left;
}
ul.product-list {
    display: flex;
    flex-wrap: wrap;
                width: 100%;
                margin-left: 0;
}

ul.product-list li {
    display: inline;
    width: 170px;
    color: #666;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.5714;
    overflow-wrap: break-word;
    transition: all 0.2s linear;
    margin: 20px;
}

ul.product-list li .item_text {
    display: block;
}

div.c-productlist .product-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.item_img {
    width: 150px;
    height: 150px;
    background-color: #eee;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    margin-bottom: 10px;
}

a.item_thumb {
    color: #1A1311;
}

a.item_thumb:hover {
    color: #f66;
}

p.pbitem_name {
    width: 100%;
    height: 3rem;
    top: 58%;
    line-height: 1.2;
    font-weight: bold;
    padding: 0 2px;
}

p.pbitem_num {
    margin-top: -10px;
    padding: 0 2px;
}

div.pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    font-weight: bold;
}

div.pn_prv a,        
div.pn_nxt a {
    color: #1A1311;
    font-weight: bold;
    padding: 15px;
}

div.pn_prv a:hover,        
div.pn_nxt a:hover {
    color: #f66;
}

div.pn_prv.page_emp,
div.pn_nxt.page_emp {
    color: #ccc;
}
div.pn_prv.page_emp a,
div.pn_prv.page_emp p,
div.pn_nxt.page_emp a,
div.pn_nxt.page_emp p  {
    pointer-events: none;
    color: #ccc;
}

div.pn_num a:hover {
    color: #f66;
}
div.pn_num a.current_page {
    color: #f66;
}

div.pn_prv {
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

div.pn_prv:after {
    content: "|";
}

div.pn_nxt:before {
    content: "|";
}

div.pn_num {
    order: 2;
}

div.pn_nxt {
    order: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

a.prev {
    display: flex;
    align-items: center;
}

a.prev p {
    font-size: 2rem;
    margin-left: 10px;
    color: #f66;
}

a.prev_end {
    color: #f66;
}

a.next {
    display: flex;
    align-items: center;
}

a.next p {
    font-size: 2rem;
    margin-left: 10px;
    color: #f66;
}

a.next_end {
    color: #f66;
}

.pc_only {display: block;}
    /*カテゴリ一覧 PC追加分 240603 ここまで*/

	
/*記事ページ------------------------*/
	/*クリップマーク*/
	.img_clip{
		display: block;
		margin: 0 auto -20px;
		width: 700px;
	}
	/*白枠*/
	.garden_white_box{
		background-color: #FFFFFF;
		max-width: 920px; 
		margin: 0 auto;
		padding: 60px 30px 30px;
		border-radius: 25px;
		box-shadow: 3px 3px 6px 0px rgba(183, 183, 183, 0.38);
		color: #292929;
	}
	/*上段BOX*/
	.garden_main_box{
		display: flex;
	}
		/*品目画像*/
		.garden_img_box{
			padding: 20px;
			width: 45%;
		}
		.garden_img_box p{
			text-align: right;
			color: #515151;
			font-size: 14px;
		}
		/*右側BOX*/
		.garden_main_point{
			display: flex;
			flex-flow: column;
			justify-content: space-evenly;
			width: 50%;
		}
		/*品目名・品種名*/
		.garden_bule div{
			background-color: #0066A5;
			color: #FFFFFF;
			padding: 10px;
			text-align: center;
			border-radius: 5px 5px 0px 0px;
		}
		.garden_bule p{
			padding: 25px 20px;
			text-align: center;
			font-size: 1.25rem;
			font-weight: bold;
			border: 2px solid #0066A5;
			border-radius: 0px 0px 5px 5px;
		}
		/*特徴*/
		.garden_main_feature{
			text-align: center;
			font-size: 1.25rem;
			font-weight: bold;
			line-height: 1.6;
			margin: 30px auto;
		}
		.garden_main_feature_title{
			margin-bottom: 10px;
		}
		.garden_main_feature_text{
			text-align: left;
			padding: 15px;
			/*background-image: url(https://watahan.pro/images/about-text-bg.png);*/
		/*	padding-bottom: 15px;
			background-repeat: no-repeat;
			background-size: 90%;
			background-position: bottom;*/
		}
		/*学名・分類*/
		.garden_main_data{
		border: 1px solid #C7C7C7;
		padding: 20px;
		}
		.garden_main_data table{
			margin: 0 auto;
		}
		.garden_main_data table th{
			font-weight: bold;
			text-align: right;
			padding: 10px;
		}
		.garden_main_data table td{
			text-align: left;
			padding: 10px;
		}
	
	/*記事詳細部分*/
		ul.garden_contents_list li{
			margin: 30px auto;
			border-bottom: dashed 2px #D1D1D1;
			padding-bottom: 5px;
		}
		ul.garden_contents_list dl{
			display: flex;
			align-items: center;
		}
		ul.garden_contents_list dl dt{
			display: flex;
			align-items: center;
			width: 40%;
			font-weight: bold;
		}
		ul.garden_contents_list dl dd{
			width: 55%;
			line-height: 1.5em;
		}
		ul.garden_contents_list img{
			width: 70px;
			margin: 0px 20px;
		}
	/*下部わたぴー画像*/
		.footer_watapi_img{
			text-align: right;
		}
		.footer_watapi_img img{
			width: 40%;
			padding: 25px;
		}
	

    /*------------タブレット版------------*/
    @media screen and (min-width: 768px) and (max-width: 1030px) {
        .loader {       
            top: -3vh;
            left: 230%;
        }
        .container {
            width: 100%;
            padding: 0;
        }
    
        p.product-results__num {
                    margin-top: 5vh;
            width: 95vw;
        }
    
        form#search-form {
            width: 58%;
        }
    
        .list-page__content {
            padding-bottom: 0px;
        }
    
        div.news-list-desc.child-page--left.clearfix {
            width: 100%;
            padding-left: 0;
        }
    
        div.category_box {
            height: 330px;
            padding: 5% 0px 0px 40px;
            border: none;
        }
        ul.product-list {
            width: 100%;
            margin: 0 2%;
        }
        ul.product-list li {
            width: 15vw;
        }
    
        p.product-results__num {
            width: auto;
        }
        ul.category_list {
            padding: 20px 0 0 0;
        }
        ul.product-list li {
            width: 20%;
            margin: 0 2vw;
            display: table;
        }
    
        .item_img {
            width: 100%;
            height: 14vh;
        }
    
        div.pagenation {
            margin-top: 0px;
        }            
        div.pn_prv a,
        div.pn_nxt a {
            font-size: 1.4rem;
            padding: 20px 10px;
        }
        div.pn_num a {
            font-size: 1.4rem;
            color: #1A1311;
            font-weight: bold;
            padding: 15px;
        }
    
        .pc_only {display: none;}
    
    }/*タブレット版閉じタグ*/



/*------------SP版------------*/
@media only screen and (max-width: 767px){
/*共通・全体背景フレーム*/
	.garden_top{
		position: relative;
		background: #fff url(https://watahan.pro/images/top-service-bg.png) repeat top center;
		padding-bottom: 1px;
		margin-bottom: 110px;
	}
	.garden_top:before {
		content: "";
		width: 100%;
		position: absolute;
		top: -50px;
		height: 50px;
		background: url(https://watahan.pro/images/about-bg-02-start.png) repeat left top;
	}
	.garden_top:after {
		content: "";
		width: 100%;
		position: absolute;
		bottom: -50px;
		height: 50px;
		background: url(https://watahan.pro/images/about-bg-02-under.png) repeat left top;
		z-index: 1;
	}
	.garden_main_bg{
		background: url(https://watahan.pro/images/about-bg-illust.png) top center no-repeat;
		padding-top: 10px;
		z-index: 2;
		margin-bottom: -50px;
		padding-bottom: 90px;
		position: relative;
	}
	.service__bg--white{
		margin-bottom: 50px;
	}
	.pc_only{
		display: none;
	}
	
/*INDEXページ SP版------------------------*/
	/*全体枠 SP版*/
	.garden_index {
		max-width: 920px;
		margin: 0 auto;
		padding: 20px 10px 30px;
		border-radius: 25px;
		color: #292929;
	}
	.garden_index_title_box{
		text-align: center;
		display: block;
	}
	.garden_title_yellow{
		text-align: center;
		position: relative;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		padding: 0 66px;
		margin-bottom: 10px;
	}
		.garden_title_yellow img{
			position: absolute;
			top: 0;
			width: 56px;
		}
		.garden_title_yellow .garden_title_yellow_left{
			left: 0;
		}
		.garden_title_yellow .garden_title_yellow_right{
			right: 0;
		}
		.garden_title_yellow span{
			display: inline-block;
			padding-bottom: 6px;
			border-bottom: 3px solid #FFC01A;
			margin-bottom: 10px;
		}
	/*黄色下線見出し SP版*/
	.garden_index_point{
		background-image: url(https://watahan.pro/images/about-text-bg.png);
		background-size: contain;
		padding-bottom: 6px;
		background-repeat: no-repeat;
		background-position: bottom;
		width: 75%;
		margin-top: 20px;
	}
		.garden_index_point p{
			font-size: 1.2rem;
			line-height: 1.5em;
			font-weight: bold;
			margin: 15px auto 5px;
		}
	.garden_index_point_text{
		font-size: 1.2rem;
		line-height: 1.5em;
		text-align: left;
		margin: 15px auto;
	}
	/*カテゴリ一覧 SP版*/
	.category_box{
		border: 5px solid #FFF;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		ul.category_list{
			width: 100%;
			margin: 0px auto;
			display: flex;
			color: #292929;
			font-weight: bold;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
			font-size: 15px;
		}
	ul.category_list li{
		width: calc(100% / 4);
		display: inline;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	/*品目リンク部分 SP版*/
	.link_block {
		text-align: center;
		margin-top: 20px;
		font-size: 15px;
	}
	.link_block a {
		font-size: 12px;
		padding: 0 20px;
		background-color: #1A1311;
		text-align: center;
		display: inline-block;
		border-radius: 18px;
		color: #fff;
		height: 36px;
		line-height: 36px;
		font-weight: bold;
		margin-left: 10px;
		margin-bottom: 10px;
		letter-spacing: -1.2px;
	}
	.g_contents_inner {
		padding-top: 100px;
		margin-top:-100px;
		}
	.garden_index .section-title{
		margin-bottom: 20px!important;
	}
	.garden_index .service__title{
		margin-top: 50px;
	}
	.garden_index .service_bt_a{
		margin-bottom: 50px;
	}
	.garden_index .main_img{
		width: 80%;
	}

	li.link_block_li.link_block_li { display: inline-flex; }

    
    /*カテゴリ一覧 SP追加分 240603*/
    
    .loader {       
        top: -3vh;
        left: 40vw;
    }
    .container {
        width: 95vw;
        margin: auto;
    }

    .garden_title_yellow {
        padding: 0 65px;
    }

    div.c-search_input {
        width: 100%;
        height: 95px;
        border-radius: 10px 10px 0px 0px !important;
        display: block;
        padding: 20px;
    }

    form#search-form {
        width: 100%;
    }
    
    div.category_box {
        height: 700px;
        padding: 25% 0 0 40px;
        border: none;
    }
    ul.category_list {
        padding: 20px 0 0 0;
    }
    ul.category_list li {
        width: 50%;
        display: block;
    }
    ul.category_list li a div img {
        margin: 5px 10px 5px -10px;
    }

    div.news-list-desc.child-page--left.clearfix {
        margin-top: 0;
        padding-left: 0px;
    }

    p.product-results__num {
        width: 100%;
        text-align: right;
        margin-top: 30px;
        margin-bottom: 0;
        font-size: 1.6rem;
    }

    .panel-window__body {
        margin-top: -80px;
    }

    p.c-search_input__ttl {
        margin-bottom: 10px;
    }

    .body-item.category {
        position: relative;
        width: 92%;
        margin: 0 auto;
        padding: 10px 0;
        background-color: #f0f0f0;
        z-index: 0;
    }

    ul.product-list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    ul.product-list li {
        display: inline;
        width: 100%;
        color: #666;
        font-size: 0.875rem;
        letter-spacing: 0;
        line-height: 1.5714;
        overflow-wrap: break-word;
        transition: all 0.2s linear;
        margin: 0px 0;
        padding: 30px 0;
        border-bottom: 1px #ccc solid;
    }

    ul.product-list li .item_text {
        padding: 0 0 0 10px;
        font-size: 1.2rem;
        display: block;
        line-height: 1.4rem;
        width: 50%;
    }

    a.item_thumb {
        display: flex;
    }

    .item_img {
        width: 40%;
        height: 16vh;
        background-color: #eee;
        border-radius: 6px;
        margin-left: 10px;
        order: 1;
    }

    p.pbitem_name {
        width: 100%;
        top: 58%;
        display: inline-block;
        color: #1A1311;
        font-weight: bold;
        padding: 0 2px;
    }

    p.pbitem_num {
        margin-top: 5px;
    }

    div.pn_prv a,
    div.pn_nxt a {
        font-size: 1.4rem;
        padding: 20px 10px;
    }

    div.pn_prv {
        border: none;
    }

    div.pn_num {
        order: -1;
        text-align: center;
        width: 100vw;
        font-size: 1.6rem;
    }
    div.pn_num a {
        font-size: 1.4rem;
        color: #1A1311;
        font-weight: bold;
        padding: 10px;
    }
    div.pn_num a::before,
    div.pn_num a::after {
        content: ("  ");
    }

    div.pn_nxt {
        border: none;
    }

    div.pn_prv:after {
        content: "|";
        font-size: 2rem;
    }

    div.pn_nxt:before {
        content: "";
    }

    .panel-window.locked {
        margin-top: 80px;
    }

    .pc_only {display: none;}
    /*カテゴリ一覧 SP追加分 240603 ここまで*/

/*記事ページ SP版------------------------*/
	
	/*クリップマーク SP版*/
	.img_clip{
		display: block;
		margin: 0 auto -20px;
		width: 80%;
	}
	/*白枠 SP版*/
	.garden_white_box{
		background-color: #FFFFFF;
		margin: 0 auto;
		padding: 60px 30px 30px;
		border-radius: 15px;
		box-shadow: 3px 3px 6px 0px rgba(183, 183, 183, 0.38);
		color: #292929;
		width: 95%;
	}
	/*上段BOX SP版*/
	.garden_main_box{
		display: flex;
		flex-flow: column;
	}
		/*品目画像 SP版*/
		.garden_img_box{
			width: 80%;
			margin: 0px auto 25px;
		}
		.garden_img_box p{
			text-align: right;
			color: #515151;
			font-size: 14px;
		}
		/*右側BOX SP版*/
		.garden_main_point{
			display: contents;
			/*display: flex;
			flex-flow: column;
			justify-content: space-evenly;*/
		}
		/*品目名・品種名 SP版*/
		.garden_bule div{
			background-color: #0066A5;
			color: #FFFFFF;
			padding: 10px;
			text-align: center;
			border-radius: 5px 5px 0px 0px;
		}
		.garden_bule p{
			padding: 25px 20px;
			text-align: center;
			font-size: 1.25rem;
			font-weight: bold;
			border: 2px solid #0066A5;
			border-radius: 0px 0px 5px 5px;
		}
		/*特徴 SP版*/
		.garden_main_feature{
			text-align: center;
			font-size: 1.25rem;
			font-weight: bold;
			line-height: 1.6;
			margin: 40px auto;
		}
			.garden_main_feature_title{
				margin-bottom: 10px;
			}
			/*.garden_main_feature_text{
				
			}*/
		/*学名・分類 SP版*/
		.garden_main_data{
			border: 1px solid #C7C7C7;
			padding: 20px;
		}
		.garden_main_data table{
			margin: 0 auto;
		}
		.garden_main_data table th{
			font-weight: bold;
			text-align: right;
			padding: 10px;
		}
		.garden_main_data table td{
			text-align: left;
			padding: 10px;
		}
	/*記事詳細部分 SP版*/
		ul.garden_contents_list li{
			margin: 30px auto;
			border-bottom: dashed 2px #D1D1D1;
			padding-bottom: 5px;
		}
		ul.garden_contents_list dl{
			display: flex;
			align-items: center;
		}
		ul.garden_contents_list dl dt{
			display: flex;
			align-items: center;
			width: 35%;
			font-weight: bold;
		}
		ul.garden_contents_list dl dd{
			width: 55%;
			line-height: 1.5em;
		}
		ul.garden_contents_list img{
			width: 30px;
			margin: 0px 5px;
		}
	/*下部わたぴー画像 SP版*/
		.footer_watapi_img{
			text-align: right;
		}
		.footer_watapi_img img{
			width: 50%;
		}

}/*SP版閉じタグ*/