@charset "UTF-8";
/*
Font-size list (base: 13px)
62% =  8px
70% =  9px
77% = 10px
85% = 11px  162% = 21px  239% = 31px
93% = 12px  170% = 22px  247% = 32px
100% = 13px  177% = 23px  254% = 33px
108% = 14px  185% = 24px  262% = 34px
116% = 15px  193% = 25px  270% = 35px
124% = 16px  200% = 26px  277% = 36px
131% = 17px  208% = 27px  285% = 37px
139% = 18px  216% = 28px  293% = 38px
147% = 19px  224% = 29px  300% = 39px
154% = 20px  231% = 30px  308% = 40px
*/
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

/* 2カラム　レイアウト */
.contentWrap {
  overflow: hidden;
}
.contentWrap .sideMenu {
  width: 220px;
  float: left;
}
.contentWrap .mainWrap {
  width: 750px;
  float: right;
}

/* 2カラム サイドメニュー */
.sideMenu p.sideMenuTitle {
  box-sizing: border-box;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  background-color: #FFF;
  background-image: url(/assets/img/common/sidemenu_title_bg.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-size: 162%;
  color: #ff9600;
  padding: 45px 15px 35px;
}
.sideMenu ul.sideMenuList {
  box-sizing: border-box;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  margin: 0 0 15px 0;
  padding: 0;
}
.sideMenu ul.sideMenuList li {
  list-style: none;
  border-bottom: 1px solid #DDD;
}
.sideMenu ul.sideMenuList li a {
  display: block;
  background: #FFF;
  padding: 10px 18px;
  position: relative;
}
.sideMenu ul.sideMenuList li a:hover {
  color: #333;
  background: #fff4e5;
  background-image: url(/assets/img/common/sidemenu_colorbar.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.sideMenu ul.sideMenuList li a.active {
  color: #333;
  background: #fff4e5;
  background-image: url(/assets/img/common/sidemenu_colorbar.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.sideMenu ul.sideMenuList li a:after {
  content: "";
  font-family: 'FontAwesome';
  position: absolute;
  top: 12px;
  right: 10px;
  color: #ff9600;
}
.sideMenu ul.sideMenuList li.current-cat a {
  color: #333;
  background: #fff4e5;
  background-image: url(/assets/img/common/sidemenu_colorbar.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.sideMenu p.creditcard a {
  display: block;
  background: #ff9600;
  color: #FFF;
  padding: 10px 18px;
}
.sideMenu p.creditcard a:hover {
  background: #feb246;
}

/* コンテンツメイン部分 */
.mainWrap .mainWrap-inner {
  margin-bottom: 0px;
}
.mainWrap .mainWrap-inner:first-of-type {
  margin-bottom: 50px;
}
.mainWrap .mainWrap-inner p.mainWrapTitle {
  background: #FFF;
  color: #ff9600;
  padding: 15px 15px 12px 15px;
  border: 1px solid #ff9600;
  font-weight: bold;
  font-size: 139%;
  margin: 0 0 20px 0;
}
.mainWrap .mainWrap-inner .entry p {
  padding: 0 0 15px 0;
}

/* スタイル一覧 */
.stylingWrap {
  overflow: hidden;
  margin: 0 0 0 -20px;
}
.stylingWrap .styleBox {
  width: 184px;
  margin: 0 0 20px 20px;
  float: left;
}
.stylingWrap .styleBox a:hover p.styleImgThum img {
  opacity: .7;
}
.stylingWrap .styleBox a p.styleImgThum {
  box-sizing: border-box;
  border: 1px solid #DDD;
  margin-bottom: 7px;
}
.stylingWrap .styleBox a p.styleImgThum img {
  width: 100%;
  height: 100%;
}
.stylingWrap .styleBox a p.upDate {
  font-size: 85%;
}

/* スタイル詳細 */
.styleCont-inner {
  margin-bottom: 40px;
  overflow: hidden;
}
.styleCont-inner .styleSliderWrap {
  width: 500px;
  float: left;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider {
  box-sizing: border-box;
  border: 1px solid #CCC;
  margin-bottom: 20px;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider div.sdmImg img {
  width: 100%;
  height: 100%;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-prev,
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-next {
  margin-top: -5px;
  width: 30px;
  height: 100px;
  z-index: 999;
  background: #ff9600;
  opacity: 1;
  box-sizing: border-box;
  padding: 10px;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-prev {
  left: 0px;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-prev:before {
  content: '\f104';
  font-family: 'FontAwesome';
  font-size: 30px;
  line-height: 1;
  opacity: 1;
  color: #FFF;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-prev:hover {
  opacity: .8;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-next {
  right: 0px;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-next:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-size: 30px;
  line-height: 1;
  opacity: 1;
  color: #FFF;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-next:hover {
  opacity: .8;
}
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-prev.slick-disabled:before,
.styleCont-inner .styleSliderWrap .styleDetailSlider .slick-next.slick-disabled:before {
  opacity: .25;
}
.styleCont-inner .styleSliderWrap .styleDetailSliderThum div.sdmImgThum {
  margin: 0 5px;
  box-sizing: border-box;
  border: 2px solid #DDD;
}
.styleCont-inner .styleSliderWrap .styleDetailSliderThum div.sdmImgThum img {
  width: 100%;
  height: 100%;
}
.styleCont-inner .styleSliderWrap .styleDetailSliderThum div.slick-current {
  border: 2px solid #ff9600;
}
.styleCont-inner .styleDetailWrap {
  width: 450px;
  float: right;
}
.styleCont-inner .styleDetailWrap p.styleShopName {
  font-size: 270%;
  margin-bottom: 20px;
}
.styleCont-inner .styleDetailWrap p.styleShopTxt {
  font-size: 93%;
  padding-bottom: 40px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 20px;
}
.styleCont-inner .styleDetailWrap .coordinateItemWrap {
  overflow: hidden;
  margin: 0 0 0 -10px;
}
.styleCont-inner .styleDetailWrap .coordinateItemWrap .coordinateItem {
  width: 220px;
  margin: 0 0 20px 10px;
  float: left;
}
.styleCont-inner .styleDetailWrap .coordinateItemWrap .coordinateItem p.coordinateItemImg {
  box-sizing: border-box;
  border: 1px solid #DDD;
  margin-bottom: 7px;
}
.styleCont-inner .styleDetailWrap .coordinateItemWrap .coordinateItem p.coordinateItemImg img {
  width: 100%;
  height: 100%;
}
.styleCont-inner .styleDetailWrap .coordinateItemWrap .coordinateItem p.coordinateItemName {
  font-size: 93%;
}
.styleCont-inner .styleDetailWrap .coordinateItemWrap .coordinateItem p.coordinateItemPrice {
  font-size: 93%;
}
.styleCont-inner h3 {
  background-color: #484848;
  color: #FFF;
  font-size: 116%;
  height: 40px;
  padding: 9px 0 0 18px;
  box-sizing: border-box;
  margin: 0 0 15px 0;
  background-image: url(/assets/img/common/sidemenu_colorbar.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.styleCont-inner h4 {
  font-size: 131%;
  margin: 0 0 10px 0;
  border-bottom: 2px solid #000;
  padding: 3px 0;
  position: relative;
}
.styleCont-inner h4 span {
  font-size: 62%;
  font-weight: normal;
  margin-left: 15px;
}
.styleCont-inner h4 span.yellowBdr {
  display: block;
  width: 236px;
  height: 2px;
  background-color: #ff9600;
  position: absolute;
  left: 0;
  bottom: -2px;
  margin: 0;
}
.styleCont-inner .stylingPointWrap {
  overflow: hidden;
  margin: 0 0 0 -20px;
}
.styleCont-inner .stylingPointWrap .stylePointBox {
  width: 320px;
  float: left;
  margin: 0 0 20px 20px;
}
.styleCont-inner .stylingPointWrap .stylePointBox p.stylePointImg {
  box-sizing: border-box;
  border: 1px solid #DDD;
  margin-bottom: 7px;
}
.styleCont-inner .stylingPointWrap .stylePointBox p.stylePointImg img {
  width: 100%;
  height: 100%;
}
.styleCont-inner .stylingPointWrap .stylePointBox p.stylePointTxt {
  font-size: 93%;
  text-align: left;
}
.styleCont-inner .youtubeWrap {
  margin: 0 0 0 -20px;
  overflow: hidden;
}
.styleCont-inner .youtubeWrap .youtubeBox {
  width: 490px;
  float: left;
  margin: 0 0 0 20px;
}
.styleCont-inner .youtubeWrap .youtubeBox iframe {
  max-width: 100%;
  margin-bottom: 5px;
}
.styleCont-inner .youtubeWrap .youtubeBox p {
  font-size: 93%;
}
.styleCont-inner p.orangeBtn2 {
  width: 200px;
  margin: 10px 0 0 800px;
}
.styleCont-inner p.orangeBtn2 a {
  display: block;
  background: #ff9600;
  color: #FFF;
  padding: 5px 15px;
  border-radius: 5px;
  position: relative;
}
.styleCont-inner p.orangeBtn2 a:hover {
  background: #feb246;
}
.styleCont-inner p.orangeBtn2 a:after {
  content: "";
  font-family: 'FontAwesome';
  position: absolute;
  top: 6px;
  right: 10px;
  color: #ffd9a2;
}
.freesp{
  clear: both;
  border-top: 1px solid #999;
  overflow: hidden;
  padding: 15px 0 25px 0;
  margin: 0 0 0 20px;
}
.sortbox{
  overflow: hidden;
  padding: 0 10px 10px 0;
  border-bottom: 1px solid #ccc;
  margin: -20px 0 20px 0;
}
#sort_form{
  float:right;
}
.itempoint{
  margin: 0 0 20px 10px;
}
.itempoint p{
  background: #ff82a7;
  color: #fff;
  width: 100%;
  padding: 14px 0;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

/* SHOP情報 */
article.shopCont {
  position: relative;
  border-bottom: 1px solid #DDD;
  padding: 25px 0;
}
article.shopCont:first-of-type {
  padding: 0 0 25px 0;
}
article.shopCont:first-of-type p.detailBtn {
  top: 0;
}
article.shopCont p.shopTitle {
  font-size: 131%;
  font-weight: bold;
  margin-bottom: 15px;
}
article.shopCont p.shopTxt {
  font-size: 100%;
}
article.shopCont p.detailBtn {
  width: 135px;
  position: absolute;
  top: 25px;
  right: 0;
}
article.shopCont p.detailBtn a {
  box-sizing: border-box;
  width: 135px;
  border-radius: 5px;
  display: block;
  background: #ff9600;
  color: #FFF;
  padding: 8px 18px;
  position: relative;
}
article.shopCont p.detailBtn a:hover {
  background: #feb246;
}
article.shopCont p.detailBtn a:after {
  content: "";
  font-family: 'FontAwesome';
  position: absolute;
  top: 8px;
  right: 10px;
  color: #ffd9a2;
}

/* SHOP情報詳細 */
.shopMainImg {
  margin-bottom: 15px;
}

p.shopDetailTitle {
  font-size: 231%;
  padding: 15px 0 10px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 20px;
}

p.shopDetailTxt {
  margin-bottom: 20px;
}

div.shopMap {
  margin-bottom: 40px;
}
div.shopMap iframe {
  width: 100%;
  height: 400px;
}

article.shopDetailCont {
  margin-bottom: 40px;
}
article.shopDetailCont h3 {
  background-color: #484848;
  color: #FFF;
  font-size: 116%;
  height: 40px;
  padding: 9px 0 0 18px;
  box-sizing: border-box;
  margin: 0 0 15px 0;
  background-image: url(/assets/img/common/sidemenu_colorbar.png);
  background-repeat: no-repeat;
  background-position: left center;
}
article.shopDetailCont p.orangeBtn {
  width: 300px;
  margin: 10px 0 0 450px;
}
article.shopDetailCont p.orangeBtn a {
  display: block;
  background: #ff9600;
  color: #FFF;
  padding: 5px 15px;
  border-radius: 5px;
  position: relative;
}
article.shopDetailCont p.orangeBtn a:hover {
  background: #feb246;
}
article.shopDetailCont p.orangeBtn a:after {
  content: "";
  font-family: 'FontAwesome';
  position: absolute;
  top: 6px;
  right: 10px;
  color: #ffd9a2;
}
.entry iframe {
  max-width: 100%;
  margin: 20px 0;
}
.entry ul {
  margin: 20px 0;
  padding: 0 0 0 1.4em;
}
.entry ul li {
  margin-bottom: 3px;
}
.entry p {
  padding: 15px 0;
}
.entry img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.entry dl {
  margin: 20px 0;
}
.entry dl dt {
  font-weight: bold;
}
.entry dl dd {
  margin: 0;
}
.entry table {
  border-top: 1px solid #CCC;
}
.entry table tr {
  border-bottom: 1px solid #CCC;
}
.entry table tr th,.entry table tr td {
  padding: 10px;
}
.entry table tr th {
  text-align: left;
  background: #dbdada;
  font-size: 100%;
  width: 28%;
}
.entry table tr td {
  background: #FFF;
  width: 72%;
}

/* TOPICS一覧 */
dl.topicsList {
  border-bottom: 1px solid #DDD;
  padding: 20px 0;
  margin: 0;
}
dl.topicsList a dt {
  color: #ff9600;
  font-size: 93%;
  margin: 0;
  padding: 0;
}
dl.topicsList a dd {
  margin: 0;
  padding: 0;
  font-size: 139%;
}
dl.topicsList a:hover dd {
  text-decoration: underline;
}
dl.topicsList:first-of-type {
  padding: 0 0 20px 0;
}

/* TOPICS詳細 */
header.topicsHead {
  border-bottom: 1px solid #DDD;
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
  background: none;
  position: relative;
}
header.topicsHead dt {
  color: #ff9600;
  font-size: 93%;
  margin: 0;
  padding: 0;
}
header.topicsHead dd {
  margin: 0;
  padding: 0;
  font-size: 139%;
}

article.topics-inner {
  padding: 20px 0;
}
article.topics-inner p.eventShopTitle {
  background: #383838;
  color: #FFF;
  padding: 10px;
}
article.topics-inner p.eventShopTxt {
  font-size: 93%;
  padding: 10px 0;
}
article.topics-inner .entry iframe {
  max-width: 100%;
  margin: 20px 0;
}
article.topics-inner .entry ul {
  margin: 20px 0;
  padding: 0 0 0 1.4em;
}
article.topics-inner .entry ul li {
  margin-bottom: 3px;
}
article.topics-inner .entry p {
  padding: 15px 0;
}
article.topics-inner .entry img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
article.topics-inner .entry dl {
  margin: 20px 0;
}
article.topics-inner .entry dl dt {
  font-weight: bold;
}
article.topics-inner .entry dl dd {
  margin: 0;
}
article.topics-inner .entry table {
  border-top: 1px solid #CCC;
}
article.topics-inner .entry table tr {
  border-bottom: 1px solid #CCC;
}
article.topics-inner .entry table tr th, article.topics-inner .entry table tr td {
  padding: 10px;
}
article.topics-inner .entry table tr th {
  text-align: left;
  background: #dbdada;
  font-size: 100%;
  width: 28%;
}
article.topics-inner .entry table tr td {
  background: #FFF;
  width: 72%;
}
article.topics-inner .bottomnav {
  position: relative;
  width: 100%;
  height: 35px;
  margin-top: 20px;
}
article.topics-inner .bottomnav .back, article.topics-inner .bottomnav .next {
  width: 110px;
}
article.topics-inner .bottomnav .back a, article.topics-inner .bottomnav .next a {
  text-align: center;
  display: block;
  background: #DDD;
  padding: 8px;
  border-radius: 3px;
  font-size: 85%;
  position: relative;
  color: #333;
}
article.topics-inner .bottomnav .back a:hover, article.topics-inner .bottomnav .next a:hover {
  background: #CCC;
}
article.topics-inner .bottomnav .back {
  position: absolute;
  top: 0;
  left: 0;
}
article.topics-inner .bottomnav .back a:before {
  content: "";
  font-family: 'FontAwesome';
  display: block;
  color: #333;
  font-size: 100%;
  position: absolute;
  top: 8px;
  left: 10px;
}
article.topics-inner .bottomnav .next {
  position: absolute;
  top: 0;
  right: 0;
}
article.topics-inner .bottomnav .next a:after {
  content: "";
  font-family: 'FontAwesome';
  display: block;
  color: #333;
  font-size: 100%;
  position: absolute;
  top: 8px;
  right: 10px;
}
article.topics-inner #goback {
  width: 140px;
  margin: -35px auto 0;
  z-index: 1;
  position: relative;
}
article.topics-inner #goback a {
  text-align: center;
  display: block;
  background: #ff9600;
  padding: 8px;
  border-radius: 3px;
  font-size: 85%;
  color: #FFF;
  position: relative;
}
article.topics-inner #goback a:hover {
  background: #feb246;
}
article.topics-inner #goback a:before {
  content: "";
  font-family: 'FontAwesome';
  display: block;
  color: #FFF;
  font-size: 100%;
  position: absolute;
  top: 8px;
  left: 10px;
}

.entryCont {
  border-bottom: 1px solid #DDD;
  margin-bottom: 70px;
}

.mainWrap .bottomnav {
  position: relative;
  width: 100%;
  height: 35px;
}
.mainWrap .bottomnav .back, .mainWrap .bottomnav .next {
  width: 110px;
}
.mainWrap .bottomnav .back a, .mainWrap .bottomnav .next a {
  text-align: center;
  display: block;
  background: #DDD;
  padding: 8px;
  border-radius: 3px;
  font-size: 85%;
  position: relative;
  color: #333;
}
.mainWrap .bottomnav .back a:hover, .mainWrap .bottomnav .next a:hover {
  background: #CCC;
}
.mainWrap .bottomnav .back {
  position: absolute;
  top: 0;
  left: 0;
}
.mainWrap .bottomnav .back a:before {
  content: "";
  font-family: 'FontAwesome';
  display: block;
  color: #333;
  font-size: 100%;
  position: absolute;
  top: 8px;
  left: 10px;
}
.mainWrap .bottomnav .next {
  position: absolute;
  top: 0;
  right: 0;
}
.mainWrap .bottomnav .next a:after {
  content: "";
  font-family: 'FontAwesome';
  display: block;
  color: #333;
  font-size: 100%;
  position: absolute;
  top: 8px;
  right: 10px;
}
.mainWrap #goback {
  width: 140px;
  margin: -35px auto 0;
  z-index: 1;
  position: relative;
}
.mainWrap #goback a {
  text-align: center;
  display: block;
  background: #ff9600;
  padding: 8px;
  border-radius: 3px;
  font-size: 85%;
  color: #FFF;
  position: relative;
}
.mainWrap #goback a:hover {
  background: #feb246;
}
.mainWrap #goback a:before {
  content: "";
  font-family: 'FontAwesome';
  display: block;
  color: #FFF;
  font-size: 100%;
  position: absolute;
  top: 8px;
  left: 10px;
}

/* サイトマップ */
ul#sitemapList {
  margin: 0;
  padding: 0;
}
ul#sitemapList li {
  list-style: none;
  border-bottom: 1px solid #DDD;
}
ul#sitemapList li a {
  font-size: 193%;
  font-weight: 200;
  padding: 15px 0;
  display: block;
}
ul#sitemapList li a:hover {
  color: #ff9600;
}
ul#sitemapList li ul {
  margin: 0 0 25px 0;
  padding: 0;
}
ul#sitemapList li ul li {
  border-bottom: none;
  margin-bottom: 10px;
}
ul#sitemapList li ul li a {
  font-size: 108%;
  color: #6b6b6b;
  padding: 5px 0 0 20px;
}
ul#sitemapList li ul li a:before {
  content: "ー";
  color: #ff9600;
  margin-right: 8px;
  font-weight: bold;
}

