@charset "UTF-8";
/* 早期割のバー */
/* line 4, common/_backend.scss */
div.bar_green, .bar_red, .bar_yellow {
  text-align: center;
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
}

/* line 11, common/_backend.scss */
div.bar_green {
  background: #009688;
  padding: 5px;
  font-size: 13px;
}

/* line 16, common/_backend.scss */
div.bar_red {
  background: #ef1616;
  padding: 10px;
  font-size: 20px;
}

/* line 21, common/_backend.scss */
div.bar_yellow {
  background: #F39800;
  padding: .6em;
  font-size: 1.2em;
}

/* 宛名情報 */
/* line 28, common/_backend.scss */
.list
.item {
  margin-top: -10px;
}

/* line 33, common/_backend.scss */
.list
.status {
  margin: -10px 10px 0 35px;
}

/* line 22, common/_default.scss */
body {
  color: #212121;
  font-size: 14px;
  box-sizing: border-box;
  line-height: 1.5em;
}

/* line 29, common/_default.scss */
a {
  color: #009688;
}

/* line 32, common/_default.scss */
img {
  max-width: 100%;
}

/* line 38, common/_default.scss */
#container a {
  color: #000000;
}

/* line 41, common/_default.scss */
#container {
  box-sizing: border-box;
}
@media only screen and (min-width: 960px) {
  /* line 41, common/_default.scss */
  #container {
    min-height: 900px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 41, common/_default.scss */
  #container {
    min-height: 900px;
  }
}

/* line 50, common/_default.scss */
#userBlock, article#userBlock {
  background: transparent;
  border: solid 2px #84A2A0;
}

/* line 54, common/_default.scss */
.headerMypageMenu {
  display: block;
}
@media only screen and (min-width: 960px) {
  /* line 54, common/_default.scss */
  .headerMypageMenu {
    margin: 10px 0;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 54, common/_default.scss */
  .headerMypageMenu {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 54, common/_default.scss */
  .headerMypageMenu {
    border-bottom: solid 2px #212121;
  }
}

@media only screen and (min-width: 960px) {
  /* line 62, common/_default.scss */
  .headerDesignMenu {
    margin: 5px 0 30px;
    display: inline-block;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 62, common/_default.scss */
  .headerDesignMenu {
    margin: 5px 0 30px;
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  /* line 62, common/_default.scss */
  .headerDesignMenu {
    border-bottom: solid 2px #212121;
  }
}

/* line 75, common/_default.scss */
.headerDesignMenu {
  background: #EEE;
  padding: 10px;
  position: relative;
}
@media only screen and (min-width: 960px) {
  /* line 80, common/_default.scss */
  .headerDesignMenu:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 15px 20px;
    border-color: transparent transparent #EEE transparent;
    top: -10px;
    left: 50px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 93, common/_default.scss */
  .headerDesignMenu:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 15px 20px;
    border-color: transparent transparent #EEE transparent;
    top: -10px;
    left: 50px;
  }
}
@media only screen and (min-width: 960px) {
    /* line 62, common/_default.scss */
    .headerDesignAlbumMenu {
        margin: 5px 0 30px;
        display: inline-block;
        margin-left: 145px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 959px) {
    /* line 62, common/_default.scss */
    .headerDesignAlbumMenu {
        margin: 5px 0 30px;
        display: inline-block;
        margin-left: 145px;
    }
}

@media only screen and (max-width: 640px) {
    /* line 62, common/_default.scss */
    .headerDesignAlbumMenu {
        border-bottom: solid 2px #212121;
    }
}

/* line 75, common/_default.scss */
.headerDesignAlbumMenu {
    background: #EEE;
    padding: 10px;
    position: relative;
}

@media only screen and (min-width: 960px) {
    /* line 80, common/_default.scss */
    .headerDesignAlbumMenu:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 15px 20px;
        border-color: transparent transparent #EEE transparent;
        top: -10px;
        left: 50px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 959px) {
    /* line 93, common/_default.scss */
    .headerDesignAlbumMenu:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 15px 20px;
        border-color: transparent transparent #EEE transparent;
        top: -10px;
        left: 50px;
    }
}

@media screen and (min-width: 971px) {
  /* line 109, common/_default.scss */
  .boxOrder {
    width: 45%;
  }
}
@media screen and (min-width: 971px) {
  /* line 114, common/_default.scss */
  header#header {
    width: 100%;
  }
}
/* line 119, common/_default.scss */
.subNav {
  overflow: hidden;
}
@media only screen and (min-width: 960px) {
  /* line 119, common/_default.scss */
  .subNav {
    display: block;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 119, common/_default.scss */
  .subNav {
    display: block;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 119, common/_default.scss */
  .subNav {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  /* line 125, common/_default.scss */
  .menu-trigger {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 125, common/_default.scss */
  .menu-trigger {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  /* line 125, common/_default.scss */
  .menu-trigger {
    display: block;
    padding: 10px;
    background: #212121;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    position: relative;
  }
  /* line 136, common/_default.scss */
  .menu-trigger:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #fff transparent transparent transparent;
    top: 16px;
    right: 40px;
  }
}

@media only screen and (max-width: 640px) {
  /* line 151, common/_default.scss */
  .menu-trigger.open:before {
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #fff transparent;
  }
}

/* line 158, common/_default.scss */
.headerBox {
  margin: 0 auto;
}
@media only screen and (min-width: 960px) {
  /* line 158, common/_default.scss */
  .headerBox {
    width: 960px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 158, common/_default.scss */
  .headerBox {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 158, common/_default.scss */
  .headerBox {
    width: 100%;
  }
}

@media screen and (max-width: 970px) and (min-width: 641px) {
  /* line 165, common/_default.scss */
  header#header {
    height: auto;
    padding: 0 10px 20px;
  }
}
@media only screen and (min-width: 960px) {
  /* line 172, common/_default.scss */
  #container .headerDesignMenuUl li {
    display: inline-block;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 172, common/_default.scss */
  #container .headerDesignMenuUl li {
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  /* line 172, common/_default.scss */
  #container .headerDesignMenuUl li {
    display: block;
    text-align: center;
    padding: 10px;
  }
}
/* line 185, common/_default.scss */
#container .headerDesignMenuUl li a {
  color: #212121;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: .3em;
}
/* line 192, common/_default.scss */
#container .headerDesignMenuUl li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  background-color: #ccc;
  transition: all .3s ease;
}
@media only screen and (min-width: 960px) {
  /* line 204, common/_default.scss */
  #container .headerDesignMenuUl li a:hover {
    text-decoration: none;
  }
  /* line 206, common/_default.scss */
  #container .headerDesignMenuUl li a:hover::after {
    transform: scaleX(1);
  }
}
/* line 213, common/_default.scss */
#container .headerDesignMenuUl .btnGhostT {
  padding: 0 10px;
  border: none;
}
@media only screen and (min-width: 960px) {
  /* line 218, common/_default.scss */
  #container .headerDesignMenuUl .first .btnGhostT {
    padding: 0 10px 0 0;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 218, common/_default.scss */
  #container .headerDesignMenuUl .first .btnGhostT {
    padding: 0 10px 0 0;
  }
}
/* line 225, common/_default.scss */
#container .headerDesignMenuUl .active a::after {
  background-color: #009688;
  transform: scaleX(1);
}
@media only screen and (min-width: 960px) {
    /* line 172, common/_default.scss */
    #container .headerDesignAlbumMenuUl li {
        display: inline-block;
    }
}

@media only screen and (min-width: 641px) and (max-width: 959px) {
    /* line 172, common/_default.scss */
    #container .headerDesignAlbumMenuUl li {
        display: inline-block;
    }
}

@media only screen and (max-width: 640px) {
    /* line 172, common/_default.scss */
    #container .headerDesignAlbumMenuUl li {
        display: block;
        text-align: center;
        padding: 10px;
    }
}
/* line 185, common/_default.scss */
#container .headerDesignAlbumMenuUl li a {
    color: #212121;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding: .3em;
}
    /* line 192, common/_default.scss */
    #container .headerDesignAlbumMenuUl li a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        transform: scaleX(0);
        background-color: #ccc;
        transition: all .3s ease;
    }

@media only screen and (min-width: 960px) {
    /* line 204, common/_default.scss */
    #container .headerDesignAlbumMenuUl li a:hover {
        text-decoration: none;
    }
        /* line 206, common/_default.scss */
        #container .headerDesignAlbumMenuUl li a:hover::after {
            transform: scaleX(1);
        }
}
/* line 213, common/_default.scss */
#container .headerDesignAlbumMenuUl .btnGhostT {
    padding: 0 10px;
    border: none;
}

@media only screen and (min-width: 960px) {
    /* line 218, common/_default.scss */
    #container .headerDesignAlbumMenuUl .first .btnGhostT {
        padding: 0 10px 0 0;
    }
}

@media only screen and (min-width: 641px) and (max-width: 959px) {
    /* line 218, common/_default.scss */
    #container .headerDesignAlbumMenuUl .first .btnGhostT {
        padding: 0 10px 0 0;
    }
}
/* line 225, common/_default.scss */
#container .headerDesignAlbumMenuUl .active a::after {
    background-color: #009688;
    transform: scaleX(1);
}
/* line 233, common/_default.scss */
#container .btnGhostT:hover {
  opacity: 1;
}

