@charset "utf-8";
/*　−−−−−−−−− 全体共通 −−−−−−−−− */
body {
font-family: 'Yu Gothic', 'Hiragino Mincho ProN', Georgia;
/*B3 padding-top: 55px;*/
padding-top:3.5rem;
color: #5F5F5F;
font-size: medium;
}

/* 文字 */
h1{font-size: 23px; font-weight: bold;}
h2{font-size: 20px; font-weight: bold;}
h3{font-size: 16px; font-weight: bold;}
h4{font-size: 24px; font-weight: bold;}
h5{font-size: 12px; font-weight: bold;}

h1, h2, h3, h4, h5{padding: 0px; margin: 0px;}

a:link{color: #5F5F5F; text-decoration: none;}
a:visited{color: #5F5F5F;}
a:hover {opacity: 0.7;}

/*写真横幅・文字余白
.col{padding-left:0px; padding-right:0px;}
p{padding-left: 15px; padding-right: 15px;}
*/


/*　−−−−−−−−− navbar −−−−−−−−− */
.navbar{
border:none;
background-color: rgba(255,255,255,0.75);
padding: 0px;
padding-top: 5px;
margin: 0px;
}
.navbar-brand img  {
display: inline;
margin-top: -5px;
margin-right: 5px;
margin-left: 5px;
}
.navbar-brand {
/*font-family: serif;*/
font-weight: 900;
color: #ffa500;
font-size: 20px;
padding-left: 0px;
margin-top: 2px;       
}
.navbar a {
color: #7eaa55;/*#c3d825*/
}
.navbar-nav li a {
color: #5F5F5F;
margin-top: 3px;
margin-bottom: -3px;
}
.navbar-nav li a:hover {
color: #5F5F5F;
background-color: rgba(255,255,255,0);
}
.navbar a:hover {
color: rgba(126,170,85,0.75);/*195,216,37 / 255.165.0*/
background-color: rgba(255,255,255,0);
}

/* ---toggle ---*/
.navbar-toggler {
color: rgba(255, 255, 255, 0.5);
background-color: #FFFFFF;	
/*border-color: #ddd;*/
border: none;
padding: 0px;
width: 30px;
height: 30px;
box-sizing: border-box;
position: relative;
}

.navbar-toggler:hover, .navbar-toggler:focus {
background-color: #E7E7E7; /*#ddd*/
}

.navbar-toggler-icon {/*線*/
background-image:none; /* 背景画像無効化 */
background-color: #5F5F5F;
width: 30px;
height: 1px;
display: block;
position: absolute;
transition: ease .5s;
}

/* 3本のバーの座標設定 */
.navbar-toggler-icon:nth-of-type(1) {top:7px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;}
.navbar-toggler-icon:nth-of-type(3) {top:21px;}

/* メニューオープン時の3本のバーの座標と角度 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:13px;transform: rotate(45deg);}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:13px;transform: rotate(-45deg);}


/* −−−−−−−− 共通部品 −−−−−−−−− */

/* --- 空白・ライン・文字 --- */

.space1{height: 10px;}
.space2{height: 20px;}
.space3{height: 30px;}
.space4{height: 40px;}
.space5{height: 50px;}

.line{border-bottom: solid thin #E5E5E5;}

.row.underline {border-bottom: 1px solid #E9E9E9/*F5F5F5*/;}

/* --- 箇条書き --- */
ul, ol{padding-left: 17px;}

li.point {
list-style-type: none;
padding-bottom: 10px/* 行間サイズ */}

li.point:before {
content: '';
width: 3px;
height: 3px;
background: #5F5F5F;
display: inline-block;
border-radius: 100%;
position: relative;
margin-right: -8px;/*--- 二行目の開始位置との一致 ---*/
left: -15px;
top: -3px;
}


/* −−− topimage card -−− */
.topimage .col {padding-left: 0px; padding-right: 0px;}

.topimage .card{border: 0px;}

.topimage .card-img-overlay{
padding: 0;
top: calc(50% - 1.0rem);
text-align: center;
color: #ffffff;
}

.topimage .card-img-overlay h1{font-size: 33px;font-weight: bold;}
.topimage .card-img-overlay h2{font-size: 23px;}

.carousel-caption.card-img-overlay.gray{color: #5F5F5F;} 


/*　−−−−−−−−− card −−−−−−−−−*/
/*　−−− iconcard −−−*/
.card.icon{
text-align: center;
border: 0px;
}
.card.icon a{
outline: none;
display: block;
}
.card.icon a:hover {
opacity: 0.7;
}
.card.icon .fa{
color: #c3d825;
font-size: 40px;
padding-top: 0px;
}

/*−−−person−−−*/
.card.icon.person img{
width: 140px;
display: block;
margin-left: auto;
margin-right: auto;
}
.card.icon.person h2{margin-bottom: 20px;}

/*−−−case−−−*/
.card.case {border-color: #FFFFFF;}

/*−−−topics−−−*/
body.topics{padding-bottom: 50px;}
p.topictitle{text-align: right;}

/* ---選択パネル--- */
a.list-group-item{padding: 10px; border-width: 0px;}

/*--- table ---*/
td {border-bottom: 1px #ffffff solid;}
td.last, th.last{border-bottom: 1px #DDDDDD solid;}
td.lasttop, th.lasttop{border-top: 1px #DDDDDD solid;}
td.date {width:125px; vertical-align: top;}


/*−−−product−−−*/
.card.product {border: 0px #DDDDDD solid;  max-width: 890px;}

table.product {width:100%;}
table.product td {border:0px #DDDDDD solid; vertical-align: top;}
table.product td.promotion {height:50px;}
table.product td.price {width:140px; color: #DC0206; text-align: right;}
table.product td.amount {height:43px; width:140px;}
table.product td.cart {height:43px; width:40px; text-align: right;}
table.product .cartimage{width:30px;}
table.product img.thubm {width:70px;float: left; display: block; margin-right: 5px;}

.card-body{padding: 0px;}

/* cart nav */
.cart {position: relative; height: 25px;}
.cart p {
position: absolute;
top: 50%; left: 50%;
-ms-transform: translate(-70%,-50%);
-webkit-transform: translate(-70%,-50%);
transform: translate(-70%,-50%);
margin:0; padding:0;
color: #7eaa55;
}
.cart img {height:25px;width: 30px;}

/* cart register */
.cartregister {position: relative; height: 25px;}
.cartregister p {
position: absolute;
top: 50%; left: 50%;
transform: translate(-70%,-70%);
margin:0; padding:0;
color: #7eaa55;
}
.cartregister img {height:25px;width: 30px;
position: absolute;
top: 100%; left: 100%;
transform: translate(-50%,-80%);
margin:0; padding:0;

}


/* register */
table.regi{margin: 0px; padding: 0px;}
table.regi th{text-align: center; padding: 3px;}
table.regi img.productregi {width:80px;}

td.regitotal{color: #DC0206;}

/*p.regitotalt{float: left;}
p.regitotal{float: left; color: #DC0206;}*/

.col.d-block.d-sm-none{
margin: 0px; padding: 0px;}

.col.d-block.d-sm-none.regimobile{
margin: 3px; padding: 10px;}

.regimobile td{
margin: 0px; padding: 0px;}

/* menu */
.card.menu{border-width: 0px; border-top-width:1px; border-top-color: #E0E0E0;}
.card-header{background-color: #FFFFFF;}


/*　−−−−−−−−− chart −−−−−−−−−*/
.chart{position: relative; width:100%; height:70;}
/*height:90%;*/


/*　−−−−−−−−− footer −−−−−−−−−*/
/* copyright用 */
.footercopy {
background-color: #F2DACF;/*#f5f5f5*/
font-size: 10px;
margin: 0px; padding:0px; padding-top: 13px;
text-align: right;
}

/*-----------Media size-----------*/

/* --- 大画面サイズ以上は広げない --- */
@media (min-width: 1450px){
.container-fluid { width: 1450px;}
}

/*--- 1113px以上の画面向け　PC横 ---*/
@media (min-width: 1113px){
}

/*--- 1112px以下の画面向け　ipad横 ---*/
@media (max-width: 1112px){
}

/*--- 834px以下の画面向け　ipad縦 ---*/
@media (max-width: 834px){
}

/*--- 667px以下の画面向け　iphone横 ---*/
@media (max-width: 667px){

.card.case{padding-bottom:30px}
}


/*--- 375px以下の画面向け iphone縦 ---*/
@media (max-width: 375px){
.navbar-brand {font-size: 15px;}
h2{font-size: 17px; font-weight: bold;}
h3{font-size: 15px; font-weight: bold;}

.carousel-caption.card-img-overlay h1{font-size: 18px;}
.carousel-caption.card-img-overlay h2{font-size: 16px;}
.carousel-caption.card-img-overlay h3{font-size: 14px;}

.topimage .card-img-overlay h1{font-size: 23px;font-weight: bold;}
.topimage .card-img-overlay h2{font-size: 18px;font-weight: bold;}

}