/* 初期設定--------------------------------------------------------------------------------------------------------------------------------------------- */


@font-face {
    font-family: 'noto100';
    src:url("../font/noto_sans/NotoSansJP-Thin.woff") format('woff');
}


@font-face {
    font-family: 'noto300';
    src:url("../font/noto_sans/NotoSansJP-Light.woff") format('woff');
}

@font-face {
    font-family: 'noto400';
    src:url("../font/noto_sans/NotoSansJP-Regular.woff") format('woff');
}

@font-face {
    font-family: 'noto500';
    src:url("../font/noto_sans/NotoSansJP-Medium.woff") format('woff');
}

@font-face {
    font-family: 'noto700';
    src:url("../font/noto_sans/NotoSansJP-Bold.woff") format('woff');
}

@font-face {
    font-family: 'noto900';
    src:url("../font/noto_sans/NotoSansJP-Black.woff") format('woff');
}

/* webフォントのちらつき対応 ---------------------------------------------- */



html {
    font-family: 'noto400';

     font-feature-settings : "palt";
     letter-spacing:1px;
     
   font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}



body a:focus{
	outline:none;
}




/* clear ---------------------------------------------- */


.clearfix:after {
height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
 overflow:hidden;
}
.clearfix {
 display:inline-block;
overflow:hidden;
}

/* exlude MacIE5 \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}


@media screen and (min-width: 1031px) {
/* PC用のスタイル記述 */
.pc {
	display: block;
}
.phone {
	display: none;
}

.slicknav_menu {
	display:none;
}

img, object, embed {
	max-width: 100%;
	height: auto;
}

img {
	-ms-interpolation-mode: bicubic;
}

}

@media screen and (max-width: 1030px) {
/* タブレット用のスタイル記述 */

.pc {
	display: none !important;
}
.phone{
	display: block !important;
}	


img, object, embed {
	max-width: 100%;
	height: auto;
}

img, object, embed {
	max-width: 100%;
	height: auto;
}

img {
	-ms-interpolation-mode: bicubic;
}

body {
  -webkit-text-size-adjust: 100%; /* iPhone 横向きで文字を拡大しない */
}




}

@media screen and (max-width: 767px) {
/* スマートフォン用のスタイル記述 */
.pc {
	display: none !important;
}
.phone{
	display: block !important;
}	

img, object, embed {
	max-width: 100%;
	height: auto;
}

img {
	-ms-interpolation-mode: bicubic;
}


body {
  -webkit-text-size-adjust: 100%; /* iPhone 横向きで文字を拡大しない */
}	

	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
}



/* PCベース設定--------------------------------------------------------------------------------------------------------------------------------------------- */

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

	
	
body{
	padding:0;
	margin:0;
	font-size:16px;
	line-height:180%;    
	color:#000000;
	text-align:left;
}	 


.container01_bg_tp{
    margin-top: 100px;
}

.container01_bg{
	width:100%;
	height:auto;
	padding:0 50px;
	box-sizing:border-box;
}

.container01{
    max-width: 1000px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:50px 0;

}



/* header ---------------------------------------------- */

#fixed-header {
  position: fixed;
  top:0px;  
  width: 100%;
  z-index: 10;
  transition: .5s; /* アニメーションタイミング */
}

#fixed-header.is-show {
  top: 0;
}

.header_bg{
	width:100%;
	height:90px;
	margin:0 auto;
    box-sizing: border-box;
    padding: 0 50px;
    background:#FFFFFF;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02);        

}

#header{
	width:100%;
	height:90px;
	margin:0 auto;
    position: relative;
    
}

header{
	width:100%;
	height:90px;
	margin:0 auto;
	box-sizing:border-box;
 
}

.h_sns{
    max-width: 80px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 10px;
    right: 0;
}

.h_sns ul li{
    width: 48.5%;
    height: auto;
    float: left;
    margin-right: 3%;
}

.h_sns ul li:nth-child(2n){
    margin-right: 0%;
}

.h_sns ul li img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
	
.h_sns ul li:hover img {
	opacity: .7;
}


footer{
    padding: 25px 0;

}

footer p{
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    color: #070707;

}




h1.h1_01{
width: 250px;
height: auto;
position: absolute;
top:12px;
z-index: 100;
}


h2{
    margin-bottom: 40px;
}

.mb01{
    margin-bottom: 100px;

}

h2.c-ttl-main{

    letter-spacing: 0 !important;
    text-align: center !important;
    
    display: block;
}

.c-ttl-main{
    font-size: 32px;
    color: #AC6A00;
    font-family: 'noto500';  
    font-weight: normal !important;
}

.c-ttl-main__ja{
    margin-top: 8px;
    font-size: 16px;
    display: block;
    color: #530000;
    font-family: 'noto400';
    font-weight: normal !important;
}

h3.h3_01{
    font-size: 26px;
    line-height: 120%;
    color:#3F3F3F;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'noto400';
    font-weight: normal !important;
}


#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8,
#section9,
#section10,
#section11,
#section12,
#section13,
#section14
{
    margin-top:-100px;
    padding-top:100px;
}

}



/* タブレットベース設定--------------------------------------------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 1060px) {

body{
	padding:0;
	margin:0;
	font-size:15px;
	line-height:170%;    
	color:#000000;
	text-align:left;
}


.container01_bg_tp{
    margin-top: 60px;
}


.container01_bg{
	width:100%;
	height:auto;
	 padding:0 30px;
	box-sizing:border-box;
}

.container01{
    max-width: 1000px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:40px 0;

}


/* header ---------------------------------------------- */

#fixed-header {
  position: fixed;
  top:0px;  
  width: 100%;
  z-index: 10;
  transition: .5s; /* アニメーションタイミング */
}

#fixed-header.is-show {
  top: 0;
}

.header_bg{
	width:100%;
	height:60px;
	margin:0 auto;
    box-sizing: border-box;
    padding: 0 30px;
    background:#FFFFFF;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02);        
}

#header{
	width:100%;
	height:60px;
	margin:0 auto;
    position: relative;
}

header{
	width:100%;
	height:60px;
	margin:0 auto;
	box-sizing:border-box;
}

.h_sns{
    max-width: 80px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 16px;
    right: 60px;
}

.h_sns ul li{
    width: 48.5%;
    height: auto;
    float: left;
    margin-right: 3%;
}

.h_sns ul li:nth-child(2n){
    margin-right: 0%;
}
.h_sns ul li img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
	
.h_sns ul li:hover img {
	opacity: .7;
}



footer{
    padding: 25px 0;

}

footer p{
    text-align: center;
    font-size: 15px;
    line-height: 140%;
    color: #070707;

}



h1.h1_01{
width: 150px;
height: auto;
position: absolute;
top:10px;
z-index: 100;
}