/* お問い合わせ */
p.cautionTxt {
  font-size: 116%;
  color: #ff0000;
}

.formCont {
  margin-top: 40px;
}
.formCont dl {
  overflow: hidden;
  font-size: 93%;
  margin: 0;
  background: #dbdada;
  border-bottom: 1px solid #CCC;
}
.formCont dl:first-of-type {
  border-top: 1px solid #CCC;
}
.formCont dl dt {
  float: left;
  border-right: 1px solid #CCC;
  width: 25%;
  box-sizing: border-box;
  padding: 10px;
}
.formCont dl dt span {
  color: #ff0000;
  margin-left: 10px;
}
.formCont dl dd {
  box-sizing: border-box;
  background: #FFF;
  float: right;
  width: 75%;
  margin: 0;
  padding: 10px;
}
.formCont dl dd input[type="text"],
.formCont dl dd input[type="email"] {
  padding: 5px 8px;
  font-size: 116%;
  background: #FFF;
  color: #333;
  width: 60%;
  border: 1px solid #CCC;
  box-sizing: border-box;
}
.formCont dl dd input.widthXs {
  width: 10%;
}
.formCont dl dd input.widthS {
  width: 15%;
}
.formCont dl dd input.widthSm {
  width: 25%;
}
.formCont dl dd input.widthM {
  width: 35%;
}
.formCont dl dd input.widthL {
  width: 60%;
}
.formCont dl dd select {
  font-size: 124%;
  padding: 3px;
}
.formCont dl dd textarea {
  padding: 5px 8px;
  font-size: 116%;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #CCC;
}

