@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;}
h1, h2, h3{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;}
*/
p{margin: 0px;}


/*　−−−−−−−−− 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: #000000;
/*#d3f393*/

font-size: 20px;
padding-left: 0px;
margin-top: 2px;       
}
.navbar a {
color: #000000;
/*#d3f393*/
}
.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(211,243,147,0.75);
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;}
.space10{height: 100px;}

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

.linecolor1{background-color:#E5E5E5; height:1px; border-style: none;}

.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;
}

li.pointw {
list-style-type: none; left: -15px;}


/* −−− 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;}

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


/* −−− carousel −−− */
.carousel-caption h1{font-size: 33px;font-weight: bold;}
.carousel-caption h2{font-size: 23px;font-weight: bold;}
.carousel-caption {
padding: 0;
top: calc(50% - 1.0rem);
text-align: center;
color: #ffffff;
}

.carousel-caption.mobile h1{font-size: 23px;font-weight: bold;}
.carousel-caption.mobile h2{font-size: 13px;font-weight: bold;}

.carousel-caption.mobile {
padding: 0;
top: calc(60% - 1.0rem);
text-align: center;
color: #ffffff;
}



/*　−−−−−−−−− card −−−−−−−−−*/
/*　−−− iconcard −−−*/
.card{
text-align: center;
border: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;

}
.card .fa{/*Fon Awesome*/
color: #DF1914;
/*#5DC3DC;*/
font-size: 40px;
}
.card a{
outline: none;
display: block;
}
.card a:hover {
opacity: 0.7;
}

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


.person img{
width: 140px;
display: block;
margin-left: auto;
margin-right:auto;
}

.person{
text-align: center;
}

.row.interview, .row.interview p{
margin-bottom: 20px;
}


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


/*−−−TopicsThumbnail−−−*/
.topicsthumb{
display:flex;
justify-content:start; /* 水平方向 */
align-items: start; /* 垂直方向 center*/
}

.topicsthumb img{
width: 140px;
}

.cafethumb img{
width: 150px; 
}


/* ---選択パネル--- */
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;}

/* ---chart--- */
.chart{position: relative; width:100%;}
/* height:90vh; height:90%;*/

/*−−−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; text-align:left}
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;}

.productimg {width:140px;}
.card-body{padding: 0px;}
*/


/*−−−product−−−*/
img.thubm {width:120px;float: left; display: block; margin-right: 5px;}

input.cartimage{
height:25px;width: 30px;
position: relative;
top: 3px; left: 10px;
}
input.cartimage:hover{
filter: sepia(100%);
}

/*cart合計*/
.carttotal{
padding-bottom: 13px;
}

/* cart nav number */
.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: #9DD100;
}
.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: #5DC3DC;
}
.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;}






/*　−−−−−−−−− footer −−−−−−−−−*/
/* copyright用 */
.footercopy {
background-color: #CCEBF3;/*#CCEBF3*/
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){
}

/*--- 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;}
}