h2{
    margin-bottom: 35px;
}

.mb01{
    margin-bottom: 80px;

}



h2.c-ttl-main{
    letter-spacing: 0 !important;
    text-align: center !important;
    
    display: block;
}

.c-ttl-main{
    font-size: 26px;
    color: #AC6A00;
    font-family: 'noto500';  
    font-weight: normal !important;
}

.c-ttl-main__ja{
    margin-top: 8px;
    font-size: 13px;
    display: block;
    color: #530000;
    font-family: 'noto400';
    font-weight: normal !important;
}


h3.h3_01{
    font-size: 22px;
    line-height: 120%;
    color:#3F3F3F;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'noto400';
    font-weight: normal !important;
}



#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8,
#section9,
#section10,
#section11,
#section12,
#section13,
#section14
{
    margin-top:-80px;
    padding-top:80px;
}


}



/* スマホベース設定--------------------------------------------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 720px) {



body{
	padding:0;
	margin:0;
	font-size:14px;
	line-height:150%;    
	color:#000000;
	text-align:left;
}	 


.container01_bg_tp{
    margin-top: 60px;
}

.container01_bg{
	width:100%;
	height:auto;
	padding:0 20px;
	box-sizing:border-box;
}

.container01{
	width:100%;
    max-width: 1000px;    
	height:auto;
	margin:0 auto;
	padding:30px 0;

}

/* header ---------------------------------------------- */

#fixed-header {
  position: fixed;
  top:0px;  
  width: 100%;
  z-index: 10;
  transition: .5s; /* アニメーションタイミング */
}

#fixed-header.is-show {
  top: 0;
}

.header_bg{
	width:100%;
	height:60px;
	margin:0 auto;
    box-sizing: border-box;
    padding: 0 20px;
    background:#FFFFFF;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02);        
}

#header{
	width:100%;
	height:60px;
	margin:0 auto;
    position: relative;
}

header{
	width:100%;
	height:60px;
	margin:0 auto;
	box-sizing:border-box;
}

.h_sns{
    max-width: 70px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 14px;
    right: 60px;
}

.h_sns ul li{
    width: 46%;
    height: auto;
    float: left;
    margin-right: 8%;
}

.h_sns ul li:nth-child(2n){
    margin-right: 0%;
}
.h_sns ul li img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
	
.h_sns ul li:hover img {
	opacity: .7;
}

footer{
    padding: 25px 0;

}

footer p{
    text-align: center;
    font-size: 14px;
    line-height: 140%;
    color: #070707;

}


h2{
    margin-bottom: 30px;

}


.mb01{
    margin-bottom: 60px;

}



h2.c-ttl-main{
    letter-spacing: 0 !important;
    text-align: center !important;
    
    display: block;
}


.c-ttl-main{
    font-size: 26px;
    line-height: 130%;
    color: #AC6A00;
    font-family: 'noto500';  
    font-weight: normal !important;
}



.c-ttl-main span::before{
	content: "\A" ;
	white-space: pre ;
}

.c-ttl-main__ja{
    margin-top: 2px;
    font-size: 11px;
    display: block;
    color: #530000;
    font-family: 'noto400';
    font-weight: normal !important;
}


h3.h3_01{
    font-size: 20px;
    line-height: 120%;
    color:#3F3F3F;
    text-align: center;
    margin-bottom: 26px;
    font-family: 'noto400';
    font-weight: normal !important;
}

#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8,
#section9,
#section10,
#section11,
#section12,
#section13,
#section14
{
    margin-top:60px;
    padding-top:60px;
}


}




/* PC用スタイルスタイル--------------------------------------------------------------------------------------------------------------------------------------------- */


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



/* 商品紹介----------------------------------------- */


.pi_01{
    margin-bottom: 100px;
}

.pi_01 ul li{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 4%;
    margin-bottom: 40px;
}

.pi_01 ul li:nth-child(2n){
    margin-right: 0%;
}


.pi_01_img{
    margin-bottom: 20px;
}

.pi_01_in{

}

.pi_01_in dl dt{
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;    
}

.pi_01_in dl dd{
    font-size: 16px;
    line-height: 180%;
}


/* 「おいしさ」と「安心安全」への取り組み----------------------------------------- */


.atpt01{
    margin-bottom: 25px;
}

.atpt01_l{
    width: calc(100% - 550px);
    height: auto;
    float: left;
}


.atpt01_r{
    width: 520px;
    height: auto;
    float: right;
    text-align: center;
}

.atpt01_r img{ 
    vertical-align: bottom;
}


.atpt02{
    margin-bottom: 25px;
}

.atpt02_l{
    width: 520px;
    height: auto;
    float: left;
}


.atpt02_r{
    width: calc(100% - 550px);
    height: auto;
    float: right;
}

.atpt02_l img{ 
    vertical-align: bottom;
}






.atpt01_in_r{
    text-align: right;
}

.atpt01_in{
    margin-top: 50px;
    font-size: 22px;
    line-height: 140%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}


.atpt01_in:first-letter{
    font-size: 34px;
    color: #9E7130;    
 }
 
 
.atpt01_txt{
    font-size: 16px;
    line-height: 180%;
    margin-bottom: 100px;
}

.atpt01_txt a{
    color: #2D4593;
    text-decoration: underline;
}

.atpt01_txt a:hover{
    color: #2D4593;
    text-decoration:none;
}

 
.atpt02_txt{
    font-size: 16px;
    line-height: 180%;
    margin-bottom: 100px;
}


.atpt02_txt dl dt{

    font-size: 22px;
    line-height: 140%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    margin-bottom: 20px;
}

.atpt02_txt dl dt:first-letter{
    font-size: 34px;
    color: #9E7130;    
 }

.atpt02_txt dl dd{
    font-size: 16px;
    line-height: 180%;
}

.atpt02_txt dl dd a{
    color: #2D4593;
    text-decoration: underline;
}

.atpt02_txt dl dd a:hover{
    color: #2D4593;
    text-decoration:none;
}




/* 企業概要----------------------------------------- */

.cpy01{
	width:100%;
	height:auto;
    margin-bottom: 100px;
}

.cpy01 table{
	width:100%;
	height:auto;
}

.cpy01 table th{
	width:190px;

	padding:20px 0px 20px 0px;	
	box-sizing:border-box;
    
	font-size:16px;
    line-height: 180%;
	border-collapse:collapse;
    color: #1d1d1d;

    vertical-align: text-top;

	text-align:left;
    border-bottom: 1px dotted #999999;
    box-sizing: border-box;
}

.cpy01 table td{
	padding:20px 0px 20px 0px;	
	box-sizing:border-box;
    
	font-size:16px;
    line-height: 180%;
	border-collapse:collapse;
    color: #1d1d1d;

    vertical-align: text-top;

	text-align:left;
    border-bottom: 1px dotted #999999;
    box-sizing: border-box;    
}






