@charset "utf-8";
@import url("../fancybox/jquery.fancybox-1.3.4.css");
@import url("../css/flexslider01.css");

* {
  margin: 0;
  padding: 0;
}

ol,ul {
  list-style: none;
}

ol,ul,li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

body#strap {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",
    "Meiryo", "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic",
    sans-serif !important;
  font-size: 14px;
  color: #403d3d !important;
  line-height: 1.7;
  min-width: 1080px;
}

.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    arial, serif;
}

/* a {
  text-decoration: none;
  color: #1393ee;
} */

a:hover {
  color: #ffab00;
  text-decoration: none;
}

a:active,
a:focus {
  outline: 0;
}

a:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}

img {
  border: 0;
}

.clear {
  clear: both;
}

.center {
  text-align: center !important;
  margin: 0 auto;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.allbox-strap {
  margin: auto;
  width: 1030px;
}

.mainbox-strap {
  width: 1030px;
  margin: 0px auto 0;
}

.headbox {
  position: relative;
}

.atabbox-strap {
  position: absolute;
  top: 0;
  right: -50px;
}

.atabbox-strap.topP {
  /* 	top:590px; */
}

.leftbox-strap {
  width: 220px;
  float: left;
  margin-top: 10px;
}

.leftbox-strap img {
  max-width: 100%;
}

.rightbox-strap {
  /* float: right; */
  width: 780px;
  margin-top: 10px;
}

#strap .footbox {
  width: 1030px;
  margin: 0 auto !important;
  float: none;
}

.hedmenu {
  background: #fff;
}

.hedmenu table,
.footbox table {
  margin: 0 auto;
}

#ppz_recommend15 {
  width: 950px;
  margin: 30px auto 10px;
}

#sideiframe {
  width: 220px;
  float: left;
}

.iframe-header {
  width: 100%;
  height: 230px;
}

.iframe-side-top {
  width: 100%;
  height: 3903px;
}

.iframe-side {
  width: 100%;
  height: 4216px;
}

.iframe-footer {
  width: 100%;
  height: 1715px;
  margin-bottom: -8px;
}

/*************
/全体
*************/

.container {
  width: 1030px;
  margin: 0 auto;
  overflow: hidden;
}

.inner {
  width: 1030px;
  margin: 0 auto;
}

#main {
  float: right;
  width: 780px;
  margin: 15px 0 50px;
  padding-bottom: 50px;
}

#side {
  width: 220px;
  margin: 15px 0 20px;
  float: left;
}

.mgt15 {
  margin-top: 15px;
}

.mgt25 {
  margin-top: 25px;
}

.pdl35 {
  padding-left: 35px;
}

.mgb0 {
  margin-bottom: 0 !important;
}

.mgb20 {
  margin-bottom: 40px !important;
}

/*************
/ヘッダー
*************/

#header {
  z-index: 999;
}

#header .inner {
  position: relative;
  height: 120px;
}

#header h1 {
  position: absolute;
  font-size: 10px;
  font-weight: normal;
  top: 5px;
}

#header h2 {
  position: absolute;
  top: 36px;
}

.headtel {
  position: absolute;
  right: 0;
  top: 46px;
}

.freetext {
  position: absolute;
  right: 0;
  top: 0;
  background: #1393ee;
  padding: 5px 20px 5px;
  color: #fff;
  font-size: 13px;
  border-radius: 0 0 3px 3px;
}

.favorite {
  position: absolute;
  top: 62px;
  right: 320px;
}

#gnavi {
  overflow: hidden;
  margin: 20px auto 0;
  width: 1030px;
  z-index: 1;
}

#gnavi li {
  float: left;
  background: url("https://www.123strap.jp/imagesnew/navi/line.png") left bottom no-repeat;
  background-size: 2px 41px;
}

#gnavi li:last-child {
  background: url("https://www.123strap.jp/imagesnew/navi/line.png") left bottom no-repeat,
    url("https://www.123strap.jp/imagesnew/navi/line.png") right bottom no-repeat;
  background-size: 2px 41px;
}

#gnavi li a {
  display: block;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-position: center top;
  height: 50px;
  padding: 0 51px;
}

#gnavi li:nth-child(even) a {
  padding: 0 28px;
}

#gnavi li.navi01 a {
  width: 108px;
  background-image: url("https://www.123strap.jp/imagesnew/navi/01.png");
  background-size: 108px 100px;
}

#gnavi li.navi02 a {
  width: 91px;
  background-image: url("https://www.123strap.jp/imagesnew/navi/02.png");
  background-size: 91px 100px;
}

#gnavi li.navi03 a {
  width: 108px;
  background-image: url("https://www.123strap.jp/imagesnew/navi/03.png");
  background-size: 108px 100px;
}

#gnavi li.navi04 a {
  width: 108px;
  background-image: url("https://www.123strap.jp/imagesnew/navi/04.png");
  background-size: 108px 100px;
}

#gnavi li.navi05 a {
  width: 77px;
  background-image: url("https://www.123strap.jp/imagesnew/navi/05.png");
  background-size: 77px 100px;
}

#gnavi li.navi06 a {
  width: 62px;
  background-image: url("https://www.123strap.jp/imagesnew/navi/06.png");
  background-size: 62px 100px;
}

#gnavi li.navi07 a {
  width: 92px;
  background-image: url("https://www.123strap.jp/imagesnew/navi/07.png");
  background-size: 92px 100px;
}

#gnavi li a:hover {
  background-position: center -50px;
  height: 50px;
}

/*************
スライド
*************/

/* スライドショー */

#slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 440px;
  margin: -5px 0 20px;
}

#sliderInner {
  position: relative;
  left: 50%;
  width: 3150px;
  margin-left: -1575px;
  height: 440px;
}

#sliderInner li {
  width: 1030px;
}

#sliderInner li img {
  width: 100%;
}

#slideFilterL,
#slideFilterR {
  position: absolute;
  top: 0;
  width: 1060px;
  height: 100%;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha( opacity=30 )";
  background: #fff;
}

#slideFilterL {
  left: 0;
}

#slideFilterR {
  right: 0;
}

.bx-wrapper {
  margin: 0 auto;
  position: relative;
}

.bx-wrapper .bx-pager {
  margin: 0 auto;
  width: 1000px;
  background: #fff;
}

/* コントローラー */

.bx-wrapper .bx-prev {
  left: 985px;
  background: url("https://www.123strap.jp/imagesnew/leftcontrols.png") left center no-repeat;
  background-size: 27px 66px;
}

.bx-wrapper .bx-next {
  right: 985px;
  background: url("https://www.123strap.jp/imagesnew/rightcontrols.png") right center no-repeat;
  background-size: 27px 66px;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 170px;
  outline: 0;
  width: 27px;
  height: 66px;
  text-indent: -9999px;
  z-index: 9998;
}

/* ページャー */

.bx-wrapper .bx-pager {
  padding-top: 20px;
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  text-indent: -9999px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #959595;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #063893;
}

/*************
/サイド
*************/

.sidebn li img {
  width: 100%;
  margin-bottom: 5px;
}

#side h3 {
  color: #1393ee;
  font-size: 16px;
  border-bottom: 2px solid;
  margin-top: 20px;
  margin-bottom: 15px;
}

.sidecatelist li {
  clear: both;
  margin-bottom: 11px;
  padding-bottom: 22px;
  border-bottom: 1px dotted #ccc;
  font-size: 12px;
}

.sidecatelist2 li {
  clear: both;
  margin-bottom: 11px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ccc;
  font-size: 12px;
}

.sidecatelist li a,
.sidecatelist2 li a {
  color: #403d3d;
  display: block;
}

.sidecatelist li a:hover,
.sidecatelist2 li a:hover {
  color: #1393ee;
}

.sidecatelist li img,
.sidecatelist2 li img {
  width: 42px;
  float: left;
  margin-right: 10px;
  padding-left: 8px;
}

.sidecatelist li span.line1 {
  display: block;
  padding-top: 8px;
}

.sidecalendar {
  margin: 30px 0 40px;
}

.norton img,
.osmc img {
  margin-bottom: 10px;
}

.osmc {
  margin-top: 20px;
}

.mgt15 {
  margin-top: 15px;
}

.search span,
searchprice span {
  font-size: 14px;
}

.search {
  margin: 3px 0 0px;
}

.search input {
  border: 1px solid #a7a7a7;
}

.size01 {
  width: 95%;
  padding: 4px 0 2px;
}

.size02 {
  width: 38%;
  padding: 4px 0 2px;
}

.serchbtn {
  text-align: center;
  margin: 0 auto;
}

#strap .button {
  background: #666666;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 5px 0 3px;
  cursor: pointer;
  margin-top: 25px;
  width: 70%;
  border-radius: 3px;
  margin-bottom: 20px;
}

.sidecontentlist {
  margin-top: 30px;
}

.sidecontentlist li {
  margin-bottom: 7px;
  background: #eee;
}

.sidecontentlist li a {
  color: #403d3d;
  padding: 5px 10px 3px;
  display: block;
}

.sidecontentlist li a:hover {
  background: #8d8989;
  color: #fff;
}

