@charset "UTF-8";

html{
  scroll-behavior: smooth;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}



a {
    color: #555555;
    text-decoration: none;
}

a:link {
    color: #555555;
}

a:visited {
    color: #555555;
}

a:hover {
    color: #999999;
text-decoration: none;
}



body{
font-family: "Open Sans", "Myriad", Helvetica, Arial, "Noto Sans JP", sans-serif;
font-size: 16px;
	color: #555555;
}

.btn-light {
    color: #555555;
}

.svg555{
    filter: invert(30%) sepia(0%) saturate(10%) hue-rotate(167deg) brightness(98%) contrast(80%);
}

.svgred{
    filter: invert(42%) sepia(85%) saturate(3018%) hue-rotate(319deg) brightness(102%) contrast(102%);
}

.maxWidth {
	max-width:100%;
}

.navbar{
	width:100%;
	position: relative;
}
.nav2 {
  list-style: none;
  display: flex;
	justify-content: flex-end;
	position: absolute;
	top:0px;
	right:0;
}
.nav2 ul {


}
.nav2 li {
  width: 60px;
  text-align: center;
  background-color: #fff;
  height: 50px;
  line-height: 30px;
  margin-right: 5px;
}
 
.nav2 li a {
  text-decoration: none;
  color: #555;
  font-weight: nomal;
  padding: 0px;
}


.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' 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='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}



.fullscreen .modal-dialog {
  margin: 0 0 0 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;;
}
 
.fullscreen .modal-content {
  height: 100%;
  min-height: 100%;
  border-radius: 0;
  background-color: #FCBCC4;
  overflow:auto;
}
 
.fullscreen .modal-content .modal-header{
  border: 0px;
}
 
.fullscreen .modal-content button{
  opacity: 1;
}
 
.fullscreen .modal-content button span{
  color: #555555;
  font-weight: 3;
  font-size: 32px;
  text-shadow: none;
}
 
.fullscreen .modal-body .modal-logo img {
  width: 158px;
  padding-bottom: 84px;
}
 
.fullscreen .modal-body ul {
  padding: 0 0 0 0;
}
.fullscreen .modal-body li {
  padding-bottom: 3rem;
}
.fullscreen .modal-body a {
  color: #555555;
  font-size: 24px;
}
 
.fullscreen .modal-body .social img {
  width: 56px;
  margin: 8px;
}
.modal-title{
  color: #555555;
}

/*header{
	z-index: 9999;
	position: fixed;
	top: 0;
}*/

.no-js body .container-fluid.maxWidth.mt-2.p-0 {
}


.hdWidth {
/*	max-width: 1800px; */
}


.mainWidth {
/*	max-width: 1200px; */
}


p {
font-size: 16px;
font-weight: 500;
}

.circle1 {	
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #FCBCC4;
}

.circle1 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :110px;
  text-align:center;
}


.circle2 {	
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #000;
}

.circle2 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :40px;
  text-align:center;
}


.border555{
	border-color: #555555;
}