/* きのこが買えるお店----------------------------------------- */


.shp_01{
    margin-bottom: 100px;
}

.shp_01 ul li{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 4%;
    margin-bottom: 40px;
}


.shp_01 ul li:nth-child(2n){
    margin-right: 0%;
}

.shp_01_img{
    margin-bottom: 20px;
}

.shp_01_in{

}

.shp_01_in dl dt{
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;    
}

.shp_01_in dl dd{
    font-size: 16px;
    line-height: 180%;
}


.shp_01_in dl dt a{
    color: #2D4593;
    text-decoration: underline;
}

.shp_01_in dl dt a:hover{
    color: #2D4593;
    text-decoration:none;
}





/* 小川きのこ園のきのこを使ったお料理が楽しめるお店----------------------------------------- */


.kr_01{
    margin-bottom: 100px;

}

.kr_01 ul li{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 4%;
    margin-bottom: 40px;
}


.kr_01 ul li:nth-child(2n){
    margin-right: 0%;
}

.kr_01_img{
    margin-bottom: 20px;
}

.kr_01_in{

}

.kr_01_in dl dt{
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;    
}

.kr_01_in dl dd{
    font-size: 16px;
    line-height: 180%;
}

.kr_01_in dl dt a{
    color: #2D4593;
    text-decoration: underline;
}

.kr_01_in dl dt a:hover{
    color: #2D4593;
    text-decoration:none;
}

/* プライバシー ---------------------------------------------- */


.privacy{
}

.privacy dt {
    font-size:18px;
    line-height: 160%;
    font-family: 'noto500';    

    border-bottom: 2px solid #9E7130;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.privacy dd {
    font-size:16px;
    line-height: 170%;
    margin-bottom: 40px;
}

.privacy dd:last-child{
    margin-bottom: 0px;
}






/* お問い合わせ---------------------------------------------------------  */


.ctt01{
    margin-bottom: 100px;
}

.ctt01 dl dt{
    font-size: 22px;
    line-height: 140%;
    margin-bottom: 10px;
}

.ctt01 dl dd{
    font-size: 32px;
    line-height: 140%;

    font-family: 'noto500';
}

.ctt01 dl dd span{
    font-size: 18px;
    line-height: 140%;
    margin-left: 10px;

    font-family: 'noto400';
}



.f_text01 a{
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color:#6C6C6C;
}

.f_text01 a:hover{
    color:#6C6C6C;
    text-decoration: underline;
}

#contact-f{

	width:100%;

	height:auto;





}



#contact-f table{

	width:100%;

	height:auto;

	border-top:1px solid #cccccc;

}



#contact-f th,td{

	padding:15px;

}



#contact-f th{

	font-size:16px;

	border-collapse:collapse;



	border-bottom:1px solid #cccccc;

	text-align:left;

	font-weight:bold;

	color:#333;

	width:28%;	



	background:url(../img/contact/bg.png) repeat;

}



#contact-f td{

	font-size:16px;

	border-collapse:collapse;

	text-align:left;

	border-bottom:1px solid #cccccc;





	background:url(../img/contact/bg.png) repeat;

}





#contact-f span{

	color:#F00;

	font-size:12px;



}



.with-form1{

	width:90%;

	margin-right:5px;

	padding:5px;

	border:1px solid #CCC;



	filter:alpha(opacity=70); /* IE*/

	-moz-opacity: 0.7; /* Firefox*/

	opacity: 0.7; /* SafariやOpera*/

}



.with-form3{

	width:450px;

    height: 40px !important;  

	margin-right:5px;

	padding:5px;

	border:1px solid #CCC;

	padding:5px;

}







.margin-r1{

	margin-right:5px;

}



.margin-r2{

	margin-right:15px;

}





.f_txt01{

    text-align: center;

    margin-bottom: 12px;

    font-size: 15px;

    line-height: 120%;

}



.f_txt01 a{

    color: #000000;

    text-decoration: none;

}



.f_txt01 a:hover{

    color: #000000;

    text-decoration:underline;

}





#form-center{

	margin-left:0 !important;

	margin-top:20px;

	text-align:center;

}



input:focus {

    border:solid 1px #EEA34A;

}



textarea:focus {

    border:solid 1px #EEA34A;

}









input.submit_button {

	width:150px;

	height:auto;

	padding:15px 0;

    font-size: 1.2em;

    background-color:#697489;

    color:#FFF;

	font-weight:bold;

    border-style: none;

	text-align:center;

	font-size:16px;



    /*角丸*/

	-webkit-border-radius: 3px;     /* for Safari and Chrome */

	moz-border-radius: 3px;    /* for Firefox */

	-o-border-radius: 3px;  /* when Opera Presto 2.3 or later is released */

	-khtml-border-radius:3px;   /* Linux browsers */

	border-radius: 3px;     /* CSS3 */

     behavior: url(css/border-radius.htc); /* IE用 */

    /*角丸*/

	

}



input.submit_button:hover {

	opacity: 0.7;

	filter: Alpha(opacity=70); 

}













#contact-f select {

    -webkit-appearance: button;

    -moz-appearance: button;

    appearance: button;

    text-indent: 0.5em;

    background:#FAFAFA;

    height: 20px;



    font-size: 13px;

    vertical-align: middle;

    border:1px solid #CCC;

}









#contact-f input[type=radio],

#contact-f input[type=checkbox] {

    display: inline-block;

    margin-right: 6px;

}

#contact-f input[type=radio] + label,

#contact-f input[type=checkbox] + label {

    position: relative;

     

    display: inline-block;

    margin-right: 5px;

     

    font-size: 14px;

    line-height: 30px;

     

    cursor: pointer;

}

 

@media (min-width: 1px) {

#contact-f input[type=radio],

#contact-f input[type=checkbox] {

        display: none;

        margin: 0;

    }

#contact-f input[type=radio] + label,

#contact-f input[type=checkbox] + label {

        padding: 0 0 0 24px;

    }

#contact-f input[type=radio] + label::before,

#contact-f input[type=checkbox] + label::before {

        content: "";

        position: absolute;

        top: 50%;

        left: 0;

         

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display: block;

        width: 18px;

        height: 18px;

        margin-top: -9px;

         

        background: #FFF;

    }

#contact-f input[type=radio] + label::before {

        border: 2px solid #ccc;

        border-radius: 30px;

    }

#contact-f input[type=checkbox] + label::before {

        border: 2px solid #ccc;

    }

#contact-f input[type=radio]:checked + label::after,

#contact-f input[type=checkbox]:checked + label::after {

        content: "";

        position: absolute;

        top: 50%;

         

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display: block;

    }