/*************
/トップ
*************/
ul.hukidashi {
  width: 1030px;
  margin: 0 auto;
}

.hukidashi li {
  width: 198px;
  height: 101px;
  float: left;
  text-align: center;
  background: url("https://www.123strap.jp/imagesnew/top/hukidashi.png") left 0px no-repeat;
  background-size: 198px;
  color: #1393ee;
  font-size: 18px;
  font-weight: bold;
  padding-top: 13px;
  margin-right: 10px;
}

.hukidashi li:last-child {
  margin-right: 0;
}

.btn {
  width: 400px;
  border-radius: 4px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin-top: 30px;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
}

.btn2 {
  width: 400px;
  border-radius: 4px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin-top: 14px;
}

.btn a,
.btn2 a {
  color: #fff;
  padding: 17px 0 15px;
  display: block;
}

.btn a:hover,
.btn2 a:hover {
  border-radius: 4px;
}

.begginner {
  background-image: url("https://www.123strap.jp/imagesnew/top/btnicon01.png");
  background-size: 32px 27px;
  background-repeat: no-repeat;
  background-position: 60px center;
  background-color: #ff52b6;
  float: left;
  margin-left: 61px;
}

.begginner a {
  padding-left: 20px;
}

.begginner a:hover {
  background-image: url("https://www.123strap.jp/imagesnew/top/btnicon01.png");
  background-size: 32px 27px;
  background-repeat: no-repeat;
  background-position: 60px center;
  background-color: #1393ee;
}

.repeater {
  background-image: url("https://www.123strap.jp/imagesnew/top/btnicon02.png");
  background-size: 30px 32px;
  background-repeat: no-repeat;
  background-position: 60px center;
  background-color: #0047bc;
  float: right;
  margin-right: 61px;
}

.repeater a {
  padding-left: 48px;
}

.repeater a:hover {
  background-image: url("https://www.123strap.jp/imagesnew/top/btnicon02.png");
  background-size: 30px 32px;
  background-repeat: no-repeat;
  background-position: 60px center;
  background-color: #1393ee;
}

.leftbox,
.rightbox {
  width: 50%;
}

.leftbox {
  float: left;
}

.rightbox {
  float: right;
}

.beginertext {
  color: #ff52b6;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

.beginertext span {
  color: #eb9aa4;
  margin-right: 10px;
}

.repeatertext {
  color: #0047bc;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

.repeatertext span {
  color: #13acee;
  margin-right: 10px;
}

.top3list li {
  width: 230px;
  float: left;
  margin-right: 45px;
}

.top3list li:nth-child(3n) {
  margin-right: 0;
}

.top3list li img {
  width: 100%;
}

.topsec,
.sec01 {
  clear: both;
  padding-top: 30px;
}

.pd0 {
  padding-top: 0;
}

.mgt-40 {
  clear: both;
  margin-top: -40px;
}

.sec02 {
  margin: 50px 0 70px;
}

.topsec h3,
.sec01 h3 {
  font-size: 20px;
  color: #575757;
  border-bottom: 1px solid;
  margin-bottom: 20px;
  position: relative;
}

.cartundersec h3 {
  font-size: 22px;
  color: #0045a5;
  border-bottom: 1px dashed #9e9e9e;
  margin-bottom: 20px;
}

.cartundersec .title08 {
  text-align: left;
  font-size: 20px;
  padding-botom: 0;
  line-height: 1.2;
}

.topsec h3 span {
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
}

.topsec h3 span.sp01 {
  position: absolute;
  top: 4px;
  background: #059fec;
  color: #fff;
  padding: 0px 7px 0;
  transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -webkit-transform: rotate(-8deg);
}

.topsec h4 {
  font-size: 16px;
  position: relative;
  padding-left: 18px;
  margin-bottom: 15px;
}

.topsec h4:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  border-left: 6px solid #1393ee;
  height: 24px;
  border-radius: 5px;
}

.toppointlist {
  margin: 0 1px;
}

.toppointlist li {
  width: 175px;
  float: left;
  margin-right: 26px;
}

.toppointlist li:nth-child(4n) {
  margin-right: 0;
}

.toppointlist li img {
  width: 100%;
  height: auto;
}

.topitem4list {
  overflow: hidden;
}

.topitem4list li {
  width: 174px;
  float: left;
  margin-right: 28px;
  margin-bottom: 25px;
}

.topitem4list li:nth-child(4n) {
  margin-right: 0;
}

.topitem4list li:nth-child(4n + 1) {
  clear: both;
}

.topitem4list li img {
  width: 100%;
  height: auto;
}

.topitem4list li a,
.topunistand li a {
  color: #403d3d;
}

.topitem4list li a:hover,
.topunistand li a:hover {
  color: #1393ee;
}

.topunistand li {
  width: 376px;
  float: left;
  margin-right: 28px;
  margin-bottom: 25px;
}

.topunistand li:nth-child(2n) {
  margin-right: 0;
}

.topunistand li:nth-child(2n + 1) {
  clear: both;
}

.topunistand li img {
  width: 100%;
  height: auto;
}

.price {
  text-align: right;
  font-size: 13px;
  color: #ed0e0e;
  margin-top: 5px;
}

.topstand {
  position: relative;
}

.standtokuten {
  position: absolute;
  right: 0;
  top: 7px;
}

.bn01 {
  width: 637px;
  margin: 40px auto 20px;
}

.topbnlist {
  clear: both;
  padding-top: 60px;
}

.topbnlist li {
  float: left;
  width: 350px;
  margin: 0 20px 15px;
}

.topbnlist li img {
  width: 100%;
}

.caselist li {
  width: 120px;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}

.caselist li img {
  width: 100%;
  height: auto;
}

.caselist li:nth-child(6n) {
  margin-right: 0;
}

.caselist li:nth-child(6n + 1) {
  clear: both;
}

/*************
/下層
*************/

.beforeorder {
  border: 1px solid;
  border-radius: 4px;
  width: 700px;
  margin: 0 auto 100px;
}

.attentionT {
  font-size: 26px;
  text-align: center;
  background: #005ec2;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 8px 0 6px;
  border-radius: 3px 3px 0px 0px;
  margin-bottom: 20px;
}

/* .text01 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 10px;
} */

.list01 {
  margin-bottom: 20px;
}

.list01 li {
  color: #005ec2;
  font-weight: bold;
  font-size: 24px;
  padding-left: 50px;
}

.th01 {
  width: 650px;
  margin: 40px auto 30px;
  border-top: 1px solid;
}

.th01 td {
  border-bottom: 1px solid;
  font-size: 15px;
  padding: 4px 0 4px;
}

.titlebox01 {
  position: relative;
  border: 3px solid #059fec;
  border-radius: 5px;
  padding: 10px 0 8px;
  margin-bottom: 15px;
}

.titlebox01::before,
.titlebox01::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid transparent;
  margin-left: -10px;
}

.titlebox01::before {
  border-top: 25px solid #059fec;
}

.titlebox01::after {
  margin-top: -10px;
  border-top: 25px solid #fff;
}

.bggrayT {
  background: #717071;
  width: 260px;
  margin: 14px auto 12px;
  color: #fff;
  padding: 4px 0 2px;
  text-align: center;
}

.lightbluetext {
  color: #059fec;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.color-b {
  color: #138de8;
  font-weight: bold;
}

/* .text02 {
  font-size: 18px;
  padding-left: 30px;
} */

.text06 {
  font-size: 16px !important;
}

.text03 {
  position: absolute;
  right: 10px;
  top: -40px;
  background: #00b5ec;
  line-height: 1.4;
  width: 146px;
  color: #fff;
  font-size: 18px;
  padding: 8px 0 6px;
  border-radius: 3px;
  text-align: center;
  transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -webkit-transform: rotate(-8deg);
}

.subitemlist {
  overflow: hidden;
  padding-bottom: 50px;
}

.subitemlist li {
  text-align: center;
  float: left;
  width: 171px;
  margin: 30px 32px 30px 0;
}

.subitemlist li:nth-child(4n) {
  margin-right: 0;
}

.subitemlist li:nth-child(4n + 1) {
  clear: both;
}

.subitemlist li img {
  width: 171px;
  margin-bottom: 12px;
}

.blueorderlink {
  background: #1393ee;
  border-radius: 3px;
  margin-top: 12px;
}

.blueorderlink a,
.pinkorderlink a {
  color: #fff;
  display: block;
  padding: 6px 0 4px;
}

.blueorderlink a:hover,
.pinkorderlink a:hover {
  background: #6d6d6d;
  border-radius: 3px;
}

.pinkorderlink {
  background: #ff80c4;
  border-radius: 3px;
  margin-top: 12px;
}

.mgtb01 {
  overflow: hidden;
  margin-top: 50px;
  padding-bottom: 30px;
}

.charmlist li {
  float: left;
  width: 115px;
  margin-right: 18px;
  text-align: center;
  font-size: 12px;
  margin-bottom: 30px;
}

.charmlist li:nth-child(6n) {
  margin-right: 0;
}

.charmlist li:nth-child(6n + 1) {
  clear: both;
}