@media screen and (min-width: 971px) {
  /* line 239, common/_default.scss */
  body#user div#container, body#checkout div#container {
    border-right: none;
    border-left: none;
    border-bottom: none;
  }
}
/* line 246, common/_default.scss */
.navBiz a {
  color: #999;
}
/* line 248, common/_default.scss */
.navBiz a:hover {
  color: #009688;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 255, common/_default.scss */
.selectItemUl {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 255, common/_default.scss */
  .selectItemUl {
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 255, common/_default.scss */
  .selectItemUl {
    margin: 0 0 30px;
  }
}
/* line 261, common/_default.scss */
.selectItemUl li {
  display: inline-block;
  float: left;
  position: relative;
  height: 165px;
  margin: 0 2px;
  padding: 5px;
  box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
  /* line 261, common/_default.scss */
  .selectItemUl li {
    width: 70px;
  }
}
/* line 270, common/_default.scss */
.selectItemUl li img {
  position: absolute;
  bottom: 5px;
  left: 4px;
  width: 90%;
  display: inline-block;
  margin: 0 auto;
  box-shadow: rgba(153, 153, 153, 0.27843) 0px 0px 3px 2px;
  -webkit-box-shadow: rgba(153, 153, 153, 0.27843) 0px 0px 3px 2px;
  -moz-box-shadow: rgba(153, 153, 153, 0.27843) 0px 0px 3px 2px;
}
/* line 281, common/_default.scss */
.selectItemUl li .itemTitle {
  font-size: 0.8em;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  /* line 281, common/_default.scss */
  .selectItemUl li .itemTitle {
    font-size: 0.8em;
  }
}
/* line 288, common/_default.scss */
.selectItemUl li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media only screen and (min-width: 960px) {
  /* line 298, common/_default.scss */
  .selectItemUl li:hover {
    border: solid #EEE 1px;
  }
}
/* line 304, common/_default.scss */
.selectItemUl .folio {
  width: 100px;
}
/* line 307, common/_default.scss */
.selectItemUl .rough {
  width: 85px;
}
/* line 310, common/_default.scss */
.selectItemUl .graph {
  width: 105px;
}
/* line 313, common/_default.scss */
.selectItemUl .life {
  width: 90px;
}
/* line 316, common/_default.scss */
.selectItemUl .album {
  width: 85px;
}
/* line 319, common/_default.scss */
.selectItemUl .bunko {
  width: 75px;
}
/* line 322, common/_default.scss */
.selectItemUl .pocketT {
  width: 80px;
}
/* line 324, common/_default.scss */
.selectItemUl .pocketT img {
  width: 72%;
  left: 10px;
}
/* line 329, common/_default.scss */
.selectItemUl .pocketY {
  width: 80px;
}
/* line 332, common/_default.scss */
.selectItemUl .aisatu {
  width: 75px;
}
/* line 334, common/_default.scss */
.selectItemUl .aisatu img {
  width: 75%;
  left: 7px;
}
/* line 339, common/_default.scss */
.selectItemUl .active {
  border: solid #009688 3px;
}
/* line 341, common/_default.scss */
.selectItemUl .active:after {
  content: "選択中";
  color: #F00;
  display: inline-block;
  font-size: .8em;
}
@media only screen and (min-width: 960px) {
  /* line 348, common/_default.scss */
  .selectItemUl .active:hover {
    border: solid #009688 3px;
  }
}

/* line 354, common/_default.scss */
.greetingUl {
  margin: 0 0 0 50px;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 354, common/_default.scss */
  .greetingUl {
    float: left;
    margin: 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 354, common/_default.scss */
  .greetingUl {
    float: left;
    margin: 0;
  }
}

/* line 365, common/_default.scss */
.workitemlist {
  background-color: #FFF;
  padding: 2%;
  border: 1px solid #DDD;
}

/* line 370, common/_default.scss */
.workitembox {
  background-color: #EEE;
  padding: 1%;
  margin-bottom: 2%;
}

/* line 375, common/_default.scss */
.footerBox {
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width: 960px) {
  /* line 375, common/_default.scss */
  .footerBox {
    width: 960px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 375, common/_default.scss */
  .footerBox {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 640px) {
  /* line 375, common/_default.scss */
  .footerBox {
    width: 100%;
    margin: 0 auto;
  }
}
/* line 381, common/_default.scss */
.footerBox .totop {
  position: absolute;
  top: -50px;
  right: 0;
}

/* line 387, common/_default.scss */
#footer {
  background-color: #797979;
  color: #back_color;
  margin: 60px 0 0;
}

/* line 394, common/_default.scss */
#footnav {
  padding-bottom: 30px;
}

/* line 397, common/_default.scss */
.copy {
  color: #EEE;
}

@media screen and (min-width: 971px) {
  /* line 403, common/_default.scss */
  footer#footer {
    margin: 60px auto 0;
    padding: 0;
    width: 100%;
  }
}
@media screen and (min-width: 971px) {
  /* line 410, common/_default.scss */
  footer#footer div#megamenu {
    padding: 0;
  }
}
/* line 414, common/_default.scss */
footer#footer div#megamenu {
  margin-bottom: 0;
  background-color: transparent;
}

/* line 418, common/_default.scss */
footer#footer div#footnav {
  border-top: 1px solid #EEE;
}

/* line 421, common/_default.scss */
footer#footer div#footnav nav p a {
  color: #fff;
}

/* line 424, common/_default.scss */
footer#footer div#megamenu .item dl dt a {
  color: #fff;
}

@media screen and (min-width: 971px) {
  /* line 429, common/_default.scss */
  body#user footer#footer #footnav, body#checkout footer#footer #footnav, body#content footer#footer #footnav {
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  /* line 435, common/_default.scss */
  footer#footer div#footnav nav p a {
    padding: 10px;
  }
}
/* line 439, common/_default.scss */
#megamenu {
  overflow: hidden;
  text-align: center;
  padding: 15px 0;
}
/* line 443, common/_default.scss */
#megamenu li {
  display: inline-block;
  margin: 0 15px;
}
/* line 446, common/_default.scss */
#megamenu li a {
  color: #fff;
}
@media only screen and (max-width: 640px) {
  /* line 439, common/_default.scss */
  #megamenu {
    padding: 0;
  }
  /* line 452, common/_default.scss */
  #megamenu li {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    border-top: solid 1px #ccc;
    padding: 10px;
  }
  /* line 460, common/_default.scss */
  #megamenu li:first-child {
    border-top: none;
  }
}

/* line 467, common/_default.scss */
#page-top {
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 60px;
  right: 20px;
  padding: 20px;
  background: #797979;
  opacity: 0.6;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transform: rotateY(270deg);
  transition: .5s;
  border: 2px solid #fff;
}
/* line 482, common/_default.scss */
#page-top span {
  position: relative;
  display: block;
}
/* line 485, common/_default.scss */
#page-top span:before {
  content: ' ';
  color: #fff;
  position: absolute;
  top: -6px;
  left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #fff transparent;
}

/* line 499, common/_default.scss */
#page-top:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* line 504, common/_default.scss */
article#checkoutBlock input[type=submit].btnG, article#checkoutBlock input[type=submit].btnM, article#checkoutBlock .btnM a, article#checkoutBlock .btnM, article#checkoutBlock .btnG a, article#checkoutBlock .btnG, article#checkoutBlock .btnR a {
  margin: 10px auto;
}

/* line 511, common/_default.scss */
.btnO a, .btnG a, .btnM a, .btnB a, .btnR a {
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
	
	
}

/* line 518, common/_default.scss */
.btnG a {
  background-color: #009688;
	font-size:12px;
}
/* line 520, common/_default.scss */
.btnG a:hover {
  background-color: #1CBDAE;
}

/* line 526, common/_default.scss */
.btnG.notSet a {
  background-color: #797979;
}
/* line 528, common/_default.scss */
.btnG.notSet a:hover {
  background-color: #999;
}

/* line 534, common/_default.scss */
.btnO a {
  background-color: #F39800;
}
/* line 536, common/_default.scss */
.btnO a:hover {
  background-color: #F5B549;
}

/* line 540, common/_default.scss */
.btnB a {
  background-color: #5161B7;
}
/* line 542, common/_default.scss */
.btnB a:hover {
  background-color: #6477E6;
}



.btnR a {
  	background-color: #e15a5a;
	color:#fff;
	padding:10px;
}

.btnR a:hover {
	  background-color: #f67676;
	color:#fff;
}

/* line 546, common/_default.scss */
#loginBiz.topBtnBold .btnG a, .topBtnBold .btnG a {
  font-size: 1.3em;
  border: #fff 2px solid;
  padding: 5px 20px;
}

/* line 552, common/_default.scss */
input.btnG, input.btnM, input.btnB, input.btnO, input.btnL {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 1.2em;
}

/* line 560, common/_default.scss */
#container .basicBtn {
  display: inline-block;
}
/* line 562, common/_default.scss */
#container .basicBtn input, #container .basicBtn a {
  text-decoration: none;
  text-align: center;
  letter-spacing: 1.2px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  color: #009688;
  background-color: transparent;
  border: 2px solid #009688;
  padding: 3px 10px;
  background-size: 200% 100%;
  background-image: linear-gradient(to right, transparent 50%, #009688);
  transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
}
/* line 576, common/_default.scss */
#container .basicBtn input:hover, #container .basicBtn a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #009688;
  background-position: -100% 100%;
}
/* line 585, common/_default.scss */
#container .btnNew {
  margin: 0 0 30px;
}
/* line 587, common/_default.scss */
#container .btnNew .basicBtn {
  text-align: center;
  display: block;
}
/* line 590, common/_default.scss */
#container .btnNew .basicBtn a {
  font-size: 1.2em;
  padding: 5px 20px;
  margin: 0 5px;
}
/* line 599, common/_default.scss */
#container .basicBtnOrange input, #container .basicBtnOrange a {
  color: #D60E1D;
  border: 2px solid #D60E1D;
  background-image: linear-gradient(to right, transparent 50%, #D60E1D);
}
/* line 603, common/_default.scss */
#container .basicBtnOrange input:hover, #container .basicBtnOrange a:hover {
  background-color: #D60E1D;
}
/* line 609, common/_default.scss */
#container .basicBtnGray input, #container .basicBtnGray a {
  color: #999;
  border: 2px solid #999;
  background-image: linear-gradient(to right, transparent 50%, #999);
}
/* line 613, common/_default.scss */
#container .basicBtnGray input:hover, #container .basicBtnGray a:hover {
  background-color: #999;
}

