@charset "utf-8";

body {
background-color: #fefefe!important;
}


/*navbar*/
#sec1 a {
color:#00AF6D!important
}

.bg-san {
background-color:#343a41!important
}

.bg-sgreen {
background-color:#00AF6D!important
}
.text-sgreen {
color:#00AF6D!important
}

.bg-lightgreen {
background-color: #64CCA1!important;
}
.text-lightgreen {
color:#64CCA1!important
}

/*
深緑
background-color:#005a38!important

ブルーグレイ {
background-color:#343a41!important;
*/

/*yellow*/
.bg-temp {
background-color:#F8EB75!important;
}
.text-temp {/*
color:#F8EB75 !important;*/
}
.text-temp:hover {
  color: rgba(0,0,0,.7)!important;
}

/*リンク強調*/
.text-Emphasis {
font-size: 1.2rem !important;
}
.text-Emphasis02 {
font-size: 1.5rem !important;
}

/*==================================================*/

.navbar-light .navbar-nav .nav-link {
color: #fff;
}

.navbar link,
.navbar-light .navbar-nav .nav-item{
transform: skewX(150deg)!important;
border-left: 1px dotted #fff !important;
}
.navbar-light .navbar-nav .nav-item:last-child{
border-right: 1px dotted #fff !important;
}
.navbar-light .navbar-nav .nav-link {
transform: skewX(-150deg)!important;
}

/*==================================================*/

/*年賀状・喪中*/
.jumbotron-nenga-mo {
	background-image: url('../img/top-nenga-mo.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 300px;
}

.jumbotron-nenga {
	background-image: url('../nenga/nenga-sample.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 300px;
}

.jumbotron-mo {
	background-image: url('../mochu/mo-sample.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 300px;
}

.list-group {
margin-bottom:1.5rem !important;
}

.list-group-setting-disk,
.list-group-setting-decimal {
list-style-position:inside !important;
}
.list-group-setting-disk  li ,
.list-group-setting-decimal li{
display: list-item !important;
}
.list-group-setting-decimal {
list-style-type: decimal;
}

/*==================================================*/

/*年賀状・喪中　画面サイズ別*/
@media screen and (max-width: 1200px),/* (max-width: 767.98px),*/
@media screen and (min-width: 576px) and (max-width: 991.98px),
@media screen and (min-width: 576px) {

.navbar link,
.navbar-light .navbar-nav .nav-item,
.navbar-light .navbar-nav .nav-item:last-child{
border-left: 1px dotted transparent !important;
border-right: 1px dotted transparent !important;
}
.text-sgreen .tel a {
color:#00AF6D!important
}

.jumbotron-nenga-mo {
	background-image: url('../img/top-nenga-mo02.png');
}
.jumbotron-nenga {
	background-image: url('../nenga/nenga-sample02.png');
}
.jumbotron-mo {
	background-image: url('../mochu/mo-sample02.png');
}
}

/*==================================================*/

.chusen img {
margin:auto !important
}

/*年賀状 抽選結果　画面サイズ別*/
@media screen and (max-width: 767.98px),
@media screen and (min-width: 576px) and (max-width: 991.98px),
@media screen and (min-width: 576px) {
.chusen img {
width: 90vw;
margin:auto !important
}
}

/*==================================================*/
/*mail add*/
.company-mail {
height:25px
}


/*==================================================*/

/*h2*/
.heading {
border-left: 6px solid #005a38!important;
color:#005a38!important;
word-wrap: break-word!important;
}

/*indexの品目とか*/
h3 {
font-size: 1.3rem!important;
word-wrap: break-word!important;
}

/*品目box*/
.shadow-sm {
  box-shadow: 0 .2rem .5rem rgba(0,0,0,.1) !important;
}
.card {
  border: 0px solid rgba(0,0,0,.125) !important;
}

/*クラスh-100で高さを統一すると上下がくっ付く対策*/
.row .col-md-6 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.card-body {
padding-bottom: 0px !important;
}

/*お問合せ*/
form sup,
p sup {
color:#D52F49 !important;
font-size: 100%!important;
}

.h-50vh {
height: 50vh
}

/*==================================================*/

/*footer*/
footer {
}
footer p {
margin-bottom: 0!important;}

.img-scn {
background-image: url('../img/scn.png');
background-repeat: no-repeat;
background-size: contain;
background-position: right 50px bottom;
}

/*google map*/
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 比率を16:9に固定 */
}

/*==================================================*/

/*メールはこちらから*/
.btn-outline-info {
color: #fff!important;
background-color:#00AF6D!important;
background-color:#005a38!important;
background-image: none;
border-color: #005a38!important;
}
.btn-outline-info:hover {
color: #005a38!important;
background-color: #fff!important;
border-color:#005a38!important;
}