.charmlist li img {
  width: 106px;
  border-radius: 50%;
  margin-bottom: 7px;
}

.charmlist li a {
  color: #403d3d;
}

.charmlist li a:hover {
  color: #1393ee;
}

.charmlist01 li {
  float: left;
  width: 61px;
  margin-right: 18px;
  text-align: center;
  font-size: 12px;
  margin-bottom: 5px;
}

.charmlist01 li:nth-child(10n) {
  margin-right: 0;
}

.charmlist01 li:nth-child(10n + 1) {
  clear: both;
}

.charmlist01 li img {
  width: 100%;
  border-radius: 50%;
  margin-bottom: 7px;
}

.charmlist01 li a {
  color: #403d3d;
}

.charmlist01 li a:hover {
  color: #1393ee;
}

.bn02 {
  clear: both;
  text-align: center;
  padding: 20px 0 10px;
}

.bn03 {
  clear: both;
  text-align: center;
  padding: 40px 0 30px;
}

.mainimg img {
  width: 100%;
  margin-bottom: 10px;
}

.pcmainimg {
  margin: 0 auto 15px;
  width: 1030px;
}

.pcmainimg img {
  width: 100%;
}

.subhukidashi {
  overflow: hidden;
  margin: 0 1px 20px;
}

.subhukidashi li {
  width: 150px;
  height: 72px;
  float: left;
  text-align: center;
  background: url("https://www.123strap.jp/imagesnew/common/subhukidashi.png") left 6px no-repeat;
  background-size: 150px;
  color: #1393ee;
  padding-top: 16px;
  margin-right: 7px;
  font-weight: bold;
}

.subhukidashi li:last-child {
  margin-right: 0;
}

.repeatbtn {
  clear: both;
  background-image: url("https://www.123strap.jp/imagesnew/top/btnicon02.png");
  background-size: 30px 32px;
  background-repeat: no-repeat;
  background-position: 60px 24%;
  background-color: #0047bc;
  width: 400px;
  border-radius: 4px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin: 30px auto 10px;
}

.repeatbtn span.sp02 {
  padding-left: 30px;
}

.repeatbtn span.font14 {
  font-weight: normal;
  font-size: 14px;
  display: block;
  margin-top: 7px;
}

.repeatbtn a {
  color: #fff;
  padding: 14px 0 12px 0;
  display: block;
}

.repeatbtn a:hover {
  background-image: url("https://www.123strap.jp/imagesnew/top/btnicon02.png");
  background-size: 30px 32px;
  background-repeat: no-repeat;
  background-position: 60px 24%;
  background-color: #1393ee;
  border-radius: 4px;
}

.typelist li {
  width: 177px;
  float: left;
  margin-right: 24px;
  margin-bottom: 20px;
  background: #059fec;
  position: relative;
  color: #fff;
}

.typelist li:nth-child(4n) {
  margin-right: 0;
}

.typelist li img {
  width: 56px;
  float: left;
  margin-right: 12px;
}

.typelist li a {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  text-indent: -9999px;
}

.typelist li span {
  padding-top: 15px;
  display: block;
}

.typelist li a:hover {
  background: #fff;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}

.goodlist {
  overflow: hidden;
  margin-bottom: 15px;
}

.goodlist li img {
  width: 384px;
  float: left;
  margin-bottom: 20px;
}

.goodlist li:nth-child(2n) img {
  margin-left: 12px;
}

.completebox {
  border: 3px solid #059fec;
  border-radius: 3px;
  padding: 15px 17px 15px;
  background: url("https://trophy.itembox.design/item/common/bgcheck.jpg") left top repeat;
  background-size: 82px 76px;
  margin: 20px 0 30px;
  overflow: hidden;
}

.selectbox {
  margin: 20px 0;
}

.mgt-17 {
  margin-top: -17px;
}

.mgt0 {
  margin-top: 0 !important;
}

.typeT {
  margin-bottom: 5px;
  text-align: center;
}

.title01 {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
}

.leftitem,
.rightitem {
  width: 50%;
  text-align: center;
  margin-bottom: 0px;
}

.leftitem {
  float: left;
}

.rightitem {
  float: right;
}

.leftitem img,
.rightitem img {
  margin-bottom: 20px;
}

.bluetype,
.pinktype {
  color: #fff;
  width: 250px;
  margin: 0 auto;
  font-size: 20px;
  border-radius: 30px;
  padding: 3px 0 1px;
  margin-bottom: 8px;
}

.bluetype,
.bluetype01 {
  background: #059fec;
}

.pinktype {
  background: #ff6fbd;
}

.bluetype01 {
  color: #fff;
  font-size: 20px;
  border-radius: 30px;
  padding: 3px 0 1px;
  margin-bottom: 25px;
}

.bluetype02 {
  width: 320px;
  margin: 0 auto;
  color: #fff;
  font-size: 20px;
  border-radius: 30px;
  padding: 3px 0 1px;
  margin-bottom: 25px;
  background: #059fec;
}

.domeimglist {
  overflow: hidden;
  margin-bottom: 40px;
}

.domeimglist li {
  width: 165px;
  padding: 0 10px 0;
  float: left;
  text-align: center;
}

.domepinimglist {
  overflow: hidden;
  margin-bottom: 40px;
  margin-left: 26px;
}

.domepinimglist li {
  width: 212px;
  float: left;
  text-align: center;
  margin-right: 26px;
}

.typecomment {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.pointlist li {
  width: 148px;
  float: left;
  text-align: center;
  margin-top: 15px;
}

.pointlist li p {
  position: relative;
  border: 3px solid #059fec;
  width: 130px;
  margin: 0 auto 24px;
  border-radius: 3px;
  font-weight: bold;
  color: #059fec;
  padding: 5px 0 3px;
  background: #fff;
}

.pointlist li p::before,
.pointlist li p::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  content: "";
  height: 0;
  width: 0;
  border: 6px solid transparent;
}

.pointlist li p::before {
  border-top: 15px solid #059fec;
}

.pointlist li p::after {
  margin-top: -2px;
  border-top: 10px solid #fff;
}

.text04 {
  text-align: center;
  margin-top: 20px;
  color: #005ec2;
  font-weight: bold;
  font-size: 15px;
}

.shipping {
  width: 720px;
  margin: 30px auto 12px;
  border-collapse: separate;
  border-spacing: 10px;
}

.shipping td {
  font-size: 22px;
  font-weight: bold;
  color: #6c6a6a;
  padding: 0 15px;
}

.shipping th {
  font-size: 30px;
  color: #20ab13;
  letter-spacing: 0.1em;
  border-top: 3px solid #20ab13;
  border-bottom: 3px solid #20ab13;
}

.downloadbox {
  background: #ebebec;
  padding: 18px 17px 12px;
  margin: 30px 0 30px;
  overflow: hidden;
}

.dllist li img {
  float: left;
  width: 232px;
  margin: 7px 25px 10px 0;
}

.dllist li:nth-child(3n) img {
  margin-right: 0;
}

.title02 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
  color: #6c6a6a;
}

.textpink {
  font-size: 24px;
  text-align: center;
  color: #5f5b5d;
  font-weight: bold;
  background: #eee;
  padding: 5px 0 3px;
  margin-bottom: 20px;
}

.tabnavi01 {
  width: 372px;
  float: left;
  margin-right: 12px;
  margin-bottom: 0px;
}

#tabnavi li img {
  width: 186px;
  float: left;
  margin-right: 12px;
  margin-bottom: 0px;
}

#tabnavi li:last-child img {
  margin-right: 0;
}

#tabnavi li a {
  display: block;
}

#tabnavi li a:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
}

#tabnavi {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100%;
}

#tabnavi li {
  cursor: pointer;
  width: 130px;
  float: left;
  display: block;
  height: auto;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}

#tabnavi li img {
  width: 100%;
}

#tabnavi li:nth-child(2n) {
  border-right: none;
}

#tabnavi li.long {
  width: 260px;
  border-right: none;
}

#tabnavi li span {
  font-size: 11px;
  display: block;
}

#tabnavi li:nth-child(1) {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp0102.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi li:nth-child(1) a:hover {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp0102-hover.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi li:nth-child(2) {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp03.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi li:nth-child(2) a:hover {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp03-hover.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi li:nth-child(3) {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp04.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi li:nth-child(3) a:hover {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp04-hover.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi li:nth-child(4) {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp05.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi li:nth-child(4) a:hover {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp05-hover.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi li a.active {
  height: 180px;
}

#tabnavi.radynavi li a {
  display: block;
}

#tabnavi.radynavi {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100%;
}

#tabnavi.radynavi li {
  cursor: pointer;
  width: 50%;
  float: left;
  display: block;
  height: 180px;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}

#tabnavi.radynavi li img {
  width: 100%;
}

#tabnavi.radynavi li:nth-child(2n) {
  border-right: none;
}

#tabnavi.radynavi li a.active {
  height: 400px;
}

