dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div, body,figure{
  margin: 0;
  padding: 0; }
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }
ul li, ol li ,li{
  list-style: none; }
table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%; }
caption {
  text-align: left; }
table, pre, code, select, input, textarea, kbd, var, ins, del, samp {
  font-size: 100%; }
address, cite, dfn, em, strong, var, th, ins, del, samp {
  font-weight: normal;
  font-style: normal; }
a img {
  border: 0; }
div,li{box-sizing: border-box;}
img{max-width: 100%}
/* styles */

html {
  position: relative;
  min-height: 100%;
}

html{font-size: 62.5%;background: none;}
body{font-size:1.6rem;}

body {
  margin: 0;
  margin-bottom: 60px;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3" , Osaka !important;
  background-color: #edfcff;
}

header {
width: 100%;
margin: 0 auto;
background-color: #182D7C;
background-repeat: repeat-x;
height: 60px;
}


footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #182D7C;
  z-index: 1;
}

a {
  color: #000;
}

a:hover {
  text-decoration: none;
}
img {width: 100%;}
ul li::before {
 content: "";
  
}

#logo
{
   padding: 0px 0px;
   width: 94%;
   max-width: 1000px;
   margin: auto;
}

#logo img {
  width: auto;
  height: 60px;
}

ol.breadcrumb {
  max-width: 1000px;
  padding: 8px 0;
  margin: 0 auto;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
  font-size: 1rem;
}
ol.breadcrumb > li {
  display: inline-block;
}
ol.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";;
}
ol.breadcrumb > .active {
  color: #777;
}
.glyphicon-home:before{margin-right: 0.5em;}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}


#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px;
  border-radius: 60px;
  width: 70px;
  height: 70px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

article {max-width: 1000px;margin: 0 auto;padding-bottom: 1em;}

h2.title {
  margin-bottom: 1em;
  padding: 1em 0;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  background: -webkit-repeating-linear-gradient(-45deg, #c0ebf9, #c0ebf9 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #c0ebf9, #c0ebf9 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.text-line {font-weight: bold; background: linear-gradient(rgba(192,235,249,0)60%,rgb(255 247 0) 0%);}


.top h1 {margin-bottom: 1em;}
.top p {padding: 1em 2em 3em;text-align: center;}


.lineup {display: flex; justify-content: space-between;flex-wrap: wrap;font-size:1.4rem;    margin-bottom: 2em;}
.lineup .box { width: 48%; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);  margin-bottom: 2em;border-radius: 0.35em;background: #fff;position:relative;}
.lineup .box>div{padding: 2em;}
.lineup .box h2 {font-weight: bold; font-size: 1.8rem; border-bottom: 3px solid #04aef0;position:absolute;background: #04aef0;color:#fff;padding:0.25em 0.5em;font-weight:bold;top:0.5em;left:0.5em;border-radius:0.5em;}
.lineup .box img{border-radius: 0.35em  0.35em 0 0 }
.lineup .box p {background: #c0ebf9; padding: 0.5em; font-weight: bold;margin-bottom: 1em;}
.lineup ul {}
.lineup ul li {position: relative;padding-left: 1em;margin-bottom: 0.5em;}
.lineup ul li:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #c0ebf9;
  border-radius: 10px;
  top: calc( 0.5rem + 2.5px);
  left: 0;
}

.point {margin-bottom: 2em;background: #dbf6ff;padding: 2em;}
.point h2.title{   background: #fffa00; box-shadow: 0 0 3px rgb(0 0 0 / 25%); border-radius: 0.35em; position: relative; width: 50%; margin: -3em auto 1em;}
.point h2.title:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fffa00;
  z-index: 2;
}

.point h2.title:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #fffa00;
  z-index: 1;
}



.point .innre_flex {display: flex;justify-content: space-between;}
.point .innre_flex .left {width: 64.5%; flex-shrink: 0;}
.point .innre_flex .right {width: 32.5%; flex-shrink: 0;}
.point .innre_flex h3 {  border-top: 1px solid #04aef0; border-bottom: 1px solid #04aef0; margin-bottom: 1em; padding: 1em; font-weight: bold; text-align: center;}
.point .innre_flex .left>ul {display: flex; justify-content: space-between;}
.point .innre_flex .left>ul>li{width: 48%;;background: #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);border-radius: 0.35em;}
.point .innre_flex .left>ul>li:first-child {}
.point .innre_flex .right>ul>li{background: #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);border-radius: 0.35em;    }
.point .list {padding: 1em; text-align: left;}
.point .list li{position: relative;padding-left: 1em;font-size:1.4rem;margin-bottom: 0.5em;}
.point .list li:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #c0ebf9;
  border-radius: 10px;
  top: calc( 0.5rem + 2.5px);
  left: 0;
}
.point .innre_flex>div {text-align: center;}
.point .innre_flex div figure {max-width: 250px; padding: 1em; margin:0 auto 1em;}

.catalog>div {margin-bottom: 2em;}
.catalog ul {display: flex; justify-content: left;flex-wrap: wrap;}
.catalog ul li{flex-basis: 23%; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);  margin: 0 1% 1em 1%;background: #fff;border-radius: 0.35em;font-size:1.4rem;}
.catalog ul li p{word-break: break-all;}
.catalog ul li a span:nth-child(2){background: #000;color:#fff;font-size:75%;padding: 0.25em 0.5em;border-radius:0.25em;margin-bottom: 1em;    display: inline-block;}
.catalog ul li a span{font-size:75%;}
.catalog ul li a{text-decoration:none;display:block;padding: 1em;}
.catalog ul li:hover{opacity:0.8;top: -3px;position:relative;}
.catalog .price {text-align: right;  color: red;}

@media screen and (max-width: 768px){
	ol.breadcrumb{padding: 1em;}
	.top p{padding: 1em 5% 2em;}
	section.lineup{padding:0 5%;}
	.lineup .box{width: 100%;}
	.lineup .box>div{padding: 1em;}
	section.point{padding:2em 5%;}
	.point h2.title{width: 100%;}
	.point .innre_flex{flex-wrap:wrap;}
	.point .innre_flex .right,.point .innre_flex .left{width: 100%;}
	.point .innre_flex .left>ul,.point .innre_flex .right>ul{flex-wrap: wrap;}
	.point .innre_flex .left>ul>li,.point .innre_flex .right>ul>li{width: 100%;display:flex;margin-bottom: 1em;}
	.point .innre_flex div figure{width: 35%; }
	.point .list{padding: 1em 1em 1em 0;}
	.catalog ul{padding: 0 5%;}
	.catalog ul li{flex-basis: 46%;margin: 0 2% 1em 2%;}
}