/*  送信ボタン　 */
.formBtnCont {
  text-align: center;
  margin-top: 30px;
}
.formBtnCont input[type="submit"] {
  padding: 12px 0;
  text-align: center;
  border: 1px solid #DDD;
  color: #FFF;
  font-size: 116%;
  letter-spacing: 0.02em;
  word-spacing: 0;
  cursor: pointer;
  width: 20%;
  font-weight: normal;
  margin: 0 auto;
  background: #5d5d5d;
}
.formBtnCont input[type="submit"]:hover {
  background: #333;
}

/*  ページャー　 */
.wp-pagenavi {
  padding: 30px 0 10px;
  text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  color: #999;
  background-color: #FFF;
  border: solid 1px #999;
  padding: 8px 15px;
  margin: 0 2px;
  border-radius: 3px;
}
.wp-pagenavi a:hover {
  color: #FFF;
  background-color: #999;
  border-color: #999;
}
.wp-pagenavi span.current {
  color: #FFF;
  background-color: #333;
  border-color: #333;
  font-weight: bold;
}


/*==============
  160715＿富井追加
===============*/
.clear{clear:both; overflow:hidden;}
.clear02{clear:both; overflow:hidden; margin-top:50px;}
.wrapper_l{float:left;}
.wrapper_r{float:right;}