#contact-f input[type=radio]:checked + label::after {

        left: 5px;

         

        width: 8px;

        height: 8px;

        margin-top: -4px;

         

        background:#06C;

        border-radius: 8px;

    }

#contact-f input[type=checkbox]:checked + label::after {

        left: 3px;

         

        width: 16px;

        height: 8px;

        margin-top: -8px;

         

        border-left: 3px solid #E71063;

        border-bottom: 3px solid #E71063;

         

        -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        transform: rotate(-45deg);

    }

}











/* カラーミーパーツスタイル----------------------------------------------------------  */

/* スライド-------- */

.slider {
   max-width: 1000px !important;
  width: 100% !important;
  margin: 0 auto 70px auto !important;
  padding: 0 !important;

    position: relative;
}

/* スライド下にバナー設置-------- */

.tp_bnr01{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 70px auto !important;
}

.tp_bnr01 ul li{
    width: 48.5%;
    height: auto;
    float:left;
    margin-right: 3%;    

}

.tp_bnr01 ul li:nth-child(2n){
    margin-right: 0%;
}

.tp_bnr01 ul li img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
	
.tp_bnr01 ul li:hover img {
	opacity: .7;
}





/* ロゴ下テキスト消す-------- */
.l-header-logo__txt{
    display: none !important;
    visibility: hidden !important;
}
.l-footer-shopinfo__txt{
    display: none !important;
    visibility: hidden !important;

}





/* お知らせの中-------- */
.u-contents{
    padding: 0 0px !important;
    margin-bottom: 70px !important;
    box-sizing: border-box;

}

.u-container {

}

.p-information{
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 0 auto;

}

.p-information__body{
    max-width: 1000px !important;
    width: 100% !important;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    
    background: #FFFFFF;
    border: 1px solid #D7D7DD;
    border-radius: 20px;
    padding: 30px;
    
    font-size: 16px;
    line-height: 180%;

}

.p-information__body p{
    font-size: 18px;
    line-height: 180%;
    color: #FF0004;
    font-weight: bold;
}

/* 新着-------- */
.p-new-item{
    max-width: 1000px;
    width: 100%;

/*    background: #CF4143;*/
    
    padding: 0 35px !important;
    box-sizing: border-box;
}

.p-new-item ul li{
    width: 23.5%;
    height: auto;
    float: left;
    margin-right: 2%;
    background: #f4f3f1;
    padding: 20px 15px;
    margin-bottom: 25px;
    box-sizing: border-box;

}

.p-new-item ul li:nth-child(4n){
    margin-right: 0%;
}


.c-item-list__img{
    margin-bottom: 15px !important;
}

.c-item-list__img img{
    width: 100%;
    height: 190px;
    object-fit: cover;    

}

.c-item-list__ttl{
    font-size: 16px;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 5px !important;

}

.c-item-list__price{
    font-size: 16px;
    line-height: 140%;
    color: #000000;
    margin-top: 0px;        
}

.is-soldout{
    color: #FF0004 !important;
    font-weight: bold;
}


.c-more {
    margin-top: 20px;
}


/* 最近チェックした商品-------- */


.u-overflow-slide{

/*    background: #D1D587;*/
}



.c-favorite-list{
    margin: 0 !important;

}



.u-overflow-slide ul li{
    width: 19.2%;
    height: auto;
    float: left;
    margin-right: 1%;
    margin-bottom: 20px;
    
/*    background: #F0CFD0;*/
    
    padding: 0 !important;
    box-sizing: border-box;
    

}

.u-overflow-slide ul li:nth-child(5n){
    margin-right: 0%;
}


.c-favorite-list__img{
    margin-bottom: 10px !important;
}

.c-favorite-list__img img{
    width: 100% !important;
    height: 130px;
    object-fit: cover;    

}

.c-favorite-list__img:before {
    content: "";
    display: block;
    padding-top: 130px;
}


.c-favorite-list__name{
    font-size: 14px;
    line-height: 140%;
    font-family: 'noto500';
    font-weight: normal;

    margin-bottom: 5px !important;
  white-space: normal;
}

.c-favorite-list__price{
    font-size: 14px;
    line-height: 140%;
    color: #000000;
    margin-top: 0px !important;
}





}


/* タブレット用スタイル--------------------------------------------------------------------------------------------------------------------------------------------- */



