@charset "UTF-8";
#sub_print_mark { display: none; }

header.l-header {
  z-index: 10000;
  position: fixed;
}

/* base */
#custom {
  margin-bottom: 110px;
  padding-bottom: 50px;
  background: #f2f2f2;
}

#in_custom {
  margin: 0 auto;
  width: 1130px;
  overflow: hidden;
}

/*　flow_step　*/
#title { padding-top: 160px; }

#title .logo {
  text-align: center;
  margin-bottom: 50px;
}

#title .logo img { width: 225px; }

#title h2 {
  text-align: center;
  margin-bottom: 70px;
  position: relative;
}

#title h2::before {
  margin-left: -50px;
  width: 100px;
  height: 2px;
  left: 50%;
  bottom: 0;
  background: #000;
  content: "";
  position: absolute;
}

#title h2 img {
  margin-bottom: 30px;
  width: 190px;
}

#custom_step {
  margin: 0 auto;
  width: 1130px;
}

#custom_step .flow_step {
  text-align: center;
  margin-bottom: 55px;
}

#custom_step .flow_step dl {
  font-weight: bold;
  vertical-align: top;
  width: 220px;
  height: 180px;
  display: inline-block;
}

#custom_step .s_title {
  font-size: 16px;
  font-weight: bold;
  vertical-align: bottom;
  margin-bottom: 30px;
}

#custom_step .flow_step dt {
  font-size: 26px;
  line-height: 38px;
  margin-bottom: 15px;
}

#custom_step .s_title span {
  line-height: 14px;
  vertical-align: bottom;
  padding-left: 10px;
  display: inline-block;
}

#custom_step .flow_step dt span {
  font-size: 14px;
  line-height: 14px;
  display: block;
}

#custom_step .flow_step dd, #custom_step .flow_step dd br {
  font-size: 16px;
  color: #002a62;
  line-height: 20px;
}

#custom_step .flow_step dl:first-child { border-left: 1px solid #002a62; }

#custom_step .flow_step dl {
  border-right: 1px solid #002a62;
  position: relative;
}

#custom_step .flow_step dl:before {
  margin-top: -17.5px;
  width: 35px;
  height: 35px;
  top: 50%;
  right: -17.5px;
  background: url(../../img/icon_arrow01.png) 0 0 no-repeat;
  background-size: 35px auto;
  content: '';
  position: absolute;
}

#custom_step .flow_step dl:last-child:before { display: none; }
#custom_step .flow_step dl:first-child { background: url(../../img/icon_flow01.png) center 95% no-repeat; }
#custom_step .flow_step dl:nth-child(2) { background: url(../../img/icon_flow02.png) center 95% no-repeat; }
#custom_step .flow_step dl:nth-child(3) { background: url(../../img/icon_flow03.png) center 97% no-repeat; }
#custom_step .flow_step dl:nth-child(3) dt { margin-bottom: 35px; }
#custom_step .flow_step dl:nth-child(4) { background: url(../../img/icon_flow04.png) center 88% no-repeat; }
#custom_step .flow_step dl:nth-child(5) { background: url(../../img/icon_flow05.png) center 98% no-repeat; }

/**/
#mainimage { float: left; }

#select {
  width: 528px;
  float: right;
}

#in_select {
  box-sizing: border-box;
  padding: 50px ;
  height: 1036px;
  background: #fff;
}

#select .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: 2px solid #8c8b89;
}

#select .title span { font-size: 18px; }

#select .sst {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 2px;
  clear: both;
}

#select .sst2 {
  font-size: 14px;
  font-weight: bold;
  padding-top: 25px;
  clear: both;
}

/* FRONT BACKボタン */
#btn_frba {
  font-size: 0;
  margin: 40px auto 0;
  width: 285px;
  cursor: pointer;
}

#btn_frba li:hover, #btn_frba li.active {
  color: #fff;
  background: #000;
}

#btn_frba li {
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  width: 50%;
  display: inline-block;
  background: #fff;
}

#btn_frba li:first-child { border-left: 2px solid #000; }

/**/
/* wear */
#wear {
  text-align: center;
  margin-bottom: 30px;
}

/* logo */
#logo .input_area { margin-top: 40px; }

/**/
#mainimage { position: relative; }

.view_logo > div {
  top: 0;
  left: 0;
  position: absolute;
}

#front_image::before {
  transform: translateX(-25%) translateY(-25%) scale(0.8);
  vertical-align: top;
  z-index: 10;
  top: 28%;
  left: 55%;
  display: inline-block;
  content: url(../../img/shadow01.png);
  position: absolute;
}

#back_image::before {
  transform: translateX(-25%) translateY(-25%) scale(1);
  vertical-align: top;
  z-index: 10;
  top: 25%;
  left: 48%;
  display: inline-block;
  content: url(../../img/shadow01.png);
  position: absolute;
}