.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top50{margin-top:50px;}


.midashi{
  border:1px solid #ff9600;
  background-color:#FFF;
  padding:10px;
  margin-bottom:10px;
  font-size:100%;
  font-weight:bold;
  color:#ff9600;
}
.test_midashi{
  font-weight:bold;
  color:#ff9600;
  font-size:116%;
}
/*------- 会員サービス --------*/
.members_item{
  border-bottom:1px solid #cccccc;
  padding-bottom:3px;
  margin-top:20px;
  margin-bottom:10px;
  color:#ff9600;
  font-size:108%;
  font-weight:bold;
}

/*------- スポーツリンク --------*/
.sportslink_clear01,
.sportslink_clear02{  clear:both; overflow:hidden;}
.sportslink_clear02{  margin-top:30px;  }
.sportslink_wrapper_l{
  margin-right:9px;
  float:left;
  text-align:center;
}
.sportslink_wrapper_r{
  float:left;
  text-align:center;
}
.sportslink_list{
  border-left:4px solid #ff9600;
  border-bottom:1px solid #cccccc;
  padding:0.3em 0em;
  padding-left:8px;
  margin-bottom:10px;
}


/*------- 会社情報 --------*/
.aboutwrapper_l{
  width:40%;
  float:left;
}
.aboutwrapper_r{
  width:55%;
  float:right;
}
.about_text{
  font-size:116%;
  line-height:180%;
  font-weight:bold;
}
/*--------- hyo ----------*/
table.about_hyo {
	border-top:1px solid #bbbbbb;
	border-collapse:collapse;
	border-spacing:inherit;
	width:100%;
	font-size:93%;
  text-align:left;
}
.about_hyo td.list {
  background-color:#ffedd4;
  border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
  width:30%;
	padding:10px;
  font-size:110%;
}
.about_hyo td.text{
  background-color:#FFF;
	border-bottom:1px solid #bbbbbb;
	padding:10px;
}