/* line 621, common/_default.scss */
.selectItem {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

/* line 628, common/_default.scss */
hr {
  width: 100%;
}

/* line 633, common/_default.scss */
.breadcrumb {
  margin: 0 0 30px;
}
@media only screen and (max-width: 640px) {
  /* line 633, common/_default.scss */
  .breadcrumb {
    margin: 30px 0;
  }
}

/* line 641, common/_default.scss */
.mainTitle {
  font-size: 1.4em;
  display: block;
  border-bottom: 2px solid #797979;
  letter-spacing: 0.2px;
  line-height: 1.2em;
  margin: 0 0 15px;
  padding: 0 0 5px 20px;
  position: relative;
  float: none;
}
@media only screen and (max-width: 640px) {
  /* line 641, common/_default.scss */
  .mainTitle {
    padding: 0 0 5px 25px;
  }
}
/* line 654, common/_default.scss */
.mainTitle:before {
  position: absolute;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  top: 3px;
  left: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #009688;
}
@media only screen and (max-width: 640px) {
  /* line 654, common/_default.scss */
  .mainTitle:before {
    left: 5px;
  }
}

/* line 670, common/_default.scss */
.subHead {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0 0 10px;
  font-weight: bold;
}

/* line 677, common/_default.scss */
.mainTitleOrange:before {
  border-color: transparent transparent transparent #D60E1D;
}

/* line 682, common/_default.scss */
.mainTitleBlue:before {
  border-color: transparent transparent transparent #5161B7;
}

/* line 686, common/_default.scss */
.pagerBox {
  text-align: center;
}

@font-face {
  font-family: 'forbiz01';
  src: url("fonts/forbiz01.eot");
  src: url("fonts/forbiz01.eot?#iefix") format("embedded-opentype"), url("fonts/forbiz01.woff") format("woff"), url("fonts/forbiz01.ttf") format("truetype"), url("fonts/forbiz01.svg#forbiz01") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 699, common/_default.scss */
[data-icon]:before {
  font-family: 'forbiz01';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* line 709, common/_default.scss */
.menu06, .menu07, .menu08, .menu09 {
  font-family: 'forbiz01';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

/* line 721, common/_default.scss */
.menu06:before {
  content: "\e900";
}

/* line 724, common/_default.scss */
.menu07:before {
  content: "\e901";
}

/* line 727, common/_default.scss */
.menu08:before {
  content: "\e902";
}

/* line 730, common/_default.scss */
.menu09:before {
  content: "\e903";
}

/*=====================
 サービスページ
=====================*/
/* line 739, common/_default.scss */
#myBiz p, a, li, h1, h2, h3, h4 {
  margin-top: 0;
  line-height: 1.8em;
}

/* line 745, common/_default.scss */
#myBiz img {
  max-width: 100%;
}

/* line 748, common/_default.scss */
#myBiz {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 30px 0 0;
}
@media only screen and (min-width: 960px) {
  /* line 753, common/_default.scss */
  #myBiz .serviceMainBox {
    display: inline-block;
    width: 65%;
  }
}
/* line 759, common/_default.scss */
#myBiz .serviceUse {
  padding: 10px;
  border: solid 2px #EEE;
}
@media only screen and (min-width: 960px) {
  /* line 759, common/_default.scss */
  #myBiz .serviceUse {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin: 73px 0 0 10px;
  }
}
/* line 769, common/_default.scss */
#myBiz .serviceUse .mainTitle {
  margin: 0 0 10px;
}
/* line 772, common/_default.scss */
#myBiz .serviceUse .serviceUseTitle {
  font-weight: bold;
  font-size: 1.2em;
  color: #5161B7;
  margin: 15px 0 5px;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 759, common/_default.scss */
  #myBiz .serviceUse {
    width: 95%;
    margin: 30px auto;
  }
}
@media only screen and (max-width: 640px) {
  /* line 759, common/_default.scss */
  #myBiz .serviceUse {
    width: 95%;
    max-width: 320px;
    margin: 30px auto;
  }
}
/* line 789, common/_default.scss */
#myBiz .myBizServiceUl {
  display: block;
  margin: 30px 0;
}
/* line 792, common/_default.scss */
#myBiz .myBizServiceUl li {
  border: solid 2px #EEE;
}
/* line 795, common/_default.scss */
#myBiz .myBizServiceUl li .btnG a, #myBiz .myBizServiceUl li .btnO a {
  width: 90%;
}
/* line 799, common/_default.scss */
#myBiz .myBizServiceUl li .btnO {
  padding: 10px;
}
@media only screen and (min-width: 960px) {
  /* line 789, common/_default.scss */
  #myBiz .myBizServiceUl {
    overflow: hidden;
  }
  /* line 806, common/_default.scss */
  #myBiz .myBizServiceUl li {
    width: 295px;
    display: inline-block;
    margin: 0 5px 10px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 789, common/_default.scss */
  #myBiz .myBizServiceUl {
    overflow: hidden;
  }
  /* line 815, common/_default.scss */
  #myBiz .myBizServiceUl li {
    width: 31%;
    display: inline-block;
    margin: 0 5px 10px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 789, common/_default.scss */
  #myBiz .myBizServiceUl {
    overflow: hidden;
  }
  /* line 824, common/_default.scss */
  #myBiz .myBizServiceUl li {
    max-width: 302px;
    margin: 0 auto 30px;
  }
}
/* line 831, common/_default.scss */
#myBiz .myBizServiceIconbox {
  background: #EEE;
  padding: 10px;
  text-align: center;
}
/* line 835, common/_default.scss */
#myBiz .myBizServiceIconbox .icon {
  margin: 0 30px 10px;
}
/* line 837, common/_default.scss */
#myBiz .myBizServiceIconbox .icon span {
  font-size: 100px;
}
/* line 841, common/_default.scss */
#myBiz .myBizServiceIconbox .svgIcon {
  max-height: 100px;
  margin: 0 0 10px;
}
/* line 845, common/_default.scss */
#myBiz .myBizServiceIconbox .serviceTitle {
  font-weight: bold;
  font-size: 1.2em;
  border-top: solid 1px #797979;
  padding: 5px 0 0;
}
/* line 852, common/_default.scss */
#myBiz .myBizServiceTextbox {
  padding: 10px;
  height: 50px;
  overflow: hidden;
}
/* line 857, common/_default.scss */
#myBiz .OMEBox {
  display: block;
  overflow: hidden;
  text-align: center;
  margin: 0 0 30px;
  padding: 10px;
  background-color: #EEE;
}
/* line 864, common/_default.scss */
#myBiz .OMEBox .OMEBoxTitle {
  margin: 0 0 15px;
}
/* line 868, common/_default.scss */
#myBiz .OMEBox .btnO a {
  width: 150px;
}
/* line 874, common/_default.scss */
#myBiz .btnG {
  padding: 10px;
}