@media screen and (max-width: 1030px) {




/* 商品紹介----------------------------------------- */


.pi_01{
    margin-bottom: 80px;
}

.pi_01 ul li{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 4%;
    margin-bottom: 30px;
}

.pi_01 ul li:nth-child(2n){
    margin-right: 0%;
}


.pi_01_img{
    margin-bottom: 20px;
}

.pi_01_in{

}

.pi_01_in dl dt{
    font-size: 17px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;    
}

.pi_01_in dl dd{
    font-size: 15px;
    line-height: 170%;
}


/* 「おいしさ」と「安心安全」への取り組み----------------------------------------- */


.atpt01{
    margin-bottom: 25px;
}

.atpt01_l{
    width: calc(100% - 410px);
    height: auto;
    float: left;
}


.atpt01_r{
    width: 380px;
    height: auto;
    float: right;
    text-align: center;
}

.atpt01_r img{ 
    vertical-align: bottom;
}


.atpt02{
    margin-bottom: 25px;
}

.atpt02_l{
    width: 380px;
    height: auto;
    float: left;
}


.atpt02_r{
    width: calc(100% - 410px);
    height: auto;
    float: right;
}

.atpt02_l img{ 
    vertical-align: bottom;
}






.atpt01_in_r{
    text-align: right;
}

.atpt01_in{
    margin-top: 50px;
    font-size: 20px;
    line-height: 140%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}


.atpt01_in:first-letter{
    font-size: 26px;
    color: #9E7130;    
 }
 
 
.atpt01_txt{
    font-size: 15px;
    line-height: 170%;
    margin-bottom: 70px;
}

.atpt01_txt a{
    color: #2D4593;
    text-decoration: underline;
}

.atpt01_txt a:hover{
    color: #2D4593;
    text-decoration:none;
}

 
.atpt02_txt{
    font-size: 15px;
    line-height: 170%;
    margin-bottom: 70px;
}


.atpt02_txt dl dt{
    font-size: 20px;
    line-height: 140%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    margin-bottom: 15px;
}

.atpt02_txt dl dt:first-letter{
    font-size: 26px;
    color: #9E7130;   
 }

.atpt02_txt dl dd{
    font-size: 15px;
    line-height: 170%;
}

.atpt02_txt dl dd a{
    color: #2D4593;
    text-decoration: underline;
}

.atpt02_txt dl dd a:hover{
    color: #2D4593;
    text-decoration:none;
}




/* 企業概要----------------------------------------- */

.cpy01{
	width:100%;
	height:auto;
    margin-bottom: 80px;    
}

.cpy01 table{
	width:100%;
	height:auto;
}

.cpy01 table th{
	width:150px;

	padding:15px 0px 15px 0px;	
	box-sizing:border-box;
    
    font-size: 15px;
    line-height: 170%;
	border-collapse:collapse;
    color: #1d1d1d;

    vertical-align: text-top;

	text-align:left;
    border-bottom: 1px dotted #999999;
    box-sizing: border-box;
}

.cpy01 table td{
	padding:15px 0px 15px 0px;	
	box-sizing:border-box;
    
    font-size: 15px;
    line-height: 170%;
	border-collapse:collapse;
    color: #1d1d1d;

    vertical-align: text-top;

	text-align:left;
    border-bottom: 1px dotted #999999;
    box-sizing: border-box;    
}






/* きのこが買えるお店----------------------------------------- */


.shp_01{
    margin-bottom: 80px;
}

.shp_01 ul li{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 4%;
    margin-bottom: 30px;
}


.shp_01 ul li:nth-child(2n){
    margin-right: 0%;
}

.shp_01_img{
    margin-bottom: 20px;
}

.shp_01_in{

}

.shp_01_in dl dt{
    font-size: 17px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;     
}

.shp_01_in dl dd{
    font-size: 15px;
    line-height: 170%;
}


.shp_01_in dl dt a{
    color: #2D4593;
    text-decoration: underline;
}

.shp_01_in dl dt a:hover{
    color: #2D4593;
    text-decoration:none;
}





/* 小川きのこ園のきのこを使ったお料理が楽しめるお店----------------------------------------- */


.kr_01{
    margin-bottom: 80px;
}

.kr_01 ul li{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 4%;
    margin-bottom: 30px;
}


.kr_01 ul li:nth-child(2n){
    margin-right: 0%;
}

.kr_01_img{
    margin-bottom: 20px;
}

.kr_01_in{

}

.kr_01_in dl dt{
    font-size: 17px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;       
}

.kr_01_in dl dd{
    font-size: 15px;
    line-height: 170%;
}

.kr_01_in dl dt a{
    color: #2D4593;
    text-decoration: underline;
}

.kr_01_in dl dt a:hover{
    color: #2D4593;
    text-decoration:none;
}

/* プライバシー ---------------------------------------------- */


.privacy{
}

.privacy dt {
    font-size:16px;
    line-height: 160%;
    font-family: 'noto500';    

    border-bottom: 2px solid #9E7130;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.privacy dd {
    font-size:15px;
    line-height: 170%;
    margin-bottom: 30px;
}

.privacy dd:last-child{
    margin-bottom: 0px;
}



/* お問い合わせ---------------------------------------------------------  */


.ctt01{
    margin-bottom: 80px;
}

.ctt01 dl dt{
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 10px;
}

.ctt01 dl dd{
    font-size: 28px;
    line-height: 140%;

    font-family: 'noto500';
}

.ctt01 dl dd span{
    font-size: 15px;
    line-height: 140%;
    margin-left: 10px;

    font-family: 'noto400';
}


.f_text01 a{
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color:#6C6C6C;
}

.f_text01 a:hover{
    color:#6C6C6C;
    text-decoration: underline;
}



#contact-f{

	width:100%;

	height:auto;



}



#contact-f table{

	width:100%;

	height:auto;

	border-top:1px solid #cccccc;

}



#contact-f th,td{

	padding:15px;

}



#contact-f th{

	font-size:16px;

	border-collapse:collapse;



	border-bottom:1px solid #cccccc;

	text-align:left;

	font-weight:bold;

	color:#333;

	width:28%;



	background:url(../img/contact/bg.png) repeat;

}



#contact-f td{

	font-size:16px;

	border-collapse:collapse;

	text-align:left;

	border-bottom:1px solid #cccccc;



	background:url(../img/contact/bg.png) repeat;

}





#contact-f span{

	color:#F00;

	font-size:12px;



}



.with-form1{

	width:100%;

	margin-right:5px;

	padding:5px;

	border:1px solid #CCC;



	filter:alpha(opacity=70); /* IE*/

	-moz-opacity: 0.7; /* Firefox*/

	opacity: 0.7; /* SafariやOpera*/

}



.with-form3{

	width:100%;

    height: 40px !important;     

	margin-right:5px;

	padding:5px;

	border:1px solid #CCC;

    box-sizing: border-box;

}







.margin-r1{

	margin-right:5px;

}



.margin-r2{

	margin-right:15px;

}



.f_txt01{

    text-align: center;

    margin-bottom: 12px;

    font-size: 15px;

    line-height: 120%;

}



.f_txt01 a{

    color: #000000;

    text-decoration: none;

}



.f_txt01 a:hover{

    color: #000000;

    text-decoration:underline;

}





#form-center{

	margin-left:0 !important;

	margin-top:20px;

	text-align:center;

}





input:focus {

    border:solid 1px #EEA34A;

}



textarea:focus {

    border:solid 1px #EEA34A;

}









input.submit_button {

	width:150px;

	height:auto;

	padding:15px 0;

    font-size: 1.2em;

    background-color:#697489;

    color:#FFF;

	font-weight:bold;

    border-style: none;

	text-align:center;

	font-size:16px;



    /*角丸*/

	-webkit-border-radius: 3px;     /* for Safari and Chrome */

	moz-border-radius: 3px;    /* for Firefox */

	-o-border-radius: 3px;  /* when Opera Presto 2.3 or later is released */

	-khtml-border-radius:3px;   /* Linux browsers */

	border-radius: 3px;     /* CSS3 */

     behavior: url(css/border-radius.htc); /* IE用 */

    /*角丸*/

	

}



input.submit_button:hover {

	opacity: 0.7;

	filter: Alpha(opacity=70); 

}













#contact-f select {

    -webkit-appearance: button;

    -moz-appearance: button;

    appearance: button;

    text-indent: 0.5em;

    background:#FAFAFA;

    height: 20px;



    font-size: 13px;

    vertical-align: middle;

    border:1px solid #CCC;

}









#contact-f input[type=radio],

#contact-f input[type=checkbox] {

    display: inline-block;

    margin-right: 6px;

}

#contact-f input[type=radio] + label,

#contact-f input[type=checkbox] + label {

    position: relative;

     

    display: inline-block;

    margin-right: 5px;

     

    font-size: 14px;

    line-height: 30px;

     

    cursor: pointer;

}

 

@media (min-width: 1px) {

#contact-f input[type=radio],

#contact-f input[type=checkbox] {

        display: none;

        margin: 0;

    }

#contact-f input[type=radio] + label,

#contact-f input[type=checkbox] + label {

        padding: 0 0 0 24px;

    }

#contact-f input[type=radio] + label::before,