.mrkr_red{
background: linear-gradient(transparent 50%, #ff9999 0%);
}

.mrkr_gry{
background:linear-gradient(transparent 50%, #ddd 0%);
}



.mdshd1{
	position:relative;
	line-height:2em;
	padding-left:2.3em;
}
.mdshd1:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:2em;
	background:url(https://kushiwarabi.jp/images/hana62.svg) no-repeat;
	background-size:contain;
}

.ttl1::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(https://kushiwarabi.jp/images/hana62.svg) no-repeat;
  background-size: contain;
  margin-right: 0.5em;
	vertical-align: bottom;
}

.ttl1::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(https://kushiwarabi.jp/images/hana62.svg) no-repeat;
  background-size: contain;
  margin-left: 0.5em;
vertical-align: bottom;
}



.bg-blk1{
    background:#555555;
}

.bg-white1{
    background: rgba(255,255,255,0.7);
}


.w1000{width:1000px;margin:0 auto 4rem auto;color:#fff;}


.ob1img1{
background-image: url(https://kushiwarabi.jp/images/color_obi.svg);
	background-size: cover;
background-postion: center;
	background-repeat:repeat-x;
}

.ob2img1{
background-image: url(https://kushiwarabi.jp/images/color_obi_m.svg);
	background-size: contain;
background-postion: center;
	background-repeat:repeat-x; 
}


.bgimg1{
		background-image: url("https://kushiwarabi.jp/images/bg2.png");
		background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	
			}

.bgsct1{
background-image: url("https://kushiwarabi.jp/images/01_about-hd.jpg");
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}



.bgimg2{
		background-image: url("https://kushiwarabi.jp/images/bg1.svg");
		background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	
			}



.bgimg01{
		background-image: url("https://kushiwarabi.jp/images/01_about-hd.jpg");
		background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
			}


.box01{
	max-width:1920px;
	max-height:733px;
	
			}

.bgimg02{
		background-image: url("https://kushiwarabi.jp/images/02_lineup-00-hd.jpg");
		background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	
			}

.bgimg03{
		background-image: url("https://kushiwarabi.jp/images/03_scine-00-hd.jpg");
		background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	
			}




.pos_reltv {
 position: relative;
}

.abs_center {
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}




.bg-gld1	{
		background-image: url("https://souzen.co.jp/d/images/bg-gld1.jpg")
			}	
.bg-gld2	{
		background-image: url("https://souzen.co.jp/d/images/bg-gld2.jpg")
			}	



.rotate{
    transform: rotate(-90deg)
}

.text-red{
color:#990000;
}

.color-dark1{
color:#A0A0A0;
}

.color-dark2{
color:#6F6F6F;
}
.color-dark3{
color:#5A5A5A;
}

.bg-scine{
background-color:#FAEAEA;
}

.bg-dark1{
background-color:#A0A0A0;
}

.bg-dark2{
background-color:#6F6F6F;
}
.bg-dark3{
background-color:#5A5A5A;
}




.border-gld{
 border-color: #C9C551 !important;
}

.border-blk{
 border-color: #000000 !important;
}


.hr1 {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ffaaaa;
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}
.hr2 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dashed #cccccc;
}


ul.ftnv {
	list-style-type: none;
	padding-left: 0;
}
ul.ftnv li {
	background:none;
	padding: 10px;
	margin: 10px;
}
.flex {
	display: flex;
	justify-content: center;
}

ul.cp_list {
	padding: 0.5em;
	list-style: none;
}
ul.cp_list li {
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
	margin-bottom:5px;
	border-bottom: 1px solid rgba(255,143,0,1);
}
ul.cp_list li:after,
ul.cp_list li:before {
	content:'';
	position: absolute;
	transform: rotate(45deg);
}
ul.cp_list li:before {
	top: 0.7em;
	left: 0.2em;
	width: 12px;
	height: 12px;
	border:2px solid rgba(255,143,0,1);
}
ul.cp_list li:after {
	top: 0.9em;
	left: 0.7em;
	width: 14px;
	height: 14px;
	background: rgba(255,143,0,0.5);
	transform: rotate(60deg);
}


ul.dot1 li {
  line-height: 1.2;
  padding: 0.3em 0 0.3em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}


.cp_kzr1 {
	position: relative;
	padding: .1em .3em .1em 1em;
	border-bottom: 1px solid #FFB300;
}
.cp_kzr1:before,.cp_kzr1:after {
	position: absolute;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid #da3c3c;
	top: 40%;
	left: 3px;
	transform: rotate(45deg);
}
.cp_kzr1:after {
	top: 40%;
	left: 10px;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	border: none;
	background: rgba(255,179,0,.3);
}

/*目次*/

.mkj ul,.mkj ol {
  padding: 0;
}

.mkj ul li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 5px;
  line-height: 1.5;
  background: #dbebf8;
  vertical-align: middle;
  color: #505050;
  border-radius: 15px 0px 0px 15px;/*左側の角丸く*/
}

.mkj ul li:before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
}



.ls1 {letter-spacing: -0.1em}

.ls05 {letter-spacing: 0.05em}

.ls2 {letter-spacing:0.1em}

.border-dotted{
 border-style: dotted;
}



.btn-red {
  color: #fff;
  background-color:#990000;
  border-color: #cc0000;
}

.btn-grn {
  color: #fff;
  background-color:#669027;
  border-color: #cc0000;
}


.bnr_w8{
 width: 80%;
}

.bnr_w9{
 width: 90%;
}

p.fst3:first-letter{
  font-size:3rem;

  color: #990000;
 }
 
 p.fst3g:first-letter{
  font-size:3rem;

  color: #E0D35E;
 }

 p.fst3grn:first-letter{
  font-size:3rem;

  color: #038215;
 }




.badge a{color:#fff;}





#goTop {
    position: fixed;
    right: 5%;
    bottom: 50px;
    z-index: 10;
}

#goTop a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #fc8292;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    line-height: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.bolder3{
	font-weight:bolder;
	text-align: center;
}

#goTop a span {
    position: relative;
    padding-top: 13px;
}