#tabnavi.radynavi li:first-child {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp0102-rady.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi.radynavi li:first-child a:hover {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp0102-rady-hover.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi.radynavi li:nth-child(2) {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp02-rady.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi.radynavi li:nth-child(2) a:hover {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp02-rady-hover.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi-dome li a {
  display: block;
}

#tabnavi-dome {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100%;
}

#tabnavi-dome li {
  cursor: pointer;
  width: 173px;
  float: left;
  display: block;
  height: auto;
  overflow: hidden;
  outline: none;
}

#tabnavi-dome li img {
  width: 100%;
}

#tabnavi-dome li:nth-child(2n) {
  border-right: none;
}

#tabnavi-dome li.long {
  width: 261px;
  border-right: none;
}

#tabnavi-dome li.long02 {
  width: 346px;
  border-right: none;
}

#tabnavi-dome li span {
  font-size: 11px;
  display: block;
}

#tabnavi-dome li a.active {
  height: 180px;
}

#tabnavi-dome li:nth-child {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp0102-dome.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi-dome li:nth-child a:hover {
  background: url(https://www.123-trophy.com/ct-strap/imagesnew/navi/sp0102-dome-hover.jpg)no-repeat;
  background-size: 100%;
}

#tabnavi-dome li:nth-child(2) {
  background: url(https://www.123strap.jp/imagesnew/navi/sp03-dome.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi-dome li:nth-child(2) a:hover {
  background: url(https://www.123strap.jp/imagesnew/navi/sp03-dome-hover.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi-dome li:nth-child(3) {
  background: url(https://www.123strap.jp/imagesnew/navi/sp04-dome.jpg) no-repeat;
  background-size: 100%;
}

#tabnavi-dome li:nth-child(3) a:hover {
  background: url(https://www.123strap.jp/imagesnew/navi/sp04-dome-hover.jpg) no-repeat;
  background-size: 100%;
}

.domerepeatbtn {
  float: right;
}

#tabnavi-semi {
  overflow: hidden;
  margin-bottom: 7px;
  margin-top: 5px;
}

#tabnavi-semi li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 18px;
  border-right: 1px solid #ffffff;
  background: #3cb652;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#tabnavi-semi li a {
  padding: 13px 0 11px;
  color: #fff;
  display: block;
}

#tabnavi-semi li a:hover {
  padding: 13px 0 11px;
  color: #fff;
  display: block;
  background: #ff6ea9;
}

#tabnavi-semi li:last-child {
  border-right: none;
}

.select2list100 {
  overflow: hidden;
}

.select2list100 li {
  width: 100%;
  text-align: center;
  margin: 1%;
  line-height: 1.4;
}

.select2list100 li img {
  width: 50%;
}

.text05 {
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 400px;
  margin: 20px auto 35px;
  padding: 7px 0 5px;
}

#tabcontent {
  margin-top: 10px;
}

#tabcontent h4 {
  font-size: 23px;
  text-align: center;
  background: url("https://www.123strap.jp/imagesnew/common/tabtitleback.jpg") left top repeat-x;
  background-size: 10px 62px;
  color: #fff;
  padding: 6px 0 4px;
  font-weight: normal;
}

.show h4 {
  font-size: 16px;
  text-align: center;
  background: url("images/common/tabtitleback.jpg") left top repeat-x;
  background-size: 10px 62px;
  color: #fff;
  padding: 6px 5px 4px;
}

.show h4.repeat {
  background: -moz-linear-gradient(top, #03a1da, #005daf);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#03a1da),
      to(#005daf));
  /* IE 5.5-7 */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#03a1da', endColorstr='#005daf', GradientType=0);
  /* IE 8+ */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#03a1da', endColorstr='#005daf', GradientType=0)";
  /* IE 10 */
  background: linear-gradient(to bottom, #03a1da, #005daf);
}

.cartbox {
  text-align: center;
  margin: 20px 0 20px;
}

.font12 {
  font-size: 12px;
}

.choicelist {
  overflow: hidden;
  margin-top: 70px;
}

.choicelist li {
  width: 350px;
  float: left;
  text-align: center;
  background: #ebebec;
  margin: 0 20px 25px;
  font-size: 16px;
  font-weight: bold;
}

.choicelist li a {
  padding: 12px 0 10px;
  display: block;
  color: #403d3d;
  transition: all 0.2s;
}

.choicelist li a:hover {
  color: #fff;
  background: #00b5ec;
}

.title03 {
  font-size: 23px;
  text-align: center;
  background: url("https://www.123strap.jp/imagesnew/common/titlebackblue.jpg") left top repeat-x;
  background-size: 11px 62px;
  color: #fff;
  padding: 6px 0 4px;
  font-weight: normal;
  margin-bottom: 15px;
}

.pinkbtn {
  width: 450px;
  margin: 20px auto 60px;
  border-radius: 4px;
  text-align: center;
  font-size: 22px;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  background: #ff6fbd;
  line-height: 1.5em;
}

.pinkbtn a {
  color: #fff;
  display: block;
  padding: 7px 0 6px;
}

.pinkbtn a:hover {
  background: #1393ee;
  border-radius: 4px;
}

.title04 {
  color: #ff80c4;
  font-size: 23px;
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 4px 0 2px;
  margin-bottom: 15px;
}

.bn3list {
  overflow: hidden;
  padding-top: 15px;
}

.bn3list li {
  width: 230px;
  float: left;
  margin-right: 45px;
  margin-bottom: 30px;
  font-size: 12px;
}

.bn3list li p.genrename {
  font-size: 15px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
}

.bn3list li p.genrename:before {
  position: absolute;
  content: "";
  border-left: 10px solid #442f2e;
  top: 9px;
  left: 0;
  width: 20px;
  height: 3px;
}

.bn3list li p.genrename a {
  color: #442f2e;
}

.bn3list li p a:hover {
  color: #1393ee;
}

.bn3list li:nth-child(3n) {
  margin-right: 0;
}

.bn3list li:nth-child(3n + 1) {
  clear: both;
}

.bn3list li img {
  width: 100%;
}

.list02 {
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 10px;
}

.list02 li {
  width: 224px;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  padding: 6px 7px 5px;
}

.list02 li:nth-child(3n) {
  margin-right: 0;
}

.list02 li img {
  width: 80px;
  float: left;
  margin-right: 10px;
}

.list02 li span {
  display: block;
  margin-top: 3px;
  font-size: 13px;
}

.list02 li a {
  color: #6b6b6b;
  font-weight: bold;
}

.list02 li a:hover {
  text-decoration: underline;
  color: #1393ee;
}

.list03 li img {
  width: 50px;
  float: left;
  margin-right: 10px;
}

.sec03 h3 {
  font-size: 24px;
  border-bottom: 3px solid #1393ee;
  margin-bottom: 20px;
}

.sec03 h4 {
  position: relative;
  padding-left: 20px;
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  margin-top: 25px;
}

.sec03 h4:after {
  content: "";
  height: 8px;
  width: 6px;
  display: block;
  background: #f9ca1f;
  position: absolute;
  top: 11px;
  left: 2px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-75deg);
}

.faq01 {
  margin: 40px 0 50px;
}

.faq dt,
.faq01 dt {
  cursor: pointer;
  font-size: 15px;
  margin-bottom: 13px;
  position: relative;
  padding: 5px 0 5px 30px;
  border-bottom: 1px dashed #ccc;
  font-weight: bold;
}

.faq dt:before,
.faq01 dt:before {
  content: "Q";
  font-size: 22px;
  font-weight: bold;
  color: rgba(19, 147, 238, 0.3);
  position: absolute;
  left: 0;
  top: 0;
}

.faq dd {
  position: relative;
  padding-left: 30px;
  display: none;
  margin-bottom: 25px;
}

.faq01 dd {
  position: relative;
  padding-left: 30px;
  margin-bottom: 25px;
}

.faq dd:before,
.faq01 dd:before {
  content: "A";
  font-size: 22px;
  font-weight: bold;
  color: #c4c4c4;
  position: absolute;
  left: 1px;
  top: -7px;
}

.dotlist li {
  list-style-type: disc;
  margin-left: 25px;
}

.dotlist02 li {
  list-style-type: disc;
  margin: 10px 0 0 25px;
}

.th02 {
  border-collapse: collapse;
  border: 1px solid;
  width: 96%;
  margin: 20px 0 26px;
}

.th02 th {
  width: 30%;
  padding: 10px 10px 8px;
  border: 1px solid;
  background: #fff9f5;
  font-weight: normal;
}

.th02 td {
  padding: 10px 20px 8px;
  border-bottom: 1px solid;
}

.th02 th.thT {
  font-size: 15px;
  background: #ffe9db;
  font-weight: bold;
}

.uline {
  text-decoration: underline;
}

.uline:hover {
  text-decoration: underline;
}

.linklist li {
  text-decoration: underline;
  margin: 14px 0;
}

.title05 {
  background: #f02424;
  padding: 4px 0 2px;
  text-align: center;
  width: 180px;
  color: #fff;
  border-radius: 3px;
  margin: 20px 0 15px;
}

.title06 {
  position: relative;
  padding-left: 24px;
  font-size: 15px;
  margin: 30px 0 10px;
  font-weight: bold;
}

.title06:after {
  content: "";
  height: 4px;
  width: 6px;
  display: block;
  position: absolute;
  top: 11px;
  left: 2px;
  border-left: 11px solid #1393ee;
}

.numlist li {
  list-style-type: decimal;
  margin: 5px 0 5px 28px;
}

.dl01 dt {
  border-bottom: 1px dotted #545454;
  font-size: 15px;
  font-weight: bold;
  color: #0781d8;
  padding-bottom: 3px;
  margin: 20px 0 10px;
}

.red {
  color: #f02424;
}

.abclist li {
  list-style-type: lower-alpha;
  margin: 7px 0 7px 30px;
}

.mgt50 {
  margin-top: 50px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.th03 {
  border-collapse: collapse;
  border: 1px solid;
  width: 96%;
  margin: 20px 0 26px;
  text-align: center;
}

.th03 th {
  padding: 10px 0 8px;
  width: 16%;
  border: 1px solid;
  background: #fff9f5;
}

.th03 td {
  padding: 10px 0 8px;
  border: 1px solid;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgb20 {
  margin-bottom: 20px;
}

.history {
  border-collapse: collapse;
}

.history th {
  width: 160px;
  text-align: left;
  border-bottom: 1px dashed;
  padding: 12px 0 10px 10px;
}

.history td {
  border-bottom: 1px dashed;
  padding: 12px 0 10px;
}

.imgleft {
  float: left;
}

.dl02 {
  width: 400px;
  float: right;
}

.dl02 dt {
  position: relative;
  padding-left: 24px;
  margin: 0 0 5px;
  padding-bottom: 10px;
  width: 90px;
  float: left;
}

.dl02 dt:after {
  content: "";
  height: 3px;
  width: 6px;
  display: block;
  position: absolute;
  top: 10px;
  left: 2px;
  border-left: 8px solid #f9ca1f;
}

.dl02 dd {
  margin-bottom: 15px;
}

.steplist {
  overflow: hidden;
}

.steplist li {
  float: left;
  width: 225px;
}

.steplist li p {
  font-size: 12px;
  padding-left: 25px;
  margin-top: 10px;
}

.steplist li.steparrow {
  width: 30px;
  text-align: center;
  padding-top: 110px;
  padding-left: 20px;
}

.kitbox {
  position: relative;
  width: 726px;
  margin: 30px auto 50px;
}

.kitkind {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -270px;
  width: 540px;
  overflow: hidden;
}

.kitkind li {
  border-radius: 3px;
  border: 5px solid #059fec;
  width: 200px;
  text-align: center;
  float: left;
  margin: 0 30px;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
}

.kitkind li a {
  padding: 10px 0 8px;
  display: block;
  color: #403d3d;
  font-size: 17px;
  transition: all 0.3s;
}

.kitkind li a span {
  font-size: 30px;
  font-weight: bold;
  color: #059fec;
}

.kitkind li a:hover {
  background: #059fec;
  color: #fff;
}

.kitkind li a:hover span {
  color: #fff;
}

.item5list {
  overflow: hidden;
}

.item5list li {
  width: 136px;
  float: left;
  margin-right: 25px;
  font-size: 13px;
  margin-bottom: 25px;
}

.item5list li:nth-child(5n) {
  margin-right: 0;
}

.item5list li:nth-child(5n + 1) {
  clear: both;
}

.item5list li a {
  color: #403d3d;
}

.item5list li img {
  width: 100%;
}

.nextlink {
  clear: both;
  text-align: right;
}

.nextlink a {
  color: #403d3d;
}

.nextlink a:hover {
  color: #1393ee;
  text-decoration: underline;
}

.good5 {
  border: 2px solid #ff6fbd;
  border-radius: 0 0 4px 4px;
  margin: -8px 0 30px 6px;
}

.good5 table {
  width: 700px;
  margin: 25px auto 30px;
  border-collapse: collapse;
  border: 1px solid #ccc;
  text-align: center;
}

.good5 table th {
  border: 1px solid #ccc;
  background: #ffe3f4;
  padding: 8px 0 6px;
  font-weight: normal;
}

.good5 table td {
  border: 1px solid #ccc;
  padding: 8px 0 6px;
  width: 22%;
}

.productbox {
  margin: 60px 0 0;
}

.productbox h3 {
  position: relative;
  border-bottom: 1px solid #8c8c8c;
  text-align: center;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 40px;
  padding-bottom: 7px;
}

.productbox h3::before,
.productbox h3::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid transparent;
}

.productbox h3::before {
  border-top: 15px solid #8c8c8c;
}

.productbox h3::after {
  margin-top: -2px;
  border-top: 15px solid #fff;
}

.productbox h3 span {
  font-size: 18px;
}

#tabnavi01,
#tabnavi02 {
  overflow: hidden;
  margin: 0 0 50px 15px;
  z-index: 1;
}

#tabnavi01 li,
#tabnavi02 li {
  float: left;
  margin-right: 15px;
}

#tabnavi01 li a,
#tabnavi02 li a {
  display: block;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-position: center top;
  background-size: 138px 254px;
  width: 138px;
  height: 127px;
}