#contact-f input[type=checkbox] + label::before {

        content: "";

        position: absolute;

        top: 50%;

        left: 0;

         

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display: block;

        width: 18px;

        height: 18px;

        margin-top: -9px;

         

        background: #FFF;

    }

#contact-f input[type=radio] + label::before {

        border: 2px solid #ccc;

        border-radius: 30px;

    }

#contact-f input[type=checkbox] + label::before {

        border: 2px solid #ccc;

    }

#contact-f input[type=radio]:checked + label::after,

#contact-f input[type=checkbox]:checked + label::after {

        content: "";

        position: absolute;

        top: 50%;

         

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display: block;

    }

#contact-f input[type=radio]:checked + label::after {

        left: 5px;

         

        width: 8px;

        height: 8px;

        margin-top: -4px;

         

        background:#06C;

        border-radius: 8px;

    }

#contact-f input[type=checkbox]:checked + label::after {

        left: 3px;

         

        width: 16px;

        height: 8px;

        margin-top: -8px;

         

        border-left: 3px solid #E71063;

        border-bottom: 3px solid #E71063;

         

        -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        transform: rotate(-45deg);

    }

}











/* カラーミーパーツスタイル----------------------------------------------------------  */



/* スライド-------- */

.slider {
   max-width: 1000px !important;
  width: 100% !important;
  margin: 0 auto 50px auto!important;
  padding: 0 0px !important;
  


    position: relative;
}


/* スライド下にバナー設置-------- */

.tp_bnr01_bg{
    padding: 0 20px;

}
.tp_bnr01{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px auto !important;
}

.tp_bnr01 ul li{
    width: 48.5%;
    height: auto;
    float:left;
    margin-right: 3%;    

}

.tp_bnr01 ul li:nth-child(2n){
    margin-right: 0%;
}

.tp_bnr01 ul li img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
	
.tp_bnr01 ul li:hover img {
	opacity: .7;
}



/* ロゴ下テキスト消す-------- */
.l-header-logo__txt{
    display: none !important;
    visibility: hidden !important;
}
.l-footer-shopinfo__txt{
    display: none !important;
    visibility: hidden !important;

}



/* お知らせの中-------- */
.u-contents{
    padding: 0 20px !important;
    margin-bottom: 50px !important;
    box-sizing: border-box;

}


.p-information__body{
    background: #FFFFFF;
    border: 1px solid #D7D7DD;
    border-radius: 20px;
    padding: 25px;
    
    font-size: 15px;
    line-height: 170%;
  
}

.p-information__body p{
    font-size: 16px;
    line-height: 180%;
    color: #FF0004;
    font-weight: bold;
}



/* 新着-------- */
.p-new-item{
    max-width: 1000px;
    width: 100%;

/*    background: #CF4143;*/
    
    padding: 0 35px !important;
    box-sizing: border-box;
}

.p-new-item ul li{
    width: 32%;
    height: auto;
    float: left;
    margin-right: 2%;
    background: #f4f3f1;
    padding: 18px 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.p-new-item ul li:nth-child(3n){
    margin-right: 0%;
}

.c-item-list__img{
    margin-bottom: 15px !important;
}

.c-item-list__img img{
    width: 100%;
    height: 260px;
    object-fit: cover;    

}

.c-item-list__ttl{
    font-size: 15px;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 5px !important;

}

.c-item-list__price{
    font-size: 15px;
    line-height: 140%;
    color: #000000;
    margin-top: 0px;        
}

.is-soldout{
    color: #FF0004 !important;
    font-weight: bold;
}

.c-more {
    margin-top: 20px;

}



/* 最近チェックした商品-------- */

.u-overflow-slide{

/*    background: #D1D587;*/
}



.c-favorite-list{
    margin: 0 !important;

}


.u-overflow-slide ul li{
    width: 19.2%;
    height: auto;
    float: left;
    margin-right: 1%;
    margin-bottom: 20px;
    
/*    background: #F0CFD0;*/
    
    padding: 0!important;
    display: block;
}

.u-overflow-slide ul li:nth-child(5n){
    margin-right: 0%;
}

.c-favorite-list{
    display: block !important;
    flex-wrap: nowrap !important;

}

.c-favorite-list__item {
    
}


.c-favorite-list__txt{
    height: 65px;

/*   background: #F3CE64;*/

}


.c-favorite-list__img{
    width: 100% !important;
    margin-bottom: 10px !important;
}

.c-favorite-list__img img{
    width: 100% !important;
    height: 130px;
    object-fit: cover;    

}

.c-favorite-list__img:before {
    content: "";
    display: block;
    padding-top: 100px;
}



.c-favorite-list__name{
    height: 40px;

    font-size: 14px;
    line-height: 140%;
    font-family: 'noto500';
    font-weight: normal;

    margin-bottom: 5px !important;
    

  white-space: normal;
    
/*    background: #84DCC5;*/
    
 
}

.c-favorite-list__name a{


}



.c-favorite-list__price{
    font-size: 14px;
    line-height: 140%;
    color: #000000;
    margin-top: 0px !important;
}





}



/* スマホ用スタイル--------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
	






/* 商品紹介----------------------------------------- */


.pi_01{
    margin-bottom: 60px;
}

.pi_01 ul li{
    max-width: 540px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 30px auto;
}

.pi_01 ul li:nth-child(2n){
    margin: 0 auto 50px auto;
}

.pi_01 ul li:last-child{
    margin: 0 auto 0px auto;
}


.pi_01_img{
    margin-bottom: 15px;
}

.pi_01_in{

}

.pi_01_in dl dt{
    font-size: 17px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;    
}

.pi_01_in dl dd{
    font-size: 14px;
    line-height: 160%;
}


/* 「おいしさ」と「安心安全」への取り組み----------------------------------------- */


.atpt01{
    margin-bottom: 15px;
}

.atpt01_l{
    max-width: 540px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 0px auto;
}


.atpt01_r{
    max-width: 540px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 25px auto;    
    text-align: center;
}

.atpt01_r img{ 
    vertical-align: bottom;
}


.atpt02{
    margin-bottom: 25px;
}

.atpt02_l{
    max-width: 540px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 25px auto;  
}


.atpt02_r{
    max-width: 540px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 0px auto;
}

.atpt02_l img{ 
    vertical-align: bottom;
}






.atpt01_in_r{
    text-align: right;
}

.atpt01_in{
    max-width: 540px;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;

    font-size: 18px;
    line-height: 140%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}


.atpt01_in:first-letter{
    font-size: 22px;
    color: #9E7130;    
 }
 
 
.atpt01_txt{
    max-width: 540px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 60px auto;
    
    font-size: 14px;
    line-height: 160%;

}

.atpt01_txt a{
    color: #2D4593;
    text-decoration: underline;
}