#goTop a span:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 0;
    width: 17px;
    height: 17px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #1A2954;
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px ;
}

.sc-tw svg {
	width: 30px ;
	height: 30px ;
 }

.sc-tw a {
	height: 56px ;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li {
	width: 50px ;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 100px ;

}


.bg-gry1{
background-color: #F8F8F8;

}

.bg-gry2{
background-color:#D4D1D1;

}

.bg-blu1{
background-color: #F2FDFF;

}

.bg-blu2{
background-color: #036AD7;

}


.bg-yllw1{
background-color: #F7F8CC;

}

.bg-pink{
background-color: #FCBCC4;

}

.bg-fa{
background-color: #FAEAEA;

}

.fs-p-scrollingCartButton {
    right: 10px;
    bottom: 15%;
 }
	

.mtm2{
margin-top:-2rem;
}
.mtm3{
margin-top:-3rem;
}
.mtm4{
margin-top:-4rem;
}
.mtm5{
margin-top:-5rem;
}
.mtm6{
margin-top:-6rem;
}

.cdt11{
   font-size:14px;
}

.cdt12{
   font-size:16px;
}

.cdt13{
   font-size:17px;
}

.cdt14{
   font-size:18px;
}
.cdt15{
   font-size:20px;
}
.cdt16{
   font-size:21px;
}

.cdt17{
   font-size:23px;
}

.cdt18{
   font-size:26px;
}

.cdt19{
   font-size:28px;
}

.cdt20{
   font-size:30px;
}

.cdt21{
   font-size:32px;
}

.cdt22{
   font-size:34px;
}

.cdt23{
   font-size:36px;
}

.cdt24{
   font-size:36px;
}

.cdt28{
   font-size:42px;
}
.cdt32{
   font-size:52px;
}




.lh1{line-height:1.0;}
.lh12{line-height:1.2;}
.lh15{line-height:1.5;}
.lh18{line-height:1.8;}
.lh20{line-height:2.0;}
.lh25{line-height:2.5;}
.lh30{line-height:3.0;}
.lh40{line-height:4.0;}
.lh45{line-height:4.5;}

.lh30px{line-height:30px;}
.lh40px{line-height:40px;}
.lh45px{line-height:45px;}

.ht1 {height:1rem !important;}
.ht2 {height:2rem !important;}
.ht2b {height:22px !important;}
.ht3 {height:3rem !important;}
.ht3b {height:45px !important;}
.ht4 {height:4rem !important;}
.ht5 {height:5rem !important;}
.ht5b {height:120px !important;}
.ht6 {height:6rem !important;}
.ht7 {height:7rem !important;}
.ht8 {height:8rem !important;}
.ht9 {height:9rem !important;}
.ht10 {height:10rem !important;}
.ht11 {height:11rem !important;}
.ht12 {height:12rem !important;}
.ht13 {height:13rem !important;}
.ht14 {height:14rem !important;}
.ht15 {height:15rem !important;}
.ht16 {height:16rem !important;}

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

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.pdl55{
padding-left:55px;
}
.nav2>li{
padding-top:12px;
	}


.w1000,.wide1{width:100%}

/* ↑　PC ＆　共通　↑ */


/* ↓　各ブレイクポイント　↓ */

@media screen and ( min-width:768px ) {
	
.medi1{
	font-size:21px;
	line-height: 2.5;
}
	
.sc-li {
		display: none ;
	}
}




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

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

	
.container,.container-fluid { 
max-width: 100%;	
}
	
.pdl55{
padding-left:20px;
}

ul.ftnv li {
	background:none;
	padding: 0px;
	margin: 10px;
}	

.bgimg1{
background-image: url("https://kushiwarabi.jp/images/00_hd-bg-img_m.png");
		background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	}
	
	

	
.medi1 {
	font-size:14px;
	line-height:1.5;
}

.cdt11	{
	font-size: 11px;
}

.cdt12{
   font-size:12px;
}
.cdt13{
   font-size:13px;
}
.cdt14{
   font-size:14px;
}
.cdt15{
   font-size:15px;
}
.cdt16{
   font-size:16px;
}
.cdt17{
   font-size:17px;
}
.cdt18{
   font-size:18px;
}
.cdt19{
   font-size:19px;
}
.cdt20{
   font-size:20px;
}
	
.cdt21{
   font-size:21px;
}
.cdt22{
   font-size:22px;
}
.cdt23{
   font-size:23px;
}
	
.cdt24{
   font-size:24px;
}
.cdt28{
   font-size:28px;
}
.cdt32{
   font-size:32px;
}

.lh30px{line-height:25px;}
.lh40px{line-height:35px;}
.lh45px{line-height:40px;}

	
}



