@charset "utf-8";


/*gridのgutter調整*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > div {
  padding-right: 5px;
  padding-left: 5px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > div {
  padding-right: 10px;
  padding-left: 10px;
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > div {
  padding-right: 15px;
  padding-left: 15px;
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > div {
  padding-right: 20px;
  padding-left: 20px;
}

/*---/カスタム記述_rowのmargin&padding制御----------------------------------------------------------------------------------------------------------------*/

.cal_wrapper {
max-width: 960px; /* 最大幅 */
min-width: 320px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}
/*---/レスポンシブ矯正---------------------------------------------------------*/

.navbar-brand {background: url("../image/logo.png") no-repeat left center;　background-size: contain; height: 50px;　width: 250px;}
/*---/navbar_ブロンドロゴのサイズ修正-----------------------------------------------------------*/

/** /css基本要素 *******************************************************************************************************************************************/


.cus_bgcolor_01{ background-color:#f0e0ff;}
.cus_bgcolor_02{ background-color:#f8e2ff;}
.cus_bgcolor_03{ background-color:fuchsia;}
.cus_bgcolor_04{ background-color:gray;}
.cus_bgcolor_05{ background-color:green;}
.cus_bgcolor_06{ background-color:lime;}
.cus_bgcolor_07{ background-color:maroon;}
.cus_bgcolor_08{ background-color:olive;}
.cus_bgcolor_09{ background-color:orange;}
/*---/ブロック要素の背景色変更--------------------------------------------------*/

.cus_font-color_01{color:#650072;}/* 商品ページ上方のlinkタグの文字色 */
.cus_font-color_02{color:#75a315;}/* エコアグリのh2用 */
/*---/フォントの色変更--------------------------------------------------*/

.cus_font_xxs{font-size:xx-small;}
.cus_font_sm{font-size:small;}
.cus_font_md{font-size:medium;}
.cus_font_lg{font-size:large;}
.cus_font_xl{font-size:x-large;}
.cus_font_xxl{font-size:xx-large;}
/*---/フォントサイズの変更--------------------------------------------------*/

.cus_ji_age{padding-left:1em;text-indent:-1em;}/* 一文字目の字を上げる */
.cus_ji_sage{padding-left:-1em;text-indent:1em;}/* 一文字目の字を下げる */

.cus_list_non li{list-style:none;}/* class=keshi 内のリスト番号or記号を消す */
/*---/書体の修正------------------------------------------------------------*/

.cus_top_up_10 {padding:0; margin:-10px 0px 0px;}/*-- コンテンツを上に10px上げる --*/
.cus_top_up_20 {padding:0; margin:-20px 0px 0px;}/*-- コンテンツを上に20px上げる --*/
.cus_top_up_30 {padding:0; margin:-30px 0px 0px;}/*-- コンテンツを上に30px上げる --*/
.cus_top_up_40 {padding:0; margin:-40px 0px 0px;}/*-- コンテンツを上に40px上げる --*/
.cus_top_up_60 {padding:0; margin:-60px 0px 0px;}/*-- コンテンツを上に60px上げる --*/
/*---/要素を上に上げる-------------------------------------------------------------------------*/

.cus_top_space_25{padding-top:25px;}
.cus_top_space_50{padding-top:50px;}
.cus_top_space_75{padding-top:75px;}
.cus_top_space_100{padding-top:100px;}
/*---/要素上方の隙間空間を広げる-----------------------------------------------------------------*/

.cus_bottom_space_50{padding-bottom:50px;}
/*---/要素下方の隙間空間を広げる-----------------------------------------------------------------*/

.cus_margin_0{margin:0px;}/*-- maginを0にする　--*/
.cus_margin_100{margin:100px;}
.cus_margin_200{margin:200px;}
/*---/maginの調整--------------------------------------------------------------------------*/


/*.ggmap { position: relative;padding-bottom: 56.25%; padding-top: 30px; height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*------/googleMapレスポンシブ_https://inthecom.net/718------------------------------*/
@media (max-width: 1200px) {.google-maps {position: relative;padding-bottom: 75%; height: 0;overflow: hidden;} .google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}}/* googleMAPレスポンシブ */
/*---/googlemapの修正-------------------------------------------------------------------------------*/

/*------------------------------------------------------------*/
 .panel-heading {cursor: pointer;}
 .accordion-toggle a:after {font-family: 'glyphicons halflings';    content:"\e113";    float: left;    color: inherit;}
 .accordion-toggle a.collapsed:after {font-family: 'glyphicons halflings';    content:"\e114";    float: left;    color: inherit;}
/*---/アコーディオン制御-----------------------------------------*/

#gurutto-recipe {margin-top:-80px;padding-top:80px;}/* レシピ_さばき方へのリンク */
.gurutto-navb-magin{margin-top: 11px;  margin-bottom: 11px;}/* nav内の右表示ボタンの上下margin削り */
.gurutto-magin{margin:140px;}/* footerにあるcgiの操作不能域を避けるスペーサー */
#g-himonoset{margin-top:-130px;padding-top:130px;}
#g-sonotatokusan{margin-top:-130px;padding-top:130px;}
#g-matabee{margin-top:-250px;padding-top:250px;}
/*---/ズレ修正_ページ内linkのずれ修正関連_【動かしたい高さ分の数値をmarginにマイナス値、paddingにプラス値で入れる】------------------------*/

#p_policy{margin-top:-50px;padding-top:50px;}
#p_profile{margin-top:-50px;padding-top:50px;}
#p_contents{margin-top:-50px;padding-top:50px;}
#p_links{margin-top:-50px;padding-top:50px;}
#p_privacy{margin-top:-50px;padding-top:50px;}
#p_inquiry{margin-top:-50px;padding-top:50px;}
/*---/エコアグリ用_ズレ修正_ページ内linkのずれ修正関連_【動かしたい高さ分の数値をmarginにマイナス値、paddingにプラス値で入れる】------------------------*/

.cus_padding_0{padding: 0;}

/** /カスタム_共用 ******************************************************************************************************************************/


#gurutto-recipe {margin-top:-80px;padding-top:80px;}/* レシピ_さばき方へのリンク */
.gurutto-navb-magin{margin-top: 11px;  margin-bottom: 11px;}/* nav内の右表示ボタンの上下margin削り */
.gurutto-magin{margin:140px;}/* footerにあるcgiの操作不能域を避けるスペーサー */
#sitemap {margin-top:-100px;padding-top:100px;}
#search {margin-top:-90px;padding-top:90px;}
#g-kaiouebi{margin-top:-270px;padding-top:270px;}
#g-inatorikinme{margin-top:-130px;padding-top:130px;}
#g-jikinme{margin-top:-130px;padding-top:130px;}
#g-iseebi{margin-top:-130px;padding-top:130px;}
#g-sazae{margin-top:-130px;padding-top:130px;}
#g-sengyoset{margin-top:-160px;padding-top:160px;}
#g-himonoset{margin-top:-130px;padding-top:130px;}
#g-sonotatokusan{margin-top:-130px;padding-top:130px;}
#g-matabee{margin-top:-250px;padding-top:250px;}
/*---/ズレ修正_ページ内linkのずれ修正関連_【動かしたい高さ分の数値をmarginにマイナス値、paddingにプラス値で入れる】------------------------*/

.gurutto-bg-jika-tr{background-image:url('../image/aaa.gif');background-repeat: no-repeat;background-position:top right;}
.gurutto-bg-jika-tl{background-image:url('../image/aaa.gif');background-repeat: no-repeat;background-position:top lift;}
.gurutto-bg-jika-br{background-image:url('../image/aaa.gif');background-repeat: no-repeat;background-position:bottom right;}
.gurutto-bg-jika-bl{background-image:url('../image/aaa.gif');background-repeat: no-repeat;background-position:bottom lift;}
.gurutto-bg-jika-cart{background-image:url('../image/aaa2.gif');background-repeat: no-repeat;background-position:top center;}
/*---/商品ページ＞商品棚＞バックグラウンドに時価還元マーク追加----------------------------- */
/** /カスタム_ぐるっと産直専用 *****************************************************************************************************/


#krs_nyuukai{margin-top:-50px;padding-top:50px;}
#krs_document{margin-top:-50px;padding-top:50px;}
#krs_faq{margin-top:-50px;padding-top:50px;}
/*---/ズレ修正_ページ内linkのずれ修正関連_【動かしたい高さ分の数値をmarginにマイナス値、paddingにプラス値で入れる】-------------*/
.photo-padding-0 div {padding: 3px;}/*-- krsの写真使用時に設定するpadding --*/
.padding-80 {padding-top: -80px; margin:0px 0px 0px;}/*-- コンテンツのpaddingを上に-80px上げる --*/
.padding-a0,.padding-a0 div,.padding-a0 img{padding:0px; margin: 0;}/*-- class以下要素のpaddingを全て0に --*/
/** /カスタム_krs専用 ************************************************************************************************************/


.sankou-fixed-top { top: 0;border-width: 0 0 1px;  position:absolute; right: 0;left: 0; z-index: 1030;}/* 要素を上部に接地 */

.sankou-modal-f{ margin:0px -15px;}

.item img {width:100%;}

.text-caution {color:yellow;}

/*- /追加記述 -*/