.atpt01_txt a:hover{
    color: #2D4593;
    text-decoration:none;
}

 
.atpt02_txt{
    max-width: 540px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 60px auto;
    
    font-size: 14px;
    line-height: 160%;

}


.atpt02_txt dl dt{
    font-size: 20px;
    line-height: 140%;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    margin-bottom: 15px;
}

.atpt02_txt dl dt:first-letter{
    font-size: 22px;
    color: #9E7130;    
 }

.atpt02_txt dl dd{
    font-size: 14px;
    line-height: 160%;
}

.atpt02_txt dl dd a{
    color: #2D4593;
    text-decoration: underline;
}

.atpt02_txt dl dd a:hover{
    color: #2D4593;
    text-decoration:none;
}




/* 企業概要----------------------------------------- */

.cpy01{
    max-width: 540px;
    width: 100%;
    height: auto;

    margin: 0 auto 60px auto;
}

.cpy01 table{
	width:100%;
	height:auto;
}

.cpy01 table th{
    display: block;
	width:100%;

	padding:9px 0px 4px 0px;	
	box-sizing:border-box;
    
    font-size: 14px;
    line-height: 160%;
	border-collapse:collapse;
    color: #2D4593;

    vertical-align: text-top;

	text-align:left;
    border-bottom:none;
    box-sizing: border-box;
}

.cpy01 table td{
    display: block;
	width:100%;    
	padding:0px 0px 9px 0px;	
	box-sizing:border-box;
    
    font-size: 14px;
    line-height: 160%;
	border-collapse:collapse;
    color: #1d1d1d;

    vertical-align: text-top;

	text-align:left;
    border-bottom: 1px dotted #999999;
    box-sizing: border-box;    
}



/* きのこが買えるお店----------------------------------------- */


.shp_01{
    margin-bottom: 60px;
}

.shp_01 ul li{
    max-width: 480px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 30px auto;
}


.shp_01 ul li:nth-child(2n){
    margin: 0 auto 50px auto;
}

.shp_01 ul li:last-child{
    margin: 0 auto 0px auto;
}




.shp_01_img{
    margin-bottom: 15px;
}

.shp_01_in{

}

.shp_01_in dl dt{
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;   
}

.shp_01_in dl dd{
    font-size: 14px;
    line-height: 160%;
}


.shp_01_in dl dt a{
    color: #2D4593;
    text-decoration: underline;
}

.shp_01_in dl dt a:hover{
    color: #2D4593;
    text-decoration:none;
}







/* 小川きのこ園のきのこを使ったお料理が楽しめるお店----------------------------------------- */


.kr_01{
    margin-bottom: 60px;
}

.kr_01 ul li{
    max-width: 480px;
    width: 100%;
    height: auto;
    float:none;
    margin: 0 auto 30px auto;
}

.kr_01 ul li:nth-child(2n){
    margin: 0 auto 50px auto;
}

.kr_01 ul li:last-child{
    margin: 0 auto 0px auto;
}


.kr_01_img{
    margin-bottom: 20px;
}

.kr_01_in{

}

.kr_01_in dl dt{
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 5px;
    color: #9E7130;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;         
}

.kr_01_in dl dd{
    font-size: 14px;
    line-height: 160%;
}

.kr_01_in dl dt a{
    color: #2D4593;
    text-decoration: underline;
}

.kr_01_in dl dt a:hover{
    color: #2D4593;
    text-decoration:none;
}

/* プライバシー ---------------------------------------------- */


.privacy{
}

.privacy dt {
    font-size:15px;
    line-height: 140%;
    font-family: 'noto500';    

    border-bottom: 2px solid #9E7130;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.privacy dd {
    font-size:14px;
    line-height: 160%;
    margin-bottom: 25px;
}

.privacy dd:last-child{
    margin-bottom: 0px;
}



/* お問い合わせ---------------------------------------------------------  */


.ctt01{
    margin-bottom: 60px;
}

.ctt01 dl dt{
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 10px;
}

.ctt01 dl dd{
    font-size: 22px;
    line-height: 140%;

    font-family: 'noto500';
}

.ctt01 dl dd span{
    font-size: 13px;
    line-height: 140%;
    margin-left: 6px;

    font-family: 'noto400';
}



.f_text01 a{
    font-size: 13px;
    line-height: 140%;
    text-align: center;
    color:#6C6C6C;
}

.f_text01 a:hover{
    color:#6C6C6C;
    text-decoration: underline;
}




#contact-f{

	width:100%;

	height:auto;


}



#contact-f table{

	width:100%;

	height:auto;

	border-top:1px solid #cccccc;

}





#contact-f th{

	font-size:15px;

	border-collapse:collapse;



	border-bottom:none;

	text-align:left;

	font-weight:bold;

	color:#333;

	

	width:100%;

	display:block;

	padding:10px 10px 5px 10px;	

	box-sizing:border-box;

	background:url(../img/contact/bg.png) repeat;



}



#contact-f td{

	font-size:15px;

	border-collapse:collapse;

	text-align:left;

	border-bottom:1px solid #cccccc;



	width:100%;

	display:block;

	padding:0px 10px 10px 10px;

	box-sizing:border-box;

	background:url(../img/contact/bg.png) repeat;

}





#contact-f span{

	color:#F00;

	font-size:12px;



}



.with-form1{

	width:100%;

	margin-right:5px;

	padding:5px;

	border:1px solid #CCC;

	box-sizing:border-box;



	filter:alpha(opacity=70); /* IE*/

	-moz-opacity: 0.7; /* Firefox*/

	opacity: 0.7; /* SafariやOpera*/

}



.with-form3{

	width:100%;

    height: 35px !important;     

	margin-right:5px;

	padding:5px;

	border:1px solid #CCC;

    box-sizing: border-box;



}







.margin-r1{

	margin-right:5px;

}



.margin-r2{

	margin-right:15px;

}





.f_txt01{

    text-align: center;

    margin-bottom: 10px;

    font-size: 14px;

    line-height: 120%;

}



.f_txt01 a{

    color: #000000;

    text-decoration: none;

}



.f_txt01 a:hover{

    color: #000000;

    text-decoration:underline;

}





#form-center{

	margin-left:0 !important;

	margin-top:20px;

	text-align:center;

}



input:focus {

    border:solid 1px #EEA34A;

}



textarea:focus {

    border:solid 1px #EEA34A;

}









input.submit_button {

	width:120px;

	height:auto;

	padding:10px 0;

    font-size: 1.2em;

    background-color:#697489;

    color:#FFF;

	font-weight:bold;

    border-style: none;

	text-align:center;

	font-size:15px;



    /*角丸*/

	-webkit-border-radius: 3px;     /* for Safari and Chrome */

	moz-border-radius: 3px;    /* for Firefox */

	-o-border-radius: 3px;  /* when Opera Presto 2.3 or later is released */

	-khtml-border-radius:3px;   /* Linux browsers */

	border-radius: 3px;     /* CSS3 */

     behavior: url(css/border-radius.htc); /* IE用 */

    /*角丸*/



}