.bottom_image::before {
  transform: translateX(-25%) translateY(-25%) scale(1);
  vertical-align: top;
  z-index: 10;
  top: 28%;
  left: 40%;
  display: inline-block;
  content: url(../../img/shadow01.png);
  position: absolute;
}

#mainimage #front_image > div, #mainimage #back_image > div { display: none; }
#mainimage #front_image > div:first-child, #mainimage #back_image > div:first-child { display: block; }

/*　btn_print */
#btn_print {
  margin: 40px auto 0;
  width: 420px;
}

#btn_print li { margin-bottom: 15px; }

#btn_print li a {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.2em;
  line-height: 38px;
  text-align: center;
  border: 4px solid #000;
  display: block;
  background: #000;
}

#btn_print li a:hover {
  color: #000;
  text-decoration: none;
  background: #fff;
}

#print_logo { display: none; }
.textcolor01 { color: #fff; }
#custom #mainimage.wear4 .textcolor01 .b2_sub2, #custom #mainimage.wear4 .textcolor01 .f3_main, #custom #mainimage.wear4 .textcolor01 .f3_sub1, #custom #mainimage.wear4 .textcolor01 .f3_sub2, #custom #mainimage.wear4 .textcolor01 .b3_sub2, #custom #mainimage.wear4 .textcolor01 .bottom_image .f5_sub1, #mainimage.wear4 .textcolor01 .bottom_image .f5_sub1, #custom #mainimage.wear4 .textcolor01 .b5_sub1, #custom #mainimage.wear4 .textcolor01 .f5_sub1, #custom #mainimage.wear4 .textcolor01 .f6_main, #custom #mainimage.wear4 .textcolor01 .f6_sub1, #custom #mainimage.wear4 .textcolor01 .f6_sub2, #custom #mainimage.wear4 .textcolor01 .f6_sub3, #custom #mainimage.wear4 .textcolor01 .f6_sub4, { color: #fff; }

#custom #mainimage.wear4 #back_image .view_logo div:nth-child(4).textcolor01, #custom #mainimage.wear4 #back_image .textcolor01 .b5_main, #custom #mainimage.wear4 #back_image .textcolor01 .b6_main {
  color: #fff;
  background: #020334;
}

#custom #mainimage.wear4 #front_image .textcolor01 > .f5_sub1, #custom #mainimage.wear4 #back_image .textcolor01 .b5_sub1 { color: #020334; }
.textcolor02 { color: #3393c3; }
#custom #mainimage.wear4 .textcolor02 .f1_main, #custom #mainimage.wear4 .textcolor02 .b1_main, #custom #mainimage.wear4 .textcolor02 .f1_sub1, #custom #mainimage.wear4 .textcolor02 .b1_sub1, #custom #mainimage.wear4 .textcolor02 .f2_main, #custom #mainimage.wear4 .textcolor02 .b2_main, #custom #mainimage.wear4 .textcolor02 .f2_sub1, #custom #mainimage.wear4 .textcolor02 .b2_sub1, #custom #mainimage.wear4 .textcolor02 .f2_sub2, #custom #mainimage.wear4 .textcolor02 .b2_sub2, #custom #mainimage.wear4 .textcolor02 .f3_main, #custom #mainimage.wear4 .textcolor02 .b3_main, #custom #mainimage.wear4 .textcolor02 .f3_sub1, #custom #mainimage.wear4 .textcolor02 .b3_sub1, #custom #mainimage.wear4 .textcolor02 .f3_sub2, #custom #mainimage.wear4 .textcolor02 .b3_sub2, #custom #mainimage.wear4 .textcolor02 .f5_sub1, #custom #mainimage.wear4 .textcolor02 .b5_sub1, #custom #mainimage.wear4 .textcolor02 .f6_main, #custom #mainimage.wear4 .textcolor02 .f6_sub1, #custom #mainimage.wear4 .textcolor02 .f6_sub2, #custom #mainimage.wear4 .textcolor02 .f6_sub3, #custom #mainimage.wear4 .textcolor02 .f6_sub4, #custom #mainimage.wear4 .textcolor02 .b6_sub1, #custom #mainimage.wear4 .textcolor02 .b6_sub2, #custom #mainimage.wear4 .textcolor02 .b6_sub3, #custom #mainimage.wear4 .textcolor02 .b6_sub4 { color: #3393c3; }

#custom #mainimage.wear4 #front_image .textcolor02 .f4_main, #custom #mainimage.wear4 #front_image .textcolor02 .f4_sub1, #custom #mainimage.wear4 #front_image .textcolor02 .f4_sub2, #custom #mainimage.wear4 #front_image .textcolor02 .f4_sub3, #custom #mainimage.wear4 #front_image .textcolor02 .f4_sub4, #custom #mainimage.wear4 #front_image .textcolor02 .f5_main, #custom #mainimage.wear4 #back_image .view_logo div:nth-child(4).textcolor02, #custom #mainimage.wear4 #back_image .textcolor02 .b5_main, #custom #mainimage.wear4 #back_image .textcolor02 .b6_main {
  color: #fff;
  background: #3393c3;
}