#tabnavi01 li.tab01 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/hporderbtn01.png");
}

#tabnavi01 li.tab02 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/hporderbtn02.png");
}

#tabnavi01 li.tab03 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/hporderbtn03.png");
}

#tabnavi01 li.tab04 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/hporderbtn04.png");
}

#tabnavi01 li.tab05 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/hporderbtn05.png");
}

#tabnavi01 .active,
#tabnavi02 .active {
  background-position: center -127px;
  height: 127px;
}

#tabnavi02 li.tab01 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/dmorderbtn01.png");
}

#tabnavi02 li.tab02 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/dmorderbtn02.png");
}

#tabnavi02 li.tab03 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/dmorderbtn03.png");
}

#tabnavi02 li.tab04 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/dmorderbtn04.png");
}

#tabnavi02 li.tab05 a {
  background-image: url("https://www.123strap.jp/imagesnew/common/dmorderbtn05.png");
}

.selectlist {
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 10px;
}

.selectlist li {
  width: 224px;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  padding: 4px 10px 5px;
}

.selectlist li:nth-child(3n) {
  margin-right: 0;
}

.selectlist li img {
  width: 80px;
  float: left;
  margin-right: 20px;
  padding-bottom: 5px;
}

.selectlist li span {
  display: block;
  margin-top: 5px;
  font-size: 13px;
}

.selectlist li a {
  color: #6b6b6b;
  font-weight: bold;
  display: block;
}

.selectlist li a:hover {
  text-decoration: underline;
  color: #1393ee;
}

.typetitle {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #747474;
  margin: 10px 0 0;
}

.text10 {
  font-size: 13px;
  border: 1px solid;
  text-align: center;
  padding: 5px 0 3px;
}

.text11 {
  font-size: 30px;
  border: 1px solid;
  text-align: center;
  color: #7c7a7a;
  font-weight: bold;
  margin: 30px 0 30px;
}

.cartarea {
  margin: 50px 0 30px;
}

.productimg {
  float: left;
  width: 240px;
  margin-right: 30px;
}

.productimg img {
  width: 240px;
}

.productname {
  font-size: 18px;
  margin-bottom: 10px;
}

.productprice span {
  color: #fc1010;
}

.countbox {}

.cartin {
  margin-top: 25px;
}

.cartnum {
  width: 50px;
  padding: 6px 7px 4px;
  font-size: 16px;
  margin-left: 15px;
  margin-top: 10px;
}

#toCart {
  display: block;
  float: right;
  margin-right: 120px;
}

.snsbtn {
  margin: 40px 0 15px;
}

.btnlist {
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%;
  text-align: center;
}

.btnlist td {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 25%;
}

.btnlist td a {
  padding: 5px 0 3px;
  display: block;
  font-size: 13px;
  color: #6f6f6f;
}

.btnlist td a:hover {
  background: #8c8c8c;
  color: #fff;
}

.pointarea {
  border-top: 1px dashed #9a9a9a;
  padding: 15px 0 13px;
  margin: 30px 0 0;
}

.sec03 h5 {
  background: #eee;
  font-size: 16px;
  margin: 60px 0 20px;
  padding: 6px 0 4px 10px;
  border-radius: 3px;
}

.sec03 h5 span {
  font-weight: normal;
  margin-left: 20px;
  font-size: 15px;
  color: #f71616;
}

.payabout {
  border-collapse: collapse;
  border: 1px solid;
  width: 100%;
  margin: 0 0 30px;
}

.payabout th {
  width: 33%;
  border: 1px solid;
  padding: 5px 0 3px;
  background: #fff9f5;
}

.payabout td {
  border: 1px solid;
  padding: 6px 10px 4px;
  text-align: center;
}

.a01 {
  text-decoration: underline;
  color: #1873ae;
}

.nextlink01 {
  text-align: right;
  text-decoration: underline;
  font-weight: bold;
  margin-top: 20px;
}

.nextlink01 a {
  color: #6a6a65;
}

.nextlink01 a:hover {
  color: #1393ee;
}

.th04 {
  margin-bottom: 30px;
}