/*=====================
 シェアデザインページ
=====================*/
/* line 886, common/_default.scss */
#myBiz .boxMypage, #MyWork .boxMypage {
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  /* line 886, common/_default.scss */
  #myBiz .boxMypage, #MyWork .boxMypage {
    text-align: center;
  }
}
/* line 890, common/_default.scss */
#myBiz .boxMypage .boxMypageLi, #MyWork .boxMypage .boxMypageLi {
  position: relative;
  float: left;
  width: 470px;
  padding: 15px;
  margin: 0 0 15px;
  border: solid 2px #ccc;
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
  min-height: 120px;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 890, common/_default.scss */
  #myBiz .boxMypage .boxMypageLi, #MyWork .boxMypage .boxMypageLi {
    display: block;
    width: 95%;
    float: none;
    margin: 0 auto 15px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 890, common/_default.scss */
  #myBiz .boxMypage .boxMypageLi, #MyWork .boxMypage .boxMypageLi {
    display: block;
    width: 95%;
    float: none;
    margin: 0 auto 15px;
  }
}
/* line 913, common/_default.scss */
#myBiz .boxMypage .boxMypageLi .boxMypageLiMain, #MyWork .boxMypage .boxMypageLi .boxMypageLiMain {
  display: block;
  overflow: hidden;
  position: relative;
}
/* line 919, common/_default.scss */
#myBiz .boxMypage .boxMypageLi .sharedesignBtn, #MyWork .boxMypage .boxMypageLi .sharedesignBtn {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
@media only screen and (max-width: 640px) {
  /* line 919, common/_default.scss */
  #myBiz .boxMypage .boxMypageLi .sharedesignBtn, #MyWork .boxMypage .boxMypageLi .sharedesignBtn {
    position: static;
    margin: 0 0 30px;
  }
}
/* line 928, common/_default.scss */
#myBiz .boxMypage .boxMypageLi .informationBox, #MyWork .boxMypage .boxMypageLi .informationBox {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: solid 2px #ccc;
}
/* line 936, common/_default.scss */
#myBiz .boxMypage .boxMypageLi .btnBox, #MyWork .boxMypage .boxMypageLi .btnBox {
  display: block;
  width: 100%;
  height: 60px;
}
/* line 942, common/_default.scss */
#myBiz .boxMypage .shareDesignMainDetail, #MyWork .boxMypage .shareDesignMainDetail {
  overflow: hidden;
  padding: 0 0 30px;
}
/* line 946, common/_default.scss */
#myBiz .boxMypage .shareDesignDetailTableBox, #MyWork .boxMypage .shareDesignDetailTableBox {
  display: inline-block;
  float: left;
  width: 69%;
}
@media only screen and (max-width: 640px) {
  /* line 946, common/_default.scss */
  #myBiz .boxMypage .shareDesignDetailTableBox, #MyWork .boxMypage .shareDesignDetailTableBox {
    float: none;
    width: 100%;
  }
}
/* line 955, common/_default.scss */
#myBiz .boxMypage .shareDesignDetailTable, #MyWork .boxMypage .shareDesignDetailTable {
  display: block;
}
@media only screen and (max-width: 640px) {
  /* line 955, common/_default.scss */
  #myBiz .boxMypage .shareDesignDetailTable, #MyWork .boxMypage .shareDesignDetailTable {
    margin: 15px 0 0;
  }
}
/* line 960, common/_default.scss */
#myBiz .boxMypage .shareDesignDetailTable tbody, #myBiz .boxMypage .shareDesignDetailTable tr, #MyWork .boxMypage .shareDesignDetailTable tbody, #MyWork .boxMypage .shareDesignDetailTable tr {
  display: block;
}
/* line 963, common/_default.scss */
#myBiz .boxMypage .shareDesignDetailTable tr, #MyWork .boxMypage .shareDesignDetailTable tr {
  border-bottom: solid 1px #ccc;
}
/* line 967, common/_default.scss */
#myBiz .boxMypage .shareDesignDetailTable tr:last-child, #MyWork .boxMypage .shareDesignDetailTable tr:last-child {
  border-bottom: none;
}
/* line 970, common/_default.scss */
#myBiz .boxMypage .shareDesignDetailTable th, #myBiz .boxMypage .shareDesignDetailTable td, #MyWork .boxMypage .shareDesignDetailTable th, #MyWork .boxMypage .shareDesignDetailTable td {
  line-height: 1.5em;
  letter-spacing: 0.05em;
  padding: 5px 0;
  display: inline-block;
  word-wrap: break-word;
}
/* line 977, common/_default.scss */
#myBiz .boxMypage .shareDesignDetailTable th, #MyWork .boxMypage .shareDesignDetailTable th {
  width: 35%;
}
/* line 980, common/_default.scss */
#myBiz .boxMypage .shareDesignDetailTable td, #MyWork .boxMypage .shareDesignDetailTable td {
  width: 65%;
}
/* line 985, common/_default.scss */
#myBiz .boxMypage .boxMypageLi:nth-child(even), #MyWork .boxMypage .boxMypageLi:nth-child(even) {
  margin-left: 20px;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 985, common/_default.scss */
  #myBiz .boxMypage .boxMypageLi:nth-child(even), #MyWork .boxMypage .boxMypageLi:nth-child(even) {
    margin-left: 0;
    margin: 0 auto 15px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 985, common/_default.scss */
  #myBiz .boxMypage .boxMypageLi:nth-child(even), #MyWork .boxMypage .boxMypageLi:nth-child(even) {
    margin-left: 0;
    margin: 0 auto 15px;
  }
}
/* line 998, common/_default.scss */
#myBiz .sharedesignPage .boxMypage, #MyWork .sharedesignPage .boxMypage {
  padding: 20px 20px 10px;
  border: solid 2px #009688;
}
/* line 1001, common/_default.scss */
#myBiz .sharedesignPage .boxMypage .boxMypageLi, #MyWork .sharedesignPage .boxMypage .boxMypageLi {
  width: 447px;
}
@media only screen and (max-width: 640px) {
  /* line 1001, common/_default.scss */
  #myBiz .sharedesignPage .boxMypage .boxMypageLi, #MyWork .sharedesignPage .boxMypage .boxMypageLi {
    width: 95%;
  }
}
/* line 1007, common/_default.scss */
#myBiz .sharedesignPage .boxMypage .shareDesignDetailTableBox, #myBiz .sharedesignPage .boxMypage #MyWork .boxMypage .shareDesignDetailTableBox, #MyWork .sharedesignPage .boxMypage .shareDesignDetailTableBox, #MyWork .sharedesignPage .boxMypage #MyWork .boxMypage .shareDesignDetailTableBox {
  width: 66%;
}
@media only screen and (max-width: 640px) {
  /* line 1007, common/_default.scss */
  #myBiz .sharedesignPage .boxMypage .shareDesignDetailTableBox, #myBiz .sharedesignPage .boxMypage #MyWork .boxMypage .shareDesignDetailTableBox, #MyWork .sharedesignPage .boxMypage .shareDesignDetailTableBox, #MyWork .sharedesignPage .boxMypage #MyWork .boxMypage .shareDesignDetailTableBox {
    width: 100%;
  }
}
/* line 1018, common/_default.scss */
#myBiz .sharedesignTab01 .sharedesignPage .boxMypage, #MyWork .sharedesignTab01 .sharedesignPage .boxMypage {
  border: solid 2px #009688;
}
/* line 1025, common/_default.scss */
#myBiz .sharedesignTab02 .sharedesignPage .boxMypage, #MyWork .sharedesignTab02 .sharedesignPage .boxMypage {
  border: solid 2px #D60E1D;
}
/* line 1032, common/_default.scss */
#myBiz .sharedesignTab03 .sharedesignPage .boxMypage, #MyWork .sharedesignTab03 .sharedesignPage .boxMypage {
  border: solid 2px #F39800;
}
/* line 1039, common/_default.scss */
#myBiz .sharedesignTab04 .sharedesignPage .boxMypage, #MyWork .sharedesignTab04 .sharedesignPage .boxMypage {
  border: solid 2px #5161B7;
}
/* line 1044, common/_default.scss */
#myBiz .itemImage, #MyWork .itemImage {
  width: 120px;
  height: 165px;
  float: left;
  margin-right: 15px;
}
/* line 1049, common/_default.scss */
#myBiz .itemImage img, #MyWork .itemImage img {
  width: 100%;
  height: auto;
}
/* line 1054, common/_default.scss */
#myBiz .shareDesignUl, #MyWork .shareDesignUl {
  display: block;
  overflow: hidden;
}
/* line 1057, common/_default.scss */
#myBiz .shareDesignUl li, #MyWork .shareDesignUl li {
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
}
/* line 1061, common/_default.scss */
#myBiz .shareDesignUl li .btnG, #MyWork .shareDesignUl li .btnG {
  padding: 0;
}
/* line 1067, common/_default.scss */
#myBiz .unfinished, #MyWork .unfinished {
  text-align: center;
}
/* line 1069, common/_default.scss */
#myBiz .unfinished h4, #MyWork .unfinished h4 {
  font-size: 1.2em;
}
/* line 1072, common/_default.scss */
#myBiz .unfinished p, #MyWork .unfinished p {
  line-height: 1.5em;
  padding: 10px;
  font-size: 1.2em;
  text-align: left;
}
/* line 1079, common/_default.scss */
#myBiz .shareTabBtnUl, #MyWork .shareTabBtnUl {
  display: block;
  margin: 0 0 5px;
}
/* line 1082, common/_default.scss */
#myBiz .shareTabBtnUl li, #MyWork .shareTabBtnUl li {
  display: inline-block;
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 640px) {
  /* line 1082, common/_default.scss */
  #myBiz .shareTabBtnUl li, #MyWork .shareTabBtnUl li {
    margin: 0;
  }
}
/* line 1091, common/_default.scss */
#myBiz .shareTabBtn, #MyWork .shareTabBtn {
  text-align: center;
  width: 60px;
  letter-spacing: 1.2px;
  font-size: 1.2em;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  color: #009688;
  background-color: transparent;
  border: 2px solid #009688;
  padding: 5px 20px;
  background-size: 200% 100%;
  background-image: linear-gradient(to right, transparent 50%, #009688);
  transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
}
@media only screen and (min-width: 960px) {
  /* line 1107, common/_default.scss */
  #myBiz .shareTabBtn:hover, #MyWork .shareTabBtn:hover {
    color: #fff;
    background-color: #009688;
    background-position: -100% 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1091, common/_default.scss */
  #myBiz .shareTabBtn, #MyWork .shareTabBtn {
    width: auto;
    font-size: 1.0em;
    padding: 5px 10px;
  }
}
/* line 1119, common/_default.scss */
#myBiz .sharedesign02, #MyWork .sharedesign02 {
  border: 2px solid #D60E1D;
  color: #D60E1D;
  background-image: linear-gradient(to right, transparent 50%, #D60E1D);
}
/* line 1123, common/_default.scss */
#myBiz .sharedesign02:hover, #MyWork .sharedesign02:hover {
  background-color: #D60E1D;
}
/* line 1127, common/_default.scss */
#myBiz .sharedesign03, #MyWork .sharedesign03 {
  border: 2px solid #F39800;
  color: #F39800;
  background-image: linear-gradient(to right, transparent 50%, #F39800);
}
/* line 1131, common/_default.scss */
#myBiz .sharedesign03:hover, #MyWork .sharedesign03:hover {
  background-color: #F39800;
}
/* line 1135, common/_default.scss */
#myBiz .sharedesign04, #MyWork .sharedesign04 {
  border: 2px solid #5161B7;
  color: #5161B7;
  background-image: linear-gradient(to right, transparent 50%, #5161B7);
}
/* line 1139, common/_default.scss */
#myBiz .sharedesign04:hover, #MyWork .sharedesign04:hover {
  background-color: #5161B7;
}
/* line 1144, common/_default.scss */
#myBiz .sharedesignTab01 .sharedesign01, #MyWork .sharedesignTab01 .sharedesign01 {
  background-color: #009688;
  transition: none;
  position: relative;
  color: #fff;
}
/* line 1149, common/_default.scss */
#myBiz .sharedesignTab01 .sharedesign01:before, #MyWork .sharedesignTab01 .sharedesign01:before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 7px;
  background: #009688;
  bottom: -8px;
  left: -2px;
  border: solid 2px #009688;
}
/* line 1162, common/_default.scss */
#myBiz .sharedesignTab02 .sharedesign02, #MyWork .sharedesignTab02 .sharedesign02 {
  background-color: #D60E1D;
  transition: none;
  color: #fff;
  position: relative;
  position: relative;
}
/* line 1168, common/_default.scss */
#myBiz .sharedesignTab02 .sharedesign02:before, #MyWork .sharedesignTab02 .sharedesign02:before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 7px;
  background: #D60E1D;
  bottom: -8px;
  left: -2px;
  border: solid 2px #D60E1D;
}
/* line 1181, common/_default.scss */
#myBiz .sharedesignTab03 .sharedesign03, #MyWork .sharedesignTab03 .sharedesign03 {
  background-color: #F39800;
  transition: none;
  color: #fff;
  position: relative;
  position: relative;
}
/* line 1187, common/_default.scss */
#myBiz .sharedesignTab03 .sharedesign03:before, #MyWork .sharedesignTab03 .sharedesign03:before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 7px;
  background: #F39800;
  bottom: -8px;
  left: -2px;
  border: solid 2px #F39800;
}
/* line 1200, common/_default.scss */
#myBiz .sharedesignTab04 .sharedesign04, #MyWork .sharedesignTab04 .sharedesign04 {
  background-color: #5161B7;
  transition: none;
  color: #fff;
  position: relative;
  position: relative;
}
/* line 1206, common/_default.scss */
#myBiz .sharedesignTab04 .sharedesign04:before, #MyWork .sharedesignTab04 .sharedesign04:before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 7px;
  background: #5161B7;
  bottom: -8px;
  left: -2px;
  border: solid 2px #5161B7;
}
/* line 1220, common/_default.scss */
#myBiz .MyWork .itemImage img, #MyWork .MyWork .itemImage img {
  width: 95%;
  height: auto;
}
/* line 1226, common/_default.scss */
#myBiz .MyWork .CustomLogo .itemImage, #MyWork .MyWork .CustomLogo .itemImage {
  position: relative;
}
/* line 1228, common/_default.scss */
#myBiz .MyWork .CustomLogo .itemImage .oemBlock, #MyWork .MyWork .CustomLogo .itemImage .oemBlock {
  display: block;
  position: absolute;
  top: 43px;
  left: 5px;
  font-size: 25px;
  color: #797979;
  background: rgba(255, 255, 255, 0.85);
  padding: 5px;
  border: 2px solid #999;
}