input.submit_button:hover {

	opacity: 0.7;

	filter: Alpha(opacity=70); 

}















#contact-f select {

    -webkit-appearance: button;

    -moz-appearance: button;

    appearance: button;

    text-indent: 0.5em;

    background:#FAFAFA;

    height: 20px;



    font-size: 13px;

    vertical-align: middle;

    border:1px solid #CCC;

}









#contact-f input[type=radio],

#contact-f input[type=checkbox] {

    display: inline-block;

    margin-right: 6px;

}

#contact-f input[type=radio] + label,

#contact-f input[type=checkbox] + label {

    position: relative;

     

    display: inline-block;

    margin-right: 5px;

     

    font-size: 14px;

    line-height: 30px;

     

    cursor: pointer;

}

 

@media (min-width: 1px) {

#contact-f input[type=radio],

#contact-f input[type=checkbox] {

        display: none;

        margin: 0;

    }

#contact-f input[type=radio] + label,

#contact-f input[type=checkbox] + label {

        padding: 0 0 0 24px;

    }

#contact-f input[type=radio] + label::before,

#contact-f input[type=checkbox] + label::before {

        content: "";

        position: absolute;

        top: 50%;

        left: 0;

         

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display: block;

        width: 18px;

        height: 18px;

        margin-top: -9px;

         

        background: #FFF;

    }

#contact-f input[type=radio] + label::before {

        border: 2px solid #ccc;

        border-radius: 30px;

    }

#contact-f input[type=checkbox] + label::before {

        border: 2px solid #ccc;

    }

#contact-f input[type=radio]:checked + label::after,

#contact-f input[type=checkbox]:checked + label::after {

        content: "";

        position: absolute;

        top: 50%;

         

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display: block;

    }

#contact-f input[type=radio]:checked + label::after {

        left: 5px;

         

        width: 8px;

        height: 8px;

        margin-top: -4px;

         

        background:#06C;

        border-radius: 8px;

    }

#contact-f input[type=checkbox]:checked + label::after {

        left: 3px;

         

        width: 16px;

        height: 8px;

        margin-top: -8px;

         

        border-left: 3px solid #E71063;

        border-bottom: 3px solid #E71063;

         

        -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        transform: rotate(-45deg);

    }

}





/* カラーミーパーツスタイル----------------------------------------------------------  */

/* スライド-------- */

.slider {
   max-width: 1000px !important;
  width: 100% !important;
  margin: 0 auto 50px auto !important;
  padding: 0 !important;
  


    position: relative;
}


/* スライド下にバナー設置-------- */

.tp_bnr01_bg{
    padding: 0 20px;

}
.tp_bnr01{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px auto !important;
}

.tp_bnr01 ul li{
    width: 49%;
    height: auto;
    float:left;
    margin-right: 1%;    

}

.tp_bnr01 ul li:nth-child(2n){
    margin-right: 0%;
}

.tp_bnr01 ul li img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
	
.tp_bnr01 ul li:hover img {
	opacity: .7;
}




/* ロゴ下テキスト消す-------- */
.l-header-logo__txt{
    display: none !important;
    visibility: hidden !important;
}
.l-footer-shopinfo__txt{
    display: none !important;
    visibility: hidden !important;

}


/* お知らせの中-------- */
.u-contents{
    padding: 0 20px !important;
    margin-bottom: 40px !important;
    box-sizing: border-box;

}



.p-information__body{
    background: #FFFFFF;
    border: 1px solid #D7D7DD;
    border-radius: 10px;
    padding: 20px;

    
    font-size: 14px;
    line-height: 160%;
 
}


.p-information__body p{
    font-size: 15px;
    line-height: 160%;
    color: #FF0004;
    font-weight: bold;
}





/* 新着-------- */
.p-new-item{
    max-width: 1000px;
    width: 100%;

/*    background: #CF4143;*/
    
    padding: 0 30px !important;
    box-sizing: border-box;

}

.p-new-item ul li{
    width: 49%;
    height: auto;
    float: left;
    margin-right: 2%;
    background: #f4f3f1;
    padding: 15px 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.p-new-item ul li a{
        height: 230px;
        padding: 0;

}

.c-item-list__img:before {
    content: "";
    display: block;
    padding-top: 235px;
}

.p-new-item ul li:nth-child(2n){
    margin-right: 0%;
}

.p-new-item ul li:nth-child(3n){
    margin-right: 2%;
}

.p-new-item ul li:nth-child(6n){
    margin-right: 0%;
}

.c-item-list__img{
    margin-bottom: 15px !important;
}

.c-item-list__img img{
    width: 100%;
    height: 230px;
    object-fit: cover;    

}

.c-item-list__ttl{
    font-size: 14px;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 5px !important;

}

.c-item-list__price{
    font-size: 14px;
    line-height: 140%;
    color: #000000;
    margin-top: 0px;    
}



.is-soldout{
    color: #FF0004 !important;
    font-weight: bold;
}


.c-more {
    margin-top: 20px;

}




/* 最近チェックした商品-------- */


.u-overflow-slide ul li{
    width: 32.4%;
    height: auto;
    float: left;
    margin-right: 1.4%;
    margin-bottom: 20px;
    
/*    background: #F0CFD0;*/
    
    padding: 0 !important;
    display: block;
}

.u-overflow-slide ul li:nth-child(3n){
    margin-right: 0% !important;
}

.u-overflow-slide ul li:nth-child(5){
    margin-right: 1.4% !important;
}

.u-overflow-slide ul li:nth-child(6){
    margin-right: 0 !important;
}

.u-overflow-slide ul li:nth-child(9){
    margin-right: 0 !important;
}

.c-favorite-list{
    display: block !important;
    flex-wrap: nowrap !important;

}

.c-favorite-list__item {

}


.c-favorite-list__txt{
    width:auto;
    height: 65px;
}


.c-favorite-list__img{
    width: 100% !important;
    margin-bottom: 10px !important;
}

.c-favorite-list__img img{
    width: 100% !important;
    height: 130px;
    object-fit: cover;    

}

.c-favorite-list__img:before {
    content: "";
    display: block;
    padding-top: 100px;
}



.c-favorite-list__name{
    height: 40px;
    font-size: 13px;
    line-height: 140%;
    font-family: 'noto500';
    font-weight: normal;

    margin-bottom: 5px !important;
    

  white-space: normal;
    
/*    background: #84DCC5;   */
}

.c-favorite-list__price{
    font-size: 14px;
    line-height: 140%;
    color: #000000;
    margin-top: 0px !important;
}
















}