@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.top_lead {
text-align:center;
font-size:3.8rem;
}
@media only screen and (max-width: 768px){
.top_lead {
font-size:2.1rem;
}
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　見出し　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* パンくずリスト */
.bread {
margin-bottom:30px;
}

.bread ol {
margin:0;
padding:10px;
list-style:none;
}

.bread li {
display: inline-block;
padding:3px;
color:#000;
font-size:0.8em;
text-decoration:none;
}

.bread li a:hover {
background:#eee;
}

.bread ol:after {
content: "";
display:block;
clear:both;
}


.bread li:after {
content: '｜';
color:#888888;
margin-left:5px;
margin-right:5px;
}


/*=============================== 大森商店 =====================================*/
/*https://ponsyon.com/archives/1679#a%E3%82%BF%E3%82%B0%E3%82%92%E8%A6%AA%E8%A6%81%E7%B4%A0%E3%81%AE%E3%82%B5%E3%82%A4%E3%82%BA%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%82%8B%E6%96%B9%E6%B3%95

https://webparts.cman.jp/box/stringpos/
*/
ul {/*bootstrap で設定されていたのを初期化 padding-left:2rem;*/
 padding-left:0;
}

.second_top_menu{
max-width:992px;
display:flex;
justify-content:flex-start;
list-style: none;
margin-top:20px;
}

ul.second_top_menu { 
  list-style: none;
  padding-left: 0;
}
ul.second_top_menu li {
width:100%;
height:50px;
margin-right:3px;
}
ul.second_top_menu li a {
  position: relative;
  display: block;
  height: 100%;
  padding: 8px 0 8px 25px;
text-decoration:none;
}
.menu_goods{
background:#33ad5c;
}
.menu_company{
background:#34b6e5;

}
.menu_shirasu{
background:#3386bc;

}

ul.second_top_menu li a span {
  position: absolute;
  width: 100%;
font-size:2.2rem;
text-align:right;
top            : 100%;
  left           : 100%;
  transform      : translateY(-100%)
                   translateX(-100%);
}

.goods {
color:#60bd7e;
}
.company {
color:#4fbee8;
}
.shirasu {
color:#4e94c4;
}

ul.second_top_menu li a:hover,
.menu_goods:hover,
.menu_company:hover,
.menu_shirasu:hover,
span.goods:hover,
span.company:hover,
span.shirasu:hover {
opacity:0.6;
color:yellow;
}
@media only screen and (max-width: 992px){
.second_top_menu{
display:none;
}
}

.title_goods {
background-image :url(../image/title_goods.gif);
background-repeat:repeat;
padding:1.5em 0.5em;
}
.title_company {
background-image :url(../image/title_company.gif);
background-repeat:repeat;
padding:1.5em 0.5em;
}
.title_shirasu {
background-image :url(../image/title_shirasu.gif);
background-repeat:repeat;
padding:1.5em 0.5em;
}
.title_contact {
background-image :url(../image/title_contact.gif);
background-repeat:repeat;
padding:1.5em 0.5em;
}
.title_tenpo {
background-image :url(../image/title_tenpo.gif);
background-repeat:repeat;
padding:1.5em 0.5em;
}
.title_goods h2,
.title_company h2,
.title_shirasu h2,
.title_contact h2,
.title_tenpo h2 {
color: #006699;
font-size:1.5rem;
font-weight:700;
padding-left:0.5em;
}
.title_goods span,
.title_company span,
.title_shirasu span,
.title_tenpo span {
color: #003366;
margin-left:2em;
font-size:1.1rem;
font-weight:600;
}
.title_goods h2 {
color: #149839;
}
.title_goods span {
color: #0e3406;
}

.title_contact h6 {
color:#006699;
font-size:1rem;
font-weight:600;
padding-left:0.8em;
}
.title_tenpo h2 {
color:#393385;
}
.title_tenpo span {
color: #0e0957;
}

@media screen and (max-width: 992px) {
.title_goods,
.title_company,
.title_shirasu,
.title_contact,
.title_tenpo {
margin-top:80px;
}
}


.kakomi_company {
border:solid 1px #03689a;
padding:0.8em;
margin:1.5em 0;
}
.kakomi_shirasu {
border:solid 1px #03689a;
background-image :url(../image/bg_shirasuback.jpg);
background-repeat:repeat;
padding:0.8em;
margin:1.5em 0;
}

.sub_title_company {
border-left:solid 7px #03689a;
color:#03689a;
padding:0.5em;
margin:1.5em 0 1em;
font-size:1.1rem;
}
.sub_title_goods {
border-left:solid 7px #149839;
color:#149839;
padding:0.5em;
margin:1.5em 0 1em;
font-size:1.1rem;
}
.sub_title_contact {
border-left:solid 7px #006699;
color:#006699;
padding:0.5em;
margin:1.5em 0 1em;
font-size:1.1rem;
}
.sub_title_tenpo {
border-left:solid 7px #0e0957;
color:#0e0957;
padding:0.5em;
margin:1.5em 0 1em;
font-size:1.1rem;
}
dl.dl-yoko {
	padding:0.4em 1.5em;
	border-bottom: 1px solid #ccc;
}
dl.dl-yoko dt {
	padding:0 0 0 0.8em;
margin:0.5em 0;
  font-weight: bold;
}
dl.dl-yoko dd {
margin:0.5em;
}
@media screen and (min-width: 768px) {
dl.dl-yoko dt {
clear: left;
float: left;
width: 25%;
}
dl.dl-yoko dd { 
display: block;
margin-left:25%;
}
}


.shirasu_p {
padding:1.2em 0 0 0.5em;
}
.shirasu_h4 {
border-bottom:solid 5px #03689a;
color: #091169;
font-size:1.1rem;
padding:0.5em 0 0.5em 1.5em
}
.shirasu_h4 span {
font-size:1rem;
color:#fc6620;
}
.shohin_center {
text-align:center;
margin:1.5em 0;
}


.online_BTN a {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 1.5em;
  padding: 1em 2em;
  width: 280px;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  background-color: #0f69a9;
  border-radius: 50vh;
text-decoration:none;
}

.online_BTN a::after {
  content: '';
  width: 7px;
  height: 7px;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transform: rotate(45deg);
}

.online_BTN a:hover {
  background-color: #199eba;
  color: #FFF;
}
span.F08 {
font-size:0.7rem;
}

/*================================　policy　======================================*/
.policy_ol {
padding:0 3em;
}
ol.policy_ol li {
margin-bottom:20px;
}
@media only screen and (max-width: 768px){
.policy_ol {
padding:0 1.8em;
}
}
.policy_address {
text-align:right;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　contact　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.contact_p {
padding:0 0 1.5em 1.5em;
font-size:0.9rem;
}
span.aka {
color:#ff0000;
}
.contact_faq_Q{
padding:0.5em 0 0.5em 2em;
border-bottom:dotted 1px #006699;
}
.contact_faq_A{
padding:0 0 0.5em 2em;
color:#006699;
}
/*https://www.softel.co.jp/blogs/tech/archives/6083*/
@media only screen and (max-width: 992px){
#link_faq, #link_contact,
#link_original, #link_tieup {
display: block;
  height: 5rem;
  margin-top: -5rem;
  content: "";
}
}

.btn-iro {
	color: #fff;
	background-color: #006699;
	border-color: #006699;
	margin-bottom:3em;
}
.btn-iro:hover {
	opacity:0.6;
}


/*https://pengi-n.co.jp/blog/layout-card/*/




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　goods　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.card_goods {
max-width:992px;
}
.card {
border:solid 1px #149839;
}
.card-title {
background:#149839;
color:#FFF;
text-align:center;
font-size:0.9rem;
padding:0.5em 0;
}
.card-text {
border-bottom:dotted 1px #149839;
font-size:0.9rem;
padding:0.5em;
}
.card-price {
border-bottom:dotted 1px #149839;
color:#fc6620;
text-align:right;
padding:0 0.5em 0.5em 0;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　tenpo　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.tenpo_title {
background:#0e0957;
color:#FFF;
padding:0.5em 0;
text-align:center;
font-size:0.9em;
}