/*------- 採用情報 --------*/
.recruit_wrapper_l{
  width:40%;
  float:left;
  }
.recruit_wrapper_r{
  width:55%;
  float:right;
  }


/*==============
  160719＿富井追加
===============*/
/*------- TOPICS --------*/
.topics_wrapper_l,
.topics_wrapper_r{
  text-align:center;
  float:left;
}
.topics_wrapper_l{margin-right:40px;}

/*------- team order  --------*/
.team_order_wrapper50p_l{
  margin-right:2%;
  width:49%;
  float:left;
}
.team_order_wrapper50p_r{
  width:49%;
  float:left;
}

.team_order{
  border:1px solid #ff9600;
  background-color:#FFF;
  padding:2em 0em;
  font-size:124%;
  text-align: center;
  color:#ff9600;
  font-weight: bold;
}




.team_clear01,
.team_clear02{
  clear:both;
  overflow:hidden;
}
.team_clear02{ margin-top:10px;}

.team_wrapper_22p_l,.team_wrapper_22p_r {
  width:22%;
  float:left;
}
.team_wrapper_22p_l{margin-right:4%;}

.team_midashi_l,.team_midashi_r{
  position: relative;
  border:1px solid #ff9600;
  background-color:#FFF;
  padding:0.5em 0.8em;
  font-weight:bold;
}
.team_midashi_l:after,
.team_midashi_r:after{
  position: absolute;
	top: .5em;
	left:  0em;
	content: '';
	width: 3px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
  background-color: #ff9600;
}

