@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 基本設定 */
body{
	color: #000;
	background: #FFF;
	font-size: 62.5%;
	line-height: 1.6;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%; /* 文字サイズの自動調整機能のキャンセル */
}

.fntMc{ font-family:  "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-style: normal; font-weight: 400;}
.fBold{ font-weight: 700;}

img{
	border: 0;
	vertical-align: top;
}
input ,select{
	position: relative;
	top: 1px;
}
table, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
ul, li{
	list-style:none;
}
a:link, a:visited{
	color: #C00;
	text-decoration: none;
	transition: all 0.2s ease 0s;
}
a:hover, a:active{
	color: #C00;
}
.pc{
  display: block!important;
}
.sp{
  display: none !important;
}
#wrapper{
	overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px){
  .pc{
    display: none !important;
  }
  .sp{
    display: block !important;
  }
}


/* ヘッダー */
#header{
	overflow: hidden;
  position: relative;
	width: 960px;
	margin: 0 auto;
}
#header .logo1,
#header h1{
  float: left;
}
#header .menberBox{
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
}
#header .menberBox .mnbB,
#header .menberBox .mlmB{
  display: block;
  float: left;
  background: #000;
  color: #fff;
  font-weight: 700;
  padding: 5px 10px 3px;
  margin-right: 8px;
  font-size: 0.7rem;
}
#header .menberBox .fbB{
  display: block;
  float: left;
  overflow: hidden;
  background: #000;
  height: 25px;
  width: 56px;
  margin-right: 8px;
  padding: 0 5px;
}
#header .menberBox .fbB img{
  display: inline-block;
  padding: 4px 5px;
}
#header .menberBox .mnbB:hover,
#header .menberBox .mlmB:hover{
	color: #C00;
}
#header .tfBox{
  float: right;
  overflow: hidden;
  margin-top: 30px;
}
#header .tfBox .texBox,
#header .tfBox .faxBox{
  float: left;
  overflow: hidden;
  position: relative;
  padding-right: 10px;
}
#header .tfBox .texBox .call{
  position: absolute;
  bottom: 0;
}
#header .tfBox .faxBox .fax{
  position: absolute;
  right: 10px;
}
@media screen and (max-width: 959px){
  #header{
    width: auto;
    max-width: 960px;
  }
  #header .logo1{
    width: 20%;
    padding-top: 1%;
    background: #000;
    padding-bottom: 1%;
  }
  #header h1{
    width: 78%;
    padding-top: 2%;
  }
  #header .logo1 img,
  #header h1 img{
    width: 100%;
    height: auto;
  }
  #header .tfBox{
    float: none;
    clear: both;
    margin: 0 auto 1%;
  }
  #header .tfBox .texBox,
  #header .tfBox .faxBox{
    padding-right: 0;
    width: 48%;
  }
  #header .tfBox .texBox{
    text-align: right;
    padding-left: 2%;
  }
  #header .tfBox .faxBox{
    float: right;
    text-align: left;
    padding-right: 2%;
  }
  #header .tfBox .texBox .bgi,
  #header .tfBox .faxBox .bgi{
    width: 100%;
    height: auto;
  }
  #header .tfBox .texBox .call{
    width: 96%;
    height: auto;
    left: 0;
  }
  #header .tfBox .faxBox .fax{
    width: 53%;
    height: auto;
    right: 3%;
  }
}
@media screen and (max-width: 600px){
  #header .logo1{
    padding-top: 2%;
    padding-bottom: 1%;
  }
  #header h1{
    padding-top: 3%;
  }
}
@media screen and (max-width: 375px){
  #header .logo1{
    padding-top: 3%;
    padding-bottom: 2%;
  }
  #header h1{
    padding-top: 5%;
  }
  #header .menberBox .mnbB,
  #header .menberBox .mlmB{
    font-size: 0.6rem;
  }
  #header .menberBox .fbB{
    height: 24px;
    width: 52px;
  }
  #header .menberBox .fbB img{
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 320px){
  #header .menberBox .mnbB,
  #header .menberBox .mlmB{
    padding: 4px 6px 2px;
    margin-right: 4px;
    font-size: 0.6rem;
  }
  #header .menberBox .fbB{
    height: 22px;
    width: 40px;
    margin-right: 4px;
    padding: 0 3px;
  }
  #header .menberBox .fbB img{
    width: 14px;
    height: 14px;
    padding: 4px 3px;
  }
}


/* コンテンツ */
#contents{
	overflow: hidden;
  position: relative;
	width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 959px){
  #contents{
    width: auto;
    max-width: 960px;
  }
}


/* フッター */
#footer{
	overflow: hidden;
  position: relative;
  background: #333;
  color: #fff;
  text-align: center;
  padding: 2% 0;
}
#footer .inner{
	max-width: 960px;
	margin: 0 auto;
}
#footer .fMenu{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-box-lines: multiple;	
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  margin-bottom: 2%;
}
#footer .fMenu li{
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
  padding: 5px 10px;
  border-right: 1px solid #fff;
}
#footer .fMenu li:last-child{
  border-right: none;
}
#footer .fMenu a{
	display: block;
	text-align: center;
	width: 100%;
  color: #fff;
  font-size: 1rem;
}
#footer .fMenu a:hover{
  color: #c00;
}
#footer .linkB{
  position: relative;
  overflow: hidden;
	max-width: 960px;
	margin: 0 auto 1%;
}
#footer .linkB li{
  float: left;
  margin-bottom: 10px;
  margin-right: 25px;
}
#footer .linkB li:nth-child(4n){
  margin-right: 0;
}
@media screen and (max-width: 959px){
  #footer .linkB li{
    margin-bottom: 2%;
    margin-right: 2%;
    width: 32%;
  }
  #footer .linkB li:nth-child(4n){
    margin-right: 2%;
  }
  #footer .linkB li:nth-child(3n){
    margin-right: 0;
  }
  #footer .linkB li img{
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 800px){
  #footer .fMenu{
    border: 1px solid #999;
  }
  #footer .fMenu li{
    padding: 12px 10px;
    border: 1px solid #999;
    border-right: none;
  }
  #footer .fMenu li:last-child{
    border-right: 1px solid #999;
  }
}
@media screen and (max-width: 768px){
  #footer .fMenu li{
    padding: 12px 30px;
    border-right: 2px solid #999;
  }
  #footer .fMenu li:last-child{
    border-right: 1px solid #999;
  }
}



/** トップページ **/
.wideslider,
.wideslider2{
  margin-top: 1%;
}
.topP .nowBox{
  float: left;
  clear: left;
  width: 470px;
  padding: 3% 5px 2%;
}
.topP .nowBox h3{
  background: #c00;
  color: #fff;
  font-weight: 700;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  margin-bottom: 10px;
}
.topP .nowBox h3 span{
  font-size: 1.7rem;
  letter-spacing: 0.2rem;
}
.topP .nowBox h3 small{
  font-size: 1.1rem;
  padding-left: 12px;
  letter-spacing: 0.1rem;
}
.topP .nowBox .itemB{
  overflow: hidden;
  position: relative;
  text-align: center;
}
.topP .nowBox .itemB h4{
  font-size: 1rem;
  padding: 4px 0 4px;
}
.topP .nowBox .itemB .box0{
  position: relative;
  padding-left: 2px;
}
.topP .nowBox .itemB .box1{
  position: relative;
  float: left;
  width: 227px;
  clear: left;
  padding-left: 2px;
}
.topP .nowBox .itemB .box2{
  position: relative;
  float: right;
  width: 227px;
  clear: right;
  padding-right: 2px;
}
.topP .nowBox .itemB .box0 a,
.topP .nowBox .itemB .box1 a,
.topP .nowBox .itemB .box2 a{
  display: block;
  position: relative;
  margin-bottom: 14px;
}
.topP .nowBox .itemB .box0 a img,
.topP .nowBox .itemB .box1 a img,
.topP .nowBox .itemB .box2 a img{
  width: 100%;
  height: auto;
}
.topP .nowBox .itemB .soulout{
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 100;
}
.topP .nowBox .outLink{
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
  font-size: 1.4em;
  line-height: 1.2;
}
.topP .nowBox .outLink:hover{
  opacity: 0.6;
}
.topP .nowBox .outLink::before{
  content: "》";
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  font-size: 2em;
  font-weight: 100;
}
.topP .nowBox .outLink::after{
  content: "《";
  position: absolute;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 2em;
  font-weight: 100;
}

