@charset "UTF-8";
/**
 * ショッピング
 */
/* ==========================================================================
   style
   ========================================================================== */
.and-box-wrap {
  position: relative; }
  .and-box-wrap .and-item {
    position: absolute;
    top: -30px;
    left: 45%; }
  .and-box-wrap .and-box {
    background-color: #dbebf0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    margin-top: 20px;
    padding: 0 3.05%;
    width: 100%; }
    .and-box-wrap .and-box dt, .and-box-wrap .and-box dd {
      float: left; }
    .and-box-wrap .and-box dt {
      width: 90px;
      padding-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .and-box-wrap .and-box dt {
          width: 100%; } }
      @media (min-width: 1040px) and (max-width: 1200px) {
        .and-box-wrap .and-box dt {
          width: 14.2857142857%; } }
      @media all and (min-width: 1200px) {
        .and-box-wrap .and-box dt {
          width: 110px; } }
      .and-box-wrap .and-box dt img {
        height: auto;
        width: 100%; }
    .and-box-wrap .and-box dd {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      zoom: 1;
      width: 515px;
      font-size: 128.5714285714%;
      padding: 29px 0 25px 3.248%; }
      @media screen and (max-width: 767px) {
        .and-box-wrap .and-box dd {
          width: 100%; } }
      @media (min-width: 1040px) and (max-width: 1200px) {
        .and-box-wrap .and-box dd {
          width: 81.8181818182%; } }
      @media all and (min-width: 1200px) {
        .and-box-wrap .and-box dd {
          width: 630px; } }
      .and-box-wrap .and-box dd .card-color.strong-text {
        margin-bottom: 5px;
        font-size: 133.3333333333%; }
      .and-box-wrap .and-box dd .note-list {
        font-size: 66.6666666667%; }

@media screen and (max-width: 767px) {
  .and-box-wrap {
    /*.and-item{
    	width: 20px;
    	
    	img{
    		height: auto;
    		width: 100%;
    	}
    	
    }*/ }
    .and-box-wrap .and-box {
      margin-top: 10px;
      padding: 0; }
      .and-box-wrap .and-box dt, .and-box-wrap .and-box dd {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        zoom: 1;
        float: none; }
      .and-box-wrap .and-box dt {
        background-color: #008ab4;
        color: #fff;
        font-weight: bold;
        font-size: 175%;
        text-align: center;
        padding: 10px 3.05%; }
        .and-box-wrap .and-box dt .and-sp-text {
          font-size: 57.1428571429%; }
      .and-box-wrap .and-box dd {
        padding: 10px 3.05% 13px; } }
.otoku-list-2column {
  margin-left: -2.440%; }
  .otoku-list-2column .otoku-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    width: 47.62%;
    float: left;
    margin-top: 20px !important;
    margin-left: 2.381%;
    padding: 20px 2.381%;
    /*&#otoku01{
    	background: url(img/bg-otoku01.gif) no-repeat right top #dbebf0;
    }
    
    &#otoku02{
    	background: url(img/bg-otoku02.gif) no-repeat right top #dbebf0;
    }
    
    &#otoku03{
    	background: url(img/bg-otoku03.gif) no-repeat right top #dbebf0;
    }
    
    &#otoku04{
    	background: url(img/bg-otoku04.gif) no-repeat right top #dbebf0;
    }
    
    &#otoku05{
    	background: url(img/bg-otoku05.gif) no-repeat right top #dbebf0;
    }
    
    &#otoku06{
    	background: url(img/bg-otoku06.gif) no-repeat right top #dbebf0;
    }
    
    &#otoku07{
    	background: url(img/bg-otoku07.gif) no-repeat right top #dbebf0;
    }
    
    &#otoku08{
    	background: url(img/bg-otoku08.gif) no-repeat right top #dbebf0;
    }
    
    &#otoku09{
    	background: url(img/bg-otoku09.gif) no-repeat right top #dbebf0;
    }*/ }
    .otoku-list-2column .otoku-list .card-color.strong-text {
      margin-bottom: 5px; }

/*@media screen and (max-width: $break-base) {
	
	.otoku-list-2column{
		
		.otoku-list{
			width: 326px;	
		}
		
	}

}*/
@media screen and (max-width: 767px) {
  .otoku-list-2column {
    margin-left: 0; }
    .otoku-list-2column .otoku-list {
      float: none;
      margin: 10px 0 0 0 !important;
      padding: 20px 3.05%;
      width: 100%; } }
.table02 th img {
  padding-top: 15px; }

.mix-text-l {
  font-weight: normal; }

.card-color {
  font-weight: bold; }