.th04 th {
  width: 140px;
  padding-top: 6px;
  font-size: 15px;
  text-align: left;
}

.text12 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px dashed;
  margin: 15px 0 15px;
}

.text13 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #ff52b0;
  margin: 40px 0 30px;
}

.dl04 dt {
  border-bottom: 1px dashed #7b7b7b;
  font-size: 17px;
  font-weight: bold;
  margin: 30px 0 15px;
  color: #facb1e;
}

.dl04 dd {
  text-align: center;
}

.dl04 dd img {
  margin-top: 20px;
}

.th05 {
  margin: 20px 0 50px;
}

.th05 th {
  width: 95px;
  background: #bdebfa;
  padding: 5px 0 3px;
  font-weight: normal;
  color: #000;
}

.th05 td {
  background: #eee;
  padding: 5px 0 3px;
  text-align: center;
}

.delivery {
  border-collapse: collapse;
  border: 1px solid #575757;
  width: 100%;
  margin: 30px 0 50px;
}

.delivery th {
  border: 1px solid #575757;
  padding: 8px 5px 6px;
  background: #bdebfa;
}

.delivery td {
  border: 1px solid #575757;
  width: 72px;
  text-align: center;
  padding: 8px 0 6px;
}

.rednormal {
  color: #f02424;
  font-weight: normal;
}

.normal {
  font-weight: normal;
}

.staffname {
  font-size: 17px;
  border-bottom: 1px dashed #9a9a9a;
  margin-bottom: 15px;
  font-weight: bold;
  padding-bottom: 3px;
}

.staffname span {
  font-size: 13px;
  color: #f9ca1f;
  margin-left: 15px;
  font-weight: normal;
}

.stafflist {
  margin-top: 30px;
}

.stafflist li {
  margin-bottom: 40px;
}

.stafflist li img {
  width: 200px;
  float: left;
  margin-right: 30px;
  margin-top: 6px;
}

.profile th {
  width: 120px;
  font-weight: normal;
  padding-bottom: 6px;
}

.profile td {
  padding-bottom: 6px;
}

.fbicon {
  float: right;
}

.fbicon img {
  width: 26px !important;
  margin: 0 !important;
}

.nextlink02 {
  background: #1393ee;
  width: 500px;
  margin: 20px auto 0;
  text-align: center;
}

.nextlink02 a {
  color: #fff;
  padding: 12px 0 10px;
  font-size: 20px;
  font-weight: bold;
  display: block;
}

.nextlink02 a:hover {
  background: #6d6d6d;
}

.shoplogo {
  margin: 30px 0 40px;
}

.shoplogo th {
  width: 260px;
  text-align: left;
  padding: 5px 0 3px;
}

.shoplogo td {
  width: 130px;
  padding: 5px 0 3px;
}

.shoplogo th img {
  width: 200px;
}

.shoplogo td img {
  width: 48px;
}

.numbox {
  text-align: center;
  padding-bottom: 15px;
  margin-top: 20px;
}

.numbox input {
  padding: 5px 5px 4px;
  width: 50px;
}

.cartbtn {
  text-align: center;
}

.cartbtn input {
  color: #fff;
  padding: 4px 20px 4px;
  cursor: pointer;
  background: #1ca33e;
  border-radius: 3px;
  font-size: 14px;
}

.giftlist li {
  margin-top: 25px;
}