.topP .infoBox{
  float: right;
  clear: right;
  width: 460px;
  border: 3px solid #f00;
  margin: 3% 7px 2px 0;
}
.topP .infoBox h3{
  color: #f00;
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: 0.3rem;
  text-align: center;
  border-bottom: 1px solid #f00;
  padding: 2px 0;
}
.topP .infoBox p{
  padding: 10px;
  font-size: 0.9rem;
}

.topP .tpiBox{
  float: right;
  clear: right;
  width: 466px;
  padding: 0 7px 2px 0;
}
.topP .tpiBox h3{
  background: #ad8155;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 5px 0;
}
.topP .tpiBox h3 span{
  font-size: 1.7rem;
  letter-spacing: 0.4rem;
}
.topP .tpiBox h3 small{
  font-size: 1.1rem;
  padding-left: 12px;
  letter-spacing: 0.1rem;
}
.topP .tpiBox .postB{
  border: 5px solid #ad8155;
  padding: 8px;
}
.topP .tpiBox .postB ul{
  overflow: hidden;
}
.topP .tpiBox .postB ul li{
  display: block;
  position: relative;
  overflow: hidden;
  border-bottom: 1px dotted #aaa;
  text-align: left;
}
.topP .tpiBox .postB ul li:last-child{
  border-bottom: none;
}
.topP .tpiBox .postB ul li a{
  display: block;
  overflow: hidden;
  color: #000;
  padding: 12px 8px;
  line-height: 1.6;
}
.topP .tpiBox .postB ul li a:hover{
  background: #eee;
}
.topP .tpiBox .postB ul li .img{
  float: left;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.topP .tpiBox .postB ul li .ttl{
  font-size: 1.1rem;
  font-weight: 700;
}
.topP .tpiBox .postB ul li .date{
  display: inline-block;
  padding-left: 8px;
  font-weight: 400;
  font-size: 0.9rem;
}
.topP .tpiBox .postB ul li .txt{
  font-size: 1rem;
  padding-top: 3px;
}

.topP .othBox{
  float: right;
  clear: right;
  width: 470px;
  padding: 0 5px 2px;
  overflow: hidden;
}
.topP .othBox .box1{
  position: relative;
  float: left;
  width: 232px;
  clear: left;
  padding-left: 2px;
}
.topP .othBox .box2{
  position: relative;
  float: right;
  width: 232px;
  clear: right;
  padding-right: 2px;
}
.topP .othBox .box4{
  clear: both;
  margin: 0 auto;
  width: 99%;
}
.topP .othBox .box1 a,
.topP .othBox .box2 a,
.topP .othBox .box4 a{
  display: block;
  margin-bottom: 2px;
}
.topP .othBox .box1 a img,
.topP .othBox .box2 a img,
.topP .othBox .box4 a img{
  width: 100%;
  height: auto;
}
.topP .othBox .box3{
  position: relative;
  overflow: hidden;
  float: left;
  clear: left;
  padding-left: 2px;
}
.topP .othBox .box3 a{
  float: left;
  margin-right: 2px;
}
.topP .othBox .box3 a:last-child{
  margin-right: 0;
}

.topP .fbBox{
  float: left;
  clear: left;
  width: 466px;
  padding: 0 7px 15px 0;
  overflow: hidden;
}
.topP .twBox{
  float: left;
  clear: left;
  width: 466px;
  padding: 0 0 2% 7px;
  overflow: hidden;
}
.topP .twBox .inner{ 
  overflow: hidden;
  text-align: center;
}
.topP .twBox .twtLogo{
  position: relative;
  overflow: hidden;
  padding-left: 10px;
}
.topP .twBox .twtLogo:hover{
  opacity: 0.6;
}
.topP .twBox .twtLogo img{
  display: block;
  float: left;
  margin-right: 8px;
}
.topP .twBox .twtLogo span{
  display: block;
  float: left;
  height: 35px;
  line-height: 30px;
  font-size: 1.1rem;
  color: #000;
}
.topP .pvBox{
  float: right;
  clear: right;
  width: 466px;
  padding: 0 7px 15px 0;
  overflow: hidden;
}
.topP .istBox{
  float: left;
  clear: left;
  width: 466px;
  padding: 0 0 2% 7px;
  overflow: hidden;
  position: relative;
}
.topP .istBox .intLogo{
  position: relative;
  overflow: hidden;
  padding-left: 5px;
}
.topP .istBox .intLogo img{
  display: block;
  float: left;
  margin-right: 10px;
}
.topP .istBox .intLogo span{
  display: block;
  float: left;
  height: 35px;
  line-height: 30px;
  font-size: 1.1rem;
  color: #000;
}
@media screen and (max-width: 959px){
  .wideslider,
  .wideslider2{
    margin: 1% 0 2%;
  }
  .topP .nowBox,
  .topP .tpiBox,
  .topP .othBox,
  .topP .fbBox,
  .topP .twBox,
  .topP .pvBox,
  .topP .istBox{
    float: none;
    clear: both;
    width: 92%;
    margin: 0 auto 3%;
    padding: 0;
    text-align: center;
  }
  .topP .infoBox{
    float: none;
    clear: both;
    width: 91%;
    margin: 0 auto 3%;
    padding: 0;
  }
  .topP .nowBox h3 span{
    font-size: 1.4rem;
  }
  .topP .nowBox h3 small{
    font-size: 0.8rem;
  }
  .topP .nowBox .itemB h4{
    font-size: 1rem;
    padding: 4px 0 4px;
  }
  .topP .nowBox .itemB .box1{
    width: 49%;
    padding-left: 0;
  }
  .topP .nowBox .itemB .box2{
    width: 49%;
    padding-right: 0;
  }
  .topP .nowBox .itemB .box1 a,
  .topP .nowBox .itemB .box2 a{
    margin-bottom: 4%;
  }
  .topP .othBox .box1{
    width: 49%;
    padding-left: 0;
  }
  .topP .othBox .box2{
    width: 49%;
    padding-right: 0;
  }
  .topP .othBox .box1 a,
  .topP .othBox .box2 a{
    margin-bottom: 4%;
  }
  .topP .othBox .box3{
    float: none;
    clear: both;
    padding-left: 0;
  }
  .topP .othBox .box3 a{
    margin-right: 2%;
    width: 32%;
  }
  .topP .othBox .box3 a:last-child{
    margin-right: 0;
  }
  .topP .othBox .box3 a img{
    width: 100%;
    height: auto;
  }
  .topP .pvBox iframe{
    width: 100%;
    height: 420px;
  }
}
@media screen and (max-width: 800px){
  .topP .pvBox iframe{
    width: 760px;
    height: 431px;
  }
}
@media screen and (max-width: 768px){
  .topP .pvBox iframe{
    width: 720px;
    height: 408px;
  }
}
@media screen and (max-width: 600px){
  .topP .pvBox iframe{
    width: 560px;
    height: 317px;
  }
}
@media screen and (max-width: 480px){
  .topP .pvBox iframe{
    width: 440px;
    height: 249px;
  }
}
@media screen and (max-width: 414px){
  .topP .nowBox .outLink{
    padding: 0 1.3em;
    font-size: 1.2em;
  }
  .topP .nowBox .outLink::before,
  .topP .nowBox .outLink::after{
    font-size: 1.9em;
  }
}
@media screen and (max-width: 375px){
  .topP .pvBox iframe{
    width: 340px;
    height: 193px;
  }
}
@media screen and (max-width: 320px){
  .topP .nowBox .itemB h4{
    font-size: 0.9rem;
  }
  .topP .pvBox iframe{
    width: 300px;
    height: 170px;
  }
}


/** 下層ページ共通 **/
#contents .mainB{
  width: 717px;
  float: left;
  padding-bottom: 3%;
}
#contents .sideB{
  width: 227px;
  float: right;
  padding-bottom: 3%;
}
#contents .sideB .itemB{
  overflow: hidden;
  position: relative;
  text-align: center;
}
#contents .sideB .itemB h4{
  font-size: 1rem;
  padding: 4px 0;
}
#contents .sideB .itemB h4.line2{
  position: relative;
  display: block;
  padding: 6px 0;
  line-height: 1.2;
}
#contents .sideB .itemB h4.line2::before{
  content: "-";
  position: absolute;
  left: 1rem;
  top: 1rem;
}
#contents .sideB .itemB h4.line2::after{
  content: "-";
  position: absolute;
  right: 1rem;
  top: 1rem;
}
#contents .sideB .itemB a{
  display: block;
  margin-bottom: 12px;
  position: relative;
}
#contents .sideB .itemB a img.pcImg{
  display: block;
}
#contents .sideB .itemB a img.spImg{
  display: none;
}
#contents .sideB .otherB{
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-top: 20px;
}
#contents .sideB .otherB a{
  display: block;
  border: 5px solid #222;
  margin-bottom: 12px;
  color: #fff;
  line-height: 1.2;
  padding: 10px 0;
  background: #333;
}
#contents .sideB .otherB a p{
  display: block;
}
#contents .sideB .otherB a p span{
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
}
#contents .sideB .otherB a p small{
  display: block;
  font-size: 0.9rem;
}
#contents .sideB .otherB a:hover{
  background: #555;
  border: 5px solid #777;
}
#contents .sideB .itemB .soulout{
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 100;
  left: 0;
  top: 0;
}
@media screen and (max-width: 959px){
  #contents .mainB{
    width: 100%;
    float: none;
    clear: both;
    padding-bottom: 3%;
    margin: 0 auto;
  }
  #contents .sideB{
    width: 92%;
    float: none;
    clear: both;
    padding-bottom: 3%;
    margin: 0 auto;
  }
  #contents .sideB .itemB h4{
    display: none;
  }
  #contents .sideB .itemB h4.line2{
    display: none;
  }
  #contents .sideB .itemB a{
    display: block;
    width: 49%;
    float: left;
    margin-bottom: 2%;
  }
  #contents .sideB .itemB a.fullW{
    width: 100%;
  }
  #contents .sideB .itemB a:nth-of-type(odd){
    margin-right: 2%;
  }
  #contents .sideB .itemB a img{
    width: 100%;
    height: auto;
  }
  #contents .sideB .itemB a img.pcImg{
    display: none;
  }
  #contents .sideB .itemB a img.spImg{
    display: block;
  }
  #contents .sideB .otherB{
    margin-top: 0;
  }
  #contents .sideB .otherB a{
    margin-bottom: 2%;
  }
}