.textcolor03 { color: #84b031; }
#custom #mainimage.wear4 .textcolor03 .f1_main, #custom #mainimage.wear4 .textcolor03 .b1_main, #custom #mainimage.wear4 .textcolor03 .f1_sub1, #custom #mainimage.wear4 .textcolor03 .b1_sub1, #custom #mainimage.wear4 .textcolor03 .f2_main, #custom #mainimage.wear4 .textcolor03 .b2_main, #custom #mainimage.wear4 .textcolor03 .f2_sub1, #custom #mainimage.wear4 .textcolor03 .b2_sub1, #custom #mainimage.wear4 .textcolor03 .f2_sub2, #custom #mainimage.wear4 .textcolor03 .b2_sub2, #custom #mainimage.wear4 .textcolor03 .f3_main, #custom #mainimage.wear4 .textcolor03 .b3_main, #custom #mainimage.wear4 .textcolor03 .f3_sub1, #custom #mainimage.wear4 .textcolor03 .b3_sub1, #custom #mainimage.wear4 .textcolor03 .f3_sub2, #custom #mainimage.wear4 .textcolor03 .b3_sub2, #custom #mainimage.wear4 .textcolor03 .f5_sub1, #custom #mainimage.wear4 .textcolor03 .b5_sub1, #custom #mainimage.wear4 .textcolor03 .f6_main, #custom #mainimage.wear4 .textcolor03 .f6_sub1, #custom #mainimage.wear4 .textcolor03 .f6_sub2, #custom #mainimage.wear4 .textcolor03 .f6_sub3, #custom #mainimage.wear4 .textcolor03 .f6_sub4, #custom #mainimage.wear4 .textcolor03 .b6_sub1, #custom #mainimage.wear4 .textcolor03 .b6_sub2, #custom #mainimage.wear4 .textcolor03 .b6_sub3, #custom #mainimage.wear4 .textcolor03 .b6_sub4 { color: #84b031; }

#custom #mainimage.wear4 #front_image .textcolor03 .f4_main, #custom #mainimage.wear4 #front_image .textcolor03 .f4_sub1, #custom #mainimage.wear4 #front_image .textcolor03 .f4_sub2, #custom #mainimage.wear4 #front_image .textcolor03 .f4_sub3, #custom #mainimage.wear4 #front_image .textcolor03 .f4_sub4, #custom #mainimage.wear4 #front_image .textcolor03 .f5_main, #custom #mainimage.wear4 #back_image .view_logo div:nth-child(4).textcolor03, #custom #mainimage.wear4 #back_image .textcolor03 .b5_main, #custom #mainimage.wear4 #back_image .textcolor03 .b6_main {
  color: #fff;
  background: #84b031;
}

.textcolor04 { color: #f2e82f; }
#custom #mainimage.wear4 .textcolor04 .f1_main, #custom #mainimage.wear4 .textcolor04 .b1_main, #custom #mainimage.wear4 .textcolor04 .f1_sub1, #custom #mainimage.wear4 .textcolor04 .b1_sub1, #custom #mainimage.wear4 .textcolor04 .f2_main, #custom #mainimage.wear4 .textcolor04 .b2_main, #custom #mainimage.wear4 .textcolor04 .f2_sub1, #custom #mainimage.wear4 .textcolor04 .b2_sub1, #custom #mainimage.wear4 .textcolor04 .f2_sub2, #custom #mainimage.wear4 .textcolor04 .b2_sub2, #custom #mainimage.wear4 .textcolor04 .f3_main, #custom #mainimage.wear4 .textcolor04 .b3_main, #custom #mainimage.wear4 .textcolor04 .f3_sub1, #custom #mainimage.wear4 .textcolor04 .b3_sub1, #custom #mainimage.wear4 .textcolor04 .f3_sub2, #custom #mainimage.wear4 .textcolor04 .b3_sub2, #custom #mainimage.wear4 .textcolor04 .f5_sub1, #custom #mainimage.wear4 .textcolor04 .b5_sub1, #custom #mainimage.wear4 .textcolor04 .f6_main, #custom #mainimage.wear4 .textcolor04 .f6_sub1, #custom #mainimage.wear4 .textcolor04 .f6_sub2, #custom #mainimage.wear4 .textcolor04 .f6_sub3, #custom #mainimage.wear4 .textcolor04 .f6_sub4, #custom #mainimage.wear4 .textcolor04 .b6_sub1, #custom #mainimage.wear4 .textcolor04 .b6_sub2, #custom #mainimage.wear4 .textcolor04 .b6_sub3, #custom #mainimage.wear4 .textcolor04 .b6_sub4 { color: #f2e82f; }

#custom #mainimage.wear4 #front_image .textcolor04 .f4_main, #custom #mainimage.wear4 #front_image .textcolor04 .f4_sub1, #custom #mainimage.wear4 #front_image .textcolor04 .f4_sub2, #custom #mainimage.wear4 #front_image .textcolor04 .f4_sub3, #custom #mainimage.wear4 #front_image .textcolor04 .f4_sub4, #custom #mainimage.wear4 #front_image .textcolor04 .f5_main, #custom #mainimage.wear4 #back_image .view_logo div:nth-child(4).textcolor04, #custom #mainimage.wear4 #back_image .textcolor04 .b5_main, #custom #mainimage.wear4 #back_image .textcolor04 .b6_main {
  color: #fff;
  background: #f2e82f;
}