/* line 1244, common/_default.scss */
.myworkNews {
  margin: 0 0 30px;
  overflow: hidden;
  width: 100%;
  display: table;
}
@media only screen and (max-width: 640px) {
  /* line 1244, common/_default.scss */
  .myworkNews {
    margin: 15px 0 30px;
  }
}
/* line 1250, common/_default.scss */
.myworkNews ul, .myworkNews li {
  box-sizing: border-box;
}
/* line 1254, common/_default.scss */
.myworkNews .myworkNewsTitle {
  display: table-cell;
  width: 20%;
  background: #009688;
  box-sizing: border-box;
  vertical-align: top;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  /* line 1254, common/_default.scss */
  .myworkNews .myworkNewsTitle {
    width: 100%;
    padding: 10px 20px;
    display: block;
  }
}
/* line 1267, common/_default.scss */
.myworkNews .myworkNewsTitle span {
  font-size: 1.2em;
  color: #fff;
}
/* line 1272, common/_default.scss */
.myworkNews .newsList {
  display: table-cell;
  width: 80%;
  box-sizing: border-box;
  vertical-align: top;
  padding: 20px;
  background: #EEE;
}
@media only screen and (max-width: 640px) {
  /* line 1272, common/_default.scss */
  .myworkNews .newsList {
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1285, common/_default.scss */
  .myworkNews .myworkNewscontents li {
    margin: 0 0 10px;
  }
  /* line 1288, common/_default.scss */
  .myworkNews .myworkNewscontents li a {
    display: block;
  }
}
/* line 1294, common/_default.scss */
.myworkNews .noticeLink {
  text-align: right;
}
/* line 1296, common/_default.scss */
.myworkNews .noticeLink a {
  font-size: 1.1em;
  padding: 5px 0px 0px;
  display: inline-block;
  font-weight: bold;
}

/* line 1305, common/_default.scss */
#container .myworkNews .noticeLink a {
  text-decoration: none;
}
@media only screen and (max-width: 640px) {
  /* line 1308, common/_default.scss */
  #container .myworkNews .noticeLink a:hover {
    text-decoration: none;
  }
}

/*=====================
 作るページ
=====================*/
@media only screen and (max-width: 640px) {
  /* line 1316, common/_default.scss */
  #MyWork {
    margin: 30px 0;
  }
}
/* line 1318, common/_default.scss */
#MyWork .myworkGenre {
  margin: 30px 0;
}
/* line 1320, common/_default.scss */
#MyWork .myworkGenre .myworkGenreUl {
  display: block;
  overflow: hidden;
  margin: 15px 0;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1320, common/_default.scss */
  #MyWork .myworkGenre .myworkGenreUl {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1320, common/_default.scss */
  #MyWork .myworkGenre .myworkGenreUl {
    text-align: center;
  }
}
/* line 1330, common/_default.scss */
#MyWork .myworkGenre .myworkGenreUl li {
  display: inline-block;
}
@media only screen and (min-width: 960px) {
  /* line 1330, common/_default.scss */
  #MyWork .myworkGenre .myworkGenreUl li {
    width: 24.5%;
    float: left;
    margin: 0 6px 0 0;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1330, common/_default.scss */
  #MyWork .myworkGenre .myworkGenreUl li {
    width: 23%;
    margin: 0 6px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1330, common/_default.scss */
  #MyWork .myworkGenre .myworkGenreUl li {
    width: 45%;
    margin: 5px 2px;
  }
}
/* line 1346, common/_default.scss */
#MyWork .myworkGenre .myworkGenreUl li img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 960px) {
  /* line 1351, common/_default.scss */
  #MyWork .myworkGenre .myworkGenreUl li:last-child {
    margin: 0;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1351, common/_default.scss */
  #MyWork .myworkGenre .myworkGenreUl li:last-child {
    margin: 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1351, common/_default.scss */
  #MyWork .myworkGenre .myworkGenreUl li:last-child {
    margin: 5px 2px;
  }
}
/* line 1358, common/_default.scss */
#MyWork .myworkLogo {
  height: 30px;
  width: 100%;
}
/* line 1362, common/_default.scss */
#MyWork .myworkLogo img {
  height: 100%;
  width: auto;
}
/* line 1366, common/_default.scss */
#MyWork .myworkLogo span {
  padding: 9px 0 0 10px;
  display: inline-block;
}
/* line 1371, common/_default.scss */
#MyWork .myworkGenreTextBox {
  display: block;
  overflow: hidden;
  line-height: 1.5em;
}
/* line 1375, common/_default.scss */
#MyWork .myworkGenreTextBox li {
  height: auto;
  float: left;
  word-wrap: break-word;
}
@media only screen and (min-width: 960px) {
  /* line 1380, common/_default.scss */
  #MyWork .myworkGenreTextBox .scheduled {
    width: 20%;
    padding: 0 10px 0 0;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1380, common/_default.scss */
  #MyWork .myworkGenreTextBox .scheduled {
    width: 25%;
    padding: 0 10px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1380, common/_default.scss */
  #MyWork .myworkGenreTextBox .scheduled {
    width: 100%;
    padding: 10px;
  }
}
@media only screen and (min-width: 960px) {
  /* line 1395, common/_default.scss */
  #MyWork .myworkGenreTextBox .price {
    width: 20%;
    padding: 0 10px 0 0;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1395, common/_default.scss */
  #MyWork .myworkGenreTextBox .price {
    width: 25%;
    padding: 0 10px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1395, common/_default.scss */
  #MyWork .myworkGenreTextBox .price {
    width: 100%;
    padding: 10px;
  }
}
/* line 1411, common/_default.scss */
#MyWork .myworkGenreTextBox .specification ul li {
  width: 48%;
  margin: 0 10px 0 0;
}
@media only screen and (min-width: 960px) {
  /* line 1409, common/_default.scss */
  #MyWork .myworkGenreTextBox .specification {
    width: 57%;
  }
}
@media only screen and (min-width: 960px) {
  /* line 1409, common/_default.scss */
  #MyWork .myworkGenreTextBox .harf {
    width: 50%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1409, common/_default.scss */
  #MyWork .myworkGenreTextBox .specification {
    width: 45%;
  }
  /* line 1422, common/_default.scss */
  #MyWork .myworkGenreTextBox .specification ul li {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1409, common/_default.scss */
  #MyWork .myworkGenreTextBox .specification {
    width: 100%;
    padding: 10px;
  }
  /* line 1432, common/_default.scss */
  #MyWork .myworkGenreTextBox .specification ul li {
    width: 100%;
    margin: 0;
  }
}
/* line 1441, common/_default.scss */
#MyWork .myworkGenreTextBox .myworkGenreTextTitle {
  font-size: 1.2em;
  font-weight: bold;
  color: #009688;
  margin: 0 0 5px;
}
/* line 1448, common/_default.scss */
#MyWork .oemBlock {
  display: none;
}
/* line 1452, common/_default.scss */
#MyWork .oemlogo .oemBlock {
  display: block;
}
/* line 1456, common/_default.scss */
#MyWork .oemHint {
  text-align: left;
  margin: 5px 0;
}
/* line 1459, common/_default.scss */
#MyWork .oemHint .icon {
  font-size: 35px;
}
/* line 1464, common/_default.scss */
#MyWork .selectItemUl li {
  position: relative;
  margin-bottom: 60px;
}
/* line 1467, common/_default.scss */
#MyWork .selectItemUl li .icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 25px;
  color: #797979;
  background: rgba(255, 255, 255, 0.65);
  padding: 5px;
  border: 2px solid #999;
}
/* line 1478, common/_default.scss */
#MyWork .selectItemUl li:hover .icon {
  bottom: 2px;
  right: 2px;
}
/* line 1483, common/_default.scss */
#MyWork .selectItemUl li .recomendTag {
  font-size: .9em;
  width: 100%;
  position: absolute;
  top: 170px;
  left: 0px;
  color: #fff;
  border-radius: 2px;
}
/* line 1492, common/_default.scss */
#MyWork .selectItemUl li .bgGr {
  background-color: #009688;
}
/* line 1493, common/_default.scss */
#MyWork .selectItemUl li .bgYe {
  background-color: #F39800;
}
/* line 1494, common/_default.scss */
#MyWork .selectItemUl li .bgBl {
  background-color: #5161B7;
}
/* line 1495, common/_default.scss */
#MyWork .selectItemUl li .bgPi {
  background-color: #FF807D;
}
/* line 1496, common/_default.scss */
#MyWork .selectItemUl li .recomendS {
  position: absolute;
  font-size: .9em;
  width: 105%;
  top: 195px;
  left: 0px;
}
/* line 1502, common/_default.scss */
#MyWork .selectItemUl li .recomendS:before {
  content: "";
  background: url(/Content/img/icon/smile.svg) no-repeat;
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 6px;
  margin: 0 2px 0 0;
}

