@charset "utf-8";
@media print, screen and (max-width: 767px) {
/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/* ----- custom ----- */
main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6,small{font-weight:normal;}
ul,ol{list-style:none;}
strong{font-weight:bold;}
em,i{font-style:italic;}
address{font-style:normal;}
hr,legend{display:none;}
time{display:block;}
sub,sup{position:relative;font-size:74%;line-height:1;}
sup{top:-.15em;}
sub{bottom:-.1em;}
img{max-width:100%;height:auto;vertical-align:top;/* text-align: center; */}
/* ------------------------------------------------------
* Basic
------------------------------------------------------ */
html {
font-size: 62.5%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {background: #fff;
color: #333;
font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
word-wrap : break-word;
font-size: 1.4rem;
line-height: 1.5;
}
body *,
body *::before,
body *::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* ----- a ----- */
a {
-webkit-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s;
}
a:link    {color:#0075c2;text-decoration:underline;}
a:visited {color:#0075c2;text-decoration:underline;}
a:hover   {color:#0075c2;text-decoration:none;}
a:active  {color:#0075c2;text-decoration:none;}
/* ----- form ----- */
input,
select,
textarea,
pre {
border-radius: 0;
box-shadow: none;
color: #333;
font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.6rem;
line-height: 1.5;
}
input[type="text"],
textarea {
-webkit-appearance: none;
appearance: none;
}
.shadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 
              0 1px 6px rgba(0, 0, 0, 0.05), 
              0 8px 8px rgba(0, 0, 0, 0.1), 
              0 16px 16px rgba(0, 0, 0, 0.1), 
              8px 18px 18px rgba(0, 0, 0, 0.15), 
              8px 22px 22px rgba(0, 0, 0, 0.15);
}
/* ------------------------------------------------------
 * General Purpose
------------------------------------------------------ */
/* ----- device ----- */
.sp-hidden {
  display: none !important;
}
/*----- heading -----*/
.heading02{
  font-size: 18px;
  font-weight: bold;
  color: #FF5411;
  padding-left: 10px;
  margin-bottom: 20px;
  border-left: 4px solid #FF5411;
}
/*----- 本店オンリー -----*/
.campaignTxt{
  text-align: center;
  margin-bottom: 40px;
}
.campaignTxt span{
  font-weight: bold;
}
/* ------------------------------------------------------
 * Header
------------------------------------------------------ */
/* ----- haeder -----*/
#haeder.Header{
  width: 100%;
  height: 40px;
  padding: 10px;
  
}
/* ----- headerBody -----*/
#header.Header > .header-fix-wrap{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 12px 0 rgba(0, 0, 0, .12);
}
#header.Header > .header-fix-wrap > .header-fixheight > #headerBody.HeaderBody{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
#header.Header > .header-fix-wrap > .header-fixheight > #headerBody.HeaderBody > .header-identity .heading-title{
  width: 50%;
}

/* ------------------------------------------------------
 * footer
------------------------------------------------------ */
/* ----- footer -----*/
#footer.Footer{
  position: relative;
  padding: 0;
  width: 100%;
}
/* ----- footerBody -----*/
#footer.Footer > #footerBody.footerBody{
}
 /*-- Pagetop --*/
