@charset "UTF-8";


/*共通common*/

body {
/*	font-family:'Noto Sans Japanese',　Arial, '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family:'Rounded Mplus 1c',　Arial, '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin: 0;
}


html{
	font-size: 100%;    /* つまり16px */
}

a {
	text-decoration: none;
	color: #2D2D2D;
}
a:hover,
a:focus {
  color: #3da4ea;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

p {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/*見出しのリセット*/

h1, h2, h3, h4, h5, h6 {
  border:0;
  margin:0;
  padding:0;
  list-style:none;
}




/*見出しの調整*/

h1,.h1 {
	font-size: 2.4rem;
}
h2,.h2 { font-size: 2.0rem;}
h3,.h3 { font-size: 1.6rem;}
h4,.h4 {font-size: 1.4rem;}
h5,.h5 {font-size: 1.2rem;}
h6,.h6 {font-size: 1.0rem;}



h3,h4,h6{
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}


h1 small,h4 small{
	font-size: 50%;
}




h2{
	position: relative;
	padding:10px 16px;
	font-size:20px;
	color:#FFF;
	background: #1c9d20;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
h2::before,
h2::after{
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #1c9d20;
}
h2::before{
	right: 0;
	border-left: 5px solid #1c9d20;
}
h2::after{
	left: 0;
	border-right: 5px solid #1c9d20;
}



h5{
	position: relative;
	padding:10px 16px;
	font-size:20px;
	color:#000;
	background: #e4e2d6;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
h5::before,
h5::after{
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #e4e2d6;
}
h5::before{
	right: 0;
	border-left: 5px solid #e4e2d6;
}
h5::after{
	left: 0;
	border-right: 5px solid #e4e2d6;
}



/*段落とリード*/

p { margin: 0 0 2.4rem;}





.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}


blockquote {
  padding: 2.4rem 2.4rem;
  margin: 0 0 2.4rem;
  border-left: 5px solid #eee;
  font-size: 100%
}




/*タイポグラフィ*/
/*.font-*****/


.font-star {
	color: #ffd702;
}


.font-black	{
	color: #000000;
	font-size: small;
	font-weight: normal;
	padding-bottom: 4px;
}



.font-red {
	color: red;
}




/*スマホ用タップエリア*/


@media screen and (max-width: 768px) {
	/* 768px以下*/
	
.taparea {
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}

	
	
}


/*レイアウトパーツ*/


.well-white {
	min-height: 20px;
	padding: 32px;
	margin-right: 8px;
	margin-left: 8px;
	background-color: #FFFFFF;
}


/*.hr-*****/

hr {
	height:48px;
	border:0;
}





/*スマホの時だけ左右のスキマの削除*/

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/*spacer*/

.spacer16 { margin-top: 16px; }
.spacer24 { margin-top: 24px; }
.spacer32 { margin-top: 32px; }
.spacer48 { margin-top: 48px; }


@media screen and (max-width: 768px) {
.spacer16 { margin-top: 8px; }
.spacer24 { margin-top: 12px; }
.spacer32 { margin-top: 16px; }
.spacer48 { margin-top: 32px; }	
	
}


/*.bg-*****/


.bg-main{
	background-color: #1c9d20;
}


.bg-main a {
	background-color: #1c9d20;
}


.bg-red{
	background-color: #EF1E21;
}

.bg-green-stripe{
	-webkit-background-size: 8px 8px;
	-moz-background-size: 8px 8px;
	background-size: 8px 8px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #e4e2d6), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #e4e2d6),
            color-stop(.75, #e4e2d6), color-stop(.75, transparent),
            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #e4e2d6 25%, transparent 25%,
          transparent 50%, #e4e2d6 50%, #e4e2d6 75%,
          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #e4e2d6 25%, transparent 25%,
          transparent 50%, #e4e2d6 50%, #e4e2d6 75%,
          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #e4e2d6 25%, transparent 25%,
          transparent 50%, #e4e2d6 50%, #e4e2d6 75%,
          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #e4e2d6 25%, transparent 25%,
          transparent 50%, #e4e2d6 50%, #e4e2d6 75%,
          transparent 75%, transparent);
	padding: 24px;
	background-image: linear-gradient(-45deg, #e4e2d6 25%, transparent 25%,
          transparent 50%, #e4e2d6 50%, #e4e2d6 75%,
          transparent 75%, transparent);
}



/*共通コンテンツ*/

/**/
.navbar-brand {
	font-weight: bold; 
	/*font-family: 'Pacifico', cursive;*/
}


/*navbar-custom*/
.navbar-custom {

}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #1c9d20;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #000000;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #000000;
}


/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #ff5500;
}
.navbar-custom .dropdown-item {
    color: #ffffff;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #333333;
}



.navbar-custom .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

footer{
	background-color: #1c9d20;
	text-decoration: none;
	color: #FFFFFF;
	font-size: small;
	padding-left: 1em;
	margin-top: 148px;
	padding-top: 48px;
}



footer a{
  color: #FFFFFF;
}





/* fit-sidebar */
.fit-sidebar-fixed{
	margin-top:0!important;
	margin-bottom:0!important;
	position:fixed;
}
.fit-sidebar-blank{
	z-index:0;
	background-color:transparent;
	visibility:hidden;
}



.pankuzu a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: small;
	padding-left: 1em;
}

/* ボタン */

.square_green_btn{
	display: inline-block;
	text-decoration: none;
	background: #1c9d20;/*色*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	color: #FFF;
	border-bottom: solid 4px #006600;
	padding: 24px;
	margin-top: 24px;
	margin-bottom: 24px;
	min-width: 88%;
	font-size: 24px;
	font-weight: bold;
}
.square_green_btn:active {/*ボタンを押したとき*/
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
	color: #F5FD00;
}


.square_green_btn:hover {/*ボタンを押したとき*/
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
	color: #F5FD00;
	border: 4px solid #299029;
}



.square_glay_btn{
	display: inline-block;
	text-decoration: none;
	background-color: #8E8E8E;/*色*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	color: #FFF;
	border-bottom: solid 4px #565656;
	padding: 24px;
	margin-top: 24px;
	margin-bottom: 24px;
	min-width: 88%;
	font-weight: bold;
	font-size: 24px;
}
.square_glay_btn:active {/*ボタンを押したとき*/
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
	color: #F5FD00;
}


.square_glay_btn:hover {/*ボタンを押したとき*/
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
	color: #F5FD00;
	border: 4px solid #7e7e7e;
}


.card-body {
	padding: 8px;	
}


/*各コンテンツ//////////////////////////////////////////////*/


/* home */

.mainvisual{
	background-color: #006600;	
}


.mainvisual2{
	background-color: #003366;	
}






/* 商品ページ */

.basic_price {
	font-size: 20px;
	font-weight: bold;
	margin-right: 24px;
}

.basic_price_red {
	font-size: 20px;
	font-weight: bold;
	color: red;
}

.price {
	font-size: 24px;
	font-weight: bold;
	color: red;
}



@media screen and (max-width:768px){
  .basic_price,.price {
    width: 100%;
	  display: inline-block;
  }
	
	
.font-black	{
display: none;
}	
	
	
}