/*=====================
 ヘルプページ
=====================*/
/* line 1521, common/_default.scss */
#container .helpPage {
  margin: 30px 0 0;
}
/* line 1524, common/_default.scss */
#container .helpPage .open a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 12px 35px 12px 65px;
  background: #009688;
  color: #fff;
  margin: 0 0 3px;
}
/* line 1532, common/_default.scss */
#container .helpPage .open a:hover {
  text-decoration: none;
}
/* line 1535, common/_default.scss */
#container .helpPage .open a span {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 5px 10px;
  border: solid 2px #fff;
  color: #fff;
}
/* line 1544, common/_default.scss */
#container .helpPage .open a:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7.5px 0 7.5px;
  border-color: #fff transparent transparent transparent;
  bottom: 42%;
  right: 10px;
}
/* line 1559, common/_default.scss */
#container .helpPage .close a:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #fff transparent;
  bottom: 42%;
  right: 10px;
}
/* line 1572, common/_default.scss */
#container .helpPage .help_boxW {
  line-height: 1.5em;
  padding: 15px 15px 30px;
}
/* line 1576, common/_default.scss */
#container .helpPage .helpTable {
  background: #fff;
  margin: 15px 0 30px;
  width: 100%;
}
/* line 1580, common/_default.scss */
#container .helpPage .helpTable th, #container .helpPage .helpTable td {
  padding: 10px 20px;
  box-sizing: border-box;
}
/* line 1584, common/_default.scss */
#container .helpPage .helpTable th {
  border-right: 2px solid #ccc;
  width: 20%;
  background: #EEE;
}
@media only screen and (max-width: 640px) {
  /* line 1584, common/_default.scss */
  #container .helpPage .helpTable th {
    border-right: none;
    width: 100%;
    display: block;
  }
}
/* line 1594, common/_default.scss */
#container .helpPage .helpTable td {
  width: 80%;
}
@media only screen and (max-width: 640px) {
  /* line 1594, common/_default.scss */
  #container .helpPage .helpTable td {
    width: 100%;
    display: block;
  }
}
/* line 1601, common/_default.scss */
#container .helpPage .helpTable tr {
  border-bottom: 2px solid #ccc;
}
@media only screen and (max-width: 640px) {
  /* line 1601, common/_default.scss */
  #container .helpPage .helpTable tr {
    border-bottom: none;
  }
}
/* line 1611, common/_default.scss */
#container .helpPage.notice .help_boxW a {
  padding: 0 2px;
}

/* line 1619, common/_default.scss */
.paymentsendFlow ul {
  padding: 10px;
  border: solid 3px #EEE;
  margin: 0 0 30px;
}
/* line 1623, common/_default.scss */
.paymentsendFlow ul li {
  position: relative;
  padding: 0 0 35px;
  font-size: 1.2em;
}
/* line 1627, common/_default.scss */
.paymentsendFlow ul li:after {
  content: ' ';
  position: absolute;
  bottom: 13px;
  left: 30%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #ccc transparent transparent;
}
/* line 1639, common/_default.scss */
.paymentsendFlow ul li:last-child {
  padding: 0;
}
/* line 1641, common/_default.scss */
.paymentsendFlow ul li:last-child:after {
  display: none;
}

/*=====================
サービス詳細ページ
=====================*/
/* line 1654, common/_default.scss */
#container #myBiz .menuDetailTitle {
  padding: 10px 0;
  text-align: center;
  font-size: 1.4em;
  margin: 30px 0;
  color: #009688;
  border: solid 3px #009688;
}
/* line 1662, common/_default.scss */
#container #myBiz .menu_6_designUl {
  display: block;
  text-align: center;
  padding: 20px 10px;
  border: 2px solid #ccc;
  margin: 0 0 30px;
  vertical-align: top;
  overflow: hidden;
}
/* line 1670, common/_default.scss */
#container #myBiz .menu_6_designUl li {
  display: inline-block;
  width: 31%;
  vertical-align: top;
  margin: 0 8px;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1670, common/_default.scss */
  #container #myBiz .menu_6_designUl li {
    width: 30%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1670, common/_default.scss */
  #container #myBiz .menu_6_designUl li {
    width: 46%;
    margin: 0 5px 15px;
    float: left;
  }
}
/* line 1683, common/_default.scss */
#container #myBiz .menu_6_designUl li img {
  max-width: 100%;
  border: 2px solid #ccc;
}
/* line 1687, common/_default.scss */
#container #myBiz .menu_6_designUl li .textBox {
  margin: 10px 0 0;
  text-align: left;
}
/* line 1693, common/_default.scss */
#container #myBiz .menu_8_designUl {
  display: block;
  text-align: center;
  padding: 20px 10px;
  margin: 0 0 30px;
  vertical-align: top;
  overflow: hidden;
}
/* line 1700, common/_default.scss */
#container #myBiz .menu_8_designUl li {
  border: 2px solid #ccc;
  display: inline-block;
  width: 45%;
  vertical-align: top;
  margin: 0 8px;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1700, common/_default.scss */
  #container #myBiz .menu_8_designUl li {
    width: 45%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1700, common/_default.scss */
  #container #myBiz .menu_8_designUl li {
    width: 90%;
    margin: 0 auto 15px;
  }
}
/* line 1713, common/_default.scss */
#container #myBiz .menu_8_designUl li img {
  max-width: 100%;
}
/* line 1716, common/_default.scss */
#container #myBiz .menu_8_designUl li .textBox {
  margin: 10px 0 0;
  text-align: left;
}

/* line 1725, common/_default.scss */
#checkoutBlock {
  margin: 30px 0 0;
}

/*=====================
 会員情報入力ページ
=====================*/
/* line 1734, common/_default.scss */
body#user p, body#checkout p, body#content p {
  margin-top: 0;
}

/* line 1737, common/_default.scss */
input[type=radio]:checked + label::after {
  background: #009688;
}

/* line 1740, common/_default.scss */
input[type=checkbox]:checked + label::after {
  border-left: 3px solid #009688;
  border-bottom: 3px solid #009688;
}

@media screen and (min-width: 971px) {
  /* line 1745, common/_default.scss */
  article#userBlock.pageCheckMember {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 970px) and (min-width: 641px) {
  /* line 1752, common/_default.scss */
  article#userBlock.pageCheckMember {
    width: 90%;
    box-sizing: border-box;
  }
}
/* line 1757, common/_default.scss */
#userBlock.pageCheckMember {
  width: 90%;
  box-sizing: border-box;
  margin: 0 auto;
}
/* line 1761, common/_default.scss */
#userBlock.pageCheckMember table {
  margin: 10px 0;
}
@media only screen and (max-width: 640px) {
  /* line 1761, common/_default.scss */
  #userBlock.pageCheckMember table {
    margin: 30px 0 10px;
  }
}
/* line 1767, common/_default.scss */
#userBlock.pageCheckMember .formBox {
  position: relative;
}
/* line 1769, common/_default.scss */
#userBlock.pageCheckMember .formBox .errorMessege {
  display: none;
}
/* line 1772, common/_default.scss */
#userBlock.pageCheckMember .formBox .errorMessegeCompany {
  position: absolute;
  bottom: 20px;
  left: 0;
}
/* line 1777, common/_default.scss */
#userBlock.pageCheckMember .formBox .formBoxTitle {
  position: relative;
}
/* line 1779, common/_default.scss */
#userBlock.pageCheckMember .formBox .formBoxTitle span {
  position: absolute;
  right: 10px;
  color: #D60E1D;
  font-size: 0.8em;
}
@media only screen and (min-width: 960px) {
  /* line 1779, common/_default.scss */
  #userBlock.pageCheckMember .formBox .formBoxTitle span {
    top: 25px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1779, common/_default.scss */
  #userBlock.pageCheckMember .formBox .formBoxTitle span {
    top: 25px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1779, common/_default.scss */
  #userBlock.pageCheckMember .formBox .formBoxTitle span {
    top: 10px;
  }
}
/* line 1795, common/_default.scss */
#userBlock.pageCheckMember .formBox th {
  box-sizing: border-box;
}
@media only screen and (min-width: 960px) {
  /* line 1795, common/_default.scss */
  #userBlock.pageCheckMember .formBox th {
    width: 35%;
    padding: 25px 45px 10px 0;
    vertical-align: top;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1795, common/_default.scss */
  #userBlock.pageCheckMember .formBox th {
    width: 48%;
    padding: 25px 45px 10px 0;
    vertical-align: top;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1795, common/_default.scss */
  #userBlock.pageCheckMember .formBox th {
    width: 100%;
    display: block;
    padding: 10px 45px 0 0;
  }
}
/* line 1814, common/_default.scss */
#userBlock.pageCheckMember .formBox td {
  box-sizing: border-box;
  position: relative;
}
@media only screen and (min-width: 960px) {
  /* line 1814, common/_default.scss */
  #userBlock.pageCheckMember .formBox td {
    width: 65%;
    padding: 10px 0  20px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 1814, common/_default.scss */
  #userBlock.pageCheckMember .formBox td {
    width: 52%;
    padding: 10px 0  20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1814, common/_default.scss */
  #userBlock.pageCheckMember .formBox td {
    width: 100%;
    display: block;
    padding: 0 0  20px;
  }
}
/* line 1834, common/_default.scss */
#userBlock.pageCheckMember .formBox .formBoxSelect select {
  box-sizing: border-box;
  height: 36px;
  padding: 3px 20px 3px 10px;
  border: solid 1px #999;
  background: #fff;
  border-radius: 5px;
  background-image: url("/Content/img/select01.png");
  background-repeat: no-repeat;
  background-position: 85% 45%;
  cursor: pointer;
}
/* line 1849, common/_default.scss */
#userBlock.pageCheckMember .ErrorBox .errorMessege {
  display: block;
  color: #D60E1D;
  font-size: 0.8em;
}
/* line 1854, common/_default.scss */
#userBlock.pageCheckMember .ErrorBox .Error {
  border: solid 2px #D60E1D;
}
/* line 1858, common/_default.scss */
#userBlock.pageCheckMember .ErrorBox .formBoxSelect select.Error {
  border: solid 2px #D60E1D;
}
/* line 1863, common/_default.scss */
#userBlock.pageCheckMember .formBoxUl {
  display: block;
  overflow: hidden;
  margin: 10px 0 30px;
}
/* line 1867, common/_default.scss */
#userBlock.pageCheckMember .formBoxUl li {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px 5px 0;
}