.textcolor05 { color: #df8f1c; }
#custom #mainimage.wear4 .textcolor05 .f1_main, #custom #mainimage.wear4 .textcolor05 .b1_main, #custom #mainimage.wear4 .textcolor05 .f1_sub1, #custom #mainimage.wear4 .textcolor05 .b1_sub1, #custom #mainimage.wear4 .textcolor05 .f2_main, #custom #mainimage.wear4 .textcolor05 .b2_main, #custom #mainimage.wear4 .textcolor05 .f2_sub1, #custom #mainimage.wear4 .textcolor05 .b2_sub1, #custom #mainimage.wear4 .textcolor05 .f2_sub2, #custom #mainimage.wear4 .textcolor05 .b2_sub2, #custom #mainimage.wear4 .textcolor05 .f3_main, #custom #mainimage.wear4 .textcolor05 .b3_main, #custom #mainimage.wear4 .textcolor05 .f3_sub1, #custom #mainimage.wear4 .textcolor05 .b3_sub1, #custom #mainimage.wear4 .textcolor05 .f3_sub2, #custom #mainimage.wear4 .textcolor05 .b3_sub2, #custom #mainimage.wear4 .textcolor05 .f5_sub1, #custom #mainimage.wear4 .textcolor05 .b5_sub1, #custom #mainimage.wear4 .textcolor05 .f6_main, #custom #mainimage.wear4 .textcolor05 .f6_sub1, #custom #mainimage.wear4 .textcolor05 .f6_sub2, #custom #mainimage.wear4 .textcolor05 .f6_sub3, #custom #mainimage.wear4 .textcolor05 .f6_sub4, #custom #mainimage.wear4 .textcolor05 .b6_sub1, #custom #mainimage.wear4 .textcolor05 .b6_sub2, #custom #mainimage.wear4 .textcolor05 .b6_sub3, #custom #mainimage.wear4 .textcolor05 .b6_sub4 { color: #df8f1c; }

#custom #mainimage.wear4 #front_image .textcolor05 .f4_main, #custom #mainimage.wear4 #front_image .textcolor05 .f4_sub1, #custom #mainimage.wear4 #front_image .textcolor05 .f4_sub2, #custom #mainimage.wear4 #front_image .textcolor05 .f4_sub3, #custom #mainimage.wear4 #front_image .textcolor05 .f4_sub4, #custom #mainimage.wear4 #front_image .textcolor05 .f5_main, #custom #mainimage.wear4 #back_image .view_logo div:nth-child(4).textcolor05, #custom #mainimage.wear4 #back_image .textcolor05 .b5_main, #custom #mainimage.wear4 #back_image .textcolor05 .b6_main {
  color: #fff;
  background: #df8f1c;
}