@media screen and (min-width: 577px) and (max-width: 767px) {
	
.medi1{
	font-size:21px;
	line-height: 2.5;
}
	
.sc-li {
		display: none ;
	}

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

	
.container,.container-fluid { 
max-width: 100%;	
}
	
.pdl55{
padding-left:20px;
}
	

.bgimg1{
background-image: url("https://kushiwarabi.jp/images/00_hd-bg-img_m.png");
		background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	}
	
	
.w1000,.wide1{width:100%}
	
.medi1 {
	font-size:14px;
	line-height:1.5;
}

.cdt11	{
	font-size: 11px;
}

.cdt12{
   font-size:12px;
}
.cdt13{
   font-size:13px;
}
.cdt14{
   font-size:14px;
}
.cdt15{
   font-size:15px;
}
.cdt16{
   font-size:16px;
}
.cdt17{
   font-size:17px;
}
.cdt18{
   font-size:18px;
}
.cdt19{
   font-size:19px;
}
.cdt20{
   font-size:20px;
}
	
.cdt21{
   font-size:21px;
}
.cdt22{
   font-size:22px;
}
.cdt23{
   font-size:23px;
}
	
.cdt24{
   font-size:24px;
}
.cdt28{
   font-size:28px;
}
.cdt32{
   font-size:32px;
}

.lh30px{line-height:25px;}
.lh40px{line-height:35px;}
.lh45px{line-height:40px;}

	
}

@media screen and (max-width:390px){
ul.ftnv li {
	background:none;
	padding: 5px;
	margin: 0px;
}	


.spx1 { display: none !important; }
.spx { display: block!important; }
}

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

.spx1 { display: block !important; }
.spx { display: none!important; }
}

.en{
    font-weight: 500;
    font-size: 1.8rem;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: .5rem;
}

h1.cdt32.text-white {
    text-align: center;
}

@media screen and (max-width:576px){
.en{
    font-weight: 500;
    font-size: .9rem;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: .5rem;
}
}