/*=====================
 TOPページ
=====================*/
/* line 1878, common/_default.scss */
.contentBizImportantly {
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 0 15px;
  text-shadow: 0 0 3px #FFF;
}

/* line 1884, common/_default.scss */
#loginBiz {
  top: 3%;
  left: 21%;
}

/* line 1888, common/_default.scss */
#contentBiz {
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  /* line 1890, common/_default.scss */
  #contentBiz .contentBizUl {
    padding: 0 10px;
  }
}
/* line 1894, common/_default.scss */
#contentBiz .contentBizUl li {
  padding: 45px 0;
  border-bottom: solid 2px #999;
}
/* line 1897, common/_default.scss */
#contentBiz .contentBizUl li .contentBizTitle {
  font-weight: bold;
  font-size: 2.0em;
  margin: 0 0 15px;
}
/* line 1902, common/_default.scss */
#contentBiz .contentBizUl li .contentBizIconTitle {
  border: solid 3px #009688;
  background: #009688;
  color: #fff;
  padding: 10px;
  margin: 0;
}
/* line 1909, common/_default.scss */
#contentBiz .contentBizUl li p {
  line-height: 1.8em;
  font-size: 1.2em;
}
/* line 1913, common/_default.scss */
#contentBiz .contentBizUl li .fontSize5 {
  font-size: 1.5em;
}
/* line 1916, common/_default.scss */
#contentBiz .contentBizUl li .mainImg {
  width: 90%;
}
/* line 1920, common/_default.scss */
#contentBiz .contentBizUl .first-child {
  padding: 10px 0 45px;
}
/* line 1923, common/_default.scss */
#contentBiz .contentBizUl li:last-child {
  border-bottom: none;
}
/* line 1926, common/_default.scss */
#contentBiz .contentBizUl .satisfaction {
  overflow: hidden;
}
/* line 1929, common/_default.scss */
#contentBiz .contentBizUl .satisfaction img {
  display: inline-block;
  width: 48%;
  float: left;
}
@media only screen and (max-width: 640px) {
  /* line 1929, common/_default.scss */
  #contentBiz .contentBizUl .satisfaction img {
    width: 90%;
    float: none;
    margin: 0 auto 10px;
  }
}
/* line 1939, common/_default.scss */
#contentBiz .contentBizUl .satisfaction p {
  margin-top: 0;
  display: inline-block;
  padding: 0 0 0 20px;
  text-align: left;
  width: 48%;
}
@media only screen and (max-width: 640px) {
  /* line 1939, common/_default.scss */
  #contentBiz .contentBizUl .satisfaction p {
    width: 90%;
    float: none;
    margin: 0 auto 10px;
    padding: 0;
  }
}
/* line 1955, common/_default.scss */
#contentBiz .topBtnG span {
  display: block;
  margin: 0 0 5px;
  text-align: center;
}
/* line 1962, common/_default.scss */
#contentBiz .contentBizIcon {
  border-left: solid 3px #009688;
  border-right: solid 3px #009688;
  border-bottom: solid 3px #009688;
  padding: 20px;
  margin: 0 auto;
}
/* line 1969, common/_default.scss */
#contentBiz .contentBizIcon .myBizServiceIconboxUl li {
  display: inline-block;
  width: 15%;
  padding: 10px;
  background: #EEE;
  position: relative;
  text-align: center;
  border-bottom: none;
  margin: 0 10px 10px;
  box-sizing: border-box;
  border: solid #fff 2px;
}
/* line 1980, common/_default.scss */
#contentBiz .contentBizIcon .myBizServiceIconboxUl li p {
  font-size: 1.0em;
}
@media only screen and (max-width: 640px) {
  /* line 1969, common/_default.scss */
  #contentBiz .contentBizIcon .myBizServiceIconboxUl li {
    width: 45%;
    margin: 0 0 10px;
  }
}
/* line 1987, common/_default.scss */
#contentBiz .contentBizIcon .myBizServiceIconboxUl li img {
  width: 95%;
  max-width: 100px;
}
/* line 1991, common/_default.scss */
#contentBiz .contentBizIcon .myBizServiceIconboxUl li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 2002, common/_default.scss */
#contentBiz .contentBizExample {
  overflow: hidden;
  text-align: center;
}
/* line 2005, common/_default.scss */
#contentBiz .contentBizExample li {
  display: inline-block;
  width: 47%;
  padding: 0 10px 10px;
  margin: 0 0 4px;
  vertical-align: top;
  border: 2px solid #009688;
}
@media only screen and (min-width: 960px) {
  /* line 2005, common/_default.scss */
  #contentBiz .contentBizExample li {
    height: 420px;
  }
  /* line 2014, common/_default.scss */
  #contentBiz .contentBizExample li:first-child {
    width: 927px;
    height: 520px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 2005, common/_default.scss */
  #contentBiz .contentBizExample li {
    height: 420px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 2005, common/_default.scss */
  #contentBiz .contentBizExample li {
    width: 90%;
    margin: 0 auto 10px;
  }
}
/* line 2024, common/_default.scss */
#contentBiz .contentBizExample li img {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
}
/* line 2029, common/_default.scss */
#contentBiz .contentBizExample li p {
  text-align: left;
  margin-top: .8em;
}
/* line 2033, common/_default.scss */
#contentBiz .contentBizExample li .exampleTitle {
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px 0;
}
/* line 2040, common/_default.scss */
#contentBiz .contentBizExample li:last-child {
  border-bottom: 2px solid #009688;
}

@media only screen and (min-width: 960px) {
  /* line 2048, common/_default.scss */
  #container .myBizServiceIconboxUl li:hover {
    border: solid #ccc 2px;
  }
}

/* line 2058, common/_default.scss */
#container table.tableBizPlan {
  border-collapse: collapse;
  background-color: #EEE;
  margin: 0 5%;
  line-height: 1.5em;
}
/* line 2063, common/_default.scss */
#container table.tableBizPlan thead {
  border-bottom: 1px solid #CCC;
}
/* line 2066, common/_default.scss */
#container table.tableBizPlan .even {
  background-color: #FFF;
}
/* line 2069, common/_default.scss */
#container table.tableBizPlan th {
  width: 20%;
  padding: 2em;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}
/* line 2075, common/_default.scss */
#container table.tableBizPlan th a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 2080, common/_default.scss */
#container table.tableBizPlan th h4 {
  font-size: 1.0em;
  margin-top: .3em;
  font-weight: bold;
}
/* line 2086, common/_default.scss */
#container table.tableBizPlan td {
  text-align: center;
}
/* line 2088, common/_default.scss */
#container table.tableBizPlan td p {
  margin-top: 0.6em;
  line-height: 1.0em;
}
/* line 2092, common/_default.scss */
#container table.tableBizPlan td.tableBizSum {
  text-align: left;
  font-size: 1.1em;
}
/* line 2097, common/_default.scss */
#container table.tableBizPlan img {
  width: 20%;
}
/* line 2100, common/_default.scss */
#container table.tableBizPlan th img {
  width: 30%;
}

/* line 2104, common/_default.scss */
.bizcolumn-3 {
  width: 100%;
  margin: 5% 1% 0 1%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
/* line 2110, common/_default.scss */
.bizcolumn-3:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 960px) {
  /* line 2104, common/_default.scss */
  .bizcolumn-3 {
    width: 30%;
    margin: 0 1%;
  }
}

@media only screen and (max-width: 640px) {
  /* line 2120, common/_default.scss */
  #container table.tableBizPlan {
    width: 100%;
    margin: 0;
  }
  /* line 2123, common/_default.scss */
  #container table.tableBizPlan img {
    width: 30%;
  }
  /* line 2126, common/_default.scss */
  #container table.tableBizPlan th img {
    width: 50%;
  }
}
/* line 2134, common/_default.scss */
#mainBiz .boxBizNews {
  line-height: 3em;
}
/* line 2138, common/_default.scss */
#mainBiz .titleBizNews {
  float: left;
  background: #009688;
  color: #fff;
  width: 15%;
  text-align: center;
  margin-right: 5em;
}
/* line 2147, common/_default.scss */
#mainBiz .contentBizNews {
  border-right: 2px solid #009688;
  border-bottom: 2px solid #009688;
}
@media only screen and (max-width: 640px) {
  /* line 2153, common/_default.scss */
  #mainBiz .boxBizNews {
    line-height: 2em;
    width: 96%;
    margin: auto;
  }
  /* line 2158, common/_default.scss */
  #mainBiz .contentBizNews {
    border: 2px solid #009688;
    padding: .5em;
  }
}

/* line 2166, common/_default.scss */
#contentBiz .contentBizExampleSample img {
  margin-right: 20px;
}
/* line 2169, common/_default.scss */
#contentBiz .contentBizExampleSample a {
  text-decoration: none;
}
@media only screen and (min-width: 960px) {
  /* line 2174, common/_default.scss */
  #contentBiz .contentBizExampleSample a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: “alpha(opacity=60) ”;
  }
}
/* line 2183, common/_default.scss */
#contentBiz .tagY {
  background-color: #F39800;
  color: #fff;
  border-radius: 2px;
  padding: .2em .3em;
  margin-right: .3em;
}

/* line 3, common/_helper.scss */
.marginTop10 {
  margin: 10px 0 0;
}

/* line 6, common/_helper.scss */
.marginTop30 {
  margin: 30px 0 0;
}

/* line 9, common/_helper.scss */
.marginTop60 {
  margin: 60px 0 0;
}

/* line 12, common/_helper.scss */
.marginTop90 {
  margin: 90px 0 0;
}

/* line 17, common/_helper.scss */
.marginUnder10 {
  margin: 0 0 10px;
}

/* line 20, common/_helper.scss */
.marginUnder30 {
  margin: 0 0 30px;
}

/* line 23, common/_helper.scss */
.marginUnder60 {
  margin: 0 0 60px;
}

/* line 26, common/_helper.scss */
.marginUnder90 {
  margin: 0 0 90px;
}

/* line 31, common/_helper.scss */
.marginRight10 {
  margin: 0 0 0 10px;
}

/* line 35, common/_helper.scss */
.fontSize2 {
  font-size: 1.2em;
}