.textcolor06 { color: #ca1c1d; }
#custom #mainimage.wear4 .textcolor06 .f1_main, #custom #mainimage.wear4 .textcolor06 .b1_main, #custom #mainimage.wear4 .textcolor06 .f1_sub1, #custom #mainimage.wear4 .textcolor06 .b1_sub1, #custom #mainimage.wear4 .textcolor06 .f2_main, #custom #mainimage.wear4 .textcolor06 .b2_main, #custom #mainimage.wear4 .textcolor06 .f2_sub1, #custom #mainimage.wear4 .textcolor06 .b2_sub1, #custom #mainimage.wear4 .textcolor06 .f2_sub2, #custom #mainimage.wear4 .textcolor06 .b2_sub2, #custom #mainimage.wear4 .textcolor06 .f3_main, #custom #mainimage.wear4 .textcolor06 .b3_main, #custom #mainimage.wear4 .textcolor06 .f3_sub1, #custom #mainimage.wear4 .textcolor06 .b3_sub1, #custom #mainimage.wear4 .textcolor06 .f3_sub2, #custom #mainimage.wear4 .textcolor06 .b3_sub2, #custom #mainimage.wear4 .textcolor06 .f5_sub1, #custom #mainimage.wear4 .textcolor06 .b5_sub1, #custom #mainimage.wear4 .textcolor06 .f6_main, #custom #mainimage.wear4 .textcolor06 .f6_sub1, #custom #mainimage.wear4 .textcolor06 .f6_sub2, #custom #mainimage.wear4 .textcolor06 .f6_sub3, #custom #mainimage.wear4 .textcolor06 .f6_sub4, #custom #mainimage.wear4 .textcolor06 .b6_sub1, #custom #mainimage.wear4 .textcolor06 .b6_sub2, #custom #mainimage.wear4 .textcolor06 .b6_sub3, #custom #mainimage.wear4 .textcolor06 .b6_sub4 { color: #ca1c1d; }

#custom #mainimage.wear4 #front_image .textcolor06 .f4_main, #custom #mainimage.wear4 #front_image .textcolor06 .f4_sub1, #custom #mainimage.wear4 #front_image .textcolor06 .f4_sub2, #custom #mainimage.wear4 #front_image .textcolor06 .f4_sub3, #custom #mainimage.wear4 #front_image .textcolor06 .f4_sub4, #custom #mainimage.wear4 #front_image .textcolor06 .f5_main, #custom #mainimage.wear4 #back_image .view_logo div:nth-child(4).textcolor06, #custom #mainimage.wear4 #back_image .textcolor06 .b5_main, #custom #mainimage.wear4 #back_image .textcolor06 .b6_main {
  color: #fff;
  background: #ca1c1d;
}

#custom #mainimage #front_image .textcolor01 .f5_sub1, #custom .view_logo > div:nth-child(4), .view_logo { color: #fff; }
#mainimage #front_image .textcolor01 .f5_sub1 { color: #000; }
.textcolor01 .b6_main { background: #fff; }

#custom .view_logo > div:nth-child(4).textcolor02, #custom .view_logo > div:nth-child(4).textcolor02 .bottom_image, #custom .view_logo > div:nth-child(5).textcolor02 div:first-child {
  color: #020334;
  background: #3393c3;
}

.textcolor02 .b6_main { background: #3393c3; }

#custom .view_logo > div:nth-child(4).textcolor03, #custom .view_logo > div:nth-child(4).textcolor03 .bottom_image, #custom .view_logo > div:nth-child(5).textcolor03 div:first-child {
  color: #020334;
  background: #84b031;
}

.textcolor03 .b6_main { background: #84b031; }

#custom .view_logo > div:nth-child(4).textcolor04, #custom .view_logo > div:nth-child(4).textcolor04 .bottom_image, #custom .view_logo > div:nth-child(5).textcolor04 div:first-child {
  color: #020334;
  background: #f2e82f;
}

.textcolor04 .b6_main { background: #f2e82f; }

#custom .view_logo > div:nth-child(4).textcolor05, #custom .view_logo > div:nth-child(4).textcolor05 .bottom_image, #custom .view_logo > div:nth-child(5).textcolor05 div:first-child {
  color: #020334;
  background: #df8f1c;
}

.textcolor05 .b6_main { background: #df8f1c; }

#custom .view_logo > div:nth-child(4).textcolor06, #custom .view_logo > div:nth-child(4).textcolor06 .bottom_image, #custom .view_logo > div:nth-child(5).textcolor06 div:first-child {
  color: #020334;
  background: #ca1c1d;
}

.textcolor06 .b6_main { background: #ca1c1d; }

@font-face {
  font-family: 'division sign';
  src: local('Georgia'), local('Times'), local('Times New Roman'), local('Serif');
}

@font-face {
  font-family: 'sportsjersey';
  src: url('../fonts/sportsjersey.woff') format('woff');
}

@font-face {
  font-family: 'College_Boy';
  src: url('../fonts/CollegeBoy.woff') format('woff');
}

@font-face {
  font-family: 'OldSansBlack';
  src: url('../fonts/OldSansBlack.woff') format('woff');
}

@font-face {
  font-family: 'OldSansBlack';
  src: url('../fonts/OldSansBlack.woff') format('woff');
}

#sub_print_mark .alttxt, .view_logo .alttxt { font-family: sans-serif; }
.view_logo > div { text-align: center; }

.view_logo > div:first-child div {
  font-family: 'sportsjersey', sans-serif ;
  font-weight: bold;
}

.view_logo div .comma { font-family: sans-serif ; }

.view_logo > div:nth-child(2) div {
  font-family: 'College_Boy', sans-serif ;
  font-weight: bold;
}

.view_logo > div:nth-child(3) div {
  font-family: 'Lobster', cursive, sans-serif ;
  font-style: italic;
}

.view_logo > div:nth-child(4) div, .view_logo > div:nth-child(5) div { font-family: 'OldSansBlack', sans-serif ; }

.view_logo > div:nth-child(6) div {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
}

.view_logo div > div {
  font-size: 12px;
  line-height: 14px;
  display: block;
}

.view_logo div > div:first-child {
  font-size: 30px;
  line-height: 30px;
  height: 30px;
}

/* base */
#custom {
  padding-bottom: 50px;
  background: #f2f2f2;
}