.team_item{
  background-color:#767676;
  padding:0.5em 1em;
  margin:30px 0px;
  color:#FFF;
}

.team_list_wrapper{
  margin-top:10px;
  padding-bottom:0.5em;
  border-bottom:1px solid #cccccc;
  clear:both;
  overflow:hidden;
}
.team_list_l{
  border-left:5px solid #ff9600;
  padding-left:0.5em;
  width:20%;
  float:left;
}
.team_list_r{
  font-weight:bold;
  float:left;
}

/*==============
  160726＿富井追加
===============*/
/*------- ミズノアウトドア --------*/
.mzn_out{
  margin-right:10px;
  width:450px;
  float:left;
  }

/*------- ミズノバレー教室 --------*/
.volly{
  margin-right:10px;
  width:450px;
  float:left;
  }

/*------- オススメ商品 --------*/
.rec_img{width:710px;}

/*====================================================================
 *====================================================================

  メディアクエリ

====================================================================*
====================================================================*/
/* スマホ */
@media only screen and (max-width: 479px) {
  /* 2カラム　レイアウト */
  .contentWrap .sideMenu {
    width: 100%;
    float: none;
  }
  .contentWrap .mainWrap {
    width: 100%;
    float: none;
  }

  /* 2カラム サイドメニュー */
  .sideMenu {
    margin-bottom: 15px;
  }
  .sideMenu p.sideMenuTitle {
    box-sizing: border-box;
    border: 1px solid #ff9600;
    background-color: #fff4e5;
    background-image: none;
    font-size: 116%;
    color: #ff9600;
    padding: 12px;
    position: relative;
  }
  .sideMenu p.sideMenuTitle:after {
    content: "";
    font-family: 'FontAwesome';
    display: block;
    color: #ff9600;
    font-size: 124%;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .sideMenu p.sideMenuTitle.active:after {
    content: "";
    font-family: 'FontAwesome';
  }
  .sideMenu ul.sideMenuList {
    display: none;
    margin-bottom: 0;
  }
  .sideMenu ul.sideMenuList li a {
    padding: 10px;
  }
  .sideMenu p.creditcard {
    display: none;
  }

  /* コンテンツメイン部分 */
  .mainWrap .mainWrap-inner {
    margin-bottom: 0px;
  }
  .mainWrap .mainWrap-inner:first-of-type {
    margin-bottom: 50px;
  }
  .mainWrap .mainWrap-inner p.mainWrapTitle {
    padding: 12px;
    border: 1px solid #ff9600;
    font-size: 116%;
    margin: 0 0 20px 0;
  }
  .mainWrap .mainWrap-inner .entry p {
    padding: 0 0 15px 0;
  }

  /* スタイル一覧 */
  .stylingWrap {
    margin: 0 0 0 -4%;
  }
  .stylingWrap .styleBox {
    width: 46%;
    margin: 0 0 20px 4%;
  }
  .stylingWrap .styleBox a p.styleImgThum {
    margin-bottom: 5px;
  }
  .sortbox{
    padding: 0 10px 10px 0;
    margin: 0px 0 20px 0;
  }

  /* スタイル詳細 */
  .styleCont-inner {
    margin-bottom: 20px;
    overflow: hidden;
  }
  .styleCont-inner .styleSliderWrap {
    width: 100%;
    float: none;
  }
  .styleCont-inner .styleSliderWrap .styleDetailSlider .slick-prev {
    left: -1px;
  }
  .styleCont-inner .styleSliderWrap .styleDetailSlider .slick-next {
    right: -1px;
  }
  .styleCont-inner .styleDetailWrap {
    width: 100%;
    float: none;
  }
  .styleCont-inner .styleDetailWrap p.styleShopName {
    font-size: 185%;
    margin-bottom: 10px;
  }
  .styleCont-inner .styleDetailWrap p.styleShopTxt {
    font-size: 100%;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .styleCont-inner .styleDetailWrap .coordinateItemWrap {
    margin: 0 0 0 -4%;
  }
  .styleCont-inner .styleDetailWrap .coordinateItemWrap .coordinateItem {
    width: 46%;
    margin: 0 0 20px 4%;
    float: left;
  }
  .styleCont-inner .styleDetailWrap .coordinateItemWrap .coordinateItem p.coordinateItemName {
    font-size: 85%;
  }
  .styleCont-inner .styleDetailWrap .coordinateItemWrap .coordinateItem p.coordinateItemPrice {
    font-size: 85%;
  }
  .styleCont-inner h3 {
    padding: 9px 0 0 15px;
  }
  .styleCont-inner h4 {
    font-size: 124%;
  }
  .styleCont-inner h4 span.yellowBdr {
    width: 120px;
  }
  .styleCont-inner .stylingPointWrap {
    overflow: hidden;
    margin: 0 0 0 -4%;
  }
  .styleCont-inner .stylingPointWrap .stylePointBox {
    width: 46%;
    margin: 0 0 20px 4%;
  }
  .styleCont-inner .stylingPointWrap .stylePointBox p.stylePointImg {
    margin-bottom: 5px;
  }
  .styleCont-inner .stylingPointWrap .stylePointBox p.stylePointTxt {
    font-size: 85%;
    text-align: left;
  }
  .styleCont-inner .youtubeWrap {
    margin: 0;
  }
  .styleCont-inner .youtubeWrap .youtubeBox {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
  .styleCont-inner .youtubeWrap .youtubeBox .videoBox {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .styleCont-inner .youtubeWrap .youtubeBox .videoBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .styleCont-inner .youtubeWrap .youtubeBox p {
    font-size: 85%;
  }
  .styleCont-inner p.orangeBtn2 {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .styleCont-inner p.orangeBtn2 a {
    padding: 10px;
    border-radius: 2px;
  }
  .styleCont-inner p.orangeBtn2 a:after {
    top: 10px;
  }
  .itempoint {
    margin-left: 15px;
  }
  .itempoint p{
    font-size: 12px;
  }

  /* SHOP情報 */
  article.shopCont {
    position: static;
    padding: 20px 5px;
  }
  article.shopCont:first-of-type {
    padding: 0 5px 20px;
  }
  article.shopCont p.shopTitle {
    font-size: 116%;
    margin-bottom: 5px;
  }
  article.shopCont p.detailBtn {
    margin-top: 10px;
    width: 100%;
    position: static;
    top: 0;
    right: 0;
  }
  article.shopCont p.detailBtn a {
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    padding: 10px;
  }

  /* SHOP情報詳細 */
  .shopMainImg img {
    width: 100%;
    height: 100%;
  }

  p.shopDetailTitle {
    font-size: 154%;
    padding: 0 0 10px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
  }

  p.shopDetailTxt {
    margin-bottom: 20px;
  }

  div.shopMap {
    margin-bottom: 40px;
  }
  div.shopMap iframe {
    height: 200px;
  }

  article.shopDetailCont {
    margin-bottom: 40px;
  }
  article.shopDetailCont h3 {
    background-color: #484848;
    color: #FFF;
    font-size: 116%;
    height: 40px;
    padding: 9px 0 0 15px;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    background-image: url(/assets/img/common/sidemenu_colorbar.png);
    background-repeat: no-repeat;
    background-position: left center;
  }
  .entry iframe {
    max-width: 100%;
    max-height: 250px;
  }
  .entry table tr th {
    width: 100%;
    display: block;
  }
  .entry table tr td {
    background: #FFF;
    width: 100%;
    display: block;
  }
  article.shopDetailCont p.orangeBtn {
    width: 100%;
    margin: 10px 0 0 0;
  }
  article.shopDetailCont p.orangeBtn a {
    padding: 10px;
    border-radius: 2px;
  }
  article.shopDetailCont p.orangeBtn a:after {
    top: 10px;
  }
  article.shopDetailCont dl.recruitOutline {
    overflow: hidden;
    font-size: 100%;
    border-bottom: none;
    border-top: 1px solid #CCC;
  }
  article.shopDetailCont dl.recruitOutline:first-of-type {
    border-top: 1px solid #CCC;
  }
  article.shopDetailCont dl.recruitOutline dt {
    float: none;
    border-right: none;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
  }
  article.shopDetailCont dl.recruitOutline dd {
    box-sizing: border-box;
    background: #FFF;
    float: none;
    width: 100%;
    padding: 10px;
  }

  /* TOPICS一覧 */
  dl.topicsList {
    padding: 15px 0;
  }
  dl.topicsList a dd {
    font-size: 108%;
    line-height: 1.4;
  }
  dl.topicsList:first-of-type {
    padding: 0 0 15px 0;
  }

  /* TOPICS詳細 */
  article.topics-inner {
    padding: 20px 0;
  }
  article.topics-inner p.eventShopTitle {
    background: #383838;
    color: #FFF;
    padding: 10px;
  }
  article.topics-inner p.eventShopTxt {
    font-size: 93%;
    padding: 10px 0;
  }
  article.topics-inner p img {
    width: 100%;
    height: 100%;
  }
  article.topics-inner .bottomnav {
    position: relative;
    width: 100%;
    height: 35px;
  }
  article.topics-inner .bottomnav .back, article.topics-inner .bottomnav .next {
    width: 110px;
  }
  article.topics-inner .bottomnav .back a, article.topics-inner .bottomnav .next a {
    text-align: inherit;
    display: block;
    background: none;
    padding: 8px 10px;
    border-radius: 0;
    font-size: 77%;
  }
  article.topics-inner .bottomnav .back a:hover, article.topics-inner .bottomnav .next a:hover {
    background: none;
  }
  article.topics-inner .bottomnav .back {
    left: 0;
  }
  article.topics-inner .bottomnav .back a {
    text-align: left;
  }
  article.topics-inner .bottomnav .back a:before {
    top: 8px;
    left: 0px;
  }
  article.topics-inner .bottomnav .next {
    text-align: right;
    right: 0;
  }
  article.topics-inner .bottomnav .next a:after {
    top: 8px;
    right: 0px;
  }
  article.topics-inner #goback {
    width: 110px;
  }
  article.topics-inner #goback a:before {
    display: none;
  }

  .entryCont {
    padding: 0 5px;
    margin-bottom: 35px;
  }

  /* サイトマップ */
  ul#sitemapList li a {
    font-size: 154%;
    font-weight: 200;
    padding: 10px;
  }
  ul#sitemapList li ul {
    margin: 0 0 20px 0;
  }
  ul#sitemapList li ul li {
    margin-bottom: 5px;
  }
  ul#sitemapList li ul li a {
    font-size: 108%;
    padding: 5px 0 0 25px;
  }

  .mainWrap .bottomnav {
    position: relative;
    width: 100%;
    height: 35px;
  }
  .mainWrap .bottomnav .back, .mainWrap .bottomnav .next {
    width: 110px;
  }
  .mainWrap .bottomnav .back a, .mainWrap .bottomnav .next a {
    text-align: inherit;
    display: block;
    background: none;
    padding: 8px 10px;
    border-radius: 0;
    font-size: 77%;
  }
  .mainWrap .bottomnav .back a:hover, .mainWrap .bottomnav .next a:hover {
    background: none;
  }
  .mainWrap .bottomnav .back {
    left: 0;
  }
  .mainWrap .bottomnav .back a {
    text-align: left;
  }
  .mainWrap .bottomnav .back a:before {
    top: 8px;
    left: 0px;
  }
  .mainWrap .bottomnav .next {
    text-align: right;
    right: 0;
  }
  .mainWrap .bottomnav .next a:after {
    top: 8px;
    right: 0px;
  }
  .mainWrap #goback {
    width: 110px;
  }
  .mainWrap #goback a:before {
    display: none;
  }

  /* お問い合わせ */
  .formCont {
    margin-top: 20px;
  }
  .formCont dl {
    overflow: auto;
    font-size: 116%;
  }
  .formCont dl dt {
    float: none;
    border-right: 1px solid #CCC;
    width: 100%;
    box-sizing: border-box;
  }
  .formCont dl dd {
    box-sizing: border-box;
    float: none;
    width: 100%;
  }
  .formCont dl dd input[type="text"],
  .formCont dl dd input[type="email"] {
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
  }
  .formCont dl dd input.widthXs {
    width: 29%;
  }
  .formCont dl dd select {
    font-size: 100%;
  }
  .formCont dl dd textarea {
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
  }

  /*  送信ボタン　 */
  .formBtnCont {
    text-align: center;
    margin-top: 20px;
  }
  .formBtnCont input[type="submit"] {
    padding: 12px 0;
    font-size: 108%;
    width: 50%;
  }


   /*==============
  160715＿追加
===============*/
.wrapper_l,.wrapper_r{
    position: relative;
    width:100%;
    clear:both;
  }

  /*------- スポーツリンク --------*/