/* line 38, common/_helper.scss */
.fontSize3 {
  font-size: 1.3em;
}

/* line 41, common/_helper.scss */
.fontSize5 {
  font-size: 1.5em;
}

/* line 44, common/_helper.scss */
.fontSize8 {
  font-size: 1.8em;
}

.fontSize12 {
  font-size: 12px;
}

/* line 48, common/_helper.scss */
.overflow {
  overflow: hidden;
}

/* line 52, common/_helper.scss */
.textCenter {
  text-align: center;
}

/* line 56, common/_helper.scss */
.textBorderBox {
  padding: 10px;
  border: solid 2px #ccc;
}

/* line 61, common/_helper.scss */
.fontRed {
  color: #D60E1D;
}

@media only screen and (max-width: 640px) {
  /* line 65, common/_helper.scss */
  .spBr {
    display: block;
  }
}

@media only screen and (min-width: 641px) and (max-width: 959px) {
  /* line 70, common/_helper.scss */
  .tbBr {
    display: block;
  }
}

@media only screen and (min-width: 960px) {
  /* line 75, common/_helper.scss */
  .pcBr {
    display: block;
  }
}


  /* 20180511追加 */
.selectItemUl2 li.tagItem {
  display: inline-block;
  float: left;
  position: relative;
  height: 30px;
}
.selectItemUl2 li.tagItem2 {
  display: inline-block;
  float: left;
  position: relative;
  height: 15px;
  
}
.selectItemUl2 {
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
  .selectItemUl2 {
    margin: 0 0 0px;
  }
}
@media only screen and (max-width: 640px) {
  .selectItemUl2 {
    margin: 0 0 30px;
  }
}

.selectItemUl2 li {
  display: inline-block;
  float: left;
  position: relative;
  height: 30px;
  box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
  .selectItemUl2 li {
    width: 70px;
  }
}

.selectItemUl2 .folioTag {
  width: 100px;padding-left:50px;
}
.selectItemUl2 .folioTag2 {
  width: 100px;padding-left:55px;
}
.selectItemUl2 .graphTag {
  width: 105px;
}

.selectItemUl2 .lifeTag {
  width: 90px;
}
.selectItemUl2 .roughTag {
  width: 85px;padding-left:20px;
}

.selectItemUl2 .pocketTtag {
  width: 80px;padding-left:20px;
}

.selectItemUl2 .pocketYTag {
  width: 80px;
}

.selectItemUl2 .albumTag {
  width: 85px;
}

.selectItemUl2 .bunkoTag {
  width: 75px;
}

.selectItemUl2 .aisatuTag {
  width: 75px;
}

.selectItemUl2 .tagGreen {color:#009687;font-weight:bold;text-align:center;}
.selectItemUl2 .tagBlue {color:#4959b0;font-weight:bold;text-align:center;}
.selectItemUl2 .tagOrenge {color:#e29113;font-weight:bold;text-align:center;}
.selectItemUl2 .tagRed {color:#e65755;font-weight:bold;text-align:center;}

.selectItemdiv {width:900px;overflow:hidden;text-align:left;height:40px;margin-top:10px;}
.selectItemdiv2 {float:left;padding-left:50px;}
.selectItemdiv2a {float:left;padding-left:90px;}
.selectItemdiv3 {float:left;padding-left:40px;}
.selectItemdiv4 {float:left;padding-left:30px;}

@media only screen and (max-width: 728px) {
.selectItemdiv {width:700px;overflow:hidden;text-align:left;height:40px;margin-top:10px;}
.selectItemdiv2 {float:left;padding-left:0px;}
.selectItemdiv2a {float:left;padding-left:0px;}
.selectItemdiv3 {float:left;padding-left:40px;}
.selectItemdiv4 {float:left;padding-left:30px;}
}


.pdfdl1{padding-right:10px;float:left;}
.pdfdl2{float:left;}

@media only screen and (max-width: 728px) {
.pdfdl1{padding-right:0px;float:none;}
.pdfdl2{float:none;}	
}

.memebtn2 {
margin:0 auto;
width:200px;
font-size:120%;
text-decoration:none;
display:block;
text-align:center;
padding:8px 0 10px;
color:#fff;
background-color:#009688;
border-radius:5px;
}

.memebtn2:hover{
background-color:#19aa9c;
}

.bizwari1 {background-color:#e66045;margin:0 auto;}
.memeinfo{color:#fff;margin:0 auto;padding:0 20px 20px 20px;}
.memeinfo2{margin:0 auto;border:2px solid #e66045;}
.memeinfo3{margin:0 auto;padding:0;text-align:center;}
.memeinfo4{padding:0 20px 20px 20px;}
	
.memeinfo2 input[type=submit]{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	}

.memeinfo2 input[type=submit].memebtn3{
	margin:0 auto;
	width:200px;
	font-size:120%;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:#fff;
	background-color:#e66045;
	border-radius:5px;
}
.memeinfo2 input[type=submit].memebtn3:hover{
	background-color:#ed745c;
}



/* 1810追加 */
.couponDp {background-color:#f5b549;padding:20px;text-align:center;font-size:1.3em;}
.couponSpan {font-size:1.5em;color:#000000;}

.checkmemberStepMain{text-align:center;margin:0 auto 30px auto;}
.checkmemberStepMain h2{font-size:1.5em;font-weight:bold;}


/* 1811追加 */
.nengaDp {background-color:#c70013;padding:20px;text-align:center;font-size:1.3em;}
.nengaSpan {font-size:1.5em;color:#fff;}

.topContent{width:100%;margin:0 auto;}
.topContent li {float:left;	margin:10px 0 10px 0;width:450px;padding:10px;color:#000;border-radius:5px;background-color:#f5b549;text-align:center;font-size:1em;}
.topContent li.tpp {float:left;margin:10px 0 10px 10px;width:450px;padding:10px;color:#fff;border-radius:5px;background-color:#c70013;text-align:center;font-size:1em;}
.topContent li.tpp:first-child{width:100%;margin:5px 0 5px 0;}
.biztopbrMb {display: none;}
.biztopbrPc {display:block;}


.topContentbottom {
	float:left;
	width:470px;
	height:112px;
	background-color:#f5b549;
}
.topContentbottom p {
	line-height: 1.5em;
	margin-top:38px;
	font-size:1.2em;
	color:#000;
}

.myworkCoupon01 {
	width:98%;
	margin:0 auto;
	padding:10px;
	background-color:#f5b549;
	border-radius:5px;
}



@media only screen and (max-width: 728px) {
.topContent li {float:none;margin:0;width:100%;padding:10px;color:#000;border-radius:5px;background-color:#f5b549;text-align:center;font-size:1em;}
.topContent li.tpp {float:none;margin:0;width:100%;padding:10px;color:#fff;border-radius:5px;background-color:#c70013;text-align:center;font-size:1em;}
.biztopbrMb {display: block;}
.biztopbrPc {display: none;}
	
.topContentbottom {
	float:none;
	width:100%;
	height:80px;
	background-color:#f5b549;
}

.topContentbottom p {
	line-height: 1.5em;
	margin-top:0px;
	padding-top:7px;
	font-size:1em;
	color:#000;
}
	
	
.myworkCoupon01 {
	width:90%;
	margin:0 auto;
	padding:10px;
	background-color:#f5b549;
}
	
.pdfdl1back {background-color:#009788;}
	
}


.nengaLast {border-radius:3px;border:solid 1px red;padding:3px 3px 3px 20px;font-weight:bold;}

}body#home {
	overflow-x:hidden;
}.creditcardInfo {width:100%;padding:10px;}
.pleft{border-radius:3px;float:left;}
.pright{border-radius:3px;float:left;margin-left:20px;}


table.planAbout{width:100%;font-size:1em;box-shadow: 2px 2px 4px gray;margin:30px auto;}
table.planAbout th{width:19%;background-color:#ccc;padding:10px;border:1px solid #eee;}
table.planAbout td{width:19%;padding:10px;text-align:center;border:1px solid #ccc;}
.fontbig {font-size:2em;}  

.creditcardMigration {text-align:center;font-weight:bold;}


table.planAbout th{width:20%;}
table.planAbout td{width:20%;}
.businessForm {text-align:center;}
.bottomright {
 display:block;
 z-index: 999999;
 position: fixed;
 bottom: 10px;
 right: 10px;
 border:3px solid #fff;
 padding:5pt;
 background-color: #df4d4e;
 border-radius:5px;
 text-align:center;
}
.bottomright a:hover{
  background: rgba(223, 77, 78, 0.9);
  }
@media only screen and (max-width: 728px) {
	.bottomright {display:none;}
}

.myworkFoliosampletop{border:1px solid #aaa;border-radius:5px;padding:30px;}
@media only screen and (max-width: 728px) {
.myworkFoliosampletop{border:1px solid #aaa;border-radius:5px;padding:10px;margin:5px;}
}
.fontBold{font-weight:bold;}

@media screen and (min-width: 971px) {
  footer#footer div#dlmenu {
    padding: 0;
  }
}
footer#footer div#dlmenu {
  margin-bottom: 0;
  background-color: transparent;
}

footer#footer div#dlmenu .item dl dt a {
  color: #fff;
}

#dlmenu {
  overflow: hidden;
  text-align:center;
  padding: 15px 0;
}
#dlmenu li {
  display: inline-block;
  margin: 0 15px;
}
#dlmenu li a {
  color: #fff;
}
@media only screen and (max-width: 640px) {
  #dlmenu {
    padding: 0;
  }
  #dlmenu li {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    border-top: solid 1px #ccc;
    padding: 10px;
  }
  #dlmenu li:first-child {
    border-top: none;
  }
}
footer#footer div.footerhr {  border-top: 1px solid #EEE;}

.greenText{color:#009688;}


.contractRelasediv {width:500px;margin:0 auto;}
@media only screen and (max-width: 640px) {
  .contractRelasediv {
    width:100%;padding:5px;
  }
}

.box-col2{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-around;
}

.myworkWebalbumPayment{padding:10px;color:red;border:1px solid #ff0000;border-radius:5px;}



@media only screen and (max-width: 728px) {
	.textSpalign {text-align:left;margin:20px;}
}