body {
#f9f9f9
}
nav {
padding: 1em;
border-bottom: 5px solid #f9f9f9;
}
.container {
padding: 0;
}
#header {
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
padding: 0;
}
#banner {
height: 50vh;
width: 100%;
background-size: cover !important;
}
#banner2 img {
width: 100%;
}
h1 {
padding: 1em !important;
margin-bottom: 0;
}
h2, h3, h4, h5, h6 {
padding: 0 1em !important;
}
.item {
display: block;
padding: 5px;
}
.item img {
width: 100%;
}
.item:hover {
opacity: 0.8;
background: #d5eaff;
}
a , a:hover {
color: #555555;
}
#kanren_tweet h2, #kakolink h2,
.bg-info , .btn-info ,
.bg-info a , .btn-info a {
background : #f9f9f9 !important;
color : #999999 !important;
border-color: #f9f9f9 !important;
text-decoration: none;
}
#cart {
background : #999999 !important;
color : #f9f9f9 !important;
border-color: #f9f9f9 !important;
text-decoration: none;
padding: 0.5em;
font-size: 1.7em;
margin-top: 1em;
}
#kanren_tweet h2, #kakolink h2 {
margin-top: 1em;
padding: 16px 1em !important;
font-size: 1.5rem !important;
}
#kanren_tweet i, #kakolink i {
margin-right: 0.5em;
}
.tweet_item {
margin-left: 10px;
display: inline_block;
}
twitterwidget {
max-width: 45% !important;
display: inline-block !important;
vertical-align: top !important;
}
#price {
padding: 2em 1em;
font-size: 1.5em;
display: inline-table;
}
#to_cart{
position: fixed;
bottom: 60px;
right: 20px;
font-size: 5em;
text-decoration: none;
color: #2b80d5;
text-align: center;
}
#to_cart a:hover{
opacity:0.5;
}
/* スマホ */
@media screen and (max-width:768px){
.row {
padding: 0 !important;
margin: 0 !important;
}
h1{
font-size: 1.5em !important;
}
h2, h3, h4, h5, h6 {
font-size: 1.2em !important;
}
#banner {
height: 25vh !important;
}
.py-5 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.my-5, .my-3 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
twitterwidget {
max-width: 98% !important;
margin-right: 10px;
}
#to_cart{
bottom: 50px;
right: 10px;
}
}