.blue-text {
  color: #1293ba; }

@media screen and (max-width: 767px) {
  .table02 th img {
    height: auto;
    padding-top: 0;
    width: 150px; } }
.tel-num-list li {
  border-top: 1px solid #e2e2e2;
  display: table;
  padding: 8px 0;
  width: 100%; }
  .tel-num-list li:first-child {
    border-top: none; }
  .tel-num-list li .shop-name,
  .tel-num-list li .shop-tel {
    display: table-cell;
    vertical-align: middle; }
  .tel-num-list li .shop-name {
    font-size: 100%; }
  .tel-num-list li .shop-tel {
    text-align: right; }
    .tel-num-list li .shop-tel .tel-num {
      text-align: right; }
      .tel-num-list li .shop-tel .tel-num:before {
        padding-right: 10px;
        position: inherit;
        top: inherit;
        left: inherit; }

@media screen and (max-width: 767px) {
  .tel-num-list li {
    display: block; }
    .tel-num-list li .shop-name,
    .tel-num-list li .shop-tel {
      display: block;
      text-align: center; } }
/* 電話番号 */
.tel-name {
  padding-right: 15px; }

.tel-num {
  font-size: 171.4285714286%;
  font-weight: bold; }
  .tel-num.icon-phone {
    padding-left: 36px;
    position: relative; }
    .tel-num.icon-phone:before {
      content: '\e606';
      font-size: 66.6666666667%;
      position: absolute;
      top: 29%;
      left: 0; }

/* カード別カラーボックス */
.gray-box .table-list,
.color-box .table-list {
  width: 100%; }
  .gray-box .table-list .table-list-icon,
  .color-box .table-list .table-list-icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    vertical-align: top; }
  .gray-box .table-list .table-list-text,
  .color-box .table-list .table-list-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    text-align: left; }
    .gray-box .table-list .table-list-text .mix-text-l,
    .color-box .table-list .table-list-text .mix-text-l {
      margin-bottom: 9px; }
.gray-box.one-icon .table-list .table-list-icon,
.color-box.one-icon .table-list .table-list-icon {
  width: 82px; }
  @media screen and (max-width: 767px) {
    .gray-box.one-icon .table-list .table-list-icon,
    .color-box.one-icon .table-list .table-list-icon {
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1200px) {
    .gray-box.one-icon .table-list .table-list-icon,
    .color-box.one-icon .table-list .table-list-icon {
      width: 12.987012987%; } }
  @media all and (min-width: 1200px) {
    .gray-box.one-icon .table-list .table-list-icon,
    .color-box.one-icon .table-list .table-list-icon {
      width: 100px; } }
  .gray-box.one-icon .table-list .table-list-icon img,
  .color-box.one-icon .table-list .table-list-icon img {
    height: auto;
    width: 100%; }
.gray-box.one-icon .table-list .table-list-text,
.color-box.one-icon .table-list .table-list-text {
  width: 527px;
  padding-left: 2.60%; }
  @media screen and (max-width: 767px) {
    .gray-box.one-icon .table-list .table-list-text,
    .color-box.one-icon .table-list .table-list-text {
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1200px) {
    .gray-box.one-icon .table-list .table-list-text,
    .color-box.one-icon .table-list .table-list-text {
      width: 83.7662337662%; } }
  @media all and (min-width: 1200px) {
    .gray-box.one-icon .table-list .table-list-text,
    .color-box.one-icon .table-list .table-list-text {
      width: 645px; } }
.gray-box.double-icon .table-list .table-list-icon,
.color-box.double-icon .table-list .table-list-icon {
  width: 172px; }
  @media screen and (max-width: 767px) {
    .gray-box.double-icon .table-list .table-list-icon,
    .color-box.double-icon .table-list .table-list-icon {
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1200px) {
    .gray-box.double-icon .table-list .table-list-icon,
    .color-box.double-icon .table-list .table-list-icon {
      width: 27.2727272727%; } }
  @media all and (min-width: 1200px) {
    .gray-box.double-icon .table-list .table-list-icon,
    .color-box.double-icon .table-list .table-list-icon {
      width: 210px; } }
  .gray-box.double-icon .table-list .table-list-icon span,
  .color-box.double-icon .table-list .table-list-icon span {
    padding-right: 4.5%; }
  .gray-box.double-icon .table-list .table-list-icon img,
  .color-box.double-icon .table-list .table-list-icon img {
    width: 82px; }
    @media screen and (max-width: 767px) {
      .gray-box.double-icon .table-list .table-list-icon img,
      .color-box.double-icon .table-list .table-list-icon img {
        width: 100%; } }
    @media (min-width: 1040px) and (max-width: 1200px) {
      .gray-box.double-icon .table-list .table-list-icon img,
      .color-box.double-icon .table-list .table-list-icon img {
        width: 47.619047619%; } }
    @media all and (min-width: 1200px) {
      .gray-box.double-icon .table-list .table-list-icon img,
      .color-box.double-icon .table-list .table-list-icon img {
        width: 100px; } }
.gray-box.double-icon .table-list .table-list-text,
.color-box.double-icon .table-list .table-list-text {
  width: 629px;
  padding-left: 0; }
  @media screen and (max-width: 767px) {
    .gray-box.double-icon .table-list .table-list-text,
    .color-box.double-icon .table-list .table-list-text {
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1200px) {
    .gray-box.double-icon .table-list .table-list-text,
    .color-box.double-icon .table-list .table-list-text {
      width: 100%; } }
  @media all and (min-width: 1200px) {
    .gray-box.double-icon .table-list .table-list-text,
    .color-box.double-icon .table-list .table-list-text {
      width: 770px; } }