/** アイテム共通 **/
#buyN{
	position: fixed;
  z-index: 999;
	bottom: -50px;
	right: 10px;
  font-size: 1rem;
}
#buyN a{
  display: block;
  font-weight: 700;
  border: 2px solid #C00;
  border-bottom: none;
  padding: 8px 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #fff;
  background: rgba(255,255,255,0.90);
}
#buyN a:hover{
  color: #999;
  border: 2px solid #999;
  border-bottom: 1px solid #999;
}
.itemsF .mainB .mainImg{
  display: block;
  margin: 12px 0 20px;
}
.itemsF .mainB h2{
  font-weight: 700;
  font-size: 3rem;
  margin-bottom: 10px;
  padding-left: 10px;
}
.itemsF .mainB h2 small{
  font-size: 2rem;
}
.itemsF .mainB .mainCopy{
  background: #ad8155;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 8px 0;
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.rollF .mainB .mainCopy,
.redpF .mainB .mainCopy{
  letter-spacing: 0.2rem;
}
.clbF .mainB .mainCopy{
  font-size: 1.8rem;
}
.itemsF .mainB .mainCopy br{
  display: none;
}
.itemsF .mainB .box{
  padding: 15px 10px 15px 10px;
  overflow: hidden;
  position: relative;
}
.itemsF .mainB .box h3{
  color: #ad8155;
  font-size: 1.6rem;
  border-bottom: 2px solid #ad8155;
  margin-bottom: 15px;
  padding: 0 5px 3px 8px;
}
.itemsF .mainB .box .imgR{
  float: right;
  margin: 5px 5px 0 15px; 
}
.itemsF .mainB .box .imgL{
  float: left;
  margin: 5px 15px 0 5px; 
}
.itemsF .mainB .box .imgC{
  width: 100%;
  margin: 8px 0;
  text-align: center;
}
.itemsF .mainB .box .wImg{
  margin: 1% auto 3%;
  text-align: center;
}
.itemsF .mainB .box p{
  font-size: 1.1rem;
  line-height: 1.8;
  display: block;
  padding: 0 5px 0 8px;
  margin-bottom: 10px; 
}
.itemsF .mainB .box p strong{
  display: inline-block;
  line-height: 1.5;
  font-size: 1.2rem;
}
.redpF .mainB .box p strong,
.redpF .mainB .box p b{
  color: #ad8155;
}
.itemsF .mainB .box h4{
  font-size: 1.4rem;
  color: #933;
  padding: 0 5px 0 8px;
  border-bottom: 1px solid #933;
  margin-bottom: 8px;
  display: block;
  clear: both;
}
.itemsF .mainB .box .prem{
  overflow: hidden;
  margin-bottom: 5%;
}
.itemsF .mainB .box .prem li{
  float: left;
  width: 33%;
}
.itemsF .mainB .box .b480,
.itemsF .mainB .box .b320{
  display: none;
}
.itemsF .mainB .box .prem li img{
  width: 90%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.itemsF .mainB .box .prem li span{
  display: block;
  text-align: center;
  line-height: 1.3;
  padding-top: 5px;
  font-size: 0.8rem;
}

.itemsF .mainB .detailB{
  border: 2px solid #ad8155;
  overflow: hidden;
  position: relative;
  padding: 12px 15px 10px 18px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f6f0ea;
  margin-bottom: 3%;
}
.itemsF .mainB .detailB h3{
  font-size: 1.2rem;
  margin-bottom: 3px;
  padding: 0 0 3px 8px;
  border-bottom: 1px dashed #999;
}
.itemsF .mainB .detailB .d1 th{
  vertical-align: top;
  padding: 5px 10px 0 3px;
  font-size: 0.8rem;
  width: 200px;
}
.itemsF .mainB .detailB .d1 th img{
  display: block;
  margin-bottom: 3%;
}
.itemsF .mainB .detailB .d1 th form{
  display: block;
  position: relative;
  font-weight: 400;
}
.itemsF .mainB .detailB .d1 th form .price{
  margin-bottom: 3%;
}
.itemsF .mainB .detailB .d1 th form .price b{
  font-size: 1.1rem;
  font-weight: 400;
}
.itemsF .mainB .detailB .d1 th form .price b small{
  font-size: 0.7rem;
}
.itemsF .mainB .detailB .d1 th form select{
  font-size: 1rem;
  position: relative;
  margin-top: -5px;
}
.itemsF .mainB .detailB .d1 th form input[type*="image"]{
  display: inline-block;
  margin-top: 3%;
}
.itemsF .mainB .detailB .d1 .raku-cart-itemname {
}
.itemsF .mainB .detailB .d1 .raku-cart-itemname .raku-cart-quantity {
}
.itemsF .mainB .detailB .d1 .raku-cart-itemname .raku-cart-quantity .itemQuantity {}
.itemsF .mainB .detailB .d1 .raku-cart-itemname .raku-cart-quantity {
  position: relative;
  margin: 1em 0;
}
.itemsF .mainB .detailB .d1 .raku-cart-itemname .raku-cart-quantity input {
  padding: 5px 10px;
}
.itemsF .mainB .detailB .d1 .raku-cart-itemname .raku-cart-button input{
  -webkit-appearance: none;
  border-radius: 10px;
  border: none;
  padding: 0;
  width: 240px;
  height: 36px;
  line-height: 1;
  background-color: #900;
  font-weight: 600;
  color:#fff;
  cursor:pointer;
}
.itemsF .mainB .detailB .d1 .raku-cart-itemname .raku-cart-button input:hover{
  opacity: .6;
}
.itemsF .mainB .detailB .d1 td{
  padding: 5px;
}
.itemsF .mainB .detailB .d1 th .atn{
  color: #C00;
  font-weight: 700;
  font-size: 1rem;
}
.itemsF .mainB .detailB .d1 th .tokuten{
  padding: 7px 5px 8px 6px;
  margin: 5% 1%;
  color: #F00;
  border: 2px solid #F00;
  border-radius: 5px;
}
.itemsF .mainB .detailB .d1 th .tokuten b{
  font-size: 1.2rem;
}
.itemsF .mainB .detailB .d1 th .tokuten p{
  font-size: 1rem;
  line-height: 1.4;
}
.itemsF .mainB .detailB .d2{
  font-size: 0.8rem;
  background: #fff;
}
.itemsF .mainB .detailB .d2 th{
  white-space: nowrap;
  border: 1px solid #666;
  vertical-align: middle;
  background: #ad8155;
  color: #fff;
  padding: 6px 5px 5px;
  width: auto;
}
.itemsF .mainB .detailB .d2 td{
  border: 1px solid #666;
  vertical-align: middle;
  line-height: 1.2;
  padding: 6px 5px 5px 10px;
}
.itemsF .mainB .detailB .d2 .name{
  text-align: center;
  background: #ad8155 !important;
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
}
.itemsF .mainB .detailB .d2 tr:nth-of-type(odd) td{
  background: #EEE;
}
.itemsF .mainB .detailB .d2 td b{
  color: #c00;
}
.itemsF .mainB .detailB2{
  overflow: hidden;
  position: relative;
  padding: 0 15px 10px 18px;
}
.itemsF .mainB .detailB2 .atnB{
  font-size: 0.8rem;
}
.itemsF .mainB .detailB2 .atnB p{
  padding-bottom: 8px;
  line-height: 1.4;
}
.itemsF .mainB .detailB2 .atnB p b{
  color: #c00;
}
.itemsF .mainB .detailB2 .atnB p a{
  text-decoration: underline;
  font-weight: 700;
}
.itemsF .atnEnd{
  font-size: 1.8rem;
  color: #C00;
}
.itemsF .mainB .detailB .seibun{
  width: 100%;
}
.itemsF .mainB .detailB .seibun th.ttl{
  border: 1px solid #666;
  white-space: nowrap;
  vertical-align: middle;
  background: #ad8155;
  color: #fff;
  padding: 4px 5px 3px;
  width: auto;
}
.itemsF .mainB .detailB .seibun th.name{
  font-size: 140%;
  padding-bottom: 5px;
  font-weight: 400;
}
.itemsF .mainB .detailB .seibun th.name.box{
  border: 1px solid #666;
  font-size: 120%;
  line-height: 1;
  padding-top: 5px;
  background: #EEE;
}
.itemsF .mainB .detailB .seibun td{
  border: 1px solid #666;
  vertical-align: middle;
  line-height: 1.2;
  padding: 6px 3px 5px 10px;
  text-align: center;
  font-size: 120%;
  background: #fff;
}
.itemsF .mainB .detailB .seibun2{
  text-align: right;
}
.dd480{display: none;}
@media screen and (max-width: 959px){
  .itemsF .mainB .mainImg{
    margin: 1% 0 3%;
  }
  .itemsF .mainB .mainImg img{
    width: 100%;
    height: auto;
  }
  .itemsF .mainB h2{
    margin-bottom: 2%;
    padding-left: 2%;
  }
  .itemsF .mainB .mainCopy{
    width: 98%;
    margin: 0 auto 1%;
  }
  .itemsF .mainB .box{
    padding: 2% 2% 2% 3%;
  }
  .itemsF .mainB .detailB{
    width: 92%;
    padding: 1% 2% 1%;
    margin: 0 auto 3%;
  }
}
@media screen and (max-width: 800px){
  .itemsF .mainB h2{
    font-size: 2.6rem;
  }
  .itemsF .mainB h2 small{
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px){
  .itemsF .mainB .mainCopy{
    font-size: 1.6rem;
  }
  .redpF .mainB .mainCopy{
    font-size: 1.4rem;
  }
  .itemsF .mainB .mainCopy br{
    display: block;
  }
  .itemsF .atnEnd{
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 670px){
  .itemsF .mainB .box .b670{
    float: none;
    margin: 1% auto 2%;
    text-align: center;
  }
  .itemsF .mainB .box .wImg img{
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px){
  .itemsF .mainB h2{
    font-size: 2.2rem;
  }
  .itemsF .mainB h2 small{
    font-size: 1.6rem;
  }
  .rollF .mainB .mainCopy{
    font-size: 1.4rem;
  }
  .redpF .mainB .mainCopy{
    font-size: 1.2rem;
  }
  .itemsF .mainB .box .prem li span{
    font-size: 0.6rem;
  }
  .itemsF .mainB .detailB .d1 th,
  .itemsF .mainB .detailB .d1 td{
    display: block;
    overflow: hidden;
    clear: both;
    width: auto;
  }
  .itemsF .mainB .detailB .d2 th,
  .itemsF .mainB .detailB .d2 td{
    display: table-cell;
  }
  .itemsF .mainB .detailB .d1 th img{
    display: block;
    margin-bottom: 1%;
    margin-left: 1%;
    float: left;
  }
  .itemsF .mainB .detailB .d1 th form{
    display: inline-block;
    padding: 3% 4%;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top: 3%;
  }
  .itemsF .mainB .detailB .seibun th.name{
    display: table-cell;
  }
  .itemsF .mainB .detailB .seibun th.ttl{
    display: table-cell;
  }
  .itemsF .mainB .detailB .seibun td{
    display: table-cell;
  }
  .itemsF .atnEnd{
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px){
  .itemsF .mainB h2{
    font-size: 1.8rem;
  }
  .itemsF .mainB h2 small{
    font-size: 1.2rem;
  }
  .itemsF .mainB .mainCopy{
    font-size: 1.4rem;
  }
  .rollF .mainB .mainCopy{
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
  }
  .redpF .mainB .mainCopy{
    font-size: 1.1rem;
    letter-spacing: normal;
  }
  .itemsF .mainB .box .b480{
    display: block;
  }
  .itemsF .mainB .detailB .d1 th{
    padding: 5px 0 0 0;
  }
  .itemsF .mainB .detailB .d2 th{
    padding: 6px 5px 5px;
  }
  .itemsF .mainB .detailB .d1 th img{
    display: block;
    margin: 1% auto 3%;
    float: none;
  }
  .itemsF .mainB .detailB .d1 th form{
    display: block;
    margin: 2% auto;
    padding: 3% 0;
    width: 90%;
  }
  .itemsF .mainB .detailB .d1 th form .price{
    margin-bottom: 2%;
  }
  .itemsF .mainB .detailB .d1 th form input[type*="image"]{
    margin-top: 2%;
  }
  .itemsF .mainB .detailB2{
    overflow: hidden;
    position: relative;
    padding: 10px 15px 10px 18px;
  }
  .itemsF .mainB .detailB2 .atnB{
    font-size: 0.8rem;
  }
  .itemsF .mainB .detailB2 .atnB p{
    padding-bottom: 8px;
    line-height: 1.4;
  }
  .itemsF .mainB .detailB2 .atnB p b{
    color: #c00;
  }
  .itemsF .mainB .detailB2 .atnB p a{
    text-decoration: underline;
    font-weight: 700;
  }
  .dd480{display: block;}
}
@media screen and (max-width: 375px){
  .itemsF .mainB h2{
    font-size: 1.6rem;
  }
  .itemsF .mainB h2 small{
    font-size: 1rem;
  }
  .itemsF .mainB .mainCopy{
    font-size: 1.2rem;
  }
  .rollF .mainB .mainCopy{
    font-size: 1rem;
    letter-spacing: normal;
  }
  .redpF .mainB .mainCopy{
    font-size: 0.9rem;
  }
  .itemsF .mainB .box .gdImg{
    width: 120px;
    height: auto;
  }
  .itemsF .mainB .box .imgR{
    margin: 5px 5px 10px 15px; 
  }
  .itemsF .mainB .box .imgL{
    margin: 5px 15px 10px 5px; 
  }
  .itemsF .mainB .detailB .d1 th form .price{
    margin-bottom: 3%;
  }
}
@media screen and (max-width: 320px){
  .itemsF .mainB .mainCopy{
    font-size: 1rem;
  }
  .rollF .mainB .mainCopy{
    font-size: 0.9rem;
  }
  .redpF .mainB .mainCopy{
    font-size: 0.8rem;
  }
  .itemsF .mainB .box .b320{
    display: block;
  }
  .itemsF .mainB .detailB h3{
    font-size: 1rem;
  }
  .itemsF .mainB h2{
    font-size: 1.4rem;
  }
  .itemsF .atnEnd{
    font-size: 1rem;
  }
}


/*** delaコラボ ***/
.itemsF .mainB h2 span{
  font-size: 1.8rem;
  padding-left: 10px;
}
.itemsF .mainB .box .wImg2{
  margin: 1% auto 0;
  text-align: center;
}
.itemsF .mainB .box .wImg2 img{
  width: 100%;
  height: auto;
}
.itemsF .mainB .box .setuT{ 
  padding: 12px 15px 10px 18px;
  margin: 3% auto 0;
  position: relative;
  font-size: 1.2rem;
}
.itemsF .mainB .box .setuT th{
  border: 2px solid #ad8155;
  display: block;
  border-radius: 10px;
  padding: 5px 10px;
  background: #eee;
  vertical-align: middle;
}
.itemsF .mainB .box .setuT th.milk{
  color: #AF000F;
}
.itemsF .mainB .box .setuT th.coffee{
  color: #772C00;
}
.itemsF .mainB .box .setuT td{
  padding: 1% 10px 4%;
}
.itemsF .mainB .box .menberT{
  margin: 0 auto 6%;
}
.itemsF .mainB .box .menberT tr{
  border-bottom: 2px dotted #ccc;
}
.itemsF .mainB .box .menberT tr:first-of-type{
  border: none;
}
.itemsF .mainB .box .menberT th{
  white-space: nowrap;
  padding: 12px 15px 12px 25px;
  color: #ad8155;
  font-size: 1.2rem;
  vertical-align: middle;
}
.itemsF .mainB .box .menberT th.ttl{
  background: #ad8155;
  color: #fff;
  padding: 5px 0 3px;
}
.itemsF .mainB .box .menberT td{
  padding: 12px 15px 12px 10px;
  font-size: 1rem;
}
.itemsF .mainB .box .htbT{ 
  padding: 12px 15px 10px 18px;
  margin: 0 auto 3%;
  position: relative;
  font-size: 1.2rem;
}
.itemsF .mainB .box .htbT th{
  border: 2px solid #aaa;
  padding: 5px 10px;
  background: #eee;
  vertical-align: middle;
}
.itemsF .mainB .box .htbT th.ttl{
  background: #ad8155;
  color: #fff;
}
.itemsF .mainB .box .htbT td{
  border: 2px solid #aaa;
  padding: 5px 10px;
}
.itemsF .mainB .box .htbT td span{
  display: block;
  color: #C00;
  font-size: 1rem;
}
.itemsF .mainB .box .htbT td{
  width: 300px;
}
.itemsF .mainB .box .htbT th br{
  display: none;
}
@media screen and (max-width: 375px){
  .itemsF .mainB .box .htbT th{
    display: block;
    border: none;
    border-bottom: 1px dotted #aaa;
  }
  .itemsF .mainB .box .htbT th a{
    display: block;
  }
  .itemsF .mainB .box .htbT td{
    display: block;
    width: auto;
    border: none;
    padding-bottom: 8%;
  }
  .itemsF .mainB .box .htbT td img{
    width: 100%;
    height: auto;
  }
  .itemsF .mainB .box .htbT th br{
    display: block;
  }
  .itemsF .mainB .box .menberT th{
    display: block;
    padding: 12px 0 2px;
  }
  .itemsF .mainB .box .menberT td{
    display: block;
    padding: 2px 4% 14px;
  }
}
@media screen and (max-width: 768px){
  .itemsF .mainB h2 span{
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px){
  .itemsF .mainB h2 span{
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 375px){
  .itemsF .mainB h2 span{
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 320px){
  .itemsF .mainB h2 span{
    font-size: 1.1rem;
  }
}


/** ツイーツマジックとは **/
.aboutF h2{
  font-size: 2rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding-left: 10px;
  border-bottom: 2px solid #ad8155;
}
.aboutF h2 small{
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
}
.aboutF .box{
  margin-bottom: 5%;
}
.aboutF .box h3{
  font-size: 1.2rem;
  color: #fff;
  background: #ad8155;
  padding: 3px 15px 2px;
  margin: 3% 1% 2%;
}
.aboutF .box p{
  font-size: 1.3rem;
  padding: 0 4%;
  margin-bottom: 2%;
}
.aboutF .box .end{
  margin-bottom: 5%;
}
.aboutF .box p strong{
  color: #ad8155;
  display: block;
  font-size: 1.8rem;
  padding: 2% 0 1%;
}
.aboutF .box .imgR{
  float: right;
  display: block;
  margin: 0 4% 1% 2%;
}
.aboutF .box .imgL{
  float: left;
  display: block;
  margin: 0 3% 1% 4%;
}
.aboutF .box h4{
  font-size: 1.4rem;
  color: #933;
  padding: 0 5px 0 8px;
  border-bottom: 1px solid #933;
  margin: 0 2% 8px;
  display: block;
  clear: both;
}
.aboutF .box b{
  color: #933;
}
.aboutF .box .prem{
  clear: both;
  overflow: hidden;
  margin-bottom: 5%;
}
.aboutF .box .prem li{
  float: left;
  width: 33%;
  text-align: center;
}
.aboutF .box .prem li img{
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.aboutF .box .prem li span{
  display: block;
  text-align: center;
  line-height: 1.3;
  padding-top: 5px;
  font-size: 0.8rem;
}
.aboutF .box br.b320,
.aboutF .box .prem li span br.b480{
  display: none;
}
@media screen and (max-width: 600px){
  .aboutF .box .prem li span{
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 480px){
  .aboutF .box .img1{
    width: 240px;
    height: auto;
  }
  .aboutF .box .img2{
    width: 170px;
    height: auto;
  }
  .aboutF .box .img3{
    width: 140px;
    height: auto;
  }
  .aboutF .box .prem li span br.b480{
    display: block;
  }
  .aboutF .box .img4,
  .aboutF .box .img5{
    width: 150px;
    height: auto;
  }
}
@media screen and (max-width: 375px){
  .aboutF h2{
    font-size: 1.8rem;
    line-height: 1.3;
    padding-bottom: 3%;
  }
  .aboutF h2 small{
    display: block;
    font-size: 1.1rem;
    text-align: right;
    padding-right: 3%;
  }
  .aboutF .box p strong{
    font-size: 1.4rem;
  }
  .aboutF .box .img1{
    width: 90%;
    margin: 0 auto 2%;
    display: block;
  }
  .aboutF .box .img2{
    width: 140px;
  }
  .aboutF .box .img3{
    width: 120px;
  }
  .aboutF .box .img4,
  .aboutF .box .img5{
    width: 130px;
  }
}
@media screen and (max-width: 320px){
  .aboutF .box p{
    font-size: 1.1rem;
  }
  .aboutF .box p strong{
    font-size: 1.2rem;
  }
  .aboutF .box br.b320{
    display: block;
  }
  .aboutF .box .img4,
  .aboutF .box .img5{
    width: 110px;
  }
}


/** 商品紹介 **/
.itemF h2{
  font-size: 2rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding-left: 10px;
  border-bottom: 2px solid #ad8155;
  letter-spacing: 0.2rem;
}
.itemF h2 small{
  font-size: 1.2rem;
}
.itemF h3{
  font-size: 1.4rem;
  text-align: center;
  margin-top: 4%;
}
.itemF .itemBox{
  overflow: hidden;
  margin: 2% 0 8%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-box-lines: multiple;	
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.itemF .itemBox li{
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
  padding: 1% 1% 2%;
}
.itemF .itemBox li img{
  display: block;
  margin: 0 auto 2%;
}
.itemF .itemBox li img:hover{
  position: relative;
  left: -1px;
  top: -1px;
  box-shadow: 1px 1px 8px #aaa;
}
.itemF .itemBox li span{
  display: block;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #555;
}
@media screen and (max-width: 480px){
  .itemF h2{
    font-size: 1.8rem;
  }
  .itemF h2 small{
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 375px){
  .itemF .itemBox li img{
    width: 180px;
    height: auto;
  }
  .itemF .itemBox li span{
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 320px){
  .itemF .itemBox li img{
    width: 150px;
    height: auto;
  }
  .itemF .itemBox li span{
    font-size: 0.6rem;
  }
}


/** 特製手提げ袋 **/
.bagF h2{
  font-size: 2rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding-left: 10px;
  border-bottom: 2px solid #ad8155;
}
.bagF .bagBox{
  overflow: hidden;
}
.bagF .bagBox h3{
  display: block;
  margin: 3% 0 8%;
  text-align: center;
}
.bagF .bagBox h3 img{
  border: 1px solid #ddd;
}
.bagF .bagBox .name{
  font-size: 1.2rem;
  color: #fff;
  background: #ad8155;
  padding: 3px 15px 2px;
  margin: 5% 2% 4%;
  clear: both;
}
.bagF .bagBox .name span{
  padding-left: 8px;
  font-size: 1.1rem;
}
.bagF .bagBox .name small{
  padding-left: 8px;
  font-size: 1rem;
}
.bagF .bagBox .bgSoulout{
  display: block;
  text-align: center;
  color: #f00;
  font-size: 180%;
  font-weight: 600;
}
.bagF .bagBox ul{
  overflow: hidden;
  margin: 3% 3% 8%;
}
.bagF .bagBox ul li{
  float: left;
  width: 50%;
  text-align: center;
}
.bagF .bagBox ul li img{
  display: block;
  border: 1px solid #ddd;
  margin: 0 auto;
}
.bagF .bagBox ul li span{
  display: block;
  font-size: 0.9rem;
  line-height: 1.3;
  padding-top: 5px;
}
.bagF .bagBox table{
  width: 96%;
  margin: 5% auto 8%;
}
.bagF .bagBox table th{
  padding: 10px;
}
.bagF .bagBox table th img{
  display: block;
  border: 1px solid #ddd;
  vertical-align: top;
}
.bagF .bagBox table td{
  padding: 10px;
  font-size: 1rem;
  vertical-align: top;
}
.bagF .bagBox table td h4{
  font-size: 1.2rem;
  color: #ad8155;
}
@media screen and (max-width: 768px){
  .bagF .bagBox h3 img{
    width: 90%;
    height: auto;
  }
}
@media screen and (max-width: 480px){
  .bagF .bagBox .name small{
    display: block;
  }
}

@media screen and (max-width: 375px){
  .bagF h2{
    font-size: 1.6rem;
  }
  .bagF .bagBox .name{
    display: block;
    line-height: 1.4;
    padding-top: 5px; 
    padding-bottom: 5px;
  }
  .bagF .bagBox .name span{
    font-size: 1rem;
  }
  .bagF .bagBox .name small{
    font-size: 0.8rem;
  }
  .bagF .bagBox ul li img{
    width: 96%;
    height: auto;
  }
  .bagF .bagBox table th{
    display: block;
    padding-bottom: 0;
  }
  .bagF .bagBox table th img{
    display: block;
    margin: 0 auto;
  }
  .bagF .bagBox table td{
    display: block;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 8%;
    margin-bottom: 5%;
  }
  .bagF .bagBox table td h4{
    line-height: 1.4;
  }
  .bagF .bagBox table td p{
    padding-top: 5px;
  }
}

@media screen and (max-width: 320px){
  .bagF .bagBox ul li span{
    padding: 5px 5px 0;
  }
  .bagF .bagBox ul li span br{
    display: none;
  }
}


/** メールマガジン登録 **/
.mailmF h2{
  font-size: 2rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding-left: 10px;
  border-bottom: 2px solid #ad8155;
}
.mailmF h2 small{
  font-size: 1.2rem;
}
.mailmF .mailmB{
  text-align: center;
  padding: 0 3%;
}
.mailmF .mailmB h4{
  font-size: 1.2rem;
  padding: 3% 0;
}
.mailmF .mailmB p{
  font-size: 1rem;
}
.mailmF .mailmB .red{
  color: #C00;
}
.mailmF .mailmB table{
  margin: 1% auto 5%;
  font-size: 1rem;
}
.mailmF .mailmB table th{
  padding: 10px 10px 10px 0;
  font-weight: 400;
  text-align: right;
}
.mailmF .mailmB table td{
  padding: 10px 0;
  text-align: left;
}
.mailmF .mailmB table td input,
.mailmF .mailmB table td select{
  font-size: 1rem;
  border: 1px solid #ad8155;
  border-radius: 8px;
  padding: 5px 8px;
}
.mailmF .mailmB table td input.btn{
  display: block;
  margin: 5% auto 0;
  background: #ad8155;
  font-weight: 700;
  color: #fff;
  padding: 8px 20px 6px;
  cursor: pointer;
}
.mailmF .mailmB table td input.btn:hover{
  background: #888;
}
@media screen and (max-width: 480px){
  .mailmF h2{
    font-size: 1.8rem;
    line-height: 1.3;
    padding-bottom: 3%;
  }
  .mailmF h2 small{
    display: block;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 375px){
  .mailmF .mailmB table th{
    display: block;
    text-align: center;
  padding: 10px 0 2px 0;
  }
  .mailmF .mailmB table td{
    display: block;
    text-align: center;
  padding: 2px 0 10px;
  }
  .mailmF .mailmB table td input{
    width: 90% !important;
  }
}
@media screen and (max-width: 320px){
}


/** メディア＆コラボ情報 **/
.camF h2{
  font-size: 2rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding-left: 10px;
  border-bottom: 2px solid #ad8155;
}
.camF h2 small{
  font-size: 1.2rem;
}
.camF .list{
  border: 1px dotted #ad8155;
  overflow: hidden;
  font-size: 1.2rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-box-lines: multiple;	
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  flex-pack: center;
  margin: 5% 3%;
}
.camF .list li{
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
  text-align: center;
}
.camF .list li a{
  display: block;
  color: #ad8155;
  border: 1px dotted #ad8155;
  padding: 10px 15px;
  font-weight: 700;
}
.camF .list li a:hover{
  color: #c00;
  border: 1px dotted #c00;
}
.camF h3{
  font-size: 1.4rem;
  background: #ad8155;
  color: #fff;
  text-align: center;
}
.camF .mediaB{
  overflow: hidden;
  margin-bottom: 10%;
}
.camF .mediaB .fst,
.camF .mediaB .snd{
  overflow: hidden;
}
.camF .mediaB .fst li{
  margin: 4%;
  border-bottom: 2px dashed #999;
  overflow: hidden;
  padding-bottom: 4%;
}
.camF .mediaB .snd li{
  margin: 2% 4%;
  border-bottom: 2px dashed #999;
  overflow: hidden;
  padding-bottom: 2%;
}
.camF .mediaB .fst li h4{
  font-size: 1.4rem;
  color: #ad8155;
  font-weight: 700;
  border-left: 10px solid #ad8155;
  border-right: 10px solid #ad8155;
  padding: 0 5px 0 10px;
}
.camF .mediaB .snd li h4{
  font-size: 1.1rem;
  color: #ad8155;
  font-weight: 700;
}
.camF .mediaB .snd li h4 a{
  color: #ad8155;
  text-decoration: underline;
}
.camF .mediaB .snd li h4 a:hover{
  color: #C00;
}
.camF .mediaB .snd li h4 span{
  font-size: 0.8rem;
  color: #333;
  padding-left: 8px;
}
.camF .mediaB .fst li p{
  font-size: 1rem;
  padding: 5px 10px 0;
}
.camF .mediaB .snd li p{
  font-size: 0.9rem;
  padding: 0 10px;
}
.camF .mediaB .all_ttl{
  font-size: 1rem;
  color: #ad8155;
  border-bottom: 2px solid #ad8155;
  border-top: 2px solid #ad8155;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}
.camF .mediaB .all_ttl:hover{
  color: #c00;
  border-bottom: 2px solid #c00;
  border-top: 2px solid #c00;
}
.camF .collaboB{
  margin-bottom: 10%;
}
.camF .collaboB .clist{
  overflow: hidden;
}
.camF .collaboB .clist li{
  margin: 3% 4%;
  border-bottom: 2px dashed #999;
  overflow: hidden;
  padding-bottom: 3%;
}
.camF .collaboB .clist li h4{
  font-size: 1.4rem;
  color: #ad8155;
  font-weight: 700;
}
.camF .collaboB .clist li img{
  width: 100%;
  height:auto;
  display: block;
  margin: 2% 0;
}
.camF .collaboB .clist li p{
  font-size: 1rem;
}
@media screen and (max-width: 480px){
  .camF h2{
    font-size: 1.8rem;
    line-height: 1.3;
    padding-bottom: 3%;
  }
  .camF h2 small{
    display: block;
    font-size: 1.1rem;
  }
}


/** お客様の声 **/
.voiceF h2{
  font-size: 2rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding-left: 10px;
  border-bottom: 2px solid #ad8155;
  letter-spacing: 0.1rem;
}
.voiceF h2 small{
  font-size: 1.2rem;
}
.voiceF .vicB{
  margin: 5%;
  border-bottom: 2px dashed #999;
  overflow: hidden;
  padding-bottom: 5%;
}
.voiceF .vicB .vicTtl{
  font-size: 1.4rem;
  color: #ad8155;
  font-weight: 700;
}
.voiceF .vicB .vicTxt{
  font-size: 1rem;
  line-height: 1.8;
}
.voiceF .vicB .vicTxt span{
  float: right;
}
@media screen and (max-width: 480px){
  .voiceF h2{
    font-size: 1.8rem;
  }
  .voiceF h2 small{
    font-size: 1.1rem;
  }
}


/** 取り扱い店舗 **/
.shopF h2{
  font-size: 2rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding-left: 10px;
  border-bottom: 2px solid #ad8155;
  letter-spacing: 0.1rem;
}
.shopF h2 small{
  font-size: 1.2rem;
}
.shopF .list{
  border: 1px dotted #ad8155;
  overflow: hidden;
  font-size: 1rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-box-lines: multiple;	
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  flex-pack: center;
  margin: 5% 3% 2%;
}
.shopF .list li{
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
  text-align: center;
}
.shopF .list li a{
  display: block;
  color: #ad8155;
  border: 1px dotted #ad8155;
  padding: 10px 15px;
  font-weight: 700;
}
.shopF .list li a:hover{
  color: #c00;
  border: 1px dotted #c00;
}
.shopF .tenpo{
  padding: 25px 10px 40px 10px;
  clear: both;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #999;
  margin-bottom: 3%;
}
.shopF .tenpo h3{
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.shopF .tenpo h3 small{
  font-size: 1.4rem;
  padding-left: 10px;
}
.shopF .tenpo .imgR{
  float: right;
  display: block;
  margin: 0 0 15px 15px;
}
.shopF .tenpo .imgL{
  float: left;
  display: block;
  margin: 0 15px 15px 0;
}
.shopF .tenpo .setu{
  font-size: 1.1rem;
  padding: 0 0 15px;
}
.shopF .tenpo .diteil{
  position: relative;
  clear: both;
}
.shopF .tenpo .diteil th{
  border: 1px solid #ad8155;
  background: #ad8155 !important;
  color: #fff;
  padding: 2px 0;
  font-size: 1.2rem;
  letter-spacing: 0.3rem;
}
.shopF .tenpo .diteil td{
  border: 1px solid #ad8155;
  vertical-align: top;
  padding: 10px 10px 10px 15px;
  font-size: 1.2rem;
}
.shopF .tenpo br.b600r,
.shopF .tenpo br.b375r,
.shopF .tenpo br.b320r{
  display: none;
}
.shopF .tenpo .diteil td small{
  display: inline-block;
  font-size: 0.9rem;
  line-height: 1.5;
}
.shopF .tenpo .diteil td small.sm{
  padding-top: 10px;
}
@media screen and (max-width: 959px){
  .shopF .tenpo{
  padding: 25px 4% 40px 4%;
  }
}
@media screen and (max-width: 600px){
  .shopF .tenpo h3{
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .shopF .tenpo .diteil{
    width: 100%;
  }
  .shopF .tenpo .diteil th{
    display: block;
  }
  .shopF .tenpo .diteil td{
    display: block;
  }
  .shopF .tenpo .diteil td.map{
    padding: 10px 10px 10px 10px;
    border-bottom: none;
  }
  .shopF .tenpo br.b600{
    display: none;
  }
  .shopF .tenpo br.b600r{
    display: block;
  }
  .shopF .tenpo .diteil td.map iframe{
    width: 100%;
  }
  .shopF .tenpo .imgR,
  .shopF .tenpo .imgL{
    float: none;
    display: block;
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 480px){
  .shopF h2{
    font-size: 1.8rem;
    letter-spacing: normal;
  }
  .shopF h2 small{
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 375px){
  .shopF .tenpo br.b375r{
    display: block;
  }
}
@media screen and (max-width: 320px){
  .shopF .tenpo br.b320r{
    display: block;
  }
}


/** 配送・送料 **/
.delivaryF h2{
  font-size: 1.4rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding: 0 0 2px 10px;
  border-bottom: 2px solid #ad8155;
  letter-spacing: 0.1rem;
}
.delivaryF .mainB h3{
  font-size: 1.2rem;
  padding: 3px 0 2px;
  margin: 3% 3% 2%;
}
.delivaryF .mainB h4{
  font-size: 1.2rem;
  color: #fff;
  background: #ad8155;
  padding: 3px 15px 2px;
  margin: 3% 3% 2%;
}
.delivaryF .mainB p{
  font-size: 1rem;
  padding: 0 4%;
  margin: 1% 0;
}
.delivaryF .mainB p.end{
  margin-bottom: 5%;
}
.delivaryF .sendTb{
  font-size: 1rem;
  margin: 1% 4% 5%;
}
.delivaryF .sendTb th{
  white-space: nowrap;
  padding: 5px 8px;
  border: 1px solid #999;
  background: #eee;
  font-weight: 400;
}
.delivaryF .sendTb td{
  padding: 5px 8px;
  border: 1px solid #999;
}
.delivaryF .sendTb .price{
  white-space: nowrap;
}
.delivaryF .sendTb .mdl{
  vertical-align: middle;
}
.delivaryF .sendTb .line{
  line-height: 1.2;
  vertical-align: middle;
}
.delivaryF .sendTb .b375{
  display: none;
}
.delivaryF .mainB .time{
  overflow: hidden;
  margin: 1% 4% 4%;
}
.delivaryF .mainB .time li{
  float: left;
  text-align: center;
  margin: 1% 3%;
}
.delivaryF .mainB .time li span{
  display: block;
  padding: 5px 0 8px;
}
@media screen and (max-width: 375px){
  .delivaryF .sendTb .b375{
    display: block;
  }
.delivaryF .sendTb .line2{
  line-height: 1.2;
  vertical-align: middle;
}
}


/** 支払方法 **/
.paymentF h2{
  font-size: 1.4rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding: 0 0 2px 10px;
  border-bottom: 2px solid #ad8155;
  letter-spacing: 0.1rem;
}
.paymentF .mainB h3{
  font-size: 1.2rem;
  color: #fff;
  background: #ad8155;
  padding: 3px 15px 2px;
  margin: 3% 3% 2%;
}
.paymentF .mainB p{
  font-size: 1rem;
  padding: 0 4%;
  margin: 1% 0;
}
.paymentF .mainB p.top{
  margin-top: 5%;
}
.paymentF .mainB p.end{
  margin-bottom: 5%;
}
.paymentF .mainB .box{
  font-size: 1rem;
  border: 1px solid #ad8155;
  padding: 10px 10px 10px 15px;
  display: inline-block;
  margin-left: 5%;
}
.paymentF .mainB .payTb{
  font-size: 1rem;
  margin-left: 5%;
}
.paymentF .mainB .payTb th{
  white-space: nowrap;
  text-align: center;
  padding: 3px 15px;
  border: 1px solid #999;
  background: #eee;
}
.paymentF .mainB .payTb td{
  padding: 3px 15px;
  border: 1px solid #999;
}


/** 会社概要 **/
.companyF h2{
  font-size: 1.4rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding: 0 0 2px 10px;
  border-bottom: 2px solid #ad8155;
  letter-spacing: 0.2rem;
}
.companyF .tokuTb{
  font-size: 1rem;
  margin: 5% 4%;
  width: 92%;
}
.companyF .tokuTb tr:nth-child(even){
  background: #eee;
}
.companyF .tokuTb th{
  white-space: nowrap;
  text-align: left;
  padding: 12px 5px 12px 15px;
  border: 1px solid #999;
}
.companyF .tokuTb td{
  padding: 12px 10px;
  border: 1px solid #999;
}
@media screen and (max-width: 375px){
  .companyF .tokuTb th{
    display: block;
    padding: 12px 15px 2px 15px;
    border: none;
    border-bottom: 1px dotted #999;
  }
  .companyF .tokuTb th br{
    display: none;
  }
  .companyF .tokuTb td{
    display: block;
    padding: 5px 15px 12px;
    border: none;
  }
}


/** 法人様取 **/
.consulF h2{
  font-size: 1.4rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding: 0 0 2px 10px;
  border-bottom: 2px solid #ad8155;
  letter-spacing: 0.2rem;
}
.consulF h2 small{
  font-size: 1rem;
}
.consulF .list{
  border: 1px dotted #ad8155;
  overflow: hidden;
  font-size: 1.2rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-box-lines: multiple;	
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  flex-pack: center;
  margin: 5% 3%;
}
.consulF .list li{
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
  text-align: center;
}
.consulF .list li a{
  display: block;
  color: #ad8155;
  border: 1px dotted #ad8155;
  padding: 10px 15px;
  font-weight: 700;
}
.consulF .list li a:hover{
  color: #c00;
  border: 1px dotted #c00;
}
.consulF .consulB{
  overflow: hidden;
}
.consulF .consulB h3{
  font-size: 1.4rem;
  background: #ad8155;
  color: #fff;
  text-align: center;
  margin-bottom: 4%;
}
.consulF .consulB h4{
  margin: 1% 3% 2%;
  clear: both;
  font-size: 1.2rem;
  color: #ad8155;
  font-weight: 700;
  border-left: 8px solid #ad8155;
  border-right: 4px solid #ad8155;
  border-bottom: 1px solid #ad8155;
  padding: 0 5px 0 10px;
}
.consulF .consulB h5{
  margin: 1% 3% 2%;
  clear: both;
  font-size: 1.2rem;
}
.consulF .consulB h6{
  margin: 2% 3% 2%;
  clear: both;
  font-size: 1.2rem;
  color: #ad8155;
  font-weight: 700;
  border-left: 8px solid #ad8155;
  border-right: 4px solid #ad8155;
  border-bottom: 1px solid #ad8155;
  padding: 0 5px 3px 10px;
}
.consulF .consulB p{
  margin: 1% 4%;
  font-size: 1rem;
}
.consulF .consulB p strong{
  font-size: 1.3rem;
  color: #ad8155;
}
.consulF .consulB .end{
  margin-bottom: 5%;
}
.consulF .consulB .end2{
  margin-bottom: 10%;
}
.consulF .consulB .imgL{
  display: block;
  float: left;
  margin: 0 15px 10px 4%;
}
.consulF .consulB .imgI{
  width: 100%;
  height: auto;
}
.consulF .companyB{
  overflow: hidden;
}
.consulF .companyB h3{
  font-size: 1.4rem;
  background: #ad8155;
  color: #fff;
  text-align: center;
  margin-bottom: 4%;
}
.consulF .companyB h4{
  margin: 1% 3% 2%;
  font-size: 1.2rem;
  color: #ad8155;
  font-weight: 700;
  border-left: 8px solid #ad8155;
  border-right: 4px solid #ad8155;
  border-bottom: 1px solid #ad8155;
  padding: 0 5px 0 10px;
}
.consulF .companyB p{
  margin: 1% 4%;
  font-size: 1rem;
}
.consulF .companyB .end{
  margin-bottom: 5%;
}


/** 特定商取引 **/
.tokushoF h2{
  font-size: 1.4rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding: 0 0 2px 10px;
  border-bottom: 2px solid #ad8155;
}
.tokushoF .tokuTb{
  font-size: 1rem;
  margin: 3% 4% 5%;
}
.tokushoF .tokuTb tr:nth-child(even){
  background: #eee;
}
.tokushoF .tokuTb th{
  white-space: nowrap;
  text-align: left;
  padding: 12px 5px 12px 15px;
  border: 1px solid #999;
}
.tokushoF .tokuTb td{
  padding: 12px 10px;
  border: 1px solid #999;
}
@media screen and (max-width: 375px){
  .tokushoF .tokuTb th{
    display: block;
    padding: 12px 15px 2px 15px;
    border: none;
    border-bottom: 1px dotted #999;
  }
  .tokushoF .tokuTb th br{
    display: none;
  }
  .tokushoF .tokuTb td{
    display: block;
    padding: 5px 15px 12px;
    border: none;
  }
}


/** プライバシーポリシー **/
.policyF h2{
  font-size: 1.4rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding: 0 0 2px 10px;
  border-bottom: 2px solid #ad8155;
}
.policyF .pp{
  padding: 2% 4% 5%;
  font-size: 1rem;
  overflow: hidden;
}
.policyF .pp span{
  float: right;
  text-align: right;
}
.policyF .b375,
.policyF .b320{
  display: none;
}
@media screen and (max-width: 375px){
  .policyF .b375{
    display: block;
  }
  .policyF h2{
    font-size: 1.4rem;
    line-height: 1.3;
    padding-bottom: 3%;
  }
}
@media screen and (max-width: 320px){
  .policyF .b320{
    display: block;
  }
}

/** 催事 **/
.eveF h2{
  font-size: 1.8rem;
  margin: 3% 0 2%;
  font-weight: 700;
  padding-left: 10px;
  border-bottom: 2px solid #ad8155;
  letter-spacing: .1rem;
}
.eveF h2 small{
  font-size: 1rem;
}
.eveF h3{
  font-size: 1.4rem;
  text-align: center;
  margin: 1.2em auto .7em;
}
.eveF p{
  font-size: 1rem;
  text-align: center;
}
.eveF p small{
  display: block;
  font-size: 70%;
}
.eveF .pic{
  display: block;
  width: 90%;
  height: auto;
  margin: 1em auto;
}
@media screen and (max-width: 414px){
  .eveF h2{
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 1em auto;
    padding-bottom: .5em;
  }
  .eveF h2 small{
    display: block;
    line-height: 1.5;
  }
  .eveF h3{
}

/**  **/


/*-- 上：デフォルト：960px以上 (max-width/max-device-width)  --*/

@media screen and (max-width: 959px){
}

@media screen and (max-width: 800px){
}

@media screen and (max-width: 768px){
}

@media screen and (max-width: 600px){
}

@media screen and (max-width: 480px){
}

@media screen and (max-width: 375px){
}

@media screen and (max-width: 320px){
}