.lettermessage {
  text-align: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.lettermessage input {
  text-align: center;
  width: 170px;
  padding: 4px 0 2px;
}

.lettermessage div {
  margin: 7px 0;
}

.firstflow dt {
  margin: 20px 0 18px;
}

.firstflow dd {
  padding-left: 88px;
  border-left: 2px dashed #818181;
  margin-left: 58px;
}

.firstflow dd:last-child {
  border: none;
}

.flowgoodlist {
  overflow: hidden;
}

.flowgoodlist li {
  width: 140px;
  float: left;
  margin-right: 24px;
  font-size: 12px;
  margin-bottom: 16px;
}

.flowgoodlist li:nth-child(4n) {
  margin-right: 0;
}

.flowgoodlist li img {
  width: 100%;
}

.flowgoodlist li a {
  color: #403d3d;
}

.flowgoodlist li a:hover {
  color: #1393ee;
}

.arrow01 {
  margin: 15px 0 8px;
  padding-left: 30px;
}

.text14 {
  font-size: 18px;
  color: #65b6e8;
}

.text15 {
  background: #ffa900;
  color: #fff;
  font-size: 15px;
  padding: 6px 0 4px;
  text-align: center;
  margin-bottom: 15px;
}

.title10 {
  text-align: center;
  border-top: 2px solid #9b9b9b;
  border-bottom: 2px solid #9b9b9b;
  font-size: 20px;
  padding: 6px 0 4px;
  margin: 30px 15px 10px;
}

.dl05 dt span {
  background: #717071;
  padding: 5px 5px 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
  border-radius: 3px;
}

.dl05 dd {
  text-align: center;
}

.dl05 dt {
  margin: 20px 0 20px;
}

.dl05 {
  margin: 40px 15px 30px;
}

.dl06 dt {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dashed;
  margin-bottom: 10px;
  margin-top: 20px;
}

.dl06 dd {
  margin-bottom: 50px;
}

.anchorlist {
  overflow: hidden;
  margin-top: 20px;
  background: #eee;
  padding: 15px 0 10px;
  margin-bottom: 40px;
}

.anchorlist li {
  width: 240px;
  float: left;
  font-size: 13px;
  margin: 6px 10px 4px;
  text-align: center;
}

.anchorlist li a {
  color: #3e3e3e;
  padding: 6px 0 4px;
  display: block;
}

.anchorlist li a:hover {
  background: #fff;
}

.seisakulist {
  overflow: hidden;
  margin: 30px 0 30px;
}

.seisakulist li {
  width: 240px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.seisakulist li:nth-child(3n) {
  margin-right: 0;
}

.seisakulist li img {
  width: 100%;
}

.topshipping {
  margin: 15px 0 20px;
}

.topshipping span {
  font-size: 17px;
  font-weight: bold;
  color: #ed0e0e;
  margin: 0 5px;
}

.ordernum {
  margin-bottom: 30px;
}

.ordernum span {
  font-weight: bold;
  margin: 0 20px;
}

.paymentnavi {
  overflow: hidden;
  margin: 35px 0 60px;
}

.paymentnavi li {
  width: 230px;
  float: left;
  background: #eee;
  text-align: center;
  border-radius: 3px;
  margin-right: 45px;
}

.paymentnavi li:last-child {
  margin-right: 0;
}

.paymentnavi li a {
  padding: 6px 0 4px;
  display: block;
  color: #403d3d;
  font-size: 15px;
  transition: all 0.3s;
}

.paymentnavi li a:hover {
  background: #1393ee;
  color: #fff;
  border-radius: 3px;
}

.beforeback {
  width: 300px;
  margin: 40px auto;
  text-align: center;
}

.beforeback a {
  background: #e0e0e0;
  padding: 6px 0 4px;
  display: block;
  color: #403d3d;
}

.beforeback a:hover {
  color: #fff;
  background: #1393ee;
}

/*************
/カートタブ部分
*************/

.designnum {
  font-size: 20px;
  font-weight: bold;
  padding-left: 40px;
}

.designnum span {
  margin: 0 17px;
}

.stfn {
  padding: 5px 10px 4px;
  font-size: 16px;
  border: 2px solid #ccc;
  background: #eee;
  width: 80px;
}

.stfn02 {
  padding: 5px 10px 4px;
  font-size: 16px;
  border: 2px solid #ccc;
  background: #eee;
}

.box01 {
  padding-left: 200px;
  padding-top: 15px;
}

.box02 {
  border-radius: 3px;
  border: 3px dotted #f185b2;
  padding: 10px 25px 18px;
  margin: 25px 40px 60px;
  overflow: hidden;
  position: relative;
}

.dl03 {
  width: 480px;
  float: right;
}

.dl03 dt {
  display: list-item;
  list-style: disc;
  color: #f185b2;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

.img01 {
  float: left;
  padding-top: 25px;
}

.borderbox {
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 0;
}

.borderbox h3 {
  position: relative;
  border-bottom: none;
  margin-top: 9px;
  margin-bottom: 0;
}

.title07 {
  margin-bottom: 15px;
}

.title08 {
  font-size: 26px;
  color: #6c6a6a;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid;
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 5px 0 3px;
}

.title09 {
  color: #ff6fbd;
  font-size: 22px;
  border-bottom: 2px solid;
  margin-bottom: 20px;
}

.bluebgtext {
  background: #03a5f1;
  color: #fff;
  font-size: 22px;
  padding: 8px 0 6px 40px;
  margin-bottom: 30px;
}

.pinkbgtext {
  background: #f185b2;
  color: #fff;
  font-size: 18px;
  padding: 8px 0 6px 40px;
  margin-bottom: 30px;
  text-align: center;
}

.select2list {
  overflow: hidden;
}

.select2list li {
  width: 314px;
  float: left;
  text-align: center;
  margin: 0 30px 20px;
}

.select2list li:nth-child(2n) {
  margin-left: 0;
}

.select2list li img {
  width: 283px;
}

.domepinlist {}

.domepinlist li {
  overflow: hidden;
  margin: 50px 0 70px;
}

.domepinlist li div {
  padding: 0 25px;
  float: left;
  text-align: center;
}

.domepinlist li div img {
  width: 283px;
  margin-bottom: 14px;
}

.domepinlist li table {
  text-align: center;
  border-collapse: collapse;
  margin-right: 25px;
  font-size: 13px;
}

.domepinlist li table th {
  width: 25%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  font-size: 14px;
}

.domepinlist li table td {
  border-bottom: 1px solid #ccc;
  padding: 10px 10px 8px;
}

.itemname {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
}

.itemnumber {
  color: #7f7f7f;
  margin-bottom: 7px;
}

.itemprice {
  color: #ce0303;
}

.itemprice span {
  font-weight: bold;
  font-size: 20px;
  margin: 0 5px 0 10px;
}

.pinkmail {
  width: 240px;
  margin: 35px auto 0;
}

.pinkmail a {
  color: #fff;
  padding: 6px 0 4px;
  display: block;
  background-image: url("https://www.123strap.jp/imagesnew/common/mailicon.png");
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 21px 15px;
  background-color: #f185b2;
  padding-left: 24px;
  border-radius: 3px;
}

.pinkmail a:hover,
.bluecontact a:hover {
  text-decoration: underline;
}

.bluecontact {
  width: 240px;
  margin: 0 auto;
}

.bluecontact a {
  color: #03a5f1;
  padding: 6px 0 4px;
  display: block;
  background-position: 20px center;
  background-repeat: no-repeat;
  padding-left: 24px;
  border-radius: 3px;
}

.solid {
  font-size: 17px;
  margin: 10px 0 10px;
  padding-right: 15px;
}

.solid span {
  margin: 0 10px;
}

.stfn01 {
  font-size: 18px;
  border: 2px solid #ccc;
  background: #eee;
  padding: 5px;
  margin: 0 5px 0 10px;
}

.sampleorder {
  color: #059fec;
  border: 2px solid #059fec;
  width: 260px;
  margin: 10px auto 14px;
  font-size: 15px;
  padding: 3px 0 1px;
  font-weight: bold;
}

.repeatnum {
  font-size: 17px;
  margin: 5px 0;
}

.repeatabout {
  font-size: 17px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.repeatabout select {
  font-size: 14px;
  width: 240px;
  border: 2px solid #ccc;
  padding: 10px 0 8px;
  background: #eee;
}

/* .imgleft01 {
  float: left;
  padding-right: 35px;
} */

.repeatcaution {
  width: 600px;
  margin: 0 auto 30px;
}

.text07 {
  font-size: 22px;
  color: #f185b2;
}

.list05 li {
  font-size: 18px;
  margin-bottom: 3px;
}

.list05 {
  width: 300px;
  margin: 10px auto 12px;
}

.mgb40 {
  margin-bottom: 40px;
}

.hukidashibox {
  position: relative;
  border: 4px solid #005ec2;
  width: 86%;
  margin: 35px auto 24px;
  border-radius: 3px;
  font-weight: bold;
  padding: 12px 10px 14px;
  text-align: center;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
}

.hukidashibox::before,
.hukidashibox::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  content: "";
  height: 0;
  width: 0;
  border: 14px solid transparent;
}

.hukidashibox::before {
  border-top: 30px solid #005ec2;
}

.hukidashibox::after {
  margin-top: -4px;
  border-top: 24px solid #fff;
}

.hukidashibox h3 {
  font-size: 30px;
  color: #005ec2;
  margin-bottom: 7px;
}

.text08 {
  font-size: 18px;
  color: #6c6a6a;
}

.text09 {
  font-size: 24px;
  font-weight: bold;
  color: #6c6a6a;
}

.omotebox {
  float: left;
  position: relative;
  margin-bottom: 30px;
}

.urabox {
  float: left;
  position: relative;
  padding-left: 20px;
}

.omotebox p,
.urabox p {
  position: absolute;
  top: 0;
  right: 0;
  border: 3px solid #00b5ec;
  padding: 10px 16px 8px;
  font-size: 22px;
  background: #fff;
  border-radius: 100px;
  color: #6c6a6a;
}

.imgbox {
  position: relative;
  width: 690px;
  margin: 60px auto 0;
}

.circle01 {
  position: absolute;
  right: 0;
  top: 50px;
}

.sportsbox01 {
  margin: 30px 0 12px;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  overflow: hidden;
  padding: 10px 0 20px;
  position: relative;
}

.sportsbox {
  position: relative;
}

.sportsimg {
  float: left;
  padding-right: 20px;
}

.sportscatch {
  font-size: 22px;
  font-weight: bold;
  margin: 10px 0 7px;
}

.catch {
  text-align: center;
  font-size: 22px;
  color: #138de8;
  margin-bottom: 15px;
}

.circle02 {
  position: absolute;
  right: 30px;
  bottom: 20px;
}

.charmbox {
  padding-top: 50px;
  clear: both;
}

.charmbox h3 {
  text-align: center;
  color: #fff;
  background: #00b5ec;
  padding: 4px 0 2px;
  font-size: 20px;
  margin-bottom: 35px;
}

.nyuukoumethod {
  overflow: hidden;
  margin-bottom: 30px;
}

.nyuukoumethod li {
  width: 331px;
  float: left;
}

.nyuukoumethod li.plus {
  width: 118px;
  text-align: center;
  padding-top: 60px;
}

.pink {
  color: #ff6fbd;
  font-size: 15px;
  margin-top: 7px;
}

.dotlist01 li {
  font-size: 16px;
  color: #6c6a6a;
  list-style-type: disc;
  margin-left: 180px;
}

.innerbox {
  padding: 10px 20px 15px;
}

.box04 {
  border: 1px solid #848484;
  border-radius: 4px;
  margin-top: 40px;
}

.box03 {
  border: 1px solid #848484;
  border-radius: 4px;
  margin-top: 40px;
}

.box03 p.title,
.box04 p.title {
  font-size: 22px;
  text-align: center;
  color: #fff;
  background: #848484;
  font-weight: bold;
  padding: 5px 0 3px;
  border-radius: 3px 3px 0 0;
}

.box03 ul {
  overflow: hidden;
  width: 750px;
  margin: 0 auto;
}

.box03 ul li {
  float: left;
  width: 180px;
  margin: 30px 35px;
}

.box03 ul li p {
  color: #059fec;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 15px;
}

.box03 ul li img {
  width: 180px;
}

.readylist {
  width: 283px;
  border-collapse: collapse;
  border: 1px solid #ccc;
  margin: 15px auto 20px;
}

.readylist th {
  width: 80px;
  border: 1px solid #ccc;
  padding: 5px 0 3px;
  font-weight: normal;
}

.readylist td {
  border: 1px solid #ccc;
  padding: 8px 8px 6px;
}

.readylist td input,
.readylist td select {
  width: 160px;
  padding: 4px 7px 2px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  font-size: 12px;
}

.readycart input {
  background: #19b137;
  width: 120px;
  border: none;
  color: #fff;
  padding: 4px 0 3px;
  font-size: 15px;
  cursor: pointer;
}

/*************
/footer
*************/

.footbnlist {
  width: 1030px;
  margin: 50px auto 0;
  overflow: hidden;
  padding-bottom: 50px;
}

.footbnlist li img {
  width: 190px;
  float: left;
  margin-right: 20px;
}

.footbnlist li:last-child img {
  margin-right: 0;
}

#footer {
  padding-top: 15px;
  margin-top: 20px;
  border-top: 1px solid #e6e6e6;
}

#footer .inner {
  position: relative;
}

.footflow {
  overflow: hidden;
  margin-top: 36px;
}

.footflow li {
  float: left;
  text-align: center;
  font-size: 12px;
}

.flowarrow {
  padding: 90px 0 0;
}

.flowname {
  color: #0047bc;
  font-weight: bold;
  font-size: 14px;
  height: 50px;
  margin-top: 14px;
  width: 170px;
}

.flowT {
  padding: 44px 2px 0 0;
}

.shopinfotitle {
  background: #03a5f1;
  padding: 12px 0 2px 0;
  text-align: center;
  border-radius: 5px 5px 0 0;

  margin-top: 50px;
}

.shopguidebox {
  border: 4px solid #03a5f1;
  padding: 0 30px 25px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  margin-bottom: 46px;
  background: #fff;
}

.shopguidebox h4 {
  color: #1393ee;
  font-size: 16px;
  margin-bottom: 10px;
  border-bottom: 1px dashed;
  margin-top: 40px;
  padding-bottom: 4px;
}

.shopguidebox h4 span {
  font-size: 13px;
  font-weight: normal;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

.shopguidebox h4 span a span {
  font-size: 10px;
  margin-top: 3px;
  color: #828282;
  float: left;
}

.leftguide {
  width: 47%;
  float: left;
}

.rightguide {
  width: 47%;
  float: right;
}

.mgbt7 {
  margin: 7px 0;
}

.mgbt20 {
  margin: 20px 0;
}

.mgb80 {
  margin-bottom: 80px;
}

.mgt10 {
  margin-top: 10px;
}

.border-b {
  margin-bottom: 13px;
  border-bottom: 1px solid #b0b0b0;
  padding-bottom: 15px;
}

.haisouprice {
  margin-top: 20px;
}

.haisouprice li {
  background: #e5e9ed;
  width: 128px;
  float: left;
  margin-right: 10px;
  padding: 6px 8px 4px;
  margin-bottom: 7px;
}

.haisouprice li:nth-child(3n) {
  margin-right: 0;
}

.haisouprice li span {
  float: right;
}

.orderarea {
  background: url("https://www.123strap.jp/imagesnew/footer/backstripe.jpg") left top repeat;
  background-size: 64px 64px;
  overflow: hidden;
  height: 170px;
  margin-top: 40px;
}

.orderarea .inner {
  position: relative;
}

/* .foottel {
  position: absolute;
  bottom: -130px;
  left: 0px;
} */

.footlogo {
  position: absolute;
  bottom: -130px;
  right: 0;
  width: 496px;
}

.imgleft {
  float: left;
}

.imgright {
  float: right;
}

.imgright01 {
  float: right;
  margin-left: 20px;
}

.address {
  padding-left: 30px;
  float: left;
}

.footnavi,
.footnavi01 {
  overflow: hidden;
  margin-top: 15px;
}

/* .footnavi li,
.footnavi01 li {
  float: left;
  margin-bottom: 7px;
  padding: 0 20px;
  font-size: 13px;
  position: relative;
} */

/* .footnavi li:before,
.footnavi01 li:before {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  border-left: 1px solid #616060;
  width: 1px;
  height: 12px;
} */

/* .footnavi li a,
.footnavi01 li a {
  color: #6e6b6b;
} */

/* .footnavi li a:hover,
.footnavi01 li a:hover {
  color: #1393ee;
}

.copy {
  font-size: 12px;
  color: #fff;
  background: #1393ee;
  text-align: center;
  padding: 4px 0 25px;
} */

/*************
/ページトップ
*************/

#page-top {
  position: fixed;
  bottom: -86px;
  right: 20px;
  z-index: 999;
}

/* #page-top a {
  display: block;
  padding: 22px 20px 20px !important;
  background: #9c9c9c !important;
  border-radius: 3px !important;
  text-align: center;
  width: 27px !important;
} */

#page-top a:hover {
  background: #747474;
}