.Pagetop{
  position: fixed;
  display: none;
  right: 5%;
  bottom: 10%;
  width: 40px;
  height: 40px;
  background: #065E96;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 9997;
}
.Pagetop a{
  position: relative;
}
.Pagetop a:after{
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: 16px;
  margin-left: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#footer.Footer > #footerBody.footerBody >.footer_continer{
  width: 100%;
  padding: 40px 0 20px;
  background: #222;
  text-align: center;
}
#footer.Footer > #footerBody.footerBody >.footer_continer a{
  text-decoration: none;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_site_link{
  margin-bottom: 30px;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_site_link img{
  width: 40%;
}
#footer.Footer > #footerBody.footerBody > .footer_continer > .footer_contact > a{
  font-size: 22px;
  font-weight: bold;
  padding-left: 1.0em;
  color: #fff;
  position: relative;
  border-bottom: 1px solid #fff;
}
#footer.Footer > #footerBody.footerBody > .footer_continer > .footer_contact > a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_link a{
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}
#footer.Footer > #footerBody.footerBody > .footer-copyright{
  padding: 10px;
  text-align: center;
  background: #000;
  color: #999;
  font-size: 12px;
}
/* ------------------------------------------------------
 * anc
------------------------------------------------------ */
/* ----- anc_area ----- */
.anc_area{
  width: 100%;
  margin-bottom: 12%;
}
.anc_area > .ancList{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.anc_area > .ancList > .list_primary{
  width: calc((100% - 30px)/2);
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 2%;
  margin-bottom: 20px;
  margin-right: 10px;
  border: 1px solid #fff;
}
.anc_area > .ancList > .list_primary:nth-child(2n){
  margin-right: 0;
}
.anc_area > .ancList > .list_primary > a{
  display: block;
  position: relative;
  width: 100%;
  color: #fff;
  text-decoration: none;
}

.anc_area > .ancList > .list_primary > a > p.anc_name{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 10px;
  text-align: center;
}
.anc_area > .ancList > .list_primary > a > p.anc_name > span{
  font-size: 10px;
}
/* ------------------------------------------------------
 * Main
------------------------------------------------------ */
/* ----- main ----- */
#main.Main{
  background: #065E96;
}
#main.Main > #mainBody.MainBody{
  width: 100%;
  height: 100%;
  position: relative;
}
#main.Main > #mainBody.MainBody > .main_container{
}
/* ----- page_top & page_title ----- */
.page_top{
  position: relative;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
.page-title{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #252970;
  margin: 0;
}
/*----------------------
* hero
------------------------*/
.hero{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(168,218,226,1) 0%, rgba(24,32,81,1) 25%, rgba(24,32,81,1) 75%, rgba(168,218,226,1) 100%);
  padding: 10px;
}
/*----------------------
* bnr_area
------------------------*/
.bnr_area{
  margin-top: 50px;
}
/*----------------------
* text_area
------------------------*/
.text_area{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  padding: 40px 0;
  text-align: center;
  line-height: 1.4;
}
.itemContainer + .text_area{
  background: #fff;
}
#other,.subtitle {
  color: #065E96
}
.text_area.lead{
  background: #ffffff;
}
.text_area #newcollections,
.text_area #other{
  text-align: center;
}
.text_area .subtitle{
  text-align: center;
  font-size: 16px;
}
.text_area .leadTxt{
  text-align: left;
  padding: 0 8%;
  font-size: 14px;
  line-height: 1.5;
  color: #065E96;
}
/*----------------------
* acConteiner
------------------------*/
.itemContainer{
  margin-bottom: 80px;
}
.itemContainer .itemBox{
  padding: 10% 0;
}
.itemContainer:last-child,
.itemContainer .itemBox:last-child{
  margin-bottom: 0%;
}
.itemContainer .itemBox:nth-child(odd){
  background: #fff;
}
.itemContainer .itemBox:nth-child(even) .itemList > .itemCol > a{
  color: #fff
}
.itemContainer .itemBox .inner-block{
  padding: 0 20px;
}

.itemContainer .itemList > .itemCol{
  margin-bottom: 20px;
  padding: 10px;
}
.itemContainer .itemList > .itemCol:nth-child(3n){
  margin-right: 0px;
}
.itemContainer .itemList > .itemCol > a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #333;
  text-align: center;
}
.itemContainer .itemList > .itemCol > a:hover{
  opacity: 0.7;
}
.itemContainer .itemList > .itemCol > a > p{
  text-align: left;
}
.itemContainer .itemList > .itemCol > a > .itemCord{
  font-size: 24px;
  margin-top: 1em;
  text-align: left;
}
.itemContainer .itemList > .itemCol > a > .itemName{
  font-weight: bold;
  font-size: 18px;
  text-align: left;
}
.itemContainer .itemList > .itemCol > a > .itemExplain{
  font-size: 14px;
  text-align: left;
}
.itemContainer .itemList > .itemCol > a > .itemValue{
  margin-top: 10px;
  font-size: 14px;
}
.itemContainer .itemList > .itemCol > a > .itemComingsoon{
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
/*----------------------
* clearFix
------------------------*/
.acBox:after{
  content: "";
  display: block;
  clear: both;
}


}