#in_custom {
  margin: 0 auto;
  padding-top: 90px;
  width: 1130px;
  overflow: hidden;
}

/**/
#mainimage { float: left; }

#select {
  width: 528px;
  float: right;
}

#in_select {
  box-sizing: border-box;
  padding: 35px 50px;
  background: #fff;
}

#select .st {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2em;
}

/* FRONT BACKボタン */
#btn_frba {
  font-size: 0;
  margin: 40px auto 0;
  width: 285px;
  cursor: pointer;
}

#btn_frba li:hover, #btn_frba li.active {
  color: #fff;
  background: #000;
}

#btn_frba li {
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  width: 50%;
  display: inline-block;
  background: #fff;
}

.view_logo > div:nth-child(4) { background: #fff; }
#btn_frba li:first-child { border-left: 2px solid #000; }

/**/
#mainimage > div.active { display: block; }

/* wear */
#wear {
  text-align: center;
  margin-bottom: 30px;
}

/* logo */
#logo {
  
}

/**/
#mainimage { position: relative; }
.view_logo > div { display: none; }
#mainimage #front_image .view_logo > div:first-child, #mainimage #back_image .view_logo > div:first-child { display: block; }

/*　btn_print */
#btn_print {
  margin: 40px auto 0;
  width: 420px;
}

#btn_print li { margin-bottom: 15px; }

#btn_print li a {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.2em;
  line-height: 38px;
  text-align: center;
  border: 4px solid #000;
  display: block;
  background: #000;
}

#btn_print li a:hover {
  color: #000;
  text-decoration: none;
  background: #fff;
}

/* error */
.input input { font-size: 16px; }

.input input, .input_select select {
  box-sizing: border-box;
  font-weight: bold;
  padding: 3px 10px;
  border: 1px solid #191313;
  width: 100%;
}

.input, .input_select { position: relative; }

.input .error, .input_select .error {
  border-radius: 15px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 4px 15px;
  width: 100%;
  z-index: 10;
  top: -32px;
  background: #002b62;
  position: absolute;
}

.input_select .error { background: #cf001b; }

.input .error.focus + input {
  border: 2px solid #002b62;
  background: #f7f9fd;
}

.input .error.active { background: #cf001b; }

.input_select .error.focus + select, .input .error.active.focus + input {
  border: 2px solid #cf001b;
  background: #f7e9ee;
}

.input_select span.error::before, .input .error.active::before { border-top: 10px solid #cf001b; }

.input_select .error::before, .input .error::before {
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top: 10px solid #002b62;
  border-bottom-width: 0;
  width: 0;
  height: 0;
  left: 10%;
  bottom: -7px;
  display: block;
  content: "";
  position: absolute;
}

.select_color {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select_wrap { position: relative; }

.select_wrap::before {
  pointer-events: none;
  width: 5px;
  height: 5px;
  top: 6px;
  right: 20px;
  display: inline-block;
  content: url(../../img/icon_bottom.png);
  position: absolute;
}

/* font style*/
#front_image, #back_image {
  color: #fff;
  text-align: center;
  position: relative;
}

/* wear4 */
.wear4 .view_logo > div > .f1_main, .wear4 .view_logo > div > .f1_sub1, .wear4 .b1_main, .wear4 .b1_sub1, .wear4 .b2_main, .wear4 .b2_sub1, .wear4 #front_image .view_logo > div > .f2_main, .wear4 #front_image .view_logo > div > .f2_sub1, .wear4 #front_image .view_logo > div > .f2_sub2, .wear4 #front_image .view_logo > div > .f3_main, .wear4 .view_logo > div > .b3_main, .wear4 .view_logo > div > .b3_sub1, .wear4 #front_image .view_logo > div > .f3_sub1, .wear4 #front_image .view_logo > div > .f3_sub2, .wear4 #front_image .view_logo > div > .f5_sub1, .wear4 #front_image .view_logo > div > .f6_main, .wear4 #front_image .view_logo > div > .f6_sub1, .wear4 #front_image .view_logo > div > .f6_sub2, .wear4 #front_image .view_logo > div > .f6_sub3, .wear4 #front_image .view_logo > div > .f6_sub4, #mainimage.wear4 #back_image .b5_sub1, #mainimage.wear4 #back_image .b6_sub1, #mainimage.wear4 #back_image .b6_sub2, #mainimage.wear4 #back_image .b6_sub3, #mainimage.wear4 #back_image .b6_sub4 { color: #020334; }

.wear4 .view_logo > div:nth-child(4), .wear4 #front_image .view_logo > div > .f4_main, .wear4 #front_image .view_logo > div > .f4_sub1, .wear4 #front_image .view_logo > div > .f4_sub2, .wear4 #front_image .view_logo > div > .f4_sub3, .wear4 #front_image .view_logo > div > .f4_sub4, .wear4 #front_image .view_logo > div > .f5_main, #mainimage.wear4 #back_image .view_logo > div:nth-child(4), #mainimage.wear4 #back_image .b5_main, #mainimage.wear4 #back_image .b6_main {
  color: #fff;
  background: #020334;
}

/* 01 */
#mainimage #front_image .view_logo > div:first-child {
  transform: scale(0.4);
  width: 40%;
  top: 25%;
  left: 38.5%;
  position: absolute;
}

#front_image .f1_main, #front_image .f1_sub1 {
  font-size: 28px;
  line-height: 24px;
  height: 24px;
}