.member {
  width: 1030px;
  margin: 0 auto;
  padding-top: 22px;
  text-align: right;
  font-size: 12px;
}

/* レコメンド */

#recommend02 {
  margin-top: 50px;
  overflow: hidden;
  width: 780px;
}

#recommend02 ul {
  width: 780px !important;
  margin-top: 15px;
}

#recommend02 ul li {
  float: left;
  margin: 0 15px 15px 0 !important;
  width: 144px !important;
  height: auto !important;
}

#recommend02 ul li p {
  width: 144px !important;
}

#recommend02 ul li a {
  color: #403d3d !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
}

#recommend02 ul li a:hover {
  color: #1393ee;
}

#recommend02 ul li img {
  width: 100%;
}

#recommend02 ul li:nth-child(5n) {
  margin-right: 0 !important;
}

#recommend02 ul li:nth-child(5n + 1) {
  clear: both;
}

/* 10/19追加分 */

.logoutbtn {
  text-decoration: underline;
  margin-left: 15px;
}

.topiframe-5,
.topiframe-2 {
  width: 780px;
  height: 62px;
}

.iframe-5,
.iframe-2 {
  width: 780px;
  height: 57px;
}

#recommend02 ul li p {
  line-height: 1.2;
}

/* 2017/1/25 追記 */

header {
  background-color: #f9f9f9;
  width: 100%;
  color: #fff;
  border-bottom: 1px solid #707070;
  border-top: 9px solid #1393ee;
  height: 52px;
}

.cb-header {
  position: fixed;
  left: 0;
  top: -65px;
  z-index: 9999;
}

.headerinner {
  width: 1030px;
  margin: 0 auto;
  overflow: hidden;
}

header .logo {
  padding-top: 5px;
  width: 245px;
  float: left;
  padding-left: 25px;
}

.hedernavi {
  overflow: hidden;
  float: right;
  margin-top: 20px;
}

.hedernavi li {
  float: left;
  padding: 0 15px;
  font-size: 15px;
  border-right: 1px solid #000000;
  line-height: 1.1;
}

.hedernavi li:last-child {
  border-right: none;
}

.hedernavi li a {
  color: #000;
}

.hedernavi li a:hover {
  color: #005ec7;
}

.guidelink {
  text-align: center;
  margin: 50px 0 70px;
  font-size: 20px;
}

.guidelink a {
  background: #03a5f1;
  color: #fff;
  padding: 12px 60px 9px;
  border-radius: 5px;
}

.guidelink a:hover {
  background: #005ec7;
  padding: 12px 60px 9px;
  border-radius: 5px;
}

.fs16 {
  font-size: 16px !important;
}

.modal-content {
  position: relative;
  display: none;
  z-index: 999;
  width: 780px;
  margin: 20px 0 30px;
  font-size: 13px;
  padding: 40px 5px 25px;
  border: 2px solid #aaa;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.modal-content p {
  margin: 0;
  padding: 0;
}

.modal-overlay {
  z-index: 99;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-wrap {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 85%;
  height: 100%;
  overflow: auto;
}

.modal-wrap::-webkit-scrollbar {
  display: none;
}

.modal-open {
  color: #00f;
  text-decoration: underline;
}

.modal-open:hover {
  cursor: pointer;
  color: #f00;
}

a.modal-close {
  position: absolute;
  top: 2px;
  right: 5px;
  color: #1171f8 !important;
  font-size: 45px;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
}

a.modal-close:hover {
  cursor: pointer;
}

.tittitle {
  text-align: center;
  margin-top: 30px;
}

.norr {
  overflow: hidden;
  margin: 10px auto 20px;
  border: 1px solid #13479c;
  width: 80%;
}

.norr li {
  float: left;
  width: 50%;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  border-right: 1px solid #13479c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.norr li:first-child a {
  color: #fff;
  display: block;
  background: #2585c8;
  padding: 15px 0 12px;
}

.norr li:last-child a {
  color: #fff;
  display: block;
  background: #2585c8;
  padding: 15px 0 12px;
}

.norr li:last-child {
  border-right: none;
}

.norr li a:hover {
  background: #1393ee;
}

.norr li i {
  padding-right: 4px;
  font-size: 20px;
}

.fs10 {
  font-size: 10px;
}

.modalnametitle {
  font-size: 18px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 0.5em;
}

.modalnametitle span {
  display: block;
  font-size: 15px;
  font-weight: normal;
}

.flowtitle a {
  position: absolute;
  top: 13px;
  right: 60px;
  color: #fff;
  text-decoration: none;
  display: block;
  background: #f185b2;
  border-radius: 5px;
  padding: 4px 60px 3px;
  font-size: 16px;
  margin: 0px 0px 0px 0px;
}

.flowtitle a:hover {
  color: #fff;
  text-decoration: none;
  background: #2885c8;
  border-radius: 5px;
  padding: 4px 60px 3px;
}

.mgb20 {
  margin-bottom: 20px;
}

.designcou {
  text-align: center;
  width: 400px;
  margin: -10px auto 10px;
}

.designcou a {
  color: #fff;
  text-decoration: none;
  display: block;
  background: #f185b2;
  border-radius: 5px;
  padding: 12px 0 10px;
  font-weight: bold;
}

.designcou a:hover {
  color: #fff;
  text-decoration: none;
  background: #2885c8;
  border-radius: 5px;
  padding: 12px 0 10px;
}

.carttopext {
  font-size: 15px;
  margin: 27px 15px 60px;
  color: #005daf;
  font-weight: bold;
  text-align: center;
}

#new,
#tab05,
#tab04 {
  padding-top: 50px;
  margin-top: -50px;
}

.pageback {
  background: #39b200;
  border-radius: 5px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.pageback a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  display: block;
  padding: 9px 0 7px;
}

.pageback a:hover {
  background: #2042cf;
  padding: 9px 0 7px;
  border-radius: 5px;
}

.cartundersec {
  border-top: 3px solid #1393ee;
  margin-top: 30px;
}

.righttext {
  float: right;
  font-size: 16px !important;
  margin-top: 3px;
  padding-right: 25px;
  color: #059fec;
  font-weight: bold;
}

.contact-many {
  padding: 8px;
  text-align: center;
  font-weight: bold;
  border: solid 2px #336699;
  width: 500px;
  margin: auto;
  background-color: #f0f0f0;
  margin-bottom: 20px;
}

.dantai {
  margin: 30px;
  text-align: center;
}

.omoi p {
  margin: 5px;
  padding: 0 20px;
  text-align: center;
}

.jyuken-back {
  background-color: #fef6e6;
}

.toiawase {
  margin: 20px;
  text-align: center;
}