.sportslink_wrapper_l,
.sportslink_wrapper_r{
  margin-top:20px;
  margin-right:0px;
  width:50%;
  float:left;
}
.sportslink_clear01,
.sportslink_clear02{
  margin:0px;
  clear: none;
}

  /*------- 会社情報 -------*/
  .aboutwrapper_l, .aboutwrapper_r{
    position: relative;
    width:100%;
    clear:both;
  }
  /*------- 採用情報 --------*/
.recruit_wrapper_l,.recruit_wrapper_r {
  position: relative;
  width:100%;
  clear:both;
  }


  /*==============
  160719＿富井追加
===============*/
.clear02{clear:both; overflow:hidden; margin:0px;}
/*------- TOPICS --------*/
.topics_wrapper_l,
.topics_wrapper_r{
  margin-top:50px;
  position: relative;
  width:100%;
  clear:both;
}

/*------- team order  --------*/
.team_order_wrapper50p_l,.team_order_wrapper50p_r{
  width:100%;
  clear:both;
}
.team_order_wrapper50p_r{margin-top:10px;}


.team_clear02{ margin:0px;}

.team_wrapper_22p_l,.team_wrapper_22p_r{
  margin-top:10px;
  width:100%;
  clear:both;
  }

.team_list_wrapper{
  margin-top:20px;
}
.team_list_l,.team_list_r{
  position: relative;
  width:100%;
  clear:both;
  overflow:scroll;
}
.team_list_r{margin-top:5px;}

/*==============
  160726＿富井追加
===============*/
/*------- ミズノアウトドア --------*/
.mzn_out{ width:100%;}

/*------- ミズノバレー教室 --------*/
.volly{ width:100%;}

/*------- オススメ商品 --------*/
.rec_img{width:100%;}



}
/*
Font-size list (base: 13px)
62% =  8px
70% =  9px
77% = 10px
85% = 11px  162% = 21px  239% = 31px
93% = 12px  170% = 22px  247% = 32px
100% = 13px  177% = 23px  254% = 33px
108% = 14px  185% = 24px  262% = 34px
116% = 15px  193% = 25px  270% = 35px
124% = 16px  200% = 26px  277% = 36px
131% = 17px  208% = 27px  285% = 37px
139% = 18px  216% = 28px  293% = 38px
147% = 19px  224% = 29px  300% = 39px
154% = 20px  231% = 30px  308% = 40px
*/

/*--media Screen --*/
@media screen and (min-width: 710px){
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 800px){
  .pc { display:none; }
  .sp { display:block; }