#front_image .f1_main span, #front_image .f1_sub1 span {
  line-height: 24px;
  height: 24px;
}

#front_image .view_logo > div:first-child .bottom_image {
  transform: scale(0.6);
  top: 612px;
  position: relative;
}

#mainimage #back_image .view_logo > div:first-child {
  width: 52%;
  top: 23%;
  left: 24%;
  position: absolute;
}

#back_image .b1_main {
  font-size: 34px;
  letter-spacing: 0.05em;
  line-height: 38px;
  vertical-align: bottom;
  height: 38px;
}

#back_image .b1_main > span {
  line-height: 38px;
  vertical-align: bottom;
  height: 38px;
}

#back_image .b1_sub1 {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 30px;
  height: 30px;
}

#back_image .b1_sub1 span {
  line-height: 30px;
  height: 30px;
}

/* 02 */
#mainimage #front_image .view_logo > div:nth-child(2) {
  width: 30%;
  top: 25%;
  left: 43.5%;
  position: absolute;
}

#front_image .f2_main {
  letter-spacing: 0.08em;
  line-height: 38px;
  text-indent: 0.2em;
  height: 38px;
}

#front_image .view_logo > div:nth-child(2) .bottom_image {
  transform: scale(0.6);
  top: 220px;
  left: 5px;
  position: relative;
}

#front_image .f2_sub1, #front_image .f2_sub2 {
  transform: scale(0.7);
  font-size: 10px;
  height: 10px;
}

#mainimage #back_image .view_logo > div:nth-child(2) {
  width: 35%;
  top: 24%;
  left: 33%;
  position: absolute;
}

#back_image .b2_main {
  font-size: 28px;
  letter-spacing: 0.05em;
  line-height: 36px;
  height: 36px;
}

#back_image .b2_sub1 {
  font-size: 15px;
  height: 24px;
}

/* 03 */
#mainimage #front_image .view_logo > div:nth-child(3) {
  width: 30%;
  top: 25%;
  left: 43.5%;
  position: absolute;
}

#front_image .f3_main {
  font-size: 34px;
  letter-spacing: 0.08em;
  line-height: 40px;
  height: 40px;
}

#front_image .f3_sub1, #front_image .f3_sub2 {
  transform: scale(0.7);
  font-size: 8px;
  height: 8px;
}

#front_image .view_logo > div:nth-child(3) .bottom_image {
  transform: scale(0.7);
  top: 220px;
  position: relative;
}

#mainimage #back_image .view_logo > div:nth-child(3) {
  width: 35%;
  top: 24.5%;
  left: 32%;
  position: absolute;
}

#back_image .b3_main {
  font-size: 32px;
  letter-spacing: 0.02em;
  line-height: 28px;
  vertical-align: bottom;
  height: 28px;
}

#back_image .b3_main span {
  line-height: 28px;
  vertical-align: bottom;
  height: 28px;
}

#back_image .b3_sub1 {
  font-size: 12px;
  height: 24px;
}

/* 04 */
#mainimage #front_image .view_logo > div:nth-child(4) {
  transform: scale(0.7);
  padding: 4px 0;
  width: 12%;
  top: 25%;
  left: 52%;
  position: absolute;
}

.view_logo > div:nth-child(4) .bottom_image {
  color: #000;
  background: #fff;
}

div.f4_main, div.f4_sub1, div.f4_sub2, div.f4_sub3, div.f4_sub4 { color: #000; }

#front_image .f4_main, #front_image .f4_sub1, #front_image .f4_sub2, #front_image .f4_sub3 {
  font-size: 10px;
  line-height: 14px;
  height: 14px;
}

#front_image .f4_sub1 {
  letter-spacing: 0.35em;
  text-indent: 0.2em;
}

#front_image .f4_sub2 {
  letter-spacing: 1em;
  text-indent: 0.6em;
}

#front_image .f4_sub3 {
  letter-spacing: 0.35em;
  text-indent: 0.01em;
}

#front_image .view_logo > div:nth-child(4) .bottom_image {
  transform: scale(0.5);
  margin: 330px 0 0 10px;
  padding: 8px 0;
  position: absolute;
}

#mainimage #back_image .view_logo > div:nth-child(4) {
  transform: scale(0.8) rotate(90deg);
  color: #000;
  padding: 5px 0;
  width: 26%;
  top: 25%;
  left: 37%;
  position: absolute;
}

#back_image .b4_main {
  font-size: 22px;
  line-height: 20px;
  height: 20px;
}

#back_image .b4_main span {
  line-height: 20px;
  height: 20px;
}

#back_image .b4_sub1 {
  font-size: 10px;
  letter-spacing: 0.08em;
  line-height: 12px;
  height: 12px;
}

#back_image .b4_sub1 span {
  line-height: 12px;
  height: 12px;
}

/* 05 */
#mainimage #front_image .view_logo > div:nth-child(5) {
  transform: scale(0.5);
  padding: 2px 0;
  width: 24%;
  top: 25%;
  left: 47%;
  position: absolute;
}

#front_image .f5_main {
  font-size: 20px;
  color: #000;
  line-height: 32px;
  margin: 0 5px;
  height: 32px;
  background: #fff;
}

#front_image .f5_sub1 {
  font-size: 8px;
  letter-spacing: 0.1em;
  line-height: 20px;
  height: 20px;
}

#front_image .view_logo > div:nth-child(5) .bottom_image {
  transform: scale(0.6);
  margin: 490px 0 0 5px;
  padding: 8px 0;
  overflow: hidden;
  position: absolute;
}

#mainimage #back_image .view_logo > div:nth-child(5) {
  transform: scale(0.3);
  width: 23%;
  top: 12%;
  left: 39%;
  position: absolute;
}

#back_image .b5_main {
  font-size: 20px;
  color: #000;
  letter-spacing: 0.05em;
  line-height: 28px;
  padding-top: 180%;
  height: 28px;
  background: #fff;
}

#back_image .b5_sub1 {
  font-size: 10px;
  letter-spacing: 0.1em;
  height: 18px;
}

/* 06 */
#mainimage #front_image .view_logo > div:nth-child(6) {
  transform: scale(1) rotate(90deg);
  padding: 2px 0;
  width: 21%;
  top: 29%;
  left: 44%;
  position: absolute;
}

#front_image .f6_main {
  font-size: 32px;
  line-height: 30px;
  text-align: center;
  margin-top: -2%;
  height: 30px;
  float: left;
}

#front_image .f6_main span {
  line-height: 30px;
  vertical-align: top;
  height: 30px;
}

#front_image .f6_sub1, #front_image .f6_sub2, #front_image .f6_sub3, #front_image .f6_sub4 {
  transform: scale(0.5);
  font-size: 8px;
  letter-spacing: 0.1em;
  line-height: 6px;
  text-align: left;
  height: 6px;
}

#front_image .view_logo > div:nth-child(6) .bottom_image {
  transform: scale(0.6);
  width: 100%;
  top: -50px;
  left: 260px;
  overflow: hidden;
  position: relative;
}

#mainimage #back_image .view_logo > div:nth-child(6) {
  transform: rotate(90deg);
  width: 30%;
  top: 27%;
  left: 35.5%;
  position: absolute;
}

.b6_main { background: #fff; }

#back_image .b6_main {
  box-sizing: border-box;
  font-size: 34px;
  color: #000;
  line-height: 46px;
  text-align: center;
  vertical-align: top;
  margin-right: 4%;
  padding: 0 8px;
  height: 44px;
  float: left;
}

#back_image .b6_main span {
  line-height: 38px;
  vertical-align: top;
  height: 30px;
}

#back_image .b6_sub1, #back_image .b6_sub2, #back_image .b6_sub3, #back_image .b6_sub4 {
  transform: scale(0.9);
  font-size: 8px;
  letter-spacing: 0.1em;
  line-height: 12px;
  text-align: left;
  height: 11px;
}

/**/
/* font style*/
/**/
.input_select::after {
  display: block;
  clear: both;
  content: "";
}

#logo .input_area.input_layout06 { margin-top: 20px; }
#logo .input_area.input_layout06 .sst, #logo .input_area.input_layout06 .sst2 { padding-top: 10px; }

.input_area.input_layout06 div.input_main {
  vertical-align: top;
  margin-right: 2%;
  display: inline-block;
}

.input_area.input_layout06 div.input_main input {
  font-size: 40px;
  line-height: 146px;
  text-align: center;
  height: 146px;
}

.input_area.input_layout06 div.input {
  vertical-align: top;
  width: 49%;
  float: left;
}

/**/
.view_logo div > div.size_text { display: none; }

/* loading */
#loading {
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0px;
  left: 0px;
  background: #FFF;
  position: fixed;
}

#loading img { margin-top: 10%; }