@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('../fonts/MonoSocialIconsFont-1.10.eot');
    src: url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('../fonts/MonoSocialIconsFont-1.10.woff') format('woff'), url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.bigH {
    font-size: 3em !important;
    line-height: 1.5em !important;
}

.btn-primary:hover {
    background: #fff !important;
    color: #286090 !important;
    text-decoration: none !important;
    border-color: #204d74 !important;
}

.meyasu_nouki_price_midashi {
	-webkit-writing-mode: vertical-rl !important;
	-ms-writing-mode: tb-rl !important;
	writing-mode: vertical-rl !important;
	font-size: 16px !important;
	background-color: #c11920 !important;
	color: #fff !important;
	font-weight: normal !important;
	line-height: 1.5em !important;
	margin: 0 15px 0 0 !important;
	float: left !important;
	padding: 1em 0.5em !important;
}

#price-jyoken-nowH {
    font-size: 16px !important;
    border-top: 2px solid !important;
    border-bottom: 2px solid !important;
    line-height: 2em !important;
    background: none !important;
}
#price-jyoken-nowH::before {
    content: '\f1c5';
    font-family: FontAwesome;
    margin-right: 0.5em;
}


.flex {
    display: flex
}
.f-container {
    justify-content: space-between;
    align-items: center;
}
html {
    font-size: 14px;
}

label.mm {
    text-align: center;
    margin: 0;
}

form.mitu-form {
    width: 100%;
}

#top-nav .form-group {
    margin: 0rem .5rem 0rem 0rem;
}

#top-nav .navbar-right {
    margin-right: 0px;
}
.zoom-box {
    display: inline-block;
    overflow: hidden;
  }
  .c-bnr.zom {
    display: block;
    transition-duration: .5s;
  }
  .c-bnr.zom:hover {
    transform: scale(1.2);
  }
  .c-bnr.bg {
    position: relative;
    overflow: hidden;
  }

  .c-bnr.bg::before,
  .c-bnr.bg::after {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    margin: auto;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
    opacity: 0;
  }
  .c-bnr.bg::before {
    background: rgba(190,91,70,.6);
    width: 100%;
    height: 100%;
  }
  .c-bnr.bg::after {
    color: #fff;
    content: "Read More";
    font-size: 22px;
    font-weight: bold;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    bottom: 0;
    right: 0;
  }

  .c-bnr.bg:hover::before,
  .c-bnr.bg:hover::after {
    opacity: 1;
  }


.mitu-form h3::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 25px;
    background: #f354a4;
    border-radius: 3px;
}
.mitu-form h3 {
    padding: 0 0 9px 22px;
    border-bottom: 1px solid #c2c2c2;
    position: relative;
    color: #2b2b2b;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
}



/* 背景2色 */
.oneArea {
    background: linear-gradient(180deg, #c4d7d1 0%, #c4d7d1 50%, #fff 50%, #fff 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 400px; */
  }

/* 背景2色 */
.new_price_wrap .row {
    max-width: 1300px;
}

/*Chrome*/
::-webkit-scrollbar {/*縦方向スクロールバーの幅*/
    width: 1rem;
}
::-webkit-scrollbar:horizontal {/*横方向スクロールバーの高さ*/
    height: .1rem;
}
::-webkit-scrollbar-track {/*スクロールバーの軌道*/
    background: lemonchiffon;
}
::-webkit-scrollbar-thumb {/*つまみの部分*/
    box-shadow: inset 0 0 10px orange;
    border-radius: 10px;
    background: yellow;
}
::-webkit-scrollbar-thumb:hover {/*マウスホバー時*/
    background: gold;
}
/*Firefox*/
.csscode div {/*適用させる箇所のID, クラス名に置き換えてください*/
    scrollbar-width: thin;/*細さ(幅・高さ両方に適用)*/
    scrollbar-color: orange lemonchiffon;/*つまみの色 軌道の色*/
}







nav#top-nav .dropdown-menu {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav#top-nav .divider {
    height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #444;
}
nav#top-nav .dropdown-menu ul {
    padding: 0;
}

nav#top-nav .dropdown-menu ul li {
    padding-top: 0rem;
	padding-bottom: 0rem;

}


nav#top-nav .dropdown-menu ul li > a {
    padding-left: 2rem;
    padding-right: 1rem;
	display: block;
	width: 100%;
	line-height: 2.5rem;
}

nav#top-nav .dropdown-menu ul li.in a {
	padding-left: 4rem !important;
}

nav#top-nav .dropdown-item {
    padding: 0;
}

.overflow_hidden {
    overflow: hidden;
}

nav#top-nav .navbar-brand {
    margin-right: 44%;
}
nav#top-nav .dropdown-menu a {
    line-height: 2rem;
    color: #9d9d9d;
    width: 100%;
	text-decoration: none;
}
nav#top-nav .dropdown-menu a:hover,
nav#top-nav .dropdown-menu a:active {
    background-color: #FF0000;
    color: #fff;
    display: block;
}
.new_price_wrap h3 {
	margin-top: 7rem;
	margin-bottom: 2rem;
}

.new_price_wrap h3#top {
	margin-top: 15px;
	margin-bottom: 2rem;
}



nav#top-nav>a,
.navbar-dark .navbar-nav .nav-link {
    color: #ffff !important;
}
nav#top-nav  .btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
#kakaku-rei-inner .col-sm-4 {
  padding-left: 5px;
  padding-right: 5px;
}

.text-center {
  text-align: center !important;
}
.design_price_con figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.design_price_con figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

figure img.hover1 {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
figure:hover img.hover1 {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}



.type-shine {
  position: relative;
  overflow: hidden;
}
.type-shine:before {
  -webkit-animation: shine .6s ease 1.5s;
  content:"";
  position: absolute;
  top: 0;
  left: -250px;
  width: 100%;
  height: 100%;
  transform: rotate3d(0,0,1,-45deg) translate3d(0,-120%,0);
}
@-webkit-keyframes shine {
  0% {transform: rotate3d(0,0,1,-45deg) translate3d(0,-120%,0);background: rgba(255,255,255,0.5);}
  100% {transform: rotate3d(0,0,1,-25deg) translate3d(0,150%,0);background: rgba(255,255,255,0.5);}
}

.meyasu-nouki-box2 {
    text-align: center;
    margin-top: 10px;

}

.modal.fade .modal-dialog{
  transition-duration: 1s;
  /* slide out のスピード */
  transform: translate3d(0, -5%, 0);
  /* slide開始位置(x,y,z) */
}

.modal.in .modal-dialog{
  transition-duration: 1s;
  /* slide in のスピード */
  transform: translate3d(0, 0, 0);
  /* slide終了位置(x,y,z) */
}


#design_select_setumei {
    margin-top: 30px;
    text-align: center;
}
.point-circ {
    line-height: 1em;

    font-size: 14px;
    padding: 0.5em 1.1em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    background: #09d;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}


#thank .padding4_1em {
  border-width: 3px;
}

.meyasu-nouki-box2 .box-border4 {

    padding: 0.2em 1em;
    margin: 10px 0 5px !important;
}

.box-border4 {
    border: 1px solid ;
    text-align: center;
    max-width: 100%;
    min-width: 70px;

}

.animated {
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

#scriptoff-alert {
    background-color: #ebf004;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-top: 1px solid #f90b19;
    border-bottom: 1px solid #f90b19;
}

#scriptoff-alert p {
    color: #f90b19;
    line-height: 1.5em;
    margin: 0;
}

.limited {
    position: relative;
}

.limited a::before {
    content: '期間\A限定';
    white-space: pre;
    font-size: 10px;
    text-align: center;
    padding: 0.4em 0.4em;
    background-color: red;
    line-height: 1em;
    color: #fff;
    z-index: 999;
    position: absolute;
    top: 0px;
    left: -10px;
    border-radius: 50% 50%;

}
.design_select_ichiran_big .limited a::before {
    content: '期間\A限定';
    white-space: pre;
    font-size: 10px;
    text-align: center;
    padding: 0.5em 0.5em;
    background-color: red;
    line-height: 1em;
    color: #fff;
    z-index: 999;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50% 50%;

}

.design-pricelist-order-con p {
    line-height: 1.3em;
    margin: 0;
    font-size: 14px;
}

.design-pricelist-order-con button {
    width: 100%;
    margin: 1em 0;
    padding: 0.5em 0.4em;
}
#price-jyoken-now .design-pricelist-order-con h5,
.design-pricelist-order-con h5 {
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color:#795548;

    padding: 0.3em 1em;
    line-height: 1.6em;
}

#op_delete .btn {
	margin-top: 10px;
}

#price-jyoken-now .design-pricelist-order-con h5::befor,
.design-pricelist-order-con h5::befor {
    content: none;
}
.new_icon {
    position: relative;
}
/*サンプル請求*/
#samplereq h2 {

}

.design-pricelist-order-con .open_slideBox_design  {
    border: 1px solid;
}

.design-pricelist-order-con h5::before {
    content: '';
}

.new_icon a::before {
    content: 'NEW';
    white-space: pre;
    font-size: 10px;
    text-align: center;
    padding: 1.2em 0.5em;
    background-color: red;
    line-height: 1em;
    color: #fff;
    z-index: 999;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50% 50%;

}

#payment .modal-body,
#desele-modal .modal-body,
#order-nouki-box .modal-body {
    padding: 15px;
}

#desele-modal .modal-body ul {


}

#desele-modal .modal-body ul li {

    list-style: disc;
    list-style-position: inside;
    font-size: 12px;

}

#payment .modal-body h3,
#desele-modal .modal-body h3,
#order-nouki-box .modal-body h3 {
    margin-top: 40px;
}
#desele-modal .modal-body h4,
#order-nouki-box .modal-body h4 {
    border: none !important;
}

#order-nouki-box .modal-body h3 {
    text-align: left;
}

/*トップロゴにサンタ帽・干支
#top_logo::before {

    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/hanyou/eto-nezumi.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat:no-repeat;
    transform: scale(-1, 1);
    position: relative;
    top: 0px;
    left: 0px;

}


.navbar-brand::after {

    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/hanyou/eto-nezumi.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat:no-repeat;
    position: relative;
    top: 0px;
    left:-10px;

}
*/


#sampleimg {
    background-image: url(../imag/ample/seikyubtn_rollout.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

#sampleimg:hover {
    background-image: url(imag/ample/seikyubtn_rollover.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.selection-wrapper .single-option span {

    display: inline-block;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 0.8125em;
    font-weight: initial;
    line-height: 1;
    padding: 8px 12px;
    margin: 4px 8px 4px 0;
    background-color: transparent;
    color: #4f4f4f;
    border: 2px solid #a7a7a7;
}

.purchase-box .selection-wrapper.price {
    padding-bottom: 10px;
    line-height: 1.2em;
}
.purchase-box .selection-wrapper.price > span {
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.7em;
    color: #209a9a;
}

.purchase-box .selection-wrapper {
    padding-bottom: 14px;
    margin-bottom: 6px;
    border-bottom: 1px solid #dadada;
}

.purchase-box .selection-wrapper label {
    font-size: 12px;
    line-height: 1.7em;
    margin: 10px 0 5px;
}

.purchase-box .selection-wrapper.variant {
    margin-bottom: 20px;
}

.purchase-box {
	background-color: #f3f3f3;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.purchase-box h1 {
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 4px;
    margin-top: 0px;
    color: black;
}
.new-product-page h2,
.new-product-page h3,
.new-product-page h4 {
    font-size: 1.9em;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: 400;
    color: black;
}

#new-top-h1box {
    text-align: center !important;
}

#new-top-h1box h1 {
    font-family: "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
    line-height: 1.5em;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

#new-top-h1box p {
    font-family: "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
    line-height: 1.5em;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

#new-top-h1box h1 {
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
}

#new-top-h1box h1:before,
#new-top-h1box h1:after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}

#new-top-h1box h1:before {
    margin-right: 0.5em;
}

#new-top-h1box h1:after {
    margin-left: 0.5em;
}

/*モーダルcssのみ*/

/*モーダルここまで*/


.pink {
    color: #f353a5 !important;
}

label {
    font-weight: normal;
}

.lec-con-in #colum h5 {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-top: 2em;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#whatsnew {
    margin-top: 50px;
    margin-bottom: 50px;
}

#whatsnew .in {
    width: 100%;
    overflow: scroll;
    height: 200px;
}

#whatsnew h3 {
    font-size: 28px;
    text-align: center;
}

#whatsnew dt, #whatsnew dd {
    font-size: 10px;
    line-height: 1.5em;
    margin-bottom: 1em;
    padding-bottom: 1em;
    display: block;
    font-weight: normal;
}

#whatsnew dt {
    width: 30%;
    float: left;
    text-align: right;
}

#whatsnew dd {
    width: 100%;
    padding-left: 22%;
    border-bottom: solid 1px #777;
}

.aaa {
    opacity: 0;
    -webkit-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-animation-name: Drop;
    animation-name: Drop;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.aaa {
    position: absolute;
    display: block;
    width: 10px;
    height: 15px;
    background: url("../img/hanyou/sakura.png") no-repeat;
}

.off2 {
    background-color: #e73656;
    text-align: center;
    font-size: 8px;
    padding: 0.1em 0.3em;
    color: #fff;
}

.sale s {
    color: #555;
    font-size: 70%;
    margin-bottom: 0.2em;
}

.lec-con-in #colum p {
    font-size: 14px;
    line-height: 1.5em;
    margin-left: 0px;
    margin-right: 0px;
}

.lec-con-in #colum {
    margin-top: 100px;
    margin-bottom: 100px;
}

article {
    margin-top: 10px;
}

.arrow-box-big {
    height: 100px;
    font-size: 20px;
}

.arrow_anime1_dwn {
    position: absolute;
    top: 40px;
    left: 45%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-decoration: none;
    color: #f977a5;
}

.arrow_anime1_dwn span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #f977a5;
    border-bottom: 1px solid #f977a5;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -webkit-animation: sdb 1.5s infinite;
    animation: sdb 1.5s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb {
    0% {
        -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

#cartpro-modal .boder4 {
    padding: 15px;
    margin: 15px 0;
    border-right: none;
    border-left: none;
}

#cartpro-modal  #order-nouki-box h4 {
    text-align: left;
}

@keyframes sdb {
    0% {
        transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

.arrow_anime1_up {
    position: absolute;
    bottom: 250px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-decoration: none;
    color: #f977a5;
}

.arrow_anime1_up span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #f977a5;
    border-bottom: 1px solid #f977a5;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-animation: sdb2 1.5s infinite;
    animation: sdb2 1.5s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb2 {
    0% {
        -webkit-transform: rotateY(0) rotateZ(45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotateY(720deg) rotateZ(45deg) translate(20px, -20px);
        opacity: 0;
    }
}

@keyframes sdb2 {
    0% {
        transform: rotateY(0) rotateZ(45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotateY(720deg) rotateZ(45deg) translate(20px, -20px);
        opacity: 0;
    }
}

#price-select-wrap p {
    color: #333333;
    font-size: 13px;
}

#price-select-wrap select {
    width: 100% !important;
    border: 1px solid #4da6f0;
    color: #4da6f0;
    font-size: 10px;
}

#price-select-wrap .btn {
    margin-top: 50px;
}

.btn-wid {
    width: 100% !important;
}

#price-scloll-boxwrap, .price-scloll-boxwrap {
    margin-bottom: 50px;
    padding: 10px 0px;
}

#price-title-box {
    text-align: center;
    border-top: 1px solid #c2c6c7;
    border-bottom: 1px solid #c2c6c7;
    margin: 20px 0 30px;
    padding: 20px 0;
}

#price-title-box p {
    margin-bottom: 0px !important;
    font-weight: bold;
}

.dbbox1 {
    background-color: #f6d1d1;
}

.dbbox2 {
    background-color: #bdf1f2;
}

#new-pricelist #price-title-box h2, #new-pricelist #price-title-box h1, #item-main #price-title-box h2, #item-main #price-title-box h1 {
    line-height: 1.5em;
    color: #393838;
    font-size: 30px;
    margin: 0;
    font-weight: bold;
}

#price-top-box2 {
    margin-bottom: 30px;
    margin-top: 20px;
}

#new-pricelist .con {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid#ebebeb;
    padding: 10px 1em;
    text-align: center;
    margin: 20px 0 0;
}

#price-top h2, #price-top .step h3 {
    /*
    text-align: center;
    color: #0d0015;
    font-size: 24px;
    */
    text-align: left;
    color: #0d0015;
    font-size: 24px;
    border-left: 10px solid #c11920;
    padding-left: 15px;
}

#price-top h2.top-imgh2 {
    /*
    text-align: center;
    color: #0d0015;
    font-size: 24px;
    */
    text-align: left;
    color: #0d0015;
    font-size: 24px;
    border-left: none;
    padding-left: 0px;
}

#price-top .price_btn h2, #price-top .price_btn .step h3 ,#price-top .step  .price_btn h3 {
    text-align: center;
    color: none;
    border: none;
    padding: 0;

}

#ticket-price #price-top h1 {
    text-align: left;
    color: #0d0015;
    font-size: 24px;
    border-left: 10px solid #c11920;
    padding-left: 15px;
}

#print-sample {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid#ebebeb;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 20px;
}

#sidemenu {
    margin-bottom: 50px;
}

#print-sample [class*='col-'] {
    margin-bottom: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

p.setumeip {
    font-size: 10px;
    line-height: 1.5em;
    text-align: center;
    color: #777;
    margin-top: 10px;
    margin-bottom: 15px;
}

#top-nav {
    margin-bottom: 0;
}

#print-sample p {
    color: #555;
    margin: 0 0 30px;
    line-height: 1.5em;
    font-size: 14px;
}

#new-pricelist .con-bottom {
    border-bottom: 1px solid#ebebeb;
    padding: 10px 1em;
    text-align: left;

}

#new-pricelist .con-bottom p {
    color: #333333;
    font-size: 10px;
    margin: 0;
}

#new-pricelist .con-bottom p.title {
    color: #333333;
    margin: 0 0 1em;
}

#new-pricelist .con p {
    color: #333333;
    font-size: 10px;
    margin: 0;
}

.red-box {
    line-height: 1em !important;
    padding: 1em 0;
    width: 100%;
    border: 1px solid #f6424d;
    color: #f6424d !important;
    text-align: center;
    font-size: 10px !important;
}

#price-top #new-pricelist #price-top-box2 h2, #price-top #new-pricelist #price-top-box2 h3 {
    font-size: 18px;
    text-align: left;
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-top: 0px;
    color: #0e0c0e;
    font-weight: bold;
}

.product-top-title {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid #c2c6c7;
    font-weight: bold;
}

.text_mazenta {
    color: #f940a8;
}

.text_22px, .text_18px {
    font-size: 16px !important;
}
#item-top-lead h2,
#item-top-lead h1,
#item-top-lead h3 {
  font-size: 20px !important;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  margin-bottom: 20px;
  text-align: left !important;
  border-left: none !important;
}
#oripmapBody #item-top-lead h2,
#oripmapBody #item-top-lead h1,
#oripmapBody #item-top-lead h3 {
    font-size: 23px !important;
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    margin-bottom: 40px;
    text-align: center !important;
    border-left: none !important;
}

#order1 .modal-body td a,
#design-price .modal-body td a {
    color: #333333;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

#order1 .modal-body td a i
#design-price .modal-body td a i {
    color: #333333;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

#order1 .modal-body td a i:hover,
#design-price .modal-body td a i:hover {
    color: #f93a3a;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

#order1 .modal-body td a:hover,
#design-price .modal-body td a:hover {
    color: #f93a3a;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

#order1 #kaitori_op .modal-body h4, #order1 #omakase_op .modal-body h4,#order1 #kihon_op .modal-body h4, #order1 #nouki_op .modal-body h4,
#design-price #kaitori_op .modal-body h4, #design-price #omakase_op .modal-body h4,#design-price #kihon_op .modal-body h4, #design-price #nouki_op .modal-body h4 {
    font-size: 22px;
    line-height: 2em;
    margin: 2em 0;
}

#order1 #kaitori_op .modal-body h5,#order1 #omakase_op .modal-body h5, #order1 #kihon_op .modal-body h5, #order1 #nouki_op .modal-body h5,
#design-price #kaitori_op .modal-body h5,#design-price #omakase_op .modal-body h5, #design-price #kihon_op .modal-body h5, #design-price #nouki_op .modal-body h5 {
    font-size: 20px;
    line-height: 2em;
    margin-bottom:1.5em;
    text-align: left;
}
#order1 #kaitori_op .modal-body ul li, #order1 #omakase_op .modal-body ul li,#order1 #kihon_op .modal-body ul li, #order1 #nouki_op .modal-body ul li,
#design-price #kaitori_op .modal-body ul li, #design-price #omakase_op .modal-body ul li,#design-price #kihon_op .modal-body ul li, #design-price #nouki_op .modal-body ul li {
    margin-bottom: 0.5em;
    margin-right: 2em;
}

#order1 #kaitori_op .modal-body p,#order1 #omakase_op .modal-body p,#order1 #kihon_op p,#order1 #nouki_op p,#design-price #kaitori_op .modal-body p,#design-price #omakase_op .modal-body p, #design-price #kihon_op .modal-body p, #design-price #nouki_op .modal-body p {
    margin: 0.5em 0 2em ;
    font-size: 14px;
}



#design-price .modal-body {
    padding-top: 50px;
    padding-bottom: 50px;
}

.text_mizuiro {
    color: #00a6d6;
}

#pay-modal .modal-body {
    padding: 30px;
}

.text_yerow {
    color: #f6ea00;
}

.text_orenge {
    color: #ef9300;
}

.text_goreen {
    color: #8cbe21;
}

#tag-size-box {
    margin: 50px 0;
    padding: 50px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

article #tag-size-box .btn {
    margin: 0;
    padding: 0.2em 1em;
}

#tag-size-box p {
    text-align: left;
    font-size: 10px;
    line-height: 1.2em;
}

.text-box {
    font-size: 16px !important;
    border: 1px solid #181717;
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 0.5em 2em;
}

#tem-foot-com-box {
    border: 1px dashed #444;
    padding: 20px 5px;
}

#set {
    margin-top: 150px;
    margin-bottom: 0px;
}


#set h3+p {

    margin-bottom: 50px;
}

.set {
    margin: 30px 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 30px 0;
}

#set h3 {
    font-size: 22px;
    text-align: center;
}

#set h4 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.set-maisu {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f5a500;
    color: #fff;
    font-size: 18px;
    padding: 28px 5px;
    float: left;
    margin-right: 15px;
    text-align: center;
}

.set-price {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.1em;
}

.set-price s {}

.set-price-lerd {
    font-size: 16px;
    line-height: 1em;
    margin: 0;
    font-weight: bold;
}

.set-price small {
    font-size: 60%;
    line-height: 1.1em;
    margin-top: 0px;
}

.img-mini {
    width: 70%;
    margin-bottom: 20px;
}

#hajimete-aisatu h1 {
    font-size: 18px;
    margin: 20px 0 50px;
    font-weight: 100;
    color: #333333;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    line-height: 1.7em;
    padding: 1em 0;
}

#hajimete-aisatu h2 {
    font-size: 20px;
    margin: 50px 0 30px;
}

#price-scloll-boxwrap .nav li {
    font-size: 10px;
}

#price-scloll-boxwrap .nav li a {
    padding: 10px 10px;
}

#price-scloll-boxwrap .five .nav li a {
    padding: 10px 5px;
}

#price-top #new-pricelist #price-top-box2 p {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.3em;
}
#order1 #cart-product p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 10px ;
    line-height: 1.5em ;
    margin: 0 ;
	color: #9c9a9a;
}
#order1 #cart-product {

}

#cart-product .boder4 {
    border-color: #7a7777;
    padding: 5px;
    margin: 10px 0px 0 0px;
    border-left: none;
    border-right: none;
}
#price-box-boder {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #333333;
}

.price-box-boder {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #333333;
}
#chirashi-page main h1,
#wrap-top article>h1,
#wrap-top>h2,
#ticket-page article>h1,
#ticket-page #ticket-top h1,
#ticket-page #ticket-top>h2,
#ticket-page article #ticket-top>section>h2,
#ticket-page article #ticket-top>section>h1,
#chirashi-page article>h1 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 1em;
    background: linear-gradient(transparent 60%, yellow 60%);

}

#rulu {
    text-align: center;
    margin-bottom: 30px;
}

#rulu p {
    font-size: 16px;
}

#rulu label,
#rulu .btn {
    font-size: 20px;
    color: #f354a4;
    border-bottom: 1px solid;
}

#rulu .scrollbox h2,
#rulu .scrollbox h3,
#rulu .scrollbox p,
#rulu .scrollbox ul li,
#rulu .scrollbox dd,
#rulu .scrollbox dt,
#rulu .scrollbox ol li {
    font-size: 12px;
}

#rulu .scrollbox {
    margin-bottom: 40px;
}

.scrollbox {
    width: 100%;
     height: 200px;
     overflow: scroll;
     border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
    padding: 3px 8px;
    margin: 2px;
    background-color: #ffff;
    vertical-align: middle;
}
#tag-goods #price-top>h1,
#tag-goods #price-top>h2 {
    font-size: 31px;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0.7em;
    background: linear-gradient(transparent 60%, yellow 60%);
    font-weight: bold;
}

.tophtag {
    font-size: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5em !important;
    text-align: center !important;
    letter-spacing: 0.8em !important;
    background: linear-gradient(transparent 60%, yellow 60%) !important;
}

.fontsize14 {
    font-size: 14px !important;
}

#gift-top>h2,
#oripmapBody article h1,
#oripmapBody #con-top>h2,
article #shopcard-top h1,
#shopcard-top>h2:first-child,
#shopcard-top>h1,
#postcard-page article>h1 {
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0.2em;
    background: linear-gradient(transparent 60%, yellow 60%);

}
#oripmapBody article #con-top section>h2,
#oripmapBody main h1 {
	font-size: 34px;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0.1em;
    background: linear-gradient(transparent 60%, yellow 60%);
    font-weight: bold;
}
#chirashi-page main h1+p,
#gift-top>h2+p,
#wrap-top article>h1+p,
#wrap-top>h2+p,
#oripmapBody article h1+p,
#oripmapBody main h1+p,
#oripmapBody #con-top>h2+p,
article #con-top section>h2+p,
#ticket-page article>h1+p,
#ticket-page #ticket-top h1+p,
#ticket-page article #ticket-top>section>h2+p,
#ticket-page article #ticket-top>section>h1+p,
#chirashi-page article>h1+p,
article #shopcard-top h1+p,
#shopcard-top>h2:first-child+p,
#shopcard-top>h1+p,
#tag-goods #price-top>h2+p,
#postcard-page article>h1+p  {
    margin: 0 15px;
    font-size: 10px;
    line-height: 1.5em;
    text-align: center;

}
#oripmapBody article h1+p,
#oripmapBody #con-top>h2+p,
article #shopcard-top h1+p,
#postcard-page article>h1+p {
    margin: 0 15px;
    font-size: 10px;
    line-height: 1.5em;
    text-align: center;

}

.linkcolor a, .linkcolor a:link {
    color: #428bca !important;
}

.linkcolor a:hover {
    text-decoration: underline;
}

a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.h1 {
    font-size: 24px;
}

#animation {
    margin: 50px 0;
    font-size: 40px;
    font-weight: bold;
    color: #ff0000;
}


/*
h2,
h3,
h4,
h5 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
*/

img {}

.order-step, .order-step-in {
    float: left;
    border: 1px solid #908c8c;
    text-align: center;
    height: 60px;
    width: 22%;
}

#order-step-box2 .order-step,#order-step-box2 .order-step-in {
    float: left;
    border: 1px solid #908c8c;
    text-align: center;
    height: 25px;
    width: 22%;

}


#order-step-box2 .order-step-in {
    background-color: #908c8c;
}

#order-step-box2 .order-step p {
    color: #908c8c;
}



.order-step-in {
    background-color: #908c8c;
}

.order-step p {
    color: #908c8c;
}




.order-step-in p {
    color: #fff;
}

h2, .h2 {
    font-size: 22px;
    font-weight: normal;
    color: #040202;
}

p.sclollp {
    margin-top: 0.5em;
    font-size: 12px;
    line-height: 1.5em;
    color: #333333;
    text-align: center;
}

#order-step-box>i {
    float: left;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    width: 4%;
    color: #908c8c;
}

#order-step-box p {
    font-size: 8px;
    line-height: 60px;
    margin: 0;
}

#order-step-box {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
}


#order-step-box2>i {
    float: left;
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    width: 4%;
    color: #908c8c;
}

#order-step-box2 p {
    font-size: 8px;
    line-height: 25px;
    margin: 0;
}

#order-step-box2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.list-mv07 {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
}

.mv07 {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

body {
    font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #0f0f0f;
    line-height: 1.8em;
    font-size: 16px;
}


ol li {
    margin-bottom: 2em;
}


#loader {
    width: 80px;
    height: 80px;
    display: none;
    position: fixed;
    _position: absolute;
    /* IE6対策 */
    top: 60%;
    left: 50%;
    margin-top: -40px;
    /* heightの半分のマイナス値 */
    margin-left: -40px;
    /* widthの半分のマイナス値 */
    z-index: 100;
}

.dropdown-menu>li a {
    line-height: 2em;
}

.dropdown-menu>li.in a {
    padding-left: 50px;
}

#price-select-wrap i.pop-hover.fa.fa-question-circle-o {
    color: #f98a09;
    font-size: 18px;
    line-height: 1em;
}

.navbar-nav .open .dropdown-menu>li>a {
    line-height: 30px;
}

.navbar-nav .open .dropdown-menu>li.in>a {}

#loader2 {
    width: 80px;
    height: 80px;
    display: none;
    position: relative;
    top: 60%;
    left: 50%;
    margin-top: -40px;
    /* heightの半分のマイナス値 */
    margin-left: -40px;
    /* widthの半分のマイナス値 */
    z-index: 100;
}

.row--nopadding {
    margin-left: -15px;
    margin-right: -15px;
}


/* .row--nopadding の中にあるカラムの左右のパディングを0にする */

.row--nopadding>[class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}

#hassou-form form input {
    font-size: 20px !important;
    margin: 7px 10px 7px 5px !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    line-height: 20px !important;
}

#hassou-form form select {
    font-size: 20px !important;
    margin: 7px 10px 7px 5px !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    line-height: 20px !important;
    width: 100px !important;
}

#hassou-form form table td {
    font-size: 14px !important;
    margin: 7px 10px 7px 5px !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    line-height: 20px;
}

#top-tel p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 1em 0 0;

}

#top-tel a {
    color: #333333;
}

#top-tel a:hover {
    text-decoration: none;
}

#top-tel ul {
    margin-bottom: 20px;
}

#top-tel ul li {
    font-size: 16px;

}

.design_select_ichiran {
    padding: 0 !important;
}
#design-select-block {
    margin-top: 0px;
}

#design-select-block #design_ichiran {
    margin: 50px 0px 10px 0px;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
}
#design_ichiran {
    margin: 70px 0px 70px 0px;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
}

#design_ichiran h3,#design_ichiran h4, #design_ichiran p {
    color: #807b7b;
}

#design_ichiran h3,#design_ichiran h4 {
    font-size: 20px;
}

#design_ichiran p {
    font-size: 12px;
}

#top_logo:first-letter {
    color: #d70035;
}

#top_logo .text_hoso:first-letter {
    color: #d70035;
}

/* #ori-select>[class*="col-"] {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 2px;
} */

#chamo-window #chamo-offline-waiting {
    bottom: 3px !important;
}

#chamo-window>#chamo-waiting>img {
    width: 50px !important ;
    height: 50px !important ;
}

#chamo-window #chamo-waiting {
    padding: 0 !important;
}

#tophe-btn {

    position: fixed;
    bottom: 125px !important;
    left: 5px !important;
    text-align: center;
    z-index: 999;
    margin: 0;
    width: 50px;
    height: 50px;
}

#tophe-btn p {
    font-size: 12px;
    margin: 0;
    color: #fff;
}

#tophe-btn p {
    background: #fff;
    text-decoration: none;
    color: #555;
    width: 50px;
    text-align: center;
    display: block;
    height: 50px;
    line-height: 1em;
    box-shadow: 0px 0px 6px 1px #606160;
    -moz-box-shadow: 0px 0px 6px 1px #606160;
    -webkit-box-shadow: 0px 0px 6px 1px #606160;
    -webkit-border-radius: 50%;/* width,heightの半分 */
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#tophe-btn p:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    cursor: default;
}

#price-button-yoko {
    position: fixed;
    bottom: 0px !important;

    z-index: 4;
    margin: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    color: #fff;
    text-align: center;

    /*中央寄せ
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    */

}

.newPricebtnbox {

    background-color: #fff;
    color: #fff;
    text-align: center;
    margin: 100px auto 70px;
}
.newPricebtnbox a:hover {
  text-decoration: none;
}

.newPricebtnbox p {
    /* -webkit-writing-mode: vertical-rl; */
    -ms-writing-mode: tb-rl;
    /* writing-mode: vertical-rl; */
    color: #fff;
    font-size: 18px;
    text-align: center;
    /* position: absolute; */
    /* left:50%; */
    /* transform:translate(-50%, 0%); */
    line-height: 70px;
    background-color: #ff6633;
    width: 90%;
    border-radius: 5px;
    box-shadow: 0 0 8px gray;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;

}

.newPricebtnbox p i {
  vertical-align: middle;
  margin-right: 10px;
}

.newPricebtnbox p::after {
	content: '\00a0\f138 ';
	font-family: FontAwesome;
}

.newPricebtnbox::before {
    content: '＼ まずは無料で24時間自動お見積り！／';
    font-family: FontAwesome;
    color: #ff6633;
    padding: 0px 0;
    font-size: 18px;
    white-space: pre;
    text-align: center;
}


.newPricebtnbox p:hover {
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
}

h4.modal-title {
    font-size: 24px;
    font-weight: normal;
    margin-top: 0.5em;
    margin-bottom: 1em;
    line-height: 2.2em;
}

h4.modal-title::first-letter {
    color: #bf0707;
    font-size: 150%;
}
.midashi-atama-pink::before {
    content: '\f111';
    font-family: FontAwesome;
    color: #f3358e;

}
.haikei-zurasi {
    position: relative;
    top: -7px;
    left: 10px;
    z-index: -999;
}
#price-button-yoko::before {
    content: '＼ ネットで24時間簡単お見積り！／';
    font-family: FontAwesome;
    color: #0d0c0c;
    padding: 0px 0;
    font-size: 12px;
    white-space: pre;
    text-align: center;
    width: 70%;
    float: left;
    margin: 5px 0px 2px 5px;
}
#price-button-yoko p {
    /* -webkit-writing-mode: vertical-rl; */
    -ms-writing-mode: tb-rl;
    /* writing-mode: vertical-rl; */
    color: #fff;
    top: 0;
    bottom: 0;
    font-size: 18px;
    text-align: center;

    /* position: absolute; */
    /* left:50%; */
    /* transform:translate(-50%, 0%); */
    line-height: 60px;
    margin-top: 0px;
    float: right;
    margin-right: 5%;
    background-color: #ff6633;
    width: 90%;
    border-radius: 5px;
    box-shadow: 0 0 8px gray;
    width: 70%;
    margin-left: 5px;
    float: left;

}
#price-button-yoko p::after {
	content: '\00a0\00a0\f138 ';
	font-family: FontAwesome;
}
#sample-button-yoko {
    position: fixed;
    top: 250px !important;
    right: 0px;
    text-align: center;
    z-index: 999;
    margin: 0;
    width: 54px;
    height: 200px;
    background-color: #424244;
    color: #fff;
}
#designDescription {
    margin-bottom: 30px;
}
#temp-in #designDescription h2 {
    font-size: 14px;
    margin-top: 0px;
    color: #2a2b2a;
    text-align: center;
}

#temp-in #designDescription p {
    font-size: 12px;
    color: #3d3e3d;
}

#sample-button-yoko p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #fff;
    top: 0;
    bottom: 0;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}




#designselect-button-yoko {
    position: fixed;
    top:0px !important;

    z-index: 999;
    margin: 0;
    width: 100%;
    height: 50px;

    /*中央寄せ
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    */

    background-color: #0a0a0a;
    color: #fff;
}

#designselect-button-yoko::before {
    content: 'デザインセレクト対応商品\A 追加料金0円で選べるデザイン！';
    font-family: FontAwesome;
    color: #fc7303;
    width: 48%;
    float: left;
    padding: 10px 5px 0 5px;;
    font-size: 11px;
    white-space: pre;
    text-align: right;
    line-height: 1.4em;
}



#designselect-button-yoko p {

    color: #060606;
    margin: 0px;
    font-size: 13px;
    text-align: center;
    line-height: 40px;
    background-color: #ffda04;
    width: 48%;
    float: right;
    margin-right: 1%;
    margin-top: 5px;
    border-radius: 25px;
    box-shadow: 0 0 8px gray;


}

#designselect-button-yoko p i:first-child {
    vertical-align: middle;
}

#designselect-button-yoko p::after {
    content: '\00a0\00a0\f105 ';
    font-family: FontAwesome;
}

#price-button-yoko, #designselect-button-yoko, #sample-button-yoko {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-shadow: 0px 0px 6px 1px #606160;
    -moz-box-shadow: 0px 0px 6px 1px #606160;
    -webkit-box-shadow: 0px 0px 6px 1px #606160;
    background-color: #f7fbf7;

}


#price-button-yoko p i:first-child {
    vertical-align: middle;
    margin-right: 10px;
}

#price-button-yoko:hover, #designselect-button-yoko:hover, #sample-button-yoko:hover {
    opacity: 1;
}

#tel-mobile {
    position: fixed;
    bottom: 160px !important;
    right: 5px;
    text-align: center;
    z-index: 999;
    margin: 0;
    display: table;
    /* border: 1px solid; */
}


#tel-mobile p {
    font-size: 8px;
    margin: 0;
    color: #fff;
}

#tel-mobile a {
    background: #f1f0ef;
    text-decoration: none;
    color: #333;
    width: 50px;
    text-align: center;
    display: block;
    /* border-radius: 10px; */
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    /* border: 1px solid; */
    border-radius: 50%;
    -webkit-border-radius: 50%;/* width,heightの半分 */
    -moz-border-radius: 50%;

    box-shadow: aliceblue;
    box-shadow: 0px 0px 6px 1px #989a99;
    -moz-box-shadow: 0px 0px 6px 1px #6f997e;
    -webkit-box-shadow: 0px 0px 6px 1px #7b7d7c;
}

#tel-mobile a:hover {
    text-decoration: none;
    background: #999;
}

#tel-top-mobile i {
    float: left;
}

#tel-top-mobile p {
    font-size: 12px;
    margin: 0;
    line-height: 1.3em;
    padding: 0;
}

#tel-top-mobile address {
    font-size: 30px;
    padding: 0;
    line-height: 1.5em;
    margin: 0;
}

.row--v-middle {
    font-size: 0;
}
.box4 {
  border: 1px solid #403f3f ;
  padding: 0.4em;
  margin-top: 20px;
}
.box4_2 {
  border: 1px solid #403f3f ;
  padding: 1.4em;
  margin-top: 20px;
}

.box4_2_shadow {
    text-align: center;
  border: 2px solid #0e0f0f ;
  font-size: 10px;
  padding: 1em 0;

  box-shadow: 2px 2px 4px -2px gray;
  position: relative;
  transition: background-color 0.5s;
}
.box4_2_shadow_gry {
    text-align: center;
  border: 2px solid #cacfcf ;
  font-size: 10px;
  padding: 1em 0;

  box-shadow: 2px 2px 4px -2px gray;
  position: relative;
  transition: background-color 0.5s;
  color: #cacfcf ;
}

.box4_2_shadow_gry p {

  color: #cacfcf ;

}

.box4_2_shadow:hover {
    background-color: #f8fddf;
    transition: background-color 0.5s;
}

.row--v-middle>[class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.row--v-middle>.col-xs-6 {
    margin-bottom: 0px;
}

.row--v-middle>.col-xs-12 {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 40px;
}


/*見出しをグレーに
h2,
h3,
h4,
h5,
h6 {
  color: #626063 ;
}
*/

.ori-design-price h5 {
    clear: both;
    padding-top: 2em;
    font-size: 1.4em;
    line-height: 1.7em;
    margin-bottom: 1em;
}


.blinking{
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.kakudaitenmetu {
    -webkit-animation:kakudaitenmetu 2.4s infinite linear alternate;
    animation:kakudaitenmetu 2.4s infinite linear alternate
}

@-webkit-keyframes kakudaitenmetu {
    0% {-webkit-transform:translate(0, 0) rotate(-30deg);}
    8% {-webkit-transform:translate(0, -10px) rotate(0deg);}
    16% {-webkit-transform:translate(0, 0)rotate(30deg);}
    22% {-webkit-transform:translate(0, 0px) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0) rotate(0deg);}
}

.buruburu {
    -webkit-animation:buruburu 2.4s infinite linear alternate;
    animation:buruburu 2.4s infinite linear alternate;
}

@-webkit-keyframes buruburu {
    0% {-webkit-transform:translate(0, 0) rotate(-30deg);}
    8% {-webkit-transform:translate(0, -10px) rotate(0deg);}
    16% {-webkit-transform:translate(0, 0)rotate(30deg);}
    22% {-webkit-transform:translate(0, 0px) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0) rotate(0deg);}

}

@keyframes buruburu {
    0% {-webkit-transform:translate(0, 0) rotate(-30deg);}
    8% {-webkit-transform:translate(0, -10px) rotate(0deg);}
    16% {-webkit-transform:translate(0, 0)rotate(30deg);}
    22% {-webkit-transform:translate(0, 0px) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0) rotate(0deg);}
}

.kadokotei {
    position: absolute;
    top: -8px;
    right: -4px;
}
#item-con {
    margin-bottom: 0px;
    margin-top: 0px;
}

#item-con h3, #item-con h4, #item-con h5, #item-con h6, #item-con p {
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
}
.back-y {
    background-color: #F5DF4D !important;
    border: solid 2px #F5DF4D !important ;
}
.back-y:hover {
    background-color: #fff !important;
    border: solid 2px #F5DF4D !important ;
    color: #F5DF4D !important;
}
.back-orenge {
    background-color: #F18D5F !important;
    border: solid 2px #F18D5F !important;
}
.back-orenge:hover {
    background-color: #fff !important;
    border: solid 2px #F18D5F !important ;
    color: #F18D5F !important;
}
.back-blue {
    background-color: #A6D0DD !important;
    border: solid 2px #A6D0DD !important ;
}
.back-blue:hover {
    background-color: #fff !important;
    border: solid 2px #A6D0DD !important ;
    color: #A6D0DD !important;
}
.back-peach {
    background-color: #FFD3B0 !important;
    border: solid 2px #FFD3B0 !important ;
}
.back-peach:hover {
    background-color: #fff !important;
    border: solid 2px #FFD3B0 !important ;
    color: #FFD3B0 !important;
}
.new-product-page .btn-maru {
    border: solid 1px ;
    border-radius: 15px;
    padding: 5px 0px;
}
.new-product-page .top-help-box {
    margin: 20px auto;
}

.new-product-page .top-help-box .help-title {
    font-weight: 700;
    font-size: 1.25em;
}

.new-product-page .top-help-box ul {
    margin: 0;
    padding: 0;
}

.new-product-page .top-help-box ul li {
    font-size: 16px;
    line-height: 2.6em;
    list-style: inside;

}

.new-product-page #item-con h3, .new-product-page #item-con h4,.new-product-page #item-con h5,.new-product-page #item-con h6,.new-product-page #item-con p {
   margin-bottom: 5px;
}


article #item-con .btn {
    font-size: 10px;
    padding: 0.5em 0.5em;
    margin: 0;
}

#item-con .row--v-middle h2,#item-con .row--v-middle h3, #item-con .row--v-middle h4, #item-con .row--v-middle h5 {
    font-size: 18px;
    line-height: 1.3em;
    text-align: left;
    color: #0a0a0a;
    padding: 0 15px;
}

/*
#gift #item-con .row--v-middle h3, #gift #item-con .row--v-middle h4, #gift #item-con .row--v-middle h5 ,#wrap #item-con .row--v-middle h3, #wrap #item-con .row--v-middle h4, #wrap #item-con .row--v-middle h5 {
    font-size: 22px;
}
*/
#item-con .row--v-middle p {
    padding: 5px 15px;
}

#item-con p {
    text-align: left;
    font-size: 16px;
    color: #333333;
}

#item-con .row--v-middle p.btn {
    margin-bottom: 10px;
}

#ripmapBody h3 {
    font-size: 28px;
}

#item-con dt, #item-con dd {
    font-size: 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #333333;
    font-weight: normal;
    padding: 0 15px;
}

#item-con dt {
    margin-bottom: 0.3em;
    font-weight: bold;
}

#item-con dd {
    margin-bottom: 0.5em;
}

#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

#fade2 {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    z-index: 50;
}

.fadeInDown {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInLeft {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    visibility: visible !important;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0.8;
        -webkit-transform: translateX(-1400px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0.8;
        -webkit-transform: translateX(-1400px);
        -ms-transform: translateX(-1400px);
        transform: translateX(-1400px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    visibility: visible !important;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0.8;
        -webkit-transform: translateX(1400px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0.8;
        -webkit-transform: translateX(1400px);
        -ms-transform: translateX(1400px);
        transform: translateX(1400px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeIn {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible !important;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0.8;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

article img, nav img, aside img, section img, footer img {
    vertical-align: bottom;
    display: inline-block;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#order-gaid {
    text-align: center;
}

#order-gaid p#order-gaid-title {
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    margin: 1em 0 0.5em;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.price-maru {
    position: relative;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 100px 40px 10px;
    margin: 0 auto 0;
    width: 400px;
    height: 400px;
    -webkit-border-radius: 50%;
    /* width,heightの半分 */
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fd7622;
}

.price-maru p {
    color: #fff;
}

.price-maru .price-maru-title {
    font-size: 30px;
}

.top-box-img {
    width: 140px;
    position: absolute;
    left: 3%;
    top: 90px;
}

#condiv1 {
    margin-top: 100px;
}

#condiv1, #condiv2, #condiv3, #condiv4, #condiv5 {
    margin-bottom: 150px;
}

#condiv1 h2, #condiv2 h3, #condiv2 h4, #condiv3 h4, #condiv3 h5, #condiv4 h5 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    color: black;
}

#condiv3 h6 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    color: black;
}

#condiv3 h6 small {
    color: black;
    font-size: 60%;
}

#condiv1 .sabuTaitle, #condiv2 .sabuTaitle, #condiv2 .sabuTaitle, #condiv3 .sabuTaitle, #condiv4 .sabuTaitle {
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
}

#condiv1 p, #condiv2 p, #condiv3 p, #condiv4 p, #condiv5 p {
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: normal;
    line-height: 1.8em;
}

.marucon3 li {
    list-style: none;
    display: block;
}

.maruBtn {
    position: relative;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 30px 10px 10px;
    margin: 0 auto 0;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    /* width,heightの半分 */
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.maruBtn:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.pinkBtn {
    background-color: #e4007f;
    color: #fff;
}

.pinkBtn span {
    text-align: center;
    color: #fff;
}

ul.marucon3 {
    display: block;
    padding-left: 0;
}

.marucon3 li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 25px 10px 10px;
    margin: 0 auto 0;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 50%;
    /* width,heightの半分 */
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* box-shadow */
    box-shadow: 0px 0px 10px 0px #91948d;
    -moz-box-shadow: 0px 0px 10px 0px #91948d;
    -webkit-box-shadow: 0px 0px 10px 0px #91948d;
    /* border */
    border: 1px solid #fffcfc;
}

.youhino ul {
    padding-left: 0;
    position: relative;
    top: 0px;
}

.noLing ul {
    padding-left: 0;
    position: relative;
    top: 0px;
}

.youhino ul li {
    list-style: none;
    display: block;
    height: 50px;
    margin-bottom: 38px;
}

.noLing ul li {
    list-style: none;
    display: block;
    height: 50px;
    margin-bottom: 38px;
}

.maruM {
    position: relative;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 10px 10px;
    margin: 0;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    /* width,heightの半分 */
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px !important;
    line-height: 1.5em;
    color: #fff;
}

.desinSlect-btn {
    position: relative;
    top: 0px;
}

ul.youshino span.text {
    height: 50px;
    line-height: 1.5em;
    font-size: 12px;
    margin: 0 0 0 0px;
    display: block;
}

span.text small {
    display: block;
}

.mizuiroBack {
    background-color: #09b3fc;
}

.redBack {
    background-color: red;
}

.gryBack {
    background-color: #656766;
}

.maruno {
    position: relative;
    display: block;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 0px;
    margin: 0 5px 0 0;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    /* width,heightの半分 */
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
}

.btn_kadomaru_big {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.marucon3 li a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.marucon3 #left a {
    background-color: #f5a231;
}

.marucon3 #center a {
    background-color: #009fec;
}

.marucon3 #rigt a {
    background-color: #009b74;
    margin-top: 30px;
}

.marucon3 li a span {
    display: inline-block;
    color: #fff;
}

.marucon3 li a span.con1 {
    font-size: 10px;
}

.marucon3 li a span.con2 {
    font-size: 14px;
    margin: 5px auto;
}

.marucon3 li a span.con3 {
    font-size: 10px;
    line-height: 1em;
}

.marucon3 li span.con3 {
    font-size: 10px;
}

.price-con p {
    font-size: 20px;
    font-weight: bold;
}

.price-con {
    margin: 0px 0px 150px;
}

.foot_info {
    position: relative;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding-top: 22px;
    margin: 0 auto 0;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    /* width,heightの半分 */
    -moz-border-radius: 50%;
    border-radius: 50%;
}

a:hover .foot_info {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#foot-support {
    padding: 30px 0px;
    max-width: 1100px;
    margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}


#foot-eigyoubi {
    background-color: #f3f0f3;
    padding: 30px 0px;
    margin-top: 0;
	margin-bottom: 0;
}

#order-gaid p {
    font-size: 10px;
    font-weight: bold;
    margin-top: 10px;
}

#order-gaid .foot_info span {
    font-size: 12px;
    margin: 0px auto;
    width: 100%;
    color: #fff;
    display: inline-block;
}

#order-gaid .foot_info span.text {
    margin: 0px auto;
}

#order-gaid #faq .foot_info {
    background-color: #f5a500;
    margin-top: 80px;
}

#order-gaid #order .foot_info {
    background-color: #e60012;
    margin-top: 80px;
}

#order-gaid #pay .foot_info {
    background-color: #35b1b4;
    margin-top: 0px;
}

#order-gaid #design .foot_info {
    background-color: #e4007f;
    margin-top: 0px;
}

#order-gaid #data .foot_info {
    background-color: #a3bb0f;
    margin-top: 30px;
}

#order-gaid #nouki .foot_info {
    background-color: #00acef;
    margin-top: 0px;
}

#katuyourei {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
}

#oripmapBody #katuyourei {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 40px;
}

#katuyourei h3:first-child,
#katuyourei h2:first-child {
    font-size: 22px;
}

#katuyourei h4,
#katuyourei h3,
#katuyourei dt {
    font-size: 13px;
    color: #333333;
    background:linear-gradient(transparent 60%, yellow 60%);
}

#katuyourei p,
#katuyourei dd {
    font-size: 10px;
}

#price-scloll-boxwrap .nav-tabs>a {
    border-radius: 2px 2px 0 0;
}

#pay_ryosyu h4 {}

#erabi {
    margin: 20px 0px;
}
#erabi h2, #erabi2 h2 {
    text-align: center;
    margin-bottom: 2em;
}

#erabi h4, #erabi h5 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 10px;
    margin-top: 2em;
}

#tem-foot-come h3, #tem-foot-come p, #tem-foot-come li {
    text-align: left;
}

#tem-foot-come h3 {
    font-size: 28px;
    color: #0d0d0d;
    margin: 20px 0 20px;
}

#design_select_img {
    margin-top: 0px;
}

#tem-foot-come h4 {
    font-size: 20px;
    color: #00a29a;
    margin: 30px 0 20px;
}

#tem-foot-come p {
    margin: 0 0 3em;
    line-height: 1.5em;
    color: #0d0d0d;
}

#erabi p {
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

#kanren-item [class*="col-"] {
    padding-left: 2px;
    padding-right: 2px;
}

#erabi img {
    width: 100%;
    border-radius: 50%;
}

#erabi2 img {
    width: 100%;
    border-radius: 50%;
}

#erabi2 p {
    font-size: 5px;
    line-height: 1.3em;
}

#erabi2 h4, #erabi2 h5 {
    margin-top: 1em;
    color: rgba(#b35804, 0.99);
    font-size: 7px;
    text-align: center;
}

#erabi2 h3 {
    font-size: 16px;
    text-align: center;
}

#erabi2>[class*="col-"] {
    padding: 0px;
}

#tickettempmini a img:hover {
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
    opacity: 0.9;
}

a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a img:hover {
    /*
  -webkit-transform: scale(1.1) !important ;
  transform: scale(1.1) !important;
*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.6;
}
.new_price_wrap a img:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}



.price-btn-old {
    margin: 40px 0;
}

.price-btn-old a img:hover {
    opacity: 1 !important;
}

#kanren-top {
    display: block;
    padding: 40px 0 40px 0;
    margin: 40px 0 40px 0;
    border-top: solid 1px #e0dde2;
    border-bottom: solid 1px #e0dde2;
}

#op-top-box {
    display: block;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
    position: relative;
    border-bottom: solid 1px #e0dde2;
}

#kanren-top p {
    font-size: 10px;
    line-height: 1.3em;
    margin: 0;
}

#op-top-box p {
    font-size: 9px;
    line-height: 1.3em;
    margin: 0;
}

#kanren-top p.title, #op-top-box p.title {
    font-size: 16px;
    line-height: 1.3em;
    margin: 0 0 30px 0;
}

#kanren-top img, #op-top-box img {
    margin-bottom: 10px !important;
}

#kanren-top p small, #op-top-box p small {
    font-size: 10px;
}

.slider {
    display: none;
}

#payment h3,
#desele-modal h3 {
    margin-bottom: 1em;
}

#temp-in ul.thumbnails li {
    width: 50%;
    margin: 0px;
}
#order-op-box ul.thumbnails li {
  width: 50%;
  margin-bottom: 5px;
}
#design_select_big #temp-in ul.thumbnails li {
    width: 100%;
    margin: 0 0 10px 0;
}

#temp-in2 ul.thumbnails li,
#flyer-picker ul.thumbnails li {
    width: 48%;
    margin-right: 2%;
}

#order-1 ul.thumbnails li {
    width: 25%;
    margin: 0px;
}

ul.thumbnails li p {
    margin-top: 10px;
}

p.p-title {
    margin-top: 1em;
    line-height: 1.4em;
    margin-bottom: 0.5em;
}

p.p-sub {
    font-size: 1.1em;
    color: #666666;
}

#kinken-price-top ul.thumbnails li {
    width: 25%;
    margin: 0px;
}

#price-top .visible-xs {}

#temp-in ul.thumbnails li img, #kinken-price-top ul.thumbnails li img, #order-1 ul.thumbnails li img {
    width: 100%;
    margin: 0px;
}

.notsans {
    font-family: 'Noto Sans Japanese' !important;
}

#bigtemp ul {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    padding-top: 150px;
}

#bigtemp ul li {
    list-style-type: none;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

#bigtemp ul li img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#paper-table {}

#tempcaution li {
    margin-bottom: 1em;
}

.sweet-alert {
    top: 40% !important;
}

#paper-table th {
    background-color: #004e95;
    color: #fff;
    font-weight: 100;
}

.bulue {
    color: #195f8d;
}



.orenge {
    color: #cc3a00;
}

#temp1, #temp2, #temp3, #temp4, #temp5, #temp6, #temp7, #temp8, #temp9, #temp10, #temp11, #temp12, #temp13, #temp14, #temp15, #temp16 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0px;
    height: 260px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}

#temp1 {
    background-image: url(../imag/temp/backimg1.png);
}

#temp2 {
    background-image: url(../imag/temp/backimg2.png);
}

#temp3 {
    background-image: url(../imag/temp/backimg3.png);
}

#temp4 {
    background-image: url(../imag/temp/backimg4.png);
}

#temp5 {
    background-image: url(../imag/temp/backimg5.png);
}

#temp6 {
    background-image: url(../imag/temp/backimg6.png);
}

#temp7 {
    background-image: url(../imag/temp/backimg7.png);
}

#temp8 {
    background-image: url(../imag/temp/backimg8.png);
}

#temp9 {
    background-image: url(../imag/temp/backimg9.png);
}

#temp10 {
    background-image: url(../imag/temp/backimg10.png);
}

#temp11 {
    background-image: url(../imag/temp/backimg11.png);
}

#temp12 {
    background-image: url(../imag/temp/backimg12.png);
}

#order-step {
    margin-bottom: 2em;
}

#order-step img.img-circle {
    border-radius: 50%;
    border: 5px solid #fc6396;
    box-sizing: border-box;
    padding: 0;
    display: block;
    max-width: 100%;
    height: auto;
}

#sidemenu p {
    line-height: 83px !important;
    color: #fff !important;
}

#order-gaid [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

#order-fainal h2 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align: center;
    font-size: 3em;
    font-family: quicksand, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#order-fainal .h2 {
    font-size: 20px;
    font-family: quicksand, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    margin-bottom: 2em;
    margin-top: 3em;
}

#order-fainal ul li {
    margin-bottom: 1em;
}

#sidemenu #itemlist {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 83px;
    width: 208px;
    background-image: url(../imag/sidemenu-1.gif);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    font-size: 130%;
    font-style: normal;
    line-height: 83px;
    color: #FFFFFF;
    text-indent: 10px;
    display: block;
}

#sidemenu #service-top {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 83px;
    width: 208px;
    background-image: url(../imag/sidemenu-2.gif);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    font-size: 130%;
    font-style: normal;
    line-height: 83px;
    color: #FFFFFF;
    text-indent: 10px;
    display: block;
}

#sidemenu #others-top {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 83px;
    width: 208px;
    background-image: url(../imag/sidemenu-3.gif);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    font-size: 130%;
    font-style: normal;
    line-height: 83px;
    color: #FFFFFF;
    text-indent: 10px;
    display: block;
}

#sidemenu ul {
    margin: 0px;
    padding: 0px;
    width: 208px;
    margin-bottom: 20px;
}

#sidemenu ul li {
    list-style: url(none) none;
    font-size: 12px;
    line-height: 3em;
    height: 3em;
    width: 207px;
    text-indent: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

#sidemenu ul li a {
    text-decoration: none;
    color: #000000;
    background-color: #FFFFFF;
    line-height: 3em;
    height: 3em;
    width: 207px;
    border-bottom: 1px solid #CCCCCC;
    text-indent: 20px;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    display: block;
    background-image: url(../imag/sidearrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

#sidemenu ul li a:hover {
    /*height: 2.2em;
	width: 208px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 2.2em;
	display: block;
	text-indent: 20px;*/
    line-height: 3em;
    height: 3em;
    background-image: url(../imag/sidearrow.png);
    background-position: center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    background-color: #FF0000;
}

#side_sns_baner span {
    width: 49%;
    height: 50px;
    display: block;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
    float: left;
}

#design-nagare img {
    margin-bottom: 2em;
}

.foot_con_navi_title {
    color: #CCC;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    line-height: 2em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.footp {
    color: #FFF;
    line-height: 2em;
    font-size: 110%;
    margin-bottom: 10px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 7px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #999;
    background-size: 20px, 100%;
    background-image: url(../imag/hanyou/arrow_dwn-1.png);
    background-repeat: no-repeat;
    background-position: right 50%;
    background-color: #FFFFFF;
    line-height: 2em;
    font-size: 0.8em;
}

#tyuui ul li {
    margin: 0 0 15px;
    font-size: 13px;
    line-height: 1.5em;
    padding: 0;
    list-style-position: outside;
    ;
}

.miniText {
    font-size: 8px !important;
    line-height: 1.5em;
    text-align: center;
}

#thanks p {
    line-height: 1.8em;
}

#thanks p strong {
    font-size: 150%;
}

#faq-top ul {
    padding: 0px;
    margin: 0px;
}

#faq-top h4 {
    font-size: 18px;
    line-height: 1.5em;
    color: #1C2787;
    margin-top: 4em;
    padding-bottom: 1em;
    font-weight: normal;
    margin-bottom: 1.5em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #1D2087;
}

#faq h4 img {
    display: block;
    clear: both;
}

#faq img {
    margin: 0 0 20px;
}

#faq-top p {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 1em;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333333;
    line-height: 1.6em;
}

#meyasunouki ul {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3em;
    padding-bottom: 2em;
}

#postege-top {
    font-size: 70%;
}

#kakomenu ul {
    padding: 0px;
    margin: 0px;
}

.padding_top4em {
    padding-top: 4em;
}

#price-top #design-select h2 {
    font-size: 22px;
}

#price-top .step h3 {
    text-align: center;
    color: #0d0015;
    font-size: 22px;
    font-weight: bold;
}

.price-big-h3-2::before,.price-big-h3::before{
    content: "\f111";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #c11920;
}

.price-big-h3 {
    font-size: 16px;
    font-weight: 100;
    line-height: 1.3em;
    margin-bottom: 1.5em;
    margin-top: 0px;
    color: #0d0015;
}



.price-big-h3-2 {
    font-size: 24px !important;
    font-weight: 100 !important;
    line-height: 1.3em !important;
    margin-bottom: 1.5em !important;
    margin-top: 30px !important;
    color: #0d0015;
    border: none !important;
}

.step2 {
    margin-bottom: 30px;
}

#price-item-wrap-2 {
    padding: 10px;
    margin: 50px 0 20px;
    border: solid 3px #a4a8a8;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}

#price-item-wrap-2 p {
    font-weight: 100;
    font-size: 14px;
    line-height: 2em;
    border-bottom: solid 1px #a4a8a8;
}

#paperPage h3, #paperPage h4, #paperPage p, #paperPage dt, #paperPage dd {
    font-family: Noto Sans Japanese;
    font-weight: 100;
}

#paperPage h3 {
    text-align: center;
    margin-bottom: 1em;
}

#paperPage .title-lead {
    text-align: center !important;
}

#paperPage h4 {
    font-size: 1.6em;
    margin-bottom: 1em;
    margin-top: 2em;
}

#paperPage dl dt {
    line-height: 2em;
}

.paper_con {
    font-family: 'quicksand', Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    margin-bottom: 40px;
}

#ori-design {
  margin-top: 50px;
  margin-bottom: 50px;
}

#ori-design h4 {
    text-align: center;
    font-size: 30px;

}
#oripmapBody #item-con h3 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 2em;
}
#oripmapBody #item-con .row--v-middle h3 {
    font-size: 20px;
    text-align: left;

}

.paper_con .title-lead-2 {
    text-align: left;
    font-size: 1.5em;
    font-weight: 100;
    margin-bottom: 0;
    line-height: 1em;
}



.price-setumei {
    margin-bottom: 40px;
    text-align: center;
    font-family: 'quicksand', Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.quicksand {
    font-family: 'quicksand', Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.price-setumei h3 {
    font-weight: 100;
    margin-bottom: 1em;
    line-height: 1em;
}

.price-setumei p {
    font-weight: 100;
}

.paper_con h4 {
    font-size: 1.3em;
    font-weight: 100;
    margin-bottom: 2em;
    line-height: 1em;
}

.paper_con p, .paper_con ul li {
    font-weight: 100;
    font-family: Noto Sans Japanese, 'quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.scrollmark {
    margin-bottom: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.scrollmark p {
    font-size: 3em;
    line-height: 1em;
    margin: 0;
    font-weight: 100;
    color: #fc6396;
}

.scrollmark img {
    margin-right: auto;
    margin-left: auto;
}

.step {
    margin-bottom: 0px;
}

#step-last, .step-last {
    text-align: center;
}

#step-last h4, .step-last h4 {
    font-weight: 100;
    font-size: 2em;
    line-height: 1.3em;
}

#step-last p, .step-last p {
    font-size: 10px;
    font-weight: 100;
    line-height: 1.3em;
}

#kakomenu ul li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#postege-top p {
    margin-bottom: 1em;
}

#postege-top h3 {
    font-size: 1.8em;
    margin-bottom: 2em;
}

#postege-top h4 {
    margin-bottom: 2em;
    font-size: 28px;
}

#postege-top h5 {
    margin-bottom: 1em;
}

#meyasunouki ul li {
    margin: 0px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 2.5em;
    list-style: none;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: normal;
}

ul#portfolio {
    margin: 0px;
    padding: 0px;
}

.kabu-list ul {
    padding: 0px;
    margin: 0px;
}

.kabu-list ul li {
    display: block;
    width: 33.333%;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.new-product-page .kabu-list ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;

}
.new-product-page .kabu-list ul li {
    display: block;
    width: 30%;

    margin: 0px;
    padding: 0px;
    list-style: none;
}


ul#portfolio li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#faq-top ul li {
    margin-top: 5px;
    padding: 0px 5px 0px 0px;
    list-style: none;
}

#custop {
    background-image: url(../imag/custmrepage/topbaner.png);
    clear: both;
    height: 500px;
    width: 735px;
}

#custop ul {
    padding-top: 70px;
}

#custop ul li a {
    text-decoration: none;
    color: #333;
}

#custop ul a:hover {
    color: #FC3;
}

#custop ul li {
    line-height: 23px;
    font-size: 18px;
    list-style-type: none;
    margin-left: 30px;
    height: 23px;
    list-style-position: inside;
    margin-bottom: 35px;
    text-indent: 30px;
}

#custop ul li#cusmail {
    background-image: url(../imag/custmrepage/customertop/iconmail.png);
    background-repeat: no-repeat;
}

#custop ul li#cusline {
    background-image: url(../imag/custmrepage/customertop/iconline.png);
    background-repeat: no-repeat;
}

#custop ul li#cusskype {
    background-image: url(../imag/custmrepage/customertop/iconskype.png);
    background-repeat: no-repeat;
}

#custop ul #custel {
    background-image: url(../imag/custmrepage/customertop/icontel.png);
    background-repeat: no-repeat;
}

#custop ul li#cusfax {
    background-image: url(../imag/custmrepage/customertop/iconfax.png);
    background-repeat: no-repeat;
}

.footmenu ul {
    margin: 0px;
    padding: 0px;
}

#footcopy p {
    font-size: 85%;
}

.footmenu ul li {
    color: #CCC;
    line-height: 2.4em;
    font-size: 16px;
    list-style-position: inside;
    /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-weight: 100;
}

.footmenu ul li a {
    color: #999 !important;
    text-decoration: none;
}

.footmenu ul li a:visited {
    color: #999 !important;
    text-decoration: none;
}

.footmenu ul li a:hover {
    color: #FFF;
    text-decoration: underline;
}

#customer ul {
    margin: 0px;
    padding: 0px;
}

#customer ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


/*組織概要
--------------------------------------------*/

#irie h2 {
    line-height: 2em;
    font-weight: normal;
    text-align: center;
    margin-top: 2.5em;
    margin-bottom: 2em;
}

#irie h3 {
    margin-top: 100px;
    text-align: center;
    margin-bottom: 30px;
}

#irie p {
    font-size: 16px;
    color: #333333;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1em;
    margin-bottom: 4em;
}

#irie dl {
    margin: 100px auto 40px;
    line-height: 2em;
}

#irie dl a {
    color: #0000CC;
}

#irie dl a:hover {
    color: #0099FF;
}

#irie dl dt {
    clear: left;
    float: left;
    line-height: 3em;
    width: 100%;
    font-size: 16px;
}

#irie dl dd {
    line-height: 2em;
    text-indent: 0em;
    display: block;
    border-bottom: 1px inset #666666;
    font-size: 16px;
}

#irie dl dt#returned {
    color: #333333;
    margin-top: 2.5em;
    margin-bottom: 2em;
    clear: none;
    float: none;
    width: 100%;
}

#irie dl dd#returneddd {
    color: #333333;
    display: block;
    clear: none;
    float: none;
}

#irie ul {
    color: #333333;
    margin: 2em auto;
    width: 90%;
    list-style: decimal url(none) outside;
}

#irie ul li {
    font-size: 16px;
    line-height: 2em;
}


/*組織概要
--------------------------------------------*/

#glo2 ul {
    margin: 0px;
    padding: 0px;
}

#glo2 ul li {
    display: block;
    margin: 0Px 0px 0.5em;
    padding: 0px;
}

#itemlist a, #itemlist a:hover {
    color: #ffffff;
}


/*利用規約
--------------------------------------------*/

#rules h3 {
    font-size: 95%;
    color: #000000;
    font-weight: normal;
    text-indent: 1em;
    margin-top: 2em;
}

#rules p {
    font-size: 85%;
    color: #333333;
    width: 90%;
    margin: 1em auto;
}

#rules ul {
    list-style: decimal outside;
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

#rules ul li {
    font-size: 90%;
    color: #333333;
    margin-bottom: 1em;
    line-height: 1.6em;
}

#rules ul#ulul {
    width: 90%;
    list-style: lower-alpha outside;
    margin-bottom: 1.5em;
}

.kamiprice {
    height: 180px;
    width: 100%;
}


/*end 利用規約
--------------------------------------------*/

.design-order {
    background-color: #504946;
    padding: 20px 10px;
}

.design-order h6 {
    margin-top: 0;
    font-size: 1.3em;
    color: #fff !important;
}

.design-order .media .media-left .fa {
    font-size: 30px;
    color: #fff;
}

.design-order .media .btn-shiro-nuki {}

.add-con {
    border-top: 3px dotted #0f0e0f;
    padding-top: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.op-con .cart-box {
    border-top: 1px dotted #da81b2;
    padding-top: 1em;
    padding-bottom: 1em;
}

.add-con p {
    line-height: 1.5em;
    font-size: 1em;
    margin-bottom: 0.8em;
}

#datain-submit input {
    margin-right: 1em;
}

table#datain {
    width: 100%;
    table-layout: fixed !important;
    background-color: #fff!important;
    padding-bottom: 3em;
    margin-bottom: 3em;
}

table#datain th, table#datain td {
    background-color: #fff!important;
}

table#datain th {
    padding-right: 1em;
    text-align: right;
    font-weight: normal;
    line-height: 3em;
}

table#datain td {
    padding-left: 1em;
    text-align: left;
    font-weight: normal;
    line-height: 3em;
}

table#datain kbd {
    background-color: #fff !important;
    color: #000000;
}



.nouki-table {
    font-size: 1.3em;
    line-height: 3em;
    margin: 2em 0;
}

.nouki-table td, .nouki-table th {
    padding-top: 1em;
    padding-bottom: 1em;
}

.yerow {
    background-color: #ecd82c;
    height: 400px;
}

.pink2 {
    background-color: #db84ad;
    height: 400px;
}

.skyblue {
    background-color: #379eaa;
    height: 400px;
}

.text_bold {
    font-weight: bold;
}

.text_hoso {
    font-weight: 100 !important;
}

p {
    font-size: 16px;
    line-height: 1.8em;
    color: #4f4f4f;
}


/*
#pancuz,
.breadcrumb {
	margin-top:0.1em;
	margin-bottom:0.1em;
	padding:0px;
}
.breadcrumb li + li::before {
	content:normal !important;
}

#pancuz,
.breadcrumb {
	clear: both;
	width: 100%;
}
#pancuz,
.breadcrumb {
	height:1.8em;
	border:1px solid #dedede;
	display: block;
	width: 100%;
}
#pancuz li,
.breadcrumb li {
	float: left;
	line-height: 1.8em;
	padding-left: 0.75em;
	font-size: 70%;
	list-style-type: none;
	color: #666666;
}

#pancuz li a,
.breadcrumb li a {
	display: block;
	padding-right: 15px;
	background-image: url(../imag/crumbs.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #666666;
}

#pancuz li a:hover,
.breadcrumb li a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}

*/

#top_logo a, #top_logo a:hover {
    text-decoration: none;
    color: #000000;
}

nav {
    margin-bottom: 0px !important;
}

.padding_sayu1em {
    padding-left: 1em;
    padding-right: 1em;
}

.padding_sayu2em {
    padding-left: 2em;
    padding-right: 2em;
}

#top-index h1 {
    font-size: 1.5em;
    line-height: 1em;
}

article>h1 {
    font-size: 3em;
    line-height: 1.3em;
    text-align: center;
    font-weight: normal;
}

.yamm-content {
    z-index: 999999;
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #ffffff;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #080808;
}


/*nivoスライダー*/


/* The Nivo Slider styles */

.nivoSlider {
    position: relative;
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
}

#main-top-box h1, #main-top-box .h1 {
    font-size: 10px;
    color: #9A9A9A;
    line-height: 2em;
    display: inline;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-right: 0em;
}

#nouki-page h4 {
    font-size: 2em;
    margin-top: 1em;
    margin-bottom: 1.7em;
}

#insatunihituyounamono h2, #hajimete-top h2 {
    margin-top: 3em;
    text-align: center;
    font-weight: 100;
    font-size: 24px;
}

.midashi {
    margin-top: 2em;
    text-align: center;
    padding-bottom: 1em;
    color: #C11920;
    border-bottom: 1px #C11920 solid;
    line-height: 1.7em;
    margin-bottom: 1em;
    font-size: 1.8em;
    text-indent: 0.4em;
    margin-top: 0px !important;
    font-family: 'quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
}

.datacall ul {
    margin: 0px !important;
    padding: 0px !important;
}

.datacall ul li {
    margin: 0px !important;
    padding: 0px !important;
    list-style: none !important;
}

.padding4_1em {
    padding-top: 1em;
    padding-right: 1.5em;
    padding-bottom: 1em;
    padding-left: 1.5em;
}

.padding4_05em {
    padding-top: 1em;
    padding-right: 0.5em;
    padding-bottom: 1em;
    padding-left: 0.5em;
}

.padding4_02em {
    padding-top: 1em;
    padding-right: 0.2em;
    padding-bottom: 1em;
    padding-left: 0.2em;
}

#cautions {}



#kakaku-rei img, #kakaku-rei-mini img {
    margin-bottom: 20px;
    padding: 0 1em;
}

#kakaku-rei .title-lead, #kakaku-rei-mini .title-lead {
    color: #e6188b;
    font-family: quicksand;
}

#kakaku-rei-mini .padding4_1em {
    padding: 2px;
}
#price-rei>[class*="col-"],
#kakaku-rei>[class*="col-"],
#kakaku-rei-mini>[class*="col-"] {
    margin: 0;
    padding: 2px;
}

#kakaku-rei-mini .btn {
    font-size: 5px;
    padding: 1em 0.5em;
}

#kakaku-rei-mini h4, #kakaku-rei-mini p, #kakaku-rei-mini ul li, #kakaku-rei-mini th, #kakaku-rei-mini td {
    font-size: 5px;
    line-height: 1.3em;
}

#kakaku-rei-mini h4, #kakaku-rei-mini p, #kakaku-rei-mini ul li {
    margin-bottom: 1em;
}

#kakaku-rei-mini th, #kakaku-rei-mini td {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#cautions h4 {
    font-size: 1.5em;
    border-bottom: 1px solid #666666;
    line-height: 2em;
    margin-bottom: 2em;
}

#selfcheck img {}

#cautions ul {
    padding: 0px;
}

.modal-nouki p {
    text-align: center !important;
}


/*回転*/

.kaiten {
    width: 100%;
    height: 100%;
    -webkit-animation: spin 50.5s linear infinite;
    -moz-animation: spin 50.5s linear infinite;
    -ms-animation: spin 50.5s linear infinite;
    -o-animation: spin 50.5s linear infinite;
    animation: spin 50.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tanka-box {
    color: #555;
    font-weight: normal;
}

.modal-nouki-con {
    padding: 20px 0 20px 0;
}

#nouki-list {
    margin: 50px 0 50px 0;
}

#modal-nouki-setumei {
    margin: 20px 0 20px;
}

#modal-nouki-setumei p {
    margin: 20px 0 20px 0;
}

#nouki-list p {
    font-size: 12px;
    color: #2f98ec;
    line-height: 3.2em;
    margin: 0;
}

.modal-nouki h5 {
    text-align: center;
    font-size: 24px;
    line-height: 2em;
    margin-bottom: 2em;
}

#cautions ul li {
    margin-left: 2em;
    margin-bottom: 1.5em;
    font-size: 90%;
    line-height: 1.8em;
    color: #666;
    margin-right: 2em;
}

#change-new .btn {
    margin-top: 100px;
}
#selfcheck ul {
    text-align: center;
}

#selfcheck ul li {
    list-style: none;
}

#design .btn3 {
  padding: 0.5em 1em;
  width: 90%;
}

#design-price .btn3 {
    padding: 0.5em 1em;
    margin: 1em 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
    border-radius: 0px;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
}

.btn3 {
    padding: 0.5em 1.4em;
    margin: 1em 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
    border-radius: 0px;
    font-size: 1em;
    font-weight: normal;
}

.btn4 {
    padding: 0.5em 3em;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
    border-radius: 0px;
    font-size: 1em;
    font-weight: normal;
}

#design-price .btn4 {
    padding: 0.8em 1em;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 100;
    width: 90%;
}
#design-price .btn5 {
    font-size: 14px;
    padding: 0.7em 1.7em;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
    border-radius: 0px;
    font-weight: normal;
    width: 90%;
    margin-top: 14px;
}

.btn5 {
    font-size: 16px;
    padding: 0.7em 3em;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
    border-radius: 0px;
    font-size: 1em;
    font-weight: normal;
}

.design_price_con button.btn4, .design_price_con button.btn5 {
    margin-top: 1em;
}

#main-top-box p {
    display: inline;
    margin-top: 2em;
    margin-left: 0em;
    margin-bottom: 2em;
    font-size: 10px;
    color: #9A9A9A;
    line-height: 2em;
}


/*tamesinituika*/

#slider {
    position: relative;
    min-height: 300px;
    box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    background-color: #202834;
    background-image: url(../imag/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 0px;
}

#slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#slider a {
    border: 0;
    display: block;
}

.theme-default .nivo-controlNav {
    margin: -40px 0 0 40px;
    padding: 0;
    position: absolute;
    z-index: 10;
}


/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}

.padding_top2em {
    padding-top: 2em;
}

.padding_bottom2em {
    padding-bottom: 2em;
}

.padding_top1em {
    padding-top: 1em;
}

.padding_bottom1em {
    padding-bottom: 1em;
}

#fileinselect {
    background-image: url(../imag/filein/imgback.png);
    background-size: contain;
    background-repeat: no-repeat;
    clear: both;
    /*
	background-position: top;

	height: 560px;
	width: 735px;
	*/
}

#fileinselect ul {
    margin: 0px;
    padding: 0px;
    clear: both;
    /*
	height: 400px;
	width: 735px;
	*/
}

#fileinselect ul li {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    /*
	height: 200px;
	width: 367px;
	*/
    list-style-type: none;
}

#fileinselect ul li#webin a {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style-type: none;
    background-image: url(../imag/filein/webfileinbtn.gif);
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    /*
	height: 200px;
	width: 367px;
	background-position: top;
	*/
}

#fileinselect ul li#webin a:hover {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style-type: none;
    background-image: url(../imag/filein/webfileinbtn.gif);
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    /*
	height: 200px;
	width: 367px;

	background-position: bottom;
	*/
}

#fileinselect ul li#nonin a {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style-type: none;
    background-image: url(../imag/filein/nonfileinbtn.gif);
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    /*
	height: 200px;
	width: 367px;
	background-position: top;
	*/
}

#fileinselect ul li#nonin a:hover {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style-type: none;
    background-image: url(../imag/filein/nonfileinbtn.gif);
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    /*
	height: 200px;
	width: 367px;
	background-position: bottom;
	*/
}

#fileinselect ul li#mailin a {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style-type: none;
    background-image: url(../imag/filein/mailfileinbtn.gif);
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    /*
	height: 200px;
	width: 367px;
	background-position: top;
	*/
}

#fileinselect ul li#mailin a:hover {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style-type: none;
    background-image: url(../imag/filein/mailfileinbtn.gif);
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    /*
	height: 200px;
	width: 367px;
	background-position: bottom;
	*/
}

#fileinselect ul li#mediain a {
    display: block;
    float: left;
    list-style-type: none;
    background: url(../imag/filein/mediafileinbtn.gif) 0 0 no-repeat;
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    padding-top: 103.359%;
    /*
	height: 200px;
	width: 367px;
	background-position: top;
	*/
}

#fileinselect ul li#mediain a:hover {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    padding-bottom: 50%;
    list-style-type: none;
    background: url(../imag/filein/mediafileinbtn.gif) 50 0 no-repeat;
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    /*
	height: 200px;
	width: 367px;
	background-position: bottom;
	*/
}

#fileinrow dd input {
    width: 60%;
}

#fileinrow .whtitbox {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}

#service h4, #picupitem h3 {
    line-height: 1.5em;
    color: #FFF;
    background-color: #8b0000;
    clear: both;
    height: 1.5em;
    margin-bottom: 1em;
    text-indent: 2em;
    font-size: 1.7em;
}

body {
    position: relative;
}

#price-head {
    padding-top: 20px;
    background-color: #607D8B;
    width: 100%;
    height: 140px;
    color: #ffffff !important;
}

#price-head h1 {
    line-height: 1.5em;
    margin-bottom: 5px;
    color: #FBFFE3 !important;
}

#price-head #pancuz {
    margin-top: 0.5em;
}

#price-head li, #price-head li a {
    color: #FBFFE3 !important;
    text-align: center;
}

#price-head-sankaku {
    width: 0;
    height: 0;
    border: 60px solid transparent;
    border-top: 60px solid #607D8B;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: -30px;
}

#price-item-flame {
    border: 1px solid #c73656;
    padding-top: 2em;
    padding-bottom: 2em;
}

#toiawase {
    position: fixed;
    right: 5%;
    bottom: 0;
    z-index: 9999;
}

#toiawase a {
    width: 150px;
    height: 224px;
    display: block;
}


/* The slices and boxes in the Slider */

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}

.listnon ul {
    margin: 0px;
    padding: 0px;
}

.listnon li {
    list-style: none;
    margin-bottom: 1em !important;
    margin: 0px;
    padding: 0px;
}


/* Caption styles */

.nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #000;
    color: #fff;
    opacity: 0.8;
    /* Overridden by captionOpacity setting */
    width: 100%;
    z-index: 8;
}

.nivo-caption p {
    padding: 5px;
    margin: 0;
}

.nivo-caption a {
    display: inline !important;
}

.nivo-html-caption {
    display: none;
}


/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
    display: block;
    width: 32px;
    height: 34px;
    background: url(nivo-slider/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
}

a.nivo-nextNav {
    background-position: -32px 0;
    right: 10px;
}

a.nivo-prevNav {
    left: 10px;
}


/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
    position: absolute;
    left: 47%;
    bottom: -30px;
}

.nivo-controlNav a {
    display: block;
    width: 10px;
    height: 10px;
    background: url(nivo-slider/bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
}

.nivo-controlNav a.active {
    background-position: -10px 0;
}


/*nivoスライダー*/

placeholder {
    font-size: 1.1em;
}

.non {
    display: none;
}

.text_xs {
    font-size: 40% !important;
}

.text_s {
    font-size: 60% !important;
}

.text_m {
    font-size: 80% !important;
}


/*価格表のモーダルウインドウ sweet alaer */

.sweet-alert h2 {
    line-height: 1.3em;
    font-size: 18px;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: normal;
    color: #0ba0e4;
    padding: 0.2em 0.2em;
    font-weight: bold;
}

#order1 .sweet-alert h2 {
    line-height: 1.6em;
    font-size: 22px;
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-weight: normal;
    color: #333;
    padding: 0.2em 0.2em;
    border : none;
}

.sweet-alert .icon.custom {
    width: 100px !important;
    height: 100px !important;
}

.sweet-alert p::before {
  /*
    content: "\f10c";
    font-family: FontAwesome;
    color: #f8bbd0;
    margin-right: 0.5em;
    */
}

#order1 .sweet-alert p::before {
    content: "";
    font-family: FontAwesome;
    color: #f8bbd0;
    margin-right: 0.5em;
}



.sweet-alert p:nth-last-of-type(1)::before {
    content: "";
    font-family: FontAwesome;
    color: #f8bbd0;
    margin-right: 0;


}
.sweet-alert p:nth-last-of-type(1) {

    text-align: center;

}



.sweet-alert p {
    font-size: 14px;
    line-height: 1.3em;
    font-weight: normal;
    margin: 10px 0 5px;
    color: #817e7e;
    text-align: center;
}

.stepwrap {
    background-color: #f98a09;
    padding: 0.2em 0.7em;
    text-align: center;
    color: #fff;
}

.text_1em {
    font-size: 1em;
}

.text_1-5em {
    font-size: 1.5em;
}

.text_2em {
    font-size: 2em;
}

.gry {
    color: #808080;
}

.green {
    color: #66BB6A;
}

.green2 {
    color: #5f9b99;
}

.red {
    color: #bf0000 !important;
}

.red2{
	color: #e60012 !important;
}

.taco {
	color: #35b1b4 !important;

}

.orage {
	color: #f5a500;
}
.pink3 {
	color: #e4007f;
}

.green3 {
	color: #a3bb0f;
}

.mizuiro {
	color:#00acef;
}


#order-nouki-box {
    border-top: 1px solid #fff;
    background-color: #fff;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 40px;
    text-align: center;
}

#order-nouki-box p {
    font-size: 14px;
    margin: 0;
    line-height: 1.3em;
    margin-bottom: 1em;
    text-align: left;
}

#new_order_form h5 {
    font-size: 18px;
    line-height: 1.8em;
}

#new_order_form input::placeholder {
    font-size: 14px;
}

i {
    font-style: normal;
}

#pamp-size-select div {
    padding: 0.5em !important;
}

#pamp-size-select img {
    margin-bottom: 0em;
    padding: 0px;
}

.bold {
    font-weight: bold;
}


/* 価格表ここから */

.genzai-hyouji {
    height: 2.5em;
    background-color: #FFF100;
    color: E5006B !important;
}

.genzai-hyouji p {
    color: E5006B !important;
    line-height: 2.5em;
    margin: 0px;
    padding: 0px;
}

#price-table-wrap table td, #price-table-wrap table th {
    white-space: nowrap;
}

#price-select p {
    font-size: 1em;
}

#pricedivbox li {
    font-size: 1.2em;
    list-style: none;
    line-height: 2em;
}

#price-wrap h3 {
    font-size: 1.5em;
}

#pricedivbox h4 {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

.h-img {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    height: 100%;
}

.table_setumei {
    width: 100%;
}

.h0 {
    font-size: 28px;
    line-height: 1.3em;
}

#design-select-block h2 {
    font-size: 22px;
}

#design-select-block h3 {
    margin-bottom: 0em;
}


/*マウスオーバーアニメーション設定*/


/*中央から回りながらマウスオーバー*/

figure {
    position: relative;
    overflow: hidden;
}

figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 500px;
    background: rgba(0, 0, 0, .6);
    -webkit-transform: rotate(90deg) scale(0);
    transform: rotate(90deg) scale(0);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    border-radius: 50%;
    -moz-border-image: border-radius: 50%;
    -webkit-border-image: border-radius: 50%;
}

figcaption {
    max-width: 500px;
}

figcaption {
    color: #ffffff;
}

figcaption h3, figcaption i {
    top: 50%;
    font-size: 1.5em;
    color: #ffffff;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

figcaption {
    position: absolute;
}

figcaption p {
    top: 70%;
    font-size: 1.2em;
    color: #ffffff;
}

figure:hover figcaption {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
    opacity: 1;
}


/*マウスオーバーアニメーション設定*/


/*中央から回りながらマウスオーバー*/

.over1 {
    position: relative;
    overflow: hidden;
}

.over1-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}

.over1-wrap h3, .over1-wrap p {
    position: absolute;
    left: -100%;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff;
}

.over1-wrap h3 {
    top: 40%;
}

.over1-wrap p {
    font-size: 1.4em;
    top: 50%;
}

.over1:hover .over1-wrap {
    opacity: 1;
}

.over1:hover .over1-wrap h3, .over1:hover .over1-wrap p {
    left: 40%;
    color: #fff;
}

.over1:hover .over1-wrap h3 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.over1:hover .over1-wrap p {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

#design-select-block p.h3 {
    margin-top: 0em;
    margin-bottom: 1.3em;
}

.table_setumei td, .table_setumei th {
    vertical-align: top;
    font-size: 1em;
}

#nouki_box, .nouki_box {
    border: 1px solid #c73656;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 2em;
    padding-right: 2em;
    margin-bottom: 4px;
    margin-top: 2em;
}

#price-select select {
    font-size: 0.7em;
}

.nav-pills>li>a {
    padding: 0.8em 0.5em;
    margin-right: 1px;
    color: #afafb0;
    background-color: #ffffff;
    font-size: 10px;
    border: 5px solid #afafb0;
    /*
	background-color: #DDD;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color: #333333;
	text-shadow: 1px 1px 1px #ffffff;
	background-image: -moz-linear-gradient(-90deg,#DCDCDC,#cfcfcf);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#cfcfcf));
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
*/
}

.nav-pills>li>a:hover, .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #ffffff;
    border: 5px solid #fc6396;
    color: #fc6396;
    /*
	background-color: #8F1116 !important;
	color: #FFFFFF !important;
	border-right: 1px groove #333333 !important;
	border-bottom: 1px groove #333333 !important;
	text-shadow: 1px 1px 1px #545454 !important;
	background-image: -moz-linear-gradient(-90deg,#CC0000,#8F1116) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#CC0000), to(#8F1116)) !important;
	-moz-border-radius:5px;
  */
}

.price-item-wrap {
    margin: 0px 0px 20px 0px;
    width: 100%;
    float: left;
    position: relative;
    background-color: #fafafa;
    padding: 15px;
}

.price-item-wrap .col-sm-7 {
    width: 100% !important;
}

.price-item-wrap:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.price-item-wrap2 {
    margin-bottom: 50px;
}

.tab-pane {
    margin-top: 2em;
}

.price-item-wrap h4 {
    color: #555;
}

.price-item-wrap2 h4 {
    color: #ffffff;
}

.price-item-wrap ul {
    margin: 0px;
    padding: 0 1em 0;
}

.price-item-wrap2 ul {
    margin: 0px;
    padding: 0 1em 0 0;
}

.price-item-wrap .leftbox h4 {
    text-align: left;
    font-size: 30px;
    color: #131212;
}

.price-item-wrap .leftbox ul li::before, .price-item-wrap ul li::before {
    content: '\f10c';
    font-family: 'FontAwesome';
    position: absolute;
    left: -5px;
    color: #f13779;
}

.price-item-wrap .leftbox ul li, .price-item-wrap ul li {
    font-size: 13px;
    color: #555;
    line-height: 1.3em;
    margin-bottom: 0.5em;
    clear: both;
    float: none;
    list-style: none;
}

.price-item-wrap2 .leftbox ul li::before, .price-item-wrap2 ul li::before {
    content: '\f10c';
    font-family: 'FontAwesome';
    position: absolute;
    left: 10px;
    color: #f13779;
}

.price-item-wrap2 ul li {
    font-size: 13px;
    color: #555;
    line-height: 1.3em;
    list-style-type: disc;
    list-style-position: outside;
    clear: both;
    float: none;
    list-style: none;
}

.price-item-wrap img {
    margin: 0 0 10px;
}

#price-select, #price-top-box {
    text-align: center;
}

#price-select h3 {
    font-size: 2.2em;
    line-height: 1.2em;
    margin-bottom: 1.5em;
}

#price-table-wrap table {
    text-align: center;
    border-top: 1px solid 8f1116;
    border-left: 1px solid 8f1116;
    font-size: 90%;
    border-right-color: 8f1116;
    -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;
    box-shadow: 0px 0px 10px #333;
    font-family: quicksand;
}


/*セール関係*/

.off {
    background-color: #e73656;
    color: #ffffff;
    padding: 1px 5px;
    float: left;
    margin-right: 1em;
}

#price-table-wrap table {
    border-right: 1px solid #930f08;
    width: 100%;
}

#price-table-wrap table td {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    font-weight: normal;
    color: #000000;
    text-align: center;
    border-right: 1px solid #930f08;
    border-bottom: 1px solid #930f08;
}


/*セール関係*/

#price-table-wrap table th {
    display: table-cell;
    vertical-align: middle;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.3em;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #930f08;
    padding: 1.5em 1em;
    min-width: 100px;
}

#price-table-wrap table td a {
    color: #000000;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    text-decoration: none;
    font-size: 16px;
    font-family: quicksand;
    /*	text-shadow: 1px 1px 1px #FFFFFF;*/
}

#price-table-wrap table td s {
    font-size: 80%;
    margin-bottom: 0;
    line-height: 1em;
    color: #777;
}


#price-table-wrap table td s::before {
    content: "SALE";
    color: red;
    padding: 1px 2px;
    font-size: 50%;
    display: inline-block;

}

#price-table-wrap table td:hover a {
    text-decoration: none;
    color: #8F1116;
    transform: scale(1.3);
}

#sale #price-table-wrap table td a:hover {
    text-decoration: none;
    color: inherit;
}

#price-table-wrap table:hover tr:hover th {
    color: #eee;
}

#price-tabel-wrap table:hover tr:hover td {
    color: #eee;
    background-color: #cef;
}

#price-table-wrap table td:hover {
    /* padding: 0;
	background-color: #FF0;
	font-size: 1.7em;
    color: #8F1116 !important;
	text-shadow: 1px 1px 1px #ffffff;
	-moz-box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow: 0px 0px 10px #333;
　  box-shadow: 0px 0px 10px #333;
    background-image: -moz-linear-gradient(-90deg,#ffff00,#b2b200);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#b2b200));
    */
    background-color: #FF0;
    color: #8F1116 !important;
}

#price-table-wrap table a:active {
    text-decoration: none;
    position: relative;
    left: 1px;
    top: 1px;
}

#price-table-wrap table th a:link {
    color: #FFFFFF;
    text-decoration: none;
}

#price-table-wrap table th a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#price-table-wrap table th a:active {
    text-decoration: none;
    position: relative;
    left: 1px;
    top: 1px;
}

#hajimetetop ul {
    margin: 0px;
    padding: 0px;
}

#size-kekka ul {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#size-kekka ul li {
    list-style: none;
    line-height: 1.8em;
    font-size: 2em;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    padding-left: 0px;
    padding-right: 0px;
}

#hajimetetop ul li {
    display: block;
    list-style: none;
    margin: 0px 0px 0.5em;
    padding: 0px;
}

.bold {
    font-weight: bold;
}

#design-price-alllist {
    font-size: 1.2em;
}


div.scroll_div {
    overflow: auto;
    min-height: 500px;
}

ul.thumbnails.image_picker_selector {
    overflow: auto;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.thumbnails.image_picker_selector ul {
    overflow: auto;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.thumbnails.image_picker_selector li.group_title {
    float: none;
}

ul.thumbnails.image_picker_selector li {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    float: left;
}

ul.thumbnails.image_picker_selector li .thumbnail {
    padding: 5px;
    /*border: 1px solid #dddddd;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 0px !important
}

ul.thumbnails.image_picker_selector li .thumbnail img {
    -webkit-user-drag: none;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: #0088cc;
}


/* 価格表ここまで */


#temp-in2 ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background-color: #c11920;
    color: #fff;
}

#flyer-picker ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background-color: #f354a4;
    color: #fff;
}

#temp-in2 ul.thumbnails.image_picker_selector li .thumbnail.selected p {
    color: #fff;

}

.picker ul.thumbnails.image_picker_selector li .thumbnail.selected p {
    color: #fff;

}
#tagprice #temp-in2 ul.thumbnails.image_picker_selector li .thumbnail p {
	font-size: 12px;
}

#temp-in2 ul.thumbnails.image_picker_selector li .thumbnail p {
    font-size: 10px;
    margin-top: 1em;
}


.picker select {
    margin-bottom: 15px !important;
}

#price-select-panel {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    margin-top: 30px;
}

.radio {
	display: none;
    position: absolute;
    z-index: -1;

}

.radio + .radio_image {
	border: 3px #ffffff solid;
	background-color: #ffffff;
}
.radio:checked + .radio_image {
	border: 3px #ff0000 solid;
	background-color: #ffeeee;
}

#flyer-picker label p {
    font-size: 1rem;
    margin-top: .5rem;
}

.labelsort1 label {
    position: relative;
    width: 47%;
}



#flyer-picker label .rich-label {
    display: block;
    padding: 6px;
    border: 1px solid #dddddd;
}
#flyer-picker input[type=radio]:checked + span,
#flyer-picker input[type=radio]:checked + a span {
    display: block;
    background-color: #f354a4;
    color: #fff;
}

#flyer-picker input[type=radio]:checked + span p {
    color: #fff;
}
.design-irai-box {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ebeae8;

}

.design-irai-box p.lerd {
    font-size: 12px;
    margin:0;
    line-height: 1.5em;
}

.design-irai-box p.price {
    font-size: 13px;
    margin:0;
    line-height: 1.5em;
    color: #c11920;
}

#price-select-panel #step1 {
    border-bottom: 1px dashed;
}

#price-select-panel #step2 {
    border: none;
}

#price-select-panel h3 .strong {
    color: #c11920;
}

#price-select-panel #step3 {
    margin-top: 0px;
}

#price-jyoken-now {
    margin-top: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #555;
    padding-top: 0px;
    padding-bottom: 30px;
}

#price-jyoken-now h5 {
    font-size: 16px;
    border-top: 2px solid ;
    border-bottom: 2px solid;
    line-height: 2em;
}

#price-jyoken-now h5::before {
    content: '\f1c5';
    font-family: FontAwesome;
    margin-right: 0.5em;
}


#price-jyoken-now h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 1em;
    background: linear-gradient(transparent 60%, yellow 60%);
}



.text_black {
    color: #404040;
}

.center-tate {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

hr {
    border-top: 1px solid #eee !important;
}

#design-select {
    margin-top: 0px;
    margin-bottom: 0px;
}

#design-select p {
    font-size: 1em;
}

#price-top #design-select p {
    font-size: 1em;
    margin: 0px;

}

#design-select p.title {
    font-size: 2em;
}

#design-select button {
    font-size: 1em;
    width: 100%;
}

#result h1 {
    font-size: 2em;
    margin-top: 2em;
}

#result h2 {
    font-size: 1.8em;
    margin-bottom: 3em;
}

#price-select-box {
    margin-bottom: 10px;
}

#price-select-box>#price-select-box-select {
    /*background-color: #f6f6f6;
  padding: 20px;
  */
    margin-bottom: 20px;
}

#price-select-box-select p {
    font-size: 12px;
    color: #777;
}

p#top-price-catch {
    text-align: center;
    font-size: 100px;
    color: red;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

#price-select-box #price-on {
    font-size: 28px;
    line-height: 1em;
    color: #FF0000;
    margin-bottom: 1em;
    margin-right: 2px;
    font-weight: bold;
    font-family: 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  sans-serif !important;
}

#price-select-box #price-sale, #price-select-box #price-sale #price-on {
    font-size: 15px !important;
    line-height: 1.5em !important;
    color: #222325 !important;
    font-family: 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  sans-serif !important;
}

#price-select-box #price-sale #price-saleon {
    font-size: 28px !important;
    line-height: 1em !important;
    margin-bottom: 10px;
    color: #FF0000;
    margin-right: 2px;
    font-weight: bold;
    font-family: 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif !important;
}

.tensen_orenge::after {
    position: absolute;
    content: '';
    border-left: 2px dashed #E4BA3F;
    width: 2px;
    left: 50%;
    top: 100%;
    height: 150px;
    margin-left: -1px;
    display: block;
}

.tensen_orenge_top {
    display: inline-block;
    border-bottom: 2px solid #E4BA3F;
    padding-bottom: 4px;
    color: #E4BA3F;
    font-weight: 600;
}

.tensen_orenge+div {
    margin-top: 170px;
}

#item-main-sentence h2, #item-main-sentence h1 {
    font-size: 1em !important;
    line-height: 1em !important;
    margin-top: 0.5em !important;
    line-height: 1.4em !important;
    margin-bottom: 0.2em !important;
    color: #2d98ee;
}

#item-main-sentence dl {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding-top: 1em;
    padding-bottom: 1em;
}

dfn {
    font-style: normal !important;
}

.memo {
    font-size: 0.85em;
}

.border {
    border-bottom: 1px solid #4c4c4c;
    width: 40px;
    margin: 40px auto 33px auto;
}

.border-red {
    border-bottom: 1px solid #C11920;
    width: 40px;
    margin: 40px auto 33px auto;
}

.border-pink {
    border-bottom: 1px solid #ff305b;
    width: 30%;
    margin: 2em auto 2em auto;
}

.center_div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

a:hover {
    -webkit-transition: all 0.3s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;
    /* FF4+ */
    -ms-transition: all 0.3s ease-out;
    /* IE10? */
    -o-transition: all 0.3s ease-out;
    /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}

.design_price_con button {
    margin-top: 1em;
}

.modal-body table {
    margin-bottom: 1em;
    margin-top: 2em;
}

#omakase_op .modal-body,
#kihon_op .modal-body,
#nouki_op .modal-body,
#kaitori_op .modal-body {
    padding-left: 2em;
    padding-right: 2em;
}


#design-price .modal-body h5 {
    font-size: 1.3em;
    margin-top: 2em;
}

#design-price h1 {
    font-size: 28px;
    font-weight: 100;
    line-height: 1.3em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: quicksand;
}

#design-price tbody td {
    text-align: left;
    font-size: 12px;
    padding: 8px 2px;
    line-height: 1.5em;
}

#design-price tbody th {
    text-align: left;
    font-size: 12px;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
address {
    margin: 0px;
}

#renraku {
    background-color: #FFEB3B;
    padding: 20px 0px;
}

#renraku p {
    font-size: 16px;
}

#renraku a {
    color: #000000;
}

#design-price .modal-body {
    text-align: center;
}

#renraku .btn-black-nuki {
    background-color: #000000;
    color: #fff;
}


#ori-design #slideBox h4 {
    text-align: center;
    font-size: 30px;
    line-height: 1.3em;
}

.gly-back {
    background-color: #afafb0;
    color: #504946 !important;
    padding-top: 1em;
    padding-bottom: 1em;
    border: 1px solid #afafb0;
}

.gly-back p {
    line-height: 2em;
}

.raund-l {
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
}

.raund-m {
    border-radius: 35px;
    /* CSS3草案 */
    -webkit-border-radius: 35px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 35px;
    /* Firefox用 */
}

.raund-s {
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
}

.raund {
    border-radius: 8px;
    /* CSS3草案 */
    -webkit-border-radius: 8px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
    /* Firefox用 */
}

.margin_top_1em {
    margin-top: 1em;
}

.margin_top_05em {
    margin-top: 0.5em;
}

.margin_top_2em {
    margin-top: 2em;
}

.margin_top_4em {
    margin-top: 4em;
}

.side_nav_title {
    font-size: 1.3em;
    line-height: 3.5em;
    background-color: #8b0000;
    border-top: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    text-indent: 7%;
    font-weight: normal;
    color: #ffffff;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
}

.side_nav_title small {
    font-size: 0.7em;
    font-weight: normal;
    padding-left: 1em;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}

.btn_group {
    display: block;
    margin-bottom: 2em;
}

.mainh1 {
    margin-top: 0px;
    line-height: 1.5em;
}


/*webフォントMono Social Icons Font呼び出しここまで*/
#top_logo_box {
    background-color: #fff;
}
#top_logo_box p {
    font-family: 'quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}


/*画像に半透明のロールオーバー付与、.alphaを追加する事*/

a:hover img.alpha {
    opacity: 0.5;
    -webkit-filter: alpha(opacity=50);
    -moz-filter: alpha(opacity=50);
    -o-filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -webkit-transition: all 0.3s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;
    /* FF4+ */
    -ms-transition: all 0.3s ease-out;
    /* IE10? */
    -o-transition: all 0.3s ease-out;
    /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}

.center_img {
    margin: 0 auto;
}

a, input, button {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

a:hover .alpha {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-transition: all 0.6s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.6s ease-out;
    /* FF4+ */
    -ms-transition: all 0.6s ease-out;
    /* IE10? */
    -o-transition: all 0.6s ease-out;
    /* Opera 10.5+ */
    transition: all 0.6s ease-out;
}

a:hover .tuchalpha {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-transition: all 0.1s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: all 0.1s ease-out;
    /* FF4+ */
    -ms-transition: all 0.1s ease-out;
    /* IE10? */
    -o-transition: all 0.1s ease-out;
    /* Opera 10.5+ */
    transition: all 0.1s ease-out;
}

a:link {
    color: none;
}

.left_border_red {
    text-align: left;
    color: #0d0015;
    font-size: 24px;
    border-left: 10px solid #c11920;
    padding-left: 15px;
}


/*ぱんくず上書き*/

.breadcrumb {
    background: transparent;
    font-size: 14px;
    color: #000 !important;
    line-height: 1.6em;
    padding: 0;
    margin: 0;
}

.breadcrumb li+li:before {
    content: '»';
}

.foot_logo {
    font-size: 3rem;
    line-height: 1.1em;
}
#design #page-faq .media h4 {
    font-size: 20px;
    margin: 0;
    line-height: 1.3em;
    color: #09d;

}
#page-faq h4 {
    font-size: 28px;
    margin-bottom: 2em;
    margin-top: 0.5em;
    color: #09d;
}

#page-faq .media h5 {
    font-size: 20px;
    margin: 0;
    line-height: 1.3em;
    color: #09d;

}

#page-faq .media p {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    font-size: 14px;
}

#page-faq p {
    margin-top: 1em;
    font-size: 1.3em;
}

.triangle {
    display: block;
    width: 0;
    height: 0;
    border-top: 5em solid #21b7b6;
    border-right: 5em solid transparent;
    border-bottom: 5em solid transparent;
    border-left: 5em solid transparent;
    margin-bottom: -3em;
}

#designtyuui ul li, .tyuui ul li {
    font-size: 1.1em;
    line-height: 1.6em;
    margin-bottom: 1.5em;
}

#designtyuui h4 {
    font-size: 1.5em;
}

footer ul li a:link {
    color: #FFFFFF;
}

.h1_sub {
    margin-top: 0em;
    font-size: 0.8em;
    font-family: cuprum;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3em;
    padding-bottom: 2em;
}

.p_price {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: 1.5em;
}

.p_price span {
    font-size: 0.5em;
}

.p_size_t {
    color: #767676;
    margin-bottom: 0em;
}

.p_size {
    margin-top: 0.2em;
    margin-bottom: 0px;
}

.p_processing_t {
    color: #767676;
    margin-bottom: 0em;
    margin-top: 2em;
    font-style: normal;
}

.p_processing {
    margin-top: 0.2em;
    margin-bottom: 0em;
}

#side_nav li {
    list-style-type: none;
    line-height: 2em;
}

#top_logo {
    font-size: 3em;
    font-family: arapey !important;
    line-height: 0.2em;
}

i.text_hoso:nth-of-type(1) {
    color: #c85977 !important;
}

i.text_hoso:nth-of-type(3) {
    color: #73bec8;
}

i.text_hoso:nth-of-type(5) {
    color: #89bc62;
}

#top_logo_sub {
    color: #9A9A9A;
    font-size: 0.85em;
    line-height: 2em;
    margin-top: 2em;
}

#top_logo span {
    font-size: 0.5em;
    left: auto;
    margin-left: 1em;
    font-weight: normal;
}

#top-page h2 {
    font-size: 2.5em;
    line-height: 1.1em;
    margin: 1em 0;
    font-family: quicksand;
}

#erabi h3, #erabi2 h3 {
    text-align: center;
    line-height: 1.3em !important;
    font-size: 22px;
    font-weight: normal;
    color: #452d03;
    margin-bottom: 0.3em;
}

article p {
    color: #333333;
}

.price_btn {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.price_btn img {
    margin: 0px;
    padding: 0px;
}


/*上部ナビ固定cssjavascriptにより、スクロール後.navに.fixedを追加*/

.top_nav_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}


/*上部ナビ固定ここまで*/

.back-red {
    background-color: #8f1116 !important;
    color: #ffffff !important;
}

.btn_black {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
    text-decoration: none !important;
}

.btn_black:hover {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    text-decoration: none !important;
}

.btn_pink {
    background-color: #F23A79;
    border: 1px solid #f23A79;
    color: #fff;
    text-decoration: none !important;
}

.btn_pink:hover {
    background-color: #FFF;
    border: 1px solid #f23A79;
    color: #F23A79 !important;
    text-decoration: none !important;
}

.btn_pink2 {
    text-decoration: none !important;
    background-color: #FFF;
    border: 3px solid #F23A79;
    color: #F23A79 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

.btn_pink2:hover {
    background-color: #F23A79;
    border: 1px solid #F23A79;
    color: #fff !important;
    border: 3px solid #F23A79;
}

.design-order-con {
    margin-bottom: 80px;
    border-bottom: 1px solid #777777;
    padding-bottom: 3em;
}

.design-order-con p {
    margin-top: 2em;
    line-height: 1.3em;
}

.design-order-con button[type="button"] {
    margin-top: 4em;
}

.btn_umber {
    color: #ffffff;
    background-color: #b22222;
    border-color: #b22222;
}

.price-red {
    color: #bf0000;
    font-size: 1.2em;
    font-weight: normal;
}

.btn_umber:hover, .btn_umber:focus, .btn_umber.focus, .btn_umber:active, .btn_umber.active, .open>.dropdown-toggle.btn_umber {
    background-color: #922323;
    color: #a9a9a9;
    border-color: #922323;
}

.btn_umber a {
    color: #ffffff;
}

.btn_umber:active, .btn_umber.active, .open>.dropdown-toggle.btn_umber {
    background-image: none;
}

.btn_umber.disabled, .btn_umber[disabled], fieldset[disabled] .btn_umber, .btn_umber.disabled:hover, .btn_umber[disabled]:hover, fieldset[disabled] .btn_umber:hover, .btn_umber.disabled:focus, .btn_umber[disabled]:focus, fieldset[disabled] .btn_umber:focus, .btn_umber.disabled.focus, .btn_umber[disabled].focus, fieldset[disabled] .btn_umber.focus, .btn_umber.disabled:active, .btn_umber[disabled]:active, fieldset[disabled] .btn_umber:active, .btn_umber.disabled.active, .btn_umber[disabled].active, fieldset[disabled] .btn_umber.active {
    background-color: #922323;
    color: #a9a9a9;
    border-color: #922323;
}

.btn_umber .badge {
    color: #ffffff;
    background-color: #B19D76;
}

.text-mini {
    font-size: inherit;
}

.price-link+div {
    margin-top: 0;
    padding-top: 0;
}

.price-link+div>p:first-child, .price-link+div+h2:first-child, .price-link+div+h3:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#price-total1 p {
    font-family:'メイリオ', Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
}

.price-link {
    padding: 50px 0;
}

.text-mizuiro {
    color: #b3d4fc;
}

.price-link .price-lerd {
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 70px;
    line-height: 1.1em;
    text-align: center !important;
    font-family:'メイリオ', Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
}

.price-link .price-lerd+p {
    font-size: 14px;
    margin-top: -60px;
    /*price-lerdのbottomと相殺*/
    margin-bottom: 20px;
}

.price-link .price-lerd>strong {
    font-weight: bold;
}

#set .btn {
    margin-top: 15px;
    margin-bottom: 15px;
}
.btn_kadomaru_new {
    line-height: 1em;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #1d2988;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 1px solid #1d2988;
    padding-left: 1.7em;
    padding-right: 1.7em;
    font-size: 20px;
}

.btn_kadomaru_new:hover {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #fff;
    transform: scale(1.1);
    color: #1d2988;
    border: 1px solid #1d2988;
}

.btn_kadomaru {
    display: inline-block;
    height: 8rem;
    padding: 0 2.5em 0 2.5em;
    line-height: 8rem;
    color: #ffffff;
    background: #1b2988;
    font-size: 2.5rem;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0px 0px 13px 3px rgba(10, 10, 10, 0.17), -1px 1px 0px 0px rgba(7, 10, 9, 0.1);
    -moz-box-shadow: 0px 0px 13px 3px rgba(10, 10, 10, 0.17), -1px 1px 0px 0px rgba(7, 10, 9, 0.1);
    -webkit-box-shadow: 0px 0px 13px 3px rgba(10, 10, 10, 0.17), -1px 1px 0px 0px rgba(7, 10, 9, 0.1);
}

#price-box p {
    margin: 0;
}
#order-item-in p {
    font-size: 10px;
}
.btn_kadomaru p {
    font-size: 20px;
    margin: 0 !important;
    color: #ffffff;
    line-height: 8rem;
}

.btn_kadomaru:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.btn_red {
    /*background-color: #8b0000;*/
    background-color: #bf0000;
    color: #ffffff;
}

.btn_yerrow {
    /*background-color: #8b0000;*/
    background-color: #ffd200;
    color: #2d2d2d;
}

.btn_yerrow:hover {
    background-color: #ffffff;
    border: 1px solid #ffd200;
    color: #2d2d2d;

}
.btn_yerrow2 {
    /*background-color: #8b0000;*/
    background-color: #ffd200 !important;
    color: #2d2d2d !important;
	border: 2px solid #2d2d2d !important;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 5px !important;
}

.btn_yerrow2:hover {
    background-color: #ffffff;
    border: 2px solid #2d2d2d;
    color: #2d2d2d;

}

.btn_yerrow2:hover {
    background-color: #ffffff;
    border: 2px solid #2d2d2d;
    color: #2d2d2d;

}


.btn_red:hover, .btn_red:focus, .btn_red:active {
    /*background-color: #8b0000;*/
    background-color: #8b0000;
    color: #ffffff;
}

.order-btn-1 {
	padding: 0 15px 0;
}

.btn_blue {
    background-color: #2490D0;
    color: #FFFFFF;
}
#order-item-in .cart-form button {
    margin-right: 0px ;
}
/*オーダー関係*/
#mitu-price-box {
	height: 500px;
	/* border: 1px solid #f3e0e8;
    background-color: #f3e0e8;
    margin-top: 2rem; */
    /* padding-top: 2rem;
    padding-bottom: 2rem; */

}

#price-shosai {
    min-height: 500px;
    background-color: #fff;
    /* border: 1px solid #4e4e4e; */
    padding-top: 15px;
    padding-bottom: 40px;
    box-shadow: 0 0 15px rgba(0,0,0,.3);
    padding-top: 40px;
}
#price-shosai h4 {
    font-size: 18px;
    line-height: 2em;
    border-bottom: 1px solid #393b3b;
    margin-bottom: 1em;
}
#mitu-selct-box {
    box-shadow: 0 0 15px rgba(0,0,0,.3);
    /* border: 1px solid #4e4e4e; */
    padding-bottom: 30px;
    margin-bottom: 30px;
    transition: transform 0.3s ease-out;
    background-color: #fff;
    position: relative;
}
.new_price_wrap #price_total_box {

    width: 100%;
    /* margin-left: -15px; */
    background-color: #f8f8f8;
    /* height: 50px; */
    text-align: left;
    align-items: center;
    padding-left: 15px;
    /* text-align: right; */
    padding: 1em 0em;
    margin: 0 0 40px;
    border-bottom: 1px solid #f354a4

}
#price_total_box p.title {
    text-align: center !important;
    font-size: 20px !important;
    background-color: #f354a4;
    font-size: #fff;
    color: #fff !important;
    line-height: 2em;
    margin-bottom: 1em !important;

}

#price_total_box p.price_main {
    font-size: 30px;
    margin: 0;
    line-height: 1.5em;
    color: #f354a4;
    text-align: right;
}

#price_meisai p {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 .8em;
}

.inline-radio {
  display: grid;

}
.flex-just {
    display: flex;
    justify-content: space-between;
}
.grid1 {
    grid-template-columns: 100%;
    grid-template-rows: 60px 60px 60px;

}

.item-1 {
    grid-column: 1/4;

}


.inline-radio-100,
.inline-radio-100-maisu {
  display: block;

  overflow: hidden;

  height: 445px;
  overflow: scroll;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.inline-radio div,
.inline-radio-100 div,
.inline-radio-100-maisu div {
  position: relative;
  margin: 0 5px 5px 0%;
}

.inline-radio-100 div,
.inline-radio-100-maisu div {
    margin-bottom: 10px;
}

.inline-radio input,
.inline-radio-100 input {
  width: 100%;
  height: 100px;
  opacity: 0;
}

.inline-radio-100-maisu input {
    width: 96%;
    height: 100px;
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
}

.inline-radio label {
  position: absolute;
  top: 0;
  left: 0;
  color: #2b2b2b;;
  width: 100%;
  height: 100%;
  background: #e9e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  border-radius: 4px;
  font-size: 12px;
  padding-left: 15px;
  padding-right: 15px;


}

.label_main {
    font-size: 1.25rem;

}

.label_sub {
    font-size: .9rem;
    line-height: 1.25;
}

.inline-radio-100-maisu label {
    position: absolute;
    top: 0;
    left: 0;
    color: #696666;
    width: 100%;
    height: 100%;
    background: #e9e7e7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    border: 1px solid #b6b6b6;
    font-size: 10px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;

}


.inline-radio div:last-child label {
  border-right: 0;
}
.inline-radio input:checked + label,
.inline-radio-100 input:checked + label,
.inline-radio-100-maisu input:checked + label
 {
  background: #f354a4;
  font-weight: 500;
  color: #fff;
}

.text_maisu {
    font-size: 1.3rem;

}

.text_proicelist {
    font-size: 2rem;
    font-weight: bold;

}

#order-item-in .cart-form input[type="number"] {
    border: 1px solid;
    padding: 0.8em 0.5em;
    margin: 1em 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3;
    text-align: right;
    border-radius: 3px;
}

.btn_ochre {
    background-color: #ba8b40;
    color: #FFFFFF;
    border-color: #ba8b40;
}



.btn-ochre:hover, .btn-ochre:focus, .btn-ochre.focus, .btn-ochre:active, .btn-ochre.active, .open>.dropdown-toggle.btn-ochre {
    color: #ffffff;
    background-color: #D3B585;
    border-color: #D3B585;
}

.btn-ochre a {
    color: #ffffff;
}

.btn-ochre:active, .btn-ochre.active, .open>.dropdown-toggle.btn-ochre {
    background-image: none;
}

.btn-ochre.disabled, .btn-ochre[disabled], fieldset[disabled] .btn-ochre, .btn-ochre.disabled:hover, .btn-ochre[disabled]:hover, fieldset[disabled] .btn-ochre:hover, .btn-ochre.disabled:focus, .btn-ochre[disabled]:focus, fieldset[disabled] .btn-ochre:focus, .btn-ochre.disabled.focus, .btn-ochre[disabled].focus, fieldset[disabled] .btn-ochre.focus, .btn-ochre.disabled:active, .btn-ochre[disabled]:active, fieldset[disabled] .btn-ochre:active, .btn-ochre.disabled.active, .btn-ochre[disabled].active, fieldset[disabled] .btn-ochre.active {
    background-color: #D3B585;
    border-color: #D3B585;
}

.btn-ochre .badge {
    color: #ffffff;
    background-color: #ba8b40;
}

.btn_gray {
    background-color: #CDCDCD;
    color: #000000;
    border-color: #CDCDCD;
}

.btn_gray:hover, .btn_gray:focus, .btn_gray.focus, .btn_gray:active, .btn_gray.active, .open>.dropdown-toggle.btn_gray {
    color: #000000;
    background-color: #E5E5E5;
    border-color: #000000;
}

.btn_gray a {
    color: #000000;
}

.btn_gray:active, .btn_gray.active, .open>.dropdown-toggle.btn_gray {
    background-image: none;
}

.btn_gray.disabled, .btn_gray[disabled], fieldset[disabled] .btn_gray, .btn_gray.disabled:hover, .btn_gray[disabled]:hover, fieldset[disabled] .btn_gray:hover, .btn_gray.disabled:focus, .btn_gray[disabled]:focus, fieldset[disabled] .btn_gray:focus, .btn_gray.disabled.focus, .btn_gray[disabled].focus, fieldset[disabled] .btn_gray.focus, .btn_gray.disabled:active, .btn_gray[disabled]:active, fieldset[disabled] .btn_gray:active, .btn_gray.disabled.active, .btn_gray[disabled].active, fieldset[disabled] .btn_gray.active {
    background-color: #E5E5E5;
    border-color: #000000;
}

.btn_gray .badge {
    color: #000000;
    background-color: #CDCDCD;
}

.btn2 {
    font-size: 80%;
    border-style: none;
    line-height: 100%;
    text-align: center;
}

.btn_big {
    font-size: 1.2em !important;
    width: 100%;
    line-height: 2em;
    margin-bottom: 2em;
}

.btn_benifuji {
    background-color: #cca6bf;
    color: #FBF4F4;
}

.btn_mid_center {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.btn_mid {
    margin-bottom: 2em;
    width: 48%;
    line-height: 3.3em;
    float: left;
}

.fbblue {
    color: #3B5998;
}

.twitter_coler {
    color: rgba(0, 172, 237, 1.00);
}

.insta_coler {
    color: rgba(63, 114, 155, 1.00);
}

table.table-price-mini {
    border: 1px solid #9acd32;
}

table.table-price-mini th {
    background-color: #9acd32;
    color: #ffffff;
}

#item-main {
    margin-bottom: 5em;
}

.item-btn ul {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.fontsize20 {
    font-size: 20px !important;
}

.item-btn li {
    list-style-type: none;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: block;
}

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

footer {
    background-color: #000000;
    color: #FFFFFF;
    padding-top: 2em;
    font-family: quicksand;
}

footer li {
    list-style-type: none;
    font-weight: 100;
}

.item_description {
    padding-top: 2em;
    margin-bottom: 50px;

}

#price-top .item_description h2,
.item_description h2 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 2em;
}

.item_description h3,
.item_description h4 {
    font-size: 22px;
    line-height: 1.3em;
}

#faq-box {
    margin-bottom: 50px;
    margin-top: 0px;
}

#faq-box h2 {

    font-size: 22px;
}

#main-con-1 h2 {
    text-align: center;
    font-size: 24px;
    line-height: 1.3em;
    margin: 100px 0 40px 0;
}

#oripmapBody #item-con h3 {
    margin-bottom: 0px;

}

#oripmapBody .design-order-con p {
  font-size: 14px;
  text-align: center;
}

#oripmapBody #design-price h5 {
  font-size: 26px;
  text-align: center;
}



#wrap #main-con-1 h2 {
    text-align: center;
    font-size: 38px;
    line-height: 1.3em;
    margin: 100px 0 40px 0;
    font-weight: bold;
    color: #09d;
}

#wrap #main-con-1 .strong {
    color: #e55c8e;
}


.top-help li {
    text-align: center;
    padding: 0.5em 1em;
    border-radius: 20px 20px;
    border: 1px solid #333;
    font-size: 10px;
}

.top-help li a {
    width: 100%;
    color: #333;
}

#item-feature {
    margin-top: 0px;
    margin-bottom: 0px;
}

#postcard-page h2 {
    border-left: none !important;
    text-align: center;
}

#postcard-page #price-rei {
    padding-top: 50px;
}
#item-feature h2 {
    font-size: 22px;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    border-left: none !important;
    margin-top: 60px;
    line-height: 1.5em;
    margin-bottom: 30px;
    margin-top: 50px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    padding: 1em 15px;
}
#item-feature h3 , #item-feature h4,#item-feature h5 {
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    border-left: none !important;
    margin-top: 60px;
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 30px;
    margin-top: 50px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    padding: 1em 15px;
}

#wrap #item-feature h3, #wrap #item-feature h2 , #wrap #item-feature h4,#wrap #item-feature h5 {
    border-bottom: 1px solid #09d;
    border-top: 1px solid #09d;
    margin-top: 0px;
    font-size: 28px;
    line-height: 1.5em;
    margin-bottom: 50px;
    margin-top: 100px;
    color: #09d;
    text-align: center;
    padding: 1em 0px;
}

.item_description i.red {
    color: #f557b1 !important;
}

#item-feature img {
    margin-top: 30px;
    margin-bottom: 30px;
}

.paple {
    color:#6200ff;
}


.close {
    font-size: 40px;
    line-height: 40px;
    color: #dc143c !important;
    padding: 0;
    margin: 0;
    display: block;
    height: 40px;
    width: 40px;
    z-index: 9999;
    float: none;
}
.margin_buttom_05em {
    margin-bottom: .5em;
}
.margin_buttom_1em {
    margin-bottom: 1em;
}

.margin_buttom_2em {
    margin-bottom: 2em !important;
}

.margin_buttom_3em {
    margin-bottom: 3em;
}

.margin_buttom_4em {
    margin-bottom: 4em;
}

/* #design-nagare h2 {
    font-weight: 100;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-top: 50px;
} */

#design-nagare h2,
#design-nagare h3,
#design-nagare h4,
#design-nagare h5 {
    border-bottom: 1px solid #888888;
    font-size: 33px;
    padding-bottom: 1em;
    line-height: 1.3em;
    font-weight: normal;
}

#design-nagare h2 i,
#design-nagare h3 i,
#design-nagare h4 i,
#design-nagare h5 i {
    font-size: 130%;
    line-height: 1.3em;
}

.notoSans {
    font-family: 'Noto Sans Japanese', sans-serif !important;
}

.snow-back {
    background-color: #fffafa;
}

.usukoubai-back {
    background-color: #e597b2;
}

.usumidori-back {
    background-color: #69b076;
}

.asagiiro-back {
    background-color: #00a3af;
}

.koujiiro-back {
    background-color: #f6ad49;
}

.img-noma {
    margin: 0px !important;
    padding: 0px !important;
}

.toggleHbtn>* {
    display: table-cell;
    vertical-align: middle;
}

#faq-box .toggleHbtn {
    width: 100%;
}

#test {
    height: 400px;
    width: 100%;
    background-color: red;
    float: none;
}

#test>[class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.toggleHbtn h3, .toggleHbtn h4, .toggleHbtn h5, .toggleHbtn h6 {
    font-size: 1em !important;
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.back-img {
    margin-top: -5em;
}

.back-red2 {
    padding: 10rem 2rem;
    background-color: #e40421;
}

.back-red2 i, .back-red2 h2, .back-red2 h2 small, .back-red2 h3, .back-red2 h3 small, .back-red2 h4, .back-red2 h4 small, .back-red2 p {
    color: #fff !important;
}

.back-red2 h2, .back-red2 h3 {
    font-size: 5em !important;
    line-height: 1em !important;
    margin-bottom: 1em !important;
    text-decoration: none !important;
    border: none !important;
}

.back-red2 h2 small, .back-red2 h3 small {
    font-size: 0.5em !important;
    line-height: 1em !important;
    text-decoration: none !important;
    border: none !important;
}

.back-red2 h4, .back-red2 h5 {
    font-size: 3em !important;
    line-height: 1em !important;
    margin-bottom: 1em !important;
    text-decoration: none !important;
    border: none !important;
}

.back-red2 h4 small, .back-red2 h5 small {
    font-size: 0.5em !important;
    line-height: 1em !important;
    text-decoration: none !important;
    border: none !important;
}

.back-red2 i {}

#price-select-panel .pop-hover {
    font-size: 130%;
    color: #069dbf;
}

.toggleHbtn h3.xs, .toggleHbtn h4.xs, .toggleHbtn h5.xs, .toggleHbtn h6.xs {
    font-size: 0.8em !important;
    display: inline-block;
    float: left;
}

.toggleHbtn span {
    margin-top: 2em;
    float: right;
    width: 15%;
    max-width: 20px;
    height: 20px;
    background-image: url(../img/icon_Ached.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.toggleHbtn .media-left {
    width: 15%;
}

.toggleHbtn h3, .toggleHbtn h4, .toggleHbtn h5, .toggleHbtn h6 {
    width: 70%;
    margin-top: 20px;
}

.toggleNone {
    display: none;
    padding-top: 2em;
    padding-bottom: 3em;
}


.toggleHbtn.active span {
    background-image: url(../img/icon_Ached.png);
    background-repeat: no-repeat;
    background-position: -20px 0px;
}

.acHed {
    color: #EC161A;
    background-color: #000000;
    overflow: hidden;
    padding: 1em;
}

.toggleHbtn {
    overflow: hidden;
    clear: both;
    cursor: pointer;
    border-bottom: #B8B8B8 1px solid;
    top: 1em;
    bottom: 1em;
    display: table;
    float: none;
    width: 100%;
}

.toggleHbtn.active {
    border-bottom: none;
}

.toggleHbtn:hover {
    background-color: #fffafa;
    color: #666;
    text-decoration: none;
}

.toggleHbtn i.i {
    float: left;
    line-height: 70px;
    font-size: 3em;
    margin-left: 0.2em;
    margin-right: 0.4em;
}

.key_color {
    display: inline;
    color: #e7609e;
}

.key_color_black {
    display: inline;
    color: #333333;
    font-size: 110%;
}

li.linone {
    list-style: none;
}

#desgin_irai_lerd {
    margin-bottom: 10em;
}

.design_price_con {
    margin-bottom: 100px;
}

.design_price_con h2,
.design_price_con_title {
    margin-bottom: 1em;
    font-size: 16px;
    font-weight: normal;
    background:linear-gradient(transparent 60%, yellow 60%)
}


.design_price_con h2#h2kamitry {
    margin-bottom: 1em;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 26px;
}

.design_price_con img {
    margin-bottom: 1em;
}

.announce {
    margin: 0px;
    padding: 0px;
    height: 40px;
    background-color: #d70035;
    overflow: hidden;
    overflow: -webkit-marquee;
    display: -wap-marquee;
    -wap-marquee-loop: infinite;
    white-space: nowrap;
    -webkit-marquee-speed: nomal;
    -wap-marquee-speed: nomal;
}

.text-yerow {
    color: #fff045 !important;
}

#file-in-select .btn-lg {
    font-size: 14px;
}

.point-triangle {
    position: relative;
}

.point-triangle:after {
    position: absolute;
    content: " ";
    height: 0;
    width: 0;
}

.point-triangle span {
    position: absolute;
    content: " ";
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    z-index: 100;
}


/* ⑦triangle-rt */

.point-triangle-rt:after {
    top: 0;
    right: 0;
    border-bottom: 3em solid transparent;
    border-right: 3em solid #FF797D;
}

.point-triangle-rt span {
    top: .5em;
    right: .2em;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}


/* ⑧triangle-rb */

.point-triangle-rb:after {
    bottom: 0;
    right: 0;
    border-top: 3em solid transparent;
    border-right: 3em solid #FF797D;
}

.point-triangle-rb span {
    bottom: .6em;
    right: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}


/* ⑨triangle-lt */

.point-triangle-lt:after {
    top: 0;
    left: 0;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #FF797D;
}

.point-triangle-lt span {
    top: .6em;
    left: .1em;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}


/* ⑩triangle-lb */

.point-triangle-lb:after {
    bottom: 0;
    left: 0;
    border-top: 3em solid transparent;
    border-left: 3em solid #FF797D;
}

.point-triangle-lb span {
    bottom: .5em;
    left: .2em;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#order-step {
    margin-bottom: 20px;
}

#order-step dl dt {
    font-size: 20px;
    font-weight: 100;
    margin-top: -0.4em;
}

#order-step dl dd {
    font-size: 10px;
    line-height: 1.3em;
}

.announce p {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 40px !important;
    color: #ffffff;
    font-size: 1em !important;
}

.announce p i {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 40px !important;
    font-size: 1em !important;
}

.order-req-wrap .order-req-text {
    padding-top: 2em;
    margin: 30px 0px;
}

#order-op-box h3 {
    font-size: 16px;
}

#order-op-box select {
    font-size: 10px;
    line-height: 2em;
}

.div-box-border {
    border: 1px solid #333333;
    padding: 10px;
}

#order-op-box p, #order-op-box li {
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 5px;
}

#order-op-box dl dd {
    font-size: 10px;
    margin-bottom: 5px;
}

#order-op-box dl dt {
    font-size: 10px;
    margin-bottom: 7px;
}

#order-op-box img {
    width: 70%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.order-req-wrap .order-req-text h4 {
    font-size: 24px;
    color: #666 !important;
    margin-bottom: 1em;
}

.order-req-wrap .order-req-text p {
    color: #666;
}

#price-chenge>[class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}

#price-select-box dl {
    border-top: none !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin-bottom: 10px;
}

#price-select-box dl dt {
    float: left;
    height: 32px;
    width: 80px;
    line-height: 32px;
    font-weight: normal;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #777;
}

#price-select-box dl#dldesign dt {
    float: none;
    height: 32px;
    width: 100%;
    line-height: 32px;
    font-weight: normal;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#price-select-box dl dt a {
    color: #777;
}

#price-select-box dl dt a:hover {
    text-decoration: none;
}

#price-select-box dl dd {
    margin-left: 90px;
}

#price-select-box dl#dldesign dd {
    margin-left: 0;
}

#formName input {
    width: 46% !important;
    display: inline-block !important;
}

#formName {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

#order-cart-lust #mailformpro .form-group {
    margin-bottom: 1rem;
}


#product-data h2, #product-data h3, #product-data h4 {
    font-size: 18px !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
    line-height: 1.6em !important;
}

#meyasu-nouki-box {
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    padding: 10px 10px;
}

#meyasu-nouki-box p {
    text-align: center;
    font-size: 12px;
    line-height: 2em;
    margin: 0px;
}

#check-ill .checkbox {
    display: none;
}

#check-ill .checkbox+.checkbox-icon {
    position: relative;
    vertical-align: middle;
    text-align: right !important;
}

#check-ill .checkbox+.checkbox-icon:before {
    content: "\f372";
    font-family: "Ionicons";
    color: #ccc;
    font-size: 50px;
    text-align: right !important
}

#check-ill .checkbox:checked+.checkbox-icon:before {
    content: "\f374";
    color: #17bcdf;
    text-align: right !important
}

#check-ill label {
    width: 100%;
    font-size: 32px;
    line-height: 32px;
    margin-top: 40px;
}

.check-con {
    margin-bottom: 50px;
    padding: 20px;
}

#staff-menu {
    margin-bottom: 50px;
}

.talk-con {
    margin-bottom: 300px;
    padding: 20px 20px 10px 20px;
    border: 1px solid rgba(13, 18, 3, 0.88);
    /* box-shadow */
    box-shadow: 3px 3px 1px 1px rgba(13, 18, 3, 0.88);
    -moz-box-shadow: 3px 3px 1px 1px rgba(13, 18, 3, 0.88);
    -webkit-box-shadow: 3px 3px 1px 1px rgba(13, 18, 3, 0.88);
}

.talk-con h3 {
    line-height: 1.6em;
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 38px;
}

.talk-con h4 {
    line-height: 1.6em;
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 26px;
}

.talk-con p {
    line-height: 1.8em;
    font-size: 20px;
    margin-bottom: 2em;
    padding: 0 1em 1em 1em;
}

.talk-con .tag {
    font-size: 6px;
    border: none;
}

.check-con .check-con-lead, .check-con .ng-messe {
    text-align: left;
}

.check-con-lead p {
    line-height: 1.5em;
    margin-bottom: 2.5em;
}

.ng-messe {
    margin-top: 30px;
    margin-bottom: 50px;
    border: 1px solid red;
    padding: 10px 20px 10px 40px;
}

.check-con .ng-messe h3 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 30px
}

.check-con .ng-messe h4 {
    font-size: 24px;
    margin-bottom: 1em;
}

.check-con .ng-messe p {
    margin-bottom: 3em;
    line-height: 1.5em;
}

.check-con ul li {
    line-height: 1.5em !important;
    margin-bottom: 1em !important;
    list-style: circle !important;
}

#jyoken {
    color: rgb(74, 70, 71);
}

#meyasu-nouki-box .main {
    color: #dc143c;
}

#product-data p {
    font-size: 14px;
}

#product-data dl {
    border-top: none !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin-bottom: 10px;
    font-size: 8px;
}

#product-data dl dt {
    font-size: 10px;
    float: left;
    height: 17px;
    width: 60px;
    line-height: 17px;
    margin-bottom: 10px;
    font-weight: normal;
    overflow: hidden;
    clear: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0px;
}

#product-data dl dd {
    font-size: 10px;
    margin-left: 70px;
    height: 17px;
    margin-bottom: 10px;
    line-height: 17px;
    margin-top: 0px;
}

#price-select-box select {
    width: 100% !important;
    padding: 10px 5px !important;
    font-size: 10px !important;
    line-height: 1em !important;
}

#order-nagare-top h2, #design-select-top h2 {
    font-size: 38px;
    font-weight: 100;
    line-height: 1.2em;
    margin-top: 1em;
    text-align: center;
    color: #000000;
}

#order-req h3 {
    font-size: 34px;
    margin: 1em 0 2em;
    text-align: center;
}

#data-henkan-top h2 {
    font-size: 34px;
    line-height: 1.4em;
    margin: 30px 0px 60px;
    text-align: center;

}

#desginselect-ichiran h4 {
    font-size: 22px;
    text-align: center;
    margin: 1em 0 2em;
    color: #777;
}

.btn_blue2 {
    background-color: #3F51B5;
    border-color: #3F51B5;
    color: #fff;
}

.btn_blue2:hover {
    background-color: #7c85b4;
    border-color: #7c85b4;
    color: #fff;
}
#desginselect-ichiran a {
    width: 23%;
    float: left;
    margin: 0 1% 0;
    text-align: center;
}

#desginselect-ichiran i {
    font-size: 10px;
}

#desginselect-ichiran img {
    margin-bottom: 5px;
}

#desginselect-ichiran a {
    color: #666;
    margin-bottom: 2em;
}

#desginselect-ichiran img:hover {
    opacity: 0.7;
}

#price-case td {
    font-size: 14px;
}

#price-case {
    margin-bottom: 40px;
}

#price-case li {
    font-size: 0.8em;
    line-height: 1.3em;
    margin-bottom: 0.7em;
}

#data-henkan-top h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 100;
    line-height: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    color: #000000;
}


#data-henkan-top h4 {
    font-size: 24px;
    line-height: 1.5em;
    margin: 2.5em 0 1.5em;
    text-align: center;

}

#data-henkan-top img {
    margin-bottom: 20px;
}

.modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

#design-price .btn,
article .btn {
    padding: 0.8em 1em;
    margin: 1em 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#oripmapBody .modal-body h4 {
    font-size: 26px;
    line-height: 1.3em;
    margin-bottom: 100px;
}

#ori-design button {
    font-size: 14px;
}

.btn-yellow {
    color: #060606;
    background-color: #ffff00;
    border-color: #ffff00;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow.focus, .btn-yellow:active, .bbtn-yello.active, .open>.dropdown-toggle.btn-red-nuki {
    color: rgba(34, 34, 34, 0.77) !important;
    background-color: rgba(255, 255, 0, 0.54) !important;
    border-color: rgba(255, 255, 0, 0.54)!important;
    text-decoration: none !important;
}
.btn-orenge {
    background-color: #ff6633;
    border: 2px solid #ff6633;
    color: white;
    cursor: pointer;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.btn-orenge:hover {
    background: #fff;
    color: #ff6633;
    text-decoration: none;
}

.btn-yellow a {
    color: #060606;
}

.btn-lg2 {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0px;
}

.btn-red-nuki {
    color: #d43f3a;
    background-color: #fff;
    border-color: #d43f3a;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.btn-red-nuki:hover, .btn-red-nuki:focus, .btn-red-nuki.focus, .btn-red-nuki:active, .btn-red-nuki.active, .open>.dropdown-toggle.btn-red-nuki {
    color: #fff !important;
    background-color: #d43f3a !important;
    border-color: #d43f3a !important;
    text-decoration: none !important;
}

.btn-red-nuki a {
    color: #d43f3a;
}

.btn-siro-nuki {
    color: #fff;
    border-color: #fff;
}

.btn-siro-nuki:hover, .btn-siro-nuki:focus, .btn-siro-nuki.focus, .btn-siro-nuki:active, .btn-siro-nuki.active, .open>.dropdown-toggle.btn-siro-nuki {
    color: #fff;
    border-color: #fff;
}

.btn-siro-nuki a {
    color: #fff;
}

.btn-siro-nuki:active, .btn-siro-nuki.active, .open>.dropdown-toggle.btn-siro-nuki {
    background-image: none;
}

.btn-siro-nuki.disabled, .btn-siro-nuki[disabled], fieldset[disabled] .btn-siro-nuki, .btn-siro-nuki.disabled:hover, .btn-siro-nuki[disabled]:hover, fieldset[disabled] .btn-siro-nuki:hover, .btn-siro-nuki.disabled:focus, .btn-siro-nuki[disabled]:focus, fieldset[disabled] .btn-siro-nuki:focus, .btn-siro-nuki.disabled.focus, .btn-siro-nuki[disabled].focus, fieldset[disabled] .btn-siro-nuki.focus, .btn-siro-nuki.disabled:active, .btn-siro-nuki[disabled]:active, fieldset[disabled] .btn-siro-nuki:active, .btn-siro-nuki.disabled.active, .btn-siro-nuki[disabled].active, fieldset[disabled] .btn-siro-nuki.active {
    border-color: #fff;
}

.btn-siro-nuki .badge {
    color: #fff;
    background-color: #fff;
}

.btn-inline4 {
    width: 24%;
    margin-right: 1%;
    margin-left: 0px;
    float: left;
}

.btn-black-nuki {
    color: #000b00;
    background-color: #fff;
    border-color: #000b00;
}

.btn-black-nuki a {
    width: 100%;
    height: 100%;
}

.btn-black-nuki:hover, .btn-black-nuki:focus, .btn-black-nuki.focus, .btn-black-nuki:active, .btn-black-nuki.active, .open>.dropdown-toggle.btn-black-nuki {
    color: #777 !important;
    background-color: #ebebeb;
    border-color: #777;
}

.btn-black-nuki a:hover, .btn-black-nuki a:focus, .btn-black-nuki a.focus, .btn-black-nuki a:active, .btn-black-nuki a.active, .open>.dropdown-toggle.btn-black-nuki {
    color: #777 !important;
    background-color: #ebebeb;
    border-color: #777;
}

.btn-black-nuki a {
    color: #555;
}

.btn-black-nuki:active, .btn-black-nuki.active, .open>.dropdown-toggle.btn-black-nuki {
    background-image: none;
}

.btn-black-nuki.disabled, .btn-black-nuki[disabled], fieldset[disabled] .btn-black-nuki, .btn-black-nuki.disabled:hover, .btn-black-nuki[disabled]:hover, fieldset[disabled] .btn-black-nuki:hover, .btn-black-nuki.disabled:focus, .btn-black-nuki[disabled]:focus, fieldset[disabled] .btn-black-nuki:focus, .btn-black-nuki.disabled.focus, .btn-black-nuki[disabled].focus, fieldset[disabled] .btn-black-nuki.focus, .btn-black-nuki.disabled:active, .btn-black-nuki[disabled]:active, fieldset[disabled] .btn-black-nuki:active, .btn-black-nuki.disabled.active, .btn-black-nuki[disabled].active, fieldset[disabled] .btn-black-nuki.active {
    background-color: #fff;
    border-color: #000b00;
}

.btn-black-nuki .badge {
    color: #000b00;
    background-color: #fff;
}

#op_delete .btn {
    width: 80%;
    margin: 1em 10%;
    font-size: 8px;
}

.btn-gray-nuki {
    padding: 0.8em 1.7em;
    color: #acacac;
    background-color: #fff;
    border-color: #acacac;
}
.open_slideBox_design:hover {
    transition: 1.0s ;
    opacity: 0.6;

}
.btn-gray-nuki:hover, .btn-gray-nuki:focus, .btn-gray-nuki.focus, .btn-gray-nuki:active, .btn-gray-nuki.active, .open>.dropdown-toggle.btn-gray-nuki {
    color: #727171;
    background-color: #fff;
    border-color: #727171;
}

.btn-gray-nuki a {
    color: #acacac;
}

.btn-gray-nuki:active, .btn-gray-nuki.active, .open>.dropdown-toggle.btn-gray-nuki {
    background-image: none;
}

.btn-gray-nuki.disabled, .btn-gray-nuki[disabled], fieldset[disabled] .btn-gray-nuki, .btn-gray-nuki.disabled:hover, .btn-gray-nuki[disabled]:hover, fieldset[disabled] .btn-gray-nuki:hover, .btn-gray-nuki.disabled:focus, .btn-gray-nuki[disabled]:focus, fieldset[disabled] .btn-gray-nuki:focus, .btn-gray-nuki.disabled.focus, .btn-gray-nuki[disabled].focus, fieldset[disabled] .btn-gray-nuki.focus, .btn-gray-nuki.disabled:active, .btn-gray-nuki[disabled]:active, fieldset[disabled] .btn-gray-nuki:active, .btn-gray-nuki.disabled.active, .btn-gray-nuki[disabled].active, fieldset[disabled] .btn-gray-nuki.active {
    background-color: #fff;
    border-color: #acacac;
}

.btn-gray-nuki .badge {
    color: #acacac;
    background-color: #fff;
}

.btn-paple {
    background-color: #9C37CB;
    color: #fff;
    padding: 0.8em 1.7em;
    margin: 1em 0;
    border-color: #9C37CB;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-paple:hover, .btn-paple:focus, .btn-paple.focus, .btn-paple:active, .btn-paple.active, .open>.dropdown-toggle.btn-paple {
    color: #9C37CB;
    background-color: #fff;
    border-color: #9C37CB;
}

.btn-turquoiseblue-nuki {
    color: #047f94 !important;
    background-color: #fff !important;
    border-color: #047f94 !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-turquoiseblue {
    color: #fff !important;
    background-color: #00afcc !important;
    border-color: #00afcc !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


.btn-turquoiseblue:hover, .btn-turquoiseblue:focus, .btn-turquoiseblue.focus, .btn-turquoiseblue:active, .btn-turquoiseblue.active, .open>.dropdown-toggle.btn-turquoiseblue {
    color: #00afcc !important;
    background-color: #fff !important;
    border-color: #00afcc !important;
}

.btn-turquoiseblue-nuki:hover, .btn-turquoiseblue-nuki:focus, .btn-turquoiseblue-nuki.focus, .btn-turquoiseblue-nuki:active, .btn-turquoiseblue-nuki.active, .open>.dropdown-toggle.btn-turquoiseblue-nuki {
    color: #ffffff !important;
    background-color: #00afcc !important;
    border-color: #00afcc !important;
}

.width100 {
    width: 100% !important;
}

/*
.btn-turquoiseblue-nuki:before {
  content: '';
  position: absolute;
  border: #0098b3 solid 1px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.btn-turquoiseblue-nuki:hover:before,
.btn-turquoiseblue-nuki:focus:before,
.btn-turquoiseblue-nuki:active:before {
  opacity: 1;
}

.btn-turquoiseblue-nuki a {
  color: #00afcc ;
}
.btn-turquoiseblue-nuki:active,
.btn-turquoiseblue-nuki.active,
.open > .dropdown-toggle.btn-turquoiseblue-nuki {
  background-image: none;
}
.btn-turquoiseblue-nuki.disabled,
.btn-turquoiseblue-nuki[disabled],
fieldset[disabled] .btn-turquoiseblue-nuki,
.btn-turquoiseblue-nuki.disabled:hover,
.btn-turquoiseblue-nuki[disabled]:hover,
fieldset[disabled] .btn-turquoiseblue-nuki:hover,
.btn-turquoiseblue-nuki.disabled:focus,
.btn-turquoiseblue-nuki[disabled]:focus,
fieldset[disabled] .btn-turquoiseblue-nuki:focus,
.btn-turquoiseblue-nuki.disabled.focus,
.btn-turquoiseblue-nuki[disabled].focus,
fieldset[disabled] .btn-turquoiseblue-nuki.focus,
.btn-turquoiseblue-nuki.disabled:active,
.btn-turquoiseblue-nuki[disabled]:active,
fieldset[disabled] .btn-turquoiseblue-nuki:active,
.btn-turquoiseblue-nuki.disabled.active,
.btn-turquoiseblue-nuki[disabled].active,
fieldset[disabled] .btn-turquoiseblue-nuki.active {
  background-color: #fff;
  border-color:#0098b3;
}
.btn-turquoiseblue-nuki .badge {
  color: #00afcc;
  background-color: #fff;
}
*/

.btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}

.btn-blue-nuki {
    color: #172A88 !important;
    background-color: #fff !important;
    border-color: #172A88 !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-blue-nuki:hover, .btn-blue-nuki:focus, .btn-blue-nuki.focus, .btn-blue-nuki:active, .btn-blue-nuki.active, .open>.dropdown-toggle.btn-blue-nuki {
    color: #ffffff !important;
    background-color: #172A88 !important;
    border-color: #172A88 !important;
}

#design_price h1 {
    line-height: 1.5em;
}

.pageselect {
    margin-bottom: 3em;
}

.option_select {
    padding-bottom: 5px;
    padding-top: 5px;

}

.option_select p {
    font-size: 1em;
}

#nouki-top h3 {
    text-align: center;
    line-height: 1.3em;
    margin-bottom: 2em;
}

.divcon {
    padding: 12rem 0;
}

.icon {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#nouki-top h4 {
    text-align: center;
}

#nouki-page h3 {
    font-weight: normal;
    font-size: 2.2em;
    line-height: 1.5em;
    margin-bottom: 2em;
    color: #37404a;
}

#nouki-page p {
    font-weight: normal;
    line-height: 1.3em;
    color: #37404a;
}

#order-item {
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 1em;
    padding-right: 1em;
}

#order-item-in {
    padding: 0px;
}

#op-btn {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 4em;
    padding-right: 4em;
    width: 100%;
}

#order-1 h1 {
    font-size: 1.5em;
    line-height: 2em;
}

#order-1-anunce {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    background-color: #FF9900;
    color: #FFF;
    margin-bottom: 2em;
}

#order-1-anunce p {
    font-size: 1em;
    line-height: 1.5em;
    color: #fff;
}

#order-item p {
    font-size: 1em;
}


#design_select_con [class*="col-"] {
    background-color: #ffffff;
    padding: 0 15px;
}

#design_select_con .design_select_ichiran_big p {
    font-size: 20px;
    margin-bottom: 70px;
}


#design_select_con .design_select_ichiran_big p i.small {
    color: #0eb4fb;
}


.option_select img {
    margin-bottom: 10px;
}

#design_select_setumei h3 {
    color: #09d;
    text-align: center;
    font-size: 22px;
    margin-bottom: 1em;
}
#shopcardtempmini ul,
#tickettempmini ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#shopcardtempmini ul li,
#tickettempmini ul li {
    list-style-type: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#shopcardtempmini h1,
#tickettempmini h1 {
    font-size: 30px;
    color: #09d;
}


/*価格表のヘルプ*/

.price-list-setumei {
    padding: 1em;
    background-color: #f3d817;
    text-align: center;
    color: #333;
}

.help {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.3em;
}


.help-new ul {
    padding: 0
}

.help-new ul li {
    display: block;
    float: left;
    list-style: none;
    text-align: center;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 10px;
    background-color: #d0cdcd;
    color: #5d5a5a;
    line-height: 4em;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.help-new ul a li {
    color: #5d5a5a;
    font-size: 10px;
}

.help-new ul a:hover {
    color: #2b2a2a;
    background-color: #52A3AA;
}

.help-new ul li:hover {
    color: #040202;
    background-color: #52A3AA;
}

.help-new .help-box {
    width: 100%;
    text-align: center;
}

.help-new {
    border-bottom: 1px solid #989a99;
    border-top: 1px solid #989a99;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    margin: 30px auto;
}

.help-new .help-box p {
    text-align: center;
    display: inline-block;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    padding: 1em;
    line-height: 1em;
    font-size: 12px;
    margin-bottom: 15px;
}

.help ul {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px auto;
}

.help ul li {
    list-style-type: none;
    display: block;
    padding: 0;
    width: 48%;
    margin-left: 0%;
    margin-right: 1%;
    margin-bottom: 2px;
    margin-top: 0px;
    float: left !important;
    text-align: center;
    font-size: 10px;
}

.help ul li a {
    float: left;
    line-height: 4em;
    padding: 0;
    width: 100%;
    list-style-type: none;
    float: left !important;
}

.help ul li a:hover {
    float: left;
    list-style-type: none;
    text-decoration: none;
}

.help ul a {
    line-height: 3em;
    list-style-type: none;
    float: left !important;
}

.help ul a:hover {
    float: left;
    list-style-type: none;
    text-decoration: none;
}


/*価格表条件セレクトの見出し*/

.select-midashi {
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
    text-align: center;
    color: #fff;
    line-height: 2.5em;
    height: 2.5em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
    background: #000080;
    /* Old browsers */
    background: -moz-linear-gradient(top, #000080 0%, #000080 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000080 0%, #000080 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000080 0%, #000080 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#000080', GradientType=0);
    /* IE6-9 */
    position: relative;
}

.select-midashi:before {
    content: "";
    position: absolute;
    bottom: -23px;
    right: 50%;
    border: 12px solid transparent;
    border-top: 12px solid #000080;
}


/*価格表条件セレクトの見出し*/

.test-div {
    width: 100%;
    border: 1px solid #000000;
    height: 20px;
    background-color: #F8000C !important;
    font-size: 4em;
}

.select-midashi a {
    color: #fff;
}

#descon ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#descon ul li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    list-style: none;
}


/*ご注文フォーム*/

#order1 hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

#order1 label {
    font-size: 8px;
}
.order-setumei-wrap {
    width: 100%;

}
.price-box-wrap {
    width: 100%;
    float: none;
    position: fixed;
    bottom: 0;
    left:0;
    height: 120px;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 1px 10px;

}

.batubox {
    width: 10%;
    font-size: 20px;
    text-align: center;
    float: left;

}

#sizeselctbox input#tate,
#sizeselctbox input#yoko {
    width: 44% !important;
    float: left;
    font-size: 12px !important;
}

#sizeselctbox .form-group {
    display: block;
    float: none;
}

.orer-size-midashi #slideBox3 {
    padding: 0 !important;
}

.price-box-wrap button#submit_buy {
    margin-top: 20px;
    font-size: 20px;
    width: 74%;

    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    border-radius: 5px;
    margin-left: 0px;
    float: left;
    padding: 15px 5px;
    font-size: 18px;


}

.price-box-wrap button#submit_buy:hover {
  opacity: 0.7;
}

.order-hosoku {
    width: 100%;
    float: none;
    clear:both;
}

#order1 .order-hosoku p {
    font-size: 10px;
}

.order-img-box {
    width: 30%;
    margin: 0;
    padding: 0;
    float: left;
}

.order-setumei-box,
.order-setumei-box2 {
    width: 68%;
    margin: 0;
    padding: 0 0 0 1em !important;
    float: left;
}

#sizeselctbox-mobile {
    border-bottom: 1px solid #2e2c2c;
    padding-bottom: 15px;
    border-top: 1px solid #2e2c2c;
    padding-top: 15px;
    margin-top: 30px;
}
#mobile-priceviw {
    margin-bottom: 30px;
}

.orer-size-midashi {
    font-size: 16px;
    margin-bottom: 10px;
}

#order1 article {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

#order1 .order-setumei-box p,
#order1 .order-setumei-box2 p {
    font-size: 10px;
}

.order-midashi {
    font-size: 2em;
    line-height: 2em;
    border-bottom: 1px solid #BF0000;
    color: #BF0000;
}

h1.order-midashi2 {
    font-size: 16px;
    line-height: 2em;
    border-bottom: 1px solid #2e2c2c;
    color: #e06a07;
    margin-bottom: 15px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#price-total1 p {
    font-size: 20px ;
}

#xs-price #price-total1-mobaile p {
    font-size: 22px ;
    line-height: 1.5em;
}
#price-total1-mobaile {
    margin-top: 2em;;
}

#xs-price #price-total1-mobaile-lust p{
    font-size: 14px;
}

#xs-price #price-total1-mobaile-lust {
    margin: 2em 0em;
    padding: 1em 1em;
    border-top: 1px solid #999595;
    border-bottom: 1px solid #999595;
}

#xs-price  p {
    font-size: 12px ;
    margin-top: 10px;
}

/*吹き出し*/

.balloon2-top {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
    min-width: 100px;
	max-width: 100%;
	background: #FFF;
 	border: solid 3px #555;
 	box-sizing: border-box;
}

.balloon2-top:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 90%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

.balloon2-top:after{
	content: "";
	position: absolute;
	top: -30px;
	left: 90%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #555;
 	z-index: 1;
}

.balloon2-top p {
	margin: 0;
	padding: 0;
}


/*吹き出し*/

#xs-price-utiwake {
    text-align: right;
    margin: 0 0 30px;

}

#xs-price-utiwake h5 {
    margin: 0 0;
}

.btn_full {
    width: 100%;
}

.op-con .cart-box {
    border-top: 1px dotted #9B9B9B;
    padding-top: 1em;
    padding-bottom: 1em;
}

.close-red {
    color: #bf0000 !important;
    opacity: 100;
}

#order-hed h2 {
    font-size: 18px;
    text-align: center;
    line-height: 2em;
    border-bottom: 1px solid #2b2a2a;
    margin: 0;
}

#order-hed {
    text-align: center;
}

.op-con .cart-box p {
    line-height: 1.5em;
    font-size: 10px;
    margin: 0px 0 10px 0;
    text-align: left;
}

#order-item-in p {
    font-size: 13px;
    line-height: 1.3em;
    margin: 0px;
}

#order-item-in #slideBox3 {
    margin-bottom: 1em;
    padding: 0;
}

.op-con .cart-box:last-child {
    border-top: 1px dotted #9B9B9B;
    border-bottom: 1px dotted #9B9B9B;
    padding-top: 1em;
    padding-bottom: 1em;
}

.op-box {
    border-top: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
}

#price_fix p {
    font-size: 1em;
}

#deri_ad {
    float: none;
    clear: both;

}

#haisou_add table {
    width: 100%;
}

#order_show {
    border: 1px solid #ccc;
    padding-top: 2em;
    padding-bottom: 2em;
}

#order_show h4 {
    margin-top: 0em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    line-height: 1.8em;
}

#order_show table {
    width: 100%;
    table-layout: fixed;
}

#order_show ul {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

#order_show li {
    margin-left: 0px;
    list-style-type: none;
    line-height: 1.3em;
    margin-bottom: 0.5em;
    color: #333;
}

#order_show table td {
    display: table-cell;
    vertical-align: text-top;
}

.p_order_goods_name {
    font-size: 1.2em !important;
    text-align: center;
    color: #333;
    margin-bottom: 3em;
}

.option_wrap h4 {
    border-bottom: 1px solid #ccc;
    font-size: 1.3em !important;
    padding-bottom: 1em;
    margin-bottom: 3em !important;
}

#order_1 h4 {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 2em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px !important;
    margin-top: 20px;
    text-align: center !important;
}

#price_select table {
    width: 100%;
}

#price_select table td {
    padding-bottom: 2em;
}

.h3_price_select {
    text-align: left;
    font-size: 3em;
    line-height: 2.2em;
    font-weight: normal;
    margin-bottom: 0em;
    margin-top: 1em;
}

.h4_price_leed {
    font-size: 3em !important;
    line-height: 2em !important;
    text-align: center !important;
    color: #666666 !important;
}

.h4_price_leed small {
    font-size: 0.6em;
}

.h4_bikou {
    margin-top: 2em !important;
}

#order_bikou {
    width: 100% !important;
    height: 10em !important;
}

#table_ticket_design_select {
    width: 100%;
    table-layout: fixed;
    margin-top: 2em;
}

#design_select td {
    padding-bottom: 2em;
}


#samplethanks p {
    text-align: center;
    font-size: 2em;
    line-height: 2em;
    color: #bf0000;
}

.table_fix {
    width: 100%;
    table-layout: fixed;
}

.design_select_table th {
    text-align: right;
    width: 40%;
}

design_select_table td {
    text-align: left;
}

.link_li {
    margin-bottom: 5em;
}

.link_li li {
    list-style-type: none;
    list-style-position: inside;
    padding-left: 1em;
    padding-bottom: 0.3em;
    color: #5E5E5E;
}



form#mailformpro #payment label,
form#mailformpro #haisou_add label,
form#mailformpro #receipt label label {
    width: 100% !important;
    padding: 0.5em 0em 0.5em 1em;
    border-radius: 5px;
    text-align: left;
}



form#mailformpro #payment label.mfp_checked,
form#mailformpro #haisou_add label.mfp_checked,
form#mailformpro #receipt label label.mfp_checked {
    background-color: #f354a4 !important;
    color: #fff !important;
}

form#mailformpro #rulu label {
    width: 100%;
    padding: 1em 0.5em;
    border-radius: 5px;
    border: 1px solid #999 ;
}

.m_fixed {

  position: fixed;
  top: 0;
  float: right;
}

.order-lust-product {
    border-top: 1px solid #9999;
    border-bottom: 1px solid #9999;
    margin-bottom: 20px;
    padding-top: 1em;
    padding-bottom: 1em;
}

#order-cart-lust .modal p {
    font-size: 14px;
}

.order-lust-product p {
    font-size: 10px;
    line-height: 1.2em;
    margin: 0px;
}

.sticky {
    position: -webkit-sticky; /* Safari */
      position: sticky;
      top: 0;
}

.site-header {
    background: #fff;
    display: flex;
    position: absolute;
    justify-content: space-between;
}
.site-header.fixed {
    position: fixed;
    top: 0;
}


#new_order_form form .must {
    background-color: #f354a4;
    font-size: 10px;
    margin-left: 5px;
    line-height: 1em;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: #fff;
}
#payment label,
#deri_ad label,
#receipt label {
  font-size: 14px;
}
.form50 {
  width: 50% !important;
}

.form70 {
  width: 70% !important;
}

#new_order_form form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #999;
    background-size: 20px, 100%;
    background-image: url(../imag/hanyou/arrow_dwn-1.png);
    background-repeat: no-repeat;
    background-position: right 50%;
    background-color: #FFFFFF;
    margin-bottom: 5px;
}


#new_order_form form dt {
    width: 170px;
    float: left;
    margin-bottom: 20px;
}

#new_order_form form dd {
    margin-bottom: 20px;
    padding-left: 180px;
}

#new_order_form form .mfp ol {
    margin: 0px;
    padding: 0px;
}

#new_order_form form .mfp ol li {
    margin-bottom: 5px;
    list-style: none;
    text-align: left;
}

#new_order_form h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 2.5em;
    border-bottom: 1px solid #ccc;
    border-left: 10px #f354a4 solid;
    margin-bottom: 20px;
    margin-top: 50px;
    margin-top: 0;
    padding-left: 10px;

}

#new_order_form .scrollbox h3 {
    border-left: none;
    padding-left: 0;
}

#new_order_form #rulu {
    text-align: left;
}

#siharai p {
    color: #555;
}

#submit_buy {
    font-size: 1.5em;
    line-height: 2em;
    padding-left: 2em;
    padding-right: 2em;
}

#order_tyui {
    margin-top: 3em;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

#order_tyui p {
    margin-top: 1em;
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.table_order_op, .table_order_goods {
    table-layout: fixed;
    margin-top: 0px !important;
    margin-bottom: 2em;
}

.table_order_op td {
    float: left;
    font-size: 0.7em;
    line-height: 1.7em;
    /*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC; */
}

td.nowrap {
    white-space: nowrap;
}

.nowrap {
    white-space: nowrap;
}

.table_order_goods td {
    font-size: 0.85em;
    line-height: 1.7em;
}

.order_back {
    background-color: #f0f0f0;
}

#new_order_form input[type="radio"] {
    margin-right: 7px;
    height: 20px;
    width: 20px;
    display: table-cell;
    vertical-align: middle;
}

#new_order_form input[type="radio"]:checked ~ .checkmark {
  background-color: #f1ac11;

}

.boder4 {
    border: 1px solid #ccc;
}
.boder4_2 {
    border: 2px solid #080707;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px 10px;
}

.boder4-red {
    border: 1px solid #CF070A;
}

.boder4-pnk {
    border: 1px solid #da81b2;
}


/*ご注文フォームここまで*/

#bottom-faq {
    border-top: #ccc solid 1px;
    margin-bottom: 2em;
    margin-top: 2em;
    padding-top: 2em;
    padding-bottom: 2em;
}

#bottom-faq h4 {
    font-size: 2em;
}

#bottom-faq h4 small {
    font-size: 0.5em !important;
}

#kanren-item p:first-of-type {
    margin-top: 1em;
}

#kanren-item p {
    line-height: 1.2em;
    font-size: 60%;
}

#kanren-item {
    margin-top: 4em;
}

#kanren-item h2, #kanren-item h5, #kanren-item h6 {
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 2em;
}

#temp-in h2 {
    font-size: 1em;
}

#temp-in form label {
    text-align: center;
    background-color: #877B5B;
    color: #FFFFFF;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 1em;
    padding-top: 15px;
    padding-bottom: 15px;
}
#temp-in form label small{
    font-size: 60%;

}
#temp-in form input {
    width: 100%;
}

#temp-in form textarea {
    width: 100%;
}

.arrow_box {
    position: relative;
    background: #ffffff;
    border: 4px solid #e492b7;
    padding: 30px 5px 30px 5px;
}


.arrow_box h3 {
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    font-size: 20px;
    text-align: left;
    color: #777;
}

.arrow_box p {
    font-size: 10px;
    text-align: left;
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.arrow_box:before {
    border-color: rgba(230, 24, 116, 0);
    border-bottom-color: #e492b7;
    border-width: 16px;
    margin-left: -16px;
}

#tem-rerd {
    margin: 20px 0px 40px 0px;
}

#design-irai-link {
    margin-top: 50px;
    position: relative;
}

#design-irai-link .btn {
    font-size: 14px;
}

#design-irai-link {
    border: 1px dashed #6f6f6a;
    padding: 50px 10px;
}

#design-irai-link-box #check, #tem-foot-com-box #check {
    width: 40%;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 999;
}

#design-irai-link h2, #design-irai-link h3, #design-irai-link h4 {
    text-align: center;
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 0.2em;
    color: #5c5d5b;
}

#design-irai-link h2 i.pic, #design-irai-link h3 i.pic, #design-irai-link h4 i.pic {
    font-size: 105%;
    color: #00A29A;
}

#design-irai-link i.big {
    margin: 0%;
    display: flex;
    /* 2 */
    justify-content: center;
    /* 3 */
    align-items: center;
    /* 4 */
    text-align: center;
}

#design-irai-link p {
    text-align: center;
}

#tem-rerd h3 {
    margin-bottom: 1em;
    margin-top: 1em;
    font-size: 30px;
    line-height: 1.2em;
    color: #e4007f;
    font-weight: bold;
}

#tem-rerd p {
    text-align: left;
    font-size: 12px;
}

#tickettempmini img {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

#order-gaid {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding-bottom: 0em;
}

#order-gaid h3, #order-gaid h5, #order-gaid h6 {
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 2em;
}

#order-gaid p.h2, #order-gaid p.h3 {
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 2em;
}

#price-total {
    margin-top: 2em;
}

#price-total p {
    float: left;
    margin-left: 3em;
    font-size: 1.5em;
}

#price-total p small {
    font-weight: normal;
    font-size: 0.7em;
}

.toggleNone img {
    margin-bottom: 2em;
}

.btn-box btn {
    margin-bottom: 1.5em;
}

#top-lion .arrow_box_left {
    position: relative;
    background: #FCE7E5;
    border: 1px solid #FCE7E5;
}

#top-lion .arrow_box_left:after, #top-lion .arrow_box_left:before {
    left: 100%;
    top: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#top-lion .arrow_box_left:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FCE7E5;
    border-width: 3rgb(203, 149, 83)0px;
    margin-top: -50px;
}

#top-lion .arrow_box_left:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FCE7E5;
    border-width: 51px;
    margin-top: -51px;
}

.arrow_box_left {
    position: relative;
    background: #ffffff;
    border: 1px solid #ffffff;
}

.arrow_box_left:after, .arrow_box_left:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_left:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 30px;
    margin-top: -30px;
}

.arrow_box_left:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 31px;
    margin-top: -31px;
}




.arrow_box_left2 {
    position: relative;
    background: #fcc;
    border: 1px solid #fcc;
    width: 45%;
    border-radius: 15px;
    padding: 1em;

}

.arrow_box_left2:after, .arrow_box_left2:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_left2:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fcc0;
    border-width: 15px;
    margin-top: -15px;
}

.arrow_box_left2:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fcc;
    border-width: 15px;
    margin-top: -15px;
}


.arrow_box_faq {
    position: relative;
    background: #f2efef;
    border: 1px solid #f2efef;
    padding: 1em;
    margin-bottom: 40px;
}

.arrow_box_faq:after, .arrow_box_faq:before {
    right: 100%;
    top: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_faq:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #f2efef;
    border-width: 15px;
    margin-top: -15px;
}

.arrow_box_faq:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #f2efef;
    border-width: 15px;
    margin-top: -15px;
}

.arrow_box_top {
    position: relative;
    background: #ffffff;
    border: 1px solid #ffffff;
}

.arrow_box_top:after, .arrow_box_top:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_top:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 30px;
    margin-top: -30px;
}

.arrow_box_top:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 31px;
    margin-top: -31px;
}


#design img {
    margin-bottom: 2em;
}

.design_top_box {
    height: 100%;
}

.design_top_box img {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#lec-con h3 {
    font-size: 28px;
    text-align: center;
    margin: 100px 0 20px 0;
}

.lec-con-in-btn {
    padding: 40px 0 40px 0;
}

.lec-con-in-btn ul li {
    float: right !important;
}

#lec-top-linkbtn ul, .lec-con-in-btn ul {
    margin: 0;
    padding: 0;
    display: block;
}

#lec-top-con h3 {
    color: #ED1E79;
    text-align: center;
    margin: 70px 0 40px 0;
    font-size: 26px;
}

#lec-top-linkbtn ul li, .lec-con-in-btn ul li {
    font-size: 10px;
    list-style: none;
    display: block;
    width: 46%;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0 2% 10px 2%;
    background-color: #9a2561;
    color: #fff;
    float: left;
    /* border-radius */
    border-radius: 62px;
    -moz-border-radius: 62px;
    -webkit-border-radius: 62px;
    /* border */
    border: 1px solid #9a2561;
}

#lec-top-linkbtn ul a li, .lec-con-in-btn ul a li {
    color: #fff;
}

#lec-top-linkbtn ul a li:hover, .lec-con-in-btn ul a li:hover {
    background-color: #b8e66e;
    /* border */
    border: 1px solid #b8e66e;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lec-con-in {
    margin-bottom: 30px;
    padding: 10px 0px 10px 0px;
}

.lec-con-in p {
    margin: 15px 5px 0 5px;
}

.lec-con-in h4 {
    font-size: 20px;
    line-height: 1.4em;
    padding: 10px 20px 10px 20px;
    margin: 100px 0px 50px 0;
    color: #fff;
    background-color: #4D4D4D;
    /* border-radius */
    border-radius: 62px;
    -moz-border-radius: 62px;
    -webkit-border-radius: 62px;
    /* border */
    border: 1px solid #4D4D4D;
}

#top-lion {
    margin-bottom: 70px;
}

#sample-box .mix {
    display: none;
}

#sample-box .mix {
    margin-bottom: 70px;
}

.controls {
    margin-top: 50px;
    margin-bottom: 50px;
    border-top: 1px solid #c6c3c3;
    border-bottom: 1px solid #c6c3c3;
    padding: 10px 0 20px 0;
}

.controls p {
    margin-top: 1em;
    margin-bottom: 0em;
}

.controls .btn {
    font-size: 8px !important;
    margin: 3px 0px 3px 2px;
}

#sample-box .row {
    width: 100%;
}

#sample-box h3 {
    font-weight: lighter;
}

.arrow_box_down p {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
}

.arrow_box_down {
    padding: 15px;
    position: relative;
    background: #f4e6ef;
    border: 1px solid #f4e6ef;
    z-index: 999;
    height: 100%;
    /* border-radius */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin: 5px 2px 5px 5px;
}

.arrow_box_down:after, .arrow_box_down:before {
    left: 65%;
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_down:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #f4e6ef;
    border-width: 15px;
    margin-left: -3px;
}

.arrow_box_down:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #f4e6ef;
    border-width: 16px;
    margin-left: -3px;
}

.arrow_box_right p {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
}

.arrow_box_right {
    padding: 15px;
    position: relative;
    background: #f4e6ef;
    border: 1px solid #f4e6ef;
    z-index: 999;
    height: 100%;
    /* border-radius */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin: 5px 2px 5px 5px;
}

.arrow_box_right:after, .arrow_box_right:before {
    left: 100%;
    top: 40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_right:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #f4e6ef;
    border-width: 15px;
    margin-top: -15px;
}

.arrow_box_right:before {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #f4e6ef;
    border-width: 16px;
    margin-top: -16px;
}

#hajimete-aisatu h1 {
    font-size: 34px;
    margin: 20px 0px 70px;

}

#hajimete-aisatu h2 {
    font-size: 34px;
    margin: 150px 0 50px;
}

.pay {
    padding-bottom: 1em;
    padding-top: 2em;
    margin-bottom: 5em;
    border-bottom: solid 1px #CACACA;
    border-top: solid 1px #CACACA;
}

ul.link_li {
    margin: 0px;
    padding: 0px;
}

.link_li li {
    margin-left: 0em;
    font-size: 1em;
    line-height: 2.5em;
}

#new_payment .pay h3 {
    font-size: 2em;
    line-height: 2em;
}

#new_payment .pay h4 {
    font-size: 1.5em;
    font-style: normal;
    margin-top: 3em;
    margin-bottom: 1em;
}

.zindex-hi {
    z-index: 999999 !important;
}

.zindex-row {
    z-index: -99999 !important;
}

.prefcodeResult {
    z-index: 9999 !important;
}


/*スライダー中央拡大設定ここから*/

.slider .slick-slide {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .slick-slide:not(.slick-center) {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
}


/*スライダー中央拡大設定ここまで*/

h3+img {
    margin-bottom: 20px;
}


/*ジェネレーターで制作したバウンスアニメのcssここからhttp://ademilter.com/lab/liffect/*/

ul[data-liffect="bounceInLeft"] li {
    opacity: 0;
    position: relative;
    -webkit-animation: bounceInLeft 400ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: bounceInLeft 400ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: bounceInLeft 400ms ease both;
    -o-animation-play-state: paused;
    animation: bounceInLeft 400ms ease both;
    animation-play-state: paused;
}

ul[data-liffect="bounceInLeft"].play li {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    60% {
        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    60% {
        -moz-transform: translateX(30px);
    }
    80% {
        -moz-transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    60% {
        -o-transform: translateX(30px);
    }
    80% {
        -o-transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


/*ジェネレーターで制作したバウンスアニメここまで*/

.text_big {
    font-size: 3em;
}

.text-blue {
    color: #2490D0 !important;
}

#desin-top-title {
    margin-bottom: 8em;
}

#desin-top-title h1, #desin-top-title .h1 {
    font-size: 3em;
    font-weight: bold;
    color: #6f5436;
}

#desin-top-title p {
    font-size: 3em;
    font-weight: bold;
    color: #6f5436;
}

#design h2 {
    font-size: 1.8em;
    font-weight: normal;
    margin-top: -0.5em;
    margin-bottom: 1em;
    color: #555555;
}

#design .design-bigcon h2 {
	font-size: 22px;
	margin: 0 ;

}


#design h2 small, #design h3 small {
    color: #e6188b;
    font-family: quicksand;
}

#design h1 {
    color: #e6188b;
    font-family: quicksand;
    font-size: 26px;
}

#design h1+p,
#design-price h1+p {
    font-family: quicksand;
    font-size: 26px;
    text-align: center;
    margin-bottom: 2em;
}



#design h3 {
    font-size: 24px;
    margin-bottom: 1em;
}

#design #page-faq .title-lead {
    color: #e6188b;
}

#design #page-faq .media i {
    font-size: 200%;
}

.faq-con {
    margin-bottom: 100px;
}

#design p {
    margin-left: 1em;
    margin-right: 1em;
}

#design a {
    color: #333333;
}

#design a:hover p {
    color: #777777;
    text-decoration: underline;
}

#design img {
    margin-top: 3em;
    margin-bottom: 2em;
}

.open_slideBox_design,.open, .open2, .open3, .open4, .open5, .open6,.open7,.open8,.open9,.open10,.open11,.open12,.open13,.open14,.open15,.open16,.open17,.open18,.open19,.open20,.open21,.open22,.open23,.open-nouki {
    cursor: pointer;

}

#slideBox_design,#slideBox, #slideBox2, #slideBox3, #slideBox4, #slideBox5, #slideBox6,#slideBox7,#slideBox8,#slideBox9,#slideBox10,#slideBox11,#slideBox12,#slideBox13,#slideBox14,#slideBox15,#slideBox16,#slideBox17,#slideBox18,#slideBox19,#slideBox20,#slideBox21,#slideBox22,#slideBox23,#slideBox24,#slideBox25,#slideBox26,#order-form-meyasunouki {
    padding: 10px;
    display: none;
}


#order-item-in p.open-nouki {
    background-color: #0585d0;
    color: #fff;
    margin: 1em 0 1.5em;
    text-align: center;
    padding: 0.3em 0.5em;

}

#order-item-in p.open-nouki:hover {
    opacity:0.6;
    transition: 1s;

}

#order-modole2 {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 1em;
}
#order-modole p {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 14px;
}




#order-modole2 p {
    margin-top: 0em;
    margin-bottom: 1em;
    font-size: 8px;
}

#order-form-meyasunouki p {
    font-size: 10px;
}

#tag-ling {
    text-align: center;
    padding: 50px 0 50 0px;
}

#tag-ling h2 {
    margin-bottom: 1.5em;
}

#tag-ling p {
    margin-bottom: 2em;
}

#tag-ling ul {
    margin-bottom: 2em;
    margin-left: 0em;
    padding-left: 0em;
}

#tag-ling ul li {
    list-style: none;
    font-size: 1.3em;
    line-height: 2em;
}

.new-content {
    text-align: left;
    margin-top: 2em;
}

.new-content h3 {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 1em;
    /*color: #FF8C00;*/
    font-weight: normal;
    text-align: center;
}

.title-lead {
    font-size: 22px !important;
    line-height: 1.1em ;
    margin-top: 1em ;
    margin-bottom: 0.1em ;
    text-align: center !important ;
    font-weight: 100;
}

h2+.title-lead, h3+.title-lead ,.title-lead+h2, .title-lead+h3 {
    font-size: 22px !important ;
    line-height: 1.1em;
    margin-top: -1.5em;
    margin-bottom: 20px;
    text-align: center !important;
}


.title-lead+h2, .title-lead+h3, .title-lead+h4, .title-lead+h5, .title-lead+p {
    margin-top: 0em !important;
    margin-bottom: 30px;
    text-align: center !important;
}

.title-lead+h3+p {
    margin-top: 2.5em;
}

.new-content h3+p {
    margin-bottom: 4em;
    font-size: 1.077em;
    line-height: 1.5em;
    letter-spacing: 0.08em;
}

.new-content h4 {
    font-size: 1.2em;
    margin-bottom: 2em;
    text-align: center;
}

.new-content h4+p {
    font-size: 1.077em;
    margin-bottom: 0.5em;
    line-height: 1.5em;
    letter-spacing: 0.08em;
}

.new-content h3+p+ul, .new-content h3+p+p.btn {
    margin-top: 0em;
    margin-left: 0em;
    padding-left: 0em;
}

.new-content p+ul {
    padding-left: 0;
}

.new-content p+ul, .new-content h3+p+p.btn {
    list-style: none;
    margin-bottom: 4em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.new-content p+ul li, .new-content h3+p+p.btn {
    font-size: 1.1em;
    line-height: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.new-content #slideBox .row, .new-content #slideBox2 .row, .new-content #slideBox3 .row, .new-content #slideBox4 .row, .new-content #slideBox5 .row, .new-content #slideBox6 {
    text-align: left;
    margin-top: 2em;
}

.strong {
    font-weight: bold;
    color: #0d0015;
}


#item-main h1 small {
    font-weight: 100 !important;
    font-size: 100% !important;
}


#item-main h1~p:last-child {
    margin-bottom: 4em;
}

#a6box, #a5box, #a4box, #b6box, #b5box, #hosobox, #cdbox, #sikakubox {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: solid 1px #696969;
}

.paper-setumei, .gree-back {
    background-color: #fafafa;
    padding: 2em 1em;
    margin-bottom: 0px;
    display: block;
    width: 100%;
    margin-top: 10px;
}

.paper-setumei h4, .gree-back h4 {
    color: #777 !important;
    font-weight: 100;
    font-size: 14px;
}

#price-scloll-box {
    margin: 0px 0px;
    height: 300px;
    white-space: nowrap;
    overflow: scroll;
}

#price-scloll-box .btn {
    margin: 0px auto;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1em;
    padding-bottom: 1em;
}

#price-scloll-box table tr th, #price-scloll-box table tr td {
    padding: 20px 2px;
    text-align: right;
}

#price-scloll-box table tr th {
    font-size: 12px;
    font-weight: normal;
    color: #555;
}

#price-scloll-box table tr td {
    font-size: 14px;
    font-weight: normal;
    color: #b22222;
}

#price-scloll-box table tr td small {
    font-size: 70%;
    font-weight: normal;
    color: #777;
}

#price-scloll-box table tr td a {
    color: #555;
}

.paper-setumei p, .paper-setumei li, .gree-back p, .gree-back li {
    color: #555;
    font-weight: 100;
    font-size: 13px;
}

#top-shop-img {
    min-height: 200px;
    max-height: 600px;
    background: #e4e7de linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/product/shopcard/top-top-shop.jpg") center bottom no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/product/shopcard/top-top-shop.jpg");
}


/*
#top-shop-img:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;

  filter: brightness(1px);
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);

}
*/

#ori-design h5 {
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    color: #333333;
    line-height: 1.6em;
}

#ori-design h3, #ori-design h4 {
    text-align: center;
    font-size: 16px;
    line-height: 1.7em;
    font-weight: 100;
    color: #333333;
}

#top-shop-img h1, #top-sho-img h2 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0;
    font-size: 2.2em;
    line-height: 1.3em;
    margin-bottom: 1em;
    text-shadow: 0px 4px 1px #e55813, 0px 3px 1px #e55813, 1px 3px 1px #e55813, 2px 3px 1px #e55813, 2px 2px 1px #e55813, 3px 2px 1px #e55813, 3px 1px 1px #e55813, 3px 0px 1px #e55813, 4px 0px 1px #e55813, 3px -1px 1px #e55813, 3px -2px 1px #e55813, 3px -3px 1px #e55813, 2px -3px 1px #e55813, 2px -4px 1px #e55813, 1px -4px 1px #e55813, 0px -4px 1px #e55813, -1px -4px 1px #e55813, -2px -4px 1px #e55813, -3px -4px 1px #e55813, -3px -3px 1px #e55813, -4px -3px 1px #e55813, -4px -2px 1px #e55813, -4px -1px 1px #e55813, -4px 0px 1px #e55813, -4px 1px 1px #e55813, -4px 2px 1px #e55813, -3px 2px 1px #e55813, -3px 3px 1px #e55813, -2px 3px 1px #e55813, -1px 3px 1px #e55813;
    filter: dropshadow(color=#e55813, offx=0, offy=4, positive=1), dropshadow(color=#e55813, offx=3, offy=2, positive=1), dropshadow(color=#e55813, offx=3, offy=-1, positive=1), dropshadow(color=#e55813, offx=1, offy=-4, positive=1), dropshadow(color=#e55813, offx=-2, offy=-4, positive=1), dropshadow(color=#e55813, offx=-4, offy=-2, positive=1), dropshadow(color=#e55813, offx=-4, offy=2, positive=1), dropshadow(color=#e55813, offx=-1, offy=3, positive=1);
}

.desin-select-lerd-box {
    background-color: #f2f2f2;
    padding: 20px 10px 23px 10px;
    margin: 25px 0 0 0;
    border-radius: 2px;
}

.desin-select-lerd-box p.title {
    font-size: 12px !important;
    line-height: 2em;
}

.desin-select-lerd-box p {
    font-size: 10px;
}

#top-shop-img p {
    text-align: center;
    font-weight: bold;
    color: #333;
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 1em 0;
    text-shadow: -3px -3px #fff, 3px -3px #fff, -3px 3px #fff, 3px 3px #fff;
}

#top-img-kari {
    background: #e4e7de url("../img/hanyou/top/top-top4-min.jpg") 75% 0px no-repeat;
    min-height: 200px;
    max-height: 600px;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
}

#top-img1 {
    min-height: 200px;
    max-height: 600px;
    background: #e4e7de url("../img/hanyou/top/top-top4-min.jpg") 75% 0px no-repeat;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
}

#top-box {
    min-height: 400px;
    max-height: 600px;
    background: #e4e7de url("../img/product/ticket/top-back.jpg") 75% 0px no-repeat;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
}

#top-box h1 {
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    color: black;
    margin: 0 -15px 15px;
}

#top-box p {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    padding-left: 140px;
    color: black;
}

#top-img2 {
    min-height: 200px;
    max-height: 600px;
    background: #e4e7de url("../img/hanyou/top/top-top4-min.jpg") 75% 0px no-repeat;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
}

#top-img-textbox p {
    /* color: #fff;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0;

  text-shadow: 0px 2px 1px #000,0px 1px 1px #000,1px 2px 1px #000,2px 2px 1px #000,1px 1px 1px #000,2px 1px 1px #000,2px 1px 1px #000,1px 0px 1px #000,3px 0px 1px #000,2px -1px 1px #000,2px -2px 1px #000,2px -2px 1px #000,1px -2px 1px #000,1px -3px 1px #000,1px -3px 1px #000,0px -3px 1px #000,-1px -3px 1px #000,-2px -3px 1px #000,-2px -3px 1px #000,-2px -2px 1px #000,-2px -2px 1px #000,-3px -1px 1px #000,-3px -1px 1px #000,-3px 0px 1px #000,-3px 1px 1px #000,-3px 1px 1px #000,-2px 1px 1px #000,-2px 2px 1px #000,-1px 2px 1px #000,-1px 2px 1px #000;
  filter: dropshadow(color=#000,offx=0,offy=3,positive=1),dropshadow(color=#000,offx=2,offy=1,positive=1),dropshadow(color=#000,offx=2,offy=-1,positive=1),dropshadow(color=#000,offx=1,offy=-3,positive=1),dropshadow(color=#000,offx=-1,offy=-3,positive=1),dropshadow(color=#000,offx=-3,offy=-1,positive=1),dropshadow(color=#000,offx=-3,offy=1,positive=1),dropshadow(color=#000,offx=-1,offy=2,positive=1);
*/
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0;
    color: #000;
    text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

#top-img-textbox p span {
    margin-left: 5px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: -1px -1px #e55813, 1px -1px #e55813, -1px 1px #e55813, 1px 1px #e55813;
}

.new-product-page .splide {
    margin: 30px auto;
}
.new-product-page #syousai {
    background-color: #f7f7f7;
    padding: 2em 1em;
    margin: 30px auto;
}
.new-product-page #syousai h2,
.new-product-page #syousai h3,
.new-product-page #syousai h4 {

    font-size: 1.3em;
}

.new-product-page #syousai p {
    font-size: 14px;
}
.new-product-page #price-rei h4,
.new-product-page #price-case h4,
.new-product-page #kakaku-rei h4 {
    font-size: 22px;
}

#top-img1 h2, #top-img2 h2, #top-img-kari h2, #top-img1 .top-imgH ,#top-img2 .top-imgH  #top-img-kari .top-imgH {
    color: #fff;
    font-weight: bold;
    margin: 0;
    font-size: 1.6em;
    line-height: 1.3em;
    margin-bottom: 3%;
    text-shadow: 0px 4px 1px #e55813, 0px 3px 1px #e55813, 1px 3px 1px #e55813, 2px 3px 1px #e55813, 2px 2px 1px #e55813, 3px 2px 1px #e55813, 3px 1px 1px #e55813, 3px 0px 1px #e55813, 4px 0px 1px #e55813, 3px -1px 1px #e55813, 3px -2px 1px #e55813, 3px -3px 1px #e55813, 2px -3px 1px #e55813, 2px -4px 1px #e55813, 1px -4px 1px #e55813, 0px -4px 1px #e55813, -1px -4px 1px #e55813, -2px -4px 1px #e55813, -3px -4px 1px #e55813, -3px -3px 1px #e55813, -4px -3px 1px #e55813, -4px -2px 1px #e55813, -4px -1px 1px #e55813, -4px 0px 1px #e55813, -4px 1px 1px #e55813, -4px 2px 1px #e55813, -3px 2px 1px #e55813, -3px 3px 1px #e55813, -2px 3px 1px #e55813, -1px 3px 1px #e55813;
    filter: dropshadow(color=#e55813, offx=0, offy=4, positive=1), dropshadow(color=#e55813, offx=3, offy=2, positive=1), dropshadow(color=#e55813, offx=3, offy=-1, positive=1), dropshadow(color=#e55813, offx=1, offy=-4, positive=1), dropshadow(color=#e55813, offx=-2, offy=-4, positive=1), dropshadow(color=#e55813, offx=-4, offy=-2, positive=1), dropshadow(color=#e55813, offx=-4, offy=2, positive=1), dropshadow(color=#e55813, offx=-1, offy=3, positive=1);
}

#top-img-textbox {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}

#top-img-riyou-icon {
    position: absolute;
    top: -120px;
    right: 0;
    max-width: 300px;
    min-width: 250px;
    z-index: 9999;
}

#orikakou h4 {
    font-size: 18px;
    line-height: 1.4em;
    margin-top: 3em;
}

#temp-in article h1 {
    font-size: 1.4em;
}

.maru {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 50%;
    padding-bottom: 50%;
}

.backe-green {
    color: rgb(115, 190, 200);
    transition: background-color 0.2s ease-out 0s;
    background: rgba(255, 255, 255, 0.0980392);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(115, 190, 200);
}

.backe-green:hover {
    background-color: #73BEC8;
    color: #fff;
}

.backe-green p {
    margin: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    color: rgb(115, 190, 200);
}

.backe-green:hover p {
    color: #fff;
}

body.modal-open {
    overflow: hidden;
}

.modal {
    overflow-y: scroll;
}

.btn_group .center .btn {
    font-size: 14px !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    width: 100%;
}

.point-triangle-lt>h4 {
    margin-top: 30px;
}

.h2_sub {
    font-size: 10px !important;
    color: #a9a9a9 !important;
    line-height: 1.3em;
    margin-bottom: 10px;
}

#item-main-sentence h2.h2_sub2 {
    font-size: 10px !important;
    color: #aaaaaa !important;
    line-height: 1.3em !important;
    margin-bottom: 10px !important;
}

#price-rei p, #price-case p {
    font-size: 12px;
    line-height: 1.3em;
}
.new-product-page #price-rei p, #price-case p {
    font-size: 16px;
    line-height: 1.7em;
}

#price-rei td, #price-case td, #kakaku-rei td {
    font-size: 10px;
    padding: 5px;
}

#kakaku-rei h3,
#price-case h3 {
    font-size: 22px;
}

#price-rei h4{
    font-size: 14px
}

#price-rei ul li, #price-case ul li, #kakaku-rei ul li {
    font-size: 12px;
}


/*吹き出しふきだし*/

.arrow_answer, .arrow_question {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    width: 75%;
    font-size: 11px;
    padding: 3%;
}

.arrow_question {
    float: right;
}

.arrow_answer:after, .arrow_answer:before, .arrow_question:after, .arrow_question:before {
    top: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_question:after, .arrow_question:before {
    right: 100%;
}

.arrow_answer:after, .arrow_answer:before {
    left: 100%;
}

.arrow_answer:after, .arrow_question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    margin-top: -8px;
}

.arrow_answer:after {
    border-left-color: #fff;
}

.arrow_question:after {
    border-right-color: #fff;
}

.arrow_answer:before, .arrow_question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 9px;
    margin-top: -9px;
}

.arrow_answer:before {
    border-left-color: #c8c8c8;
}

.arrow_question:before {
    border-right-color: #c8c8c8;
}

#pankuz {
    margin-top: 5px;
    margin-bottom: 5px;
}

#top-h1box {
    padding: 5px 5px 5px 5px;
    background-color: #04537c;
    color: #fff;
    text-align: center;
    margin-top: -25px;
}

#top-h1box h1, #top-h1box p {
    margin-left: auto !important;
    margin-right: auto !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1.5em !important;
    text-align: left !important;
    font-weight: normal !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    float: left;
}

#top-index {
    margin-top: 0px;
}

#temp-in2 table .red {
    color: #333 !important;
}

#meyasu_nouki_price,
#meyasu_nouki_price2 {
    border: 1px solid #c11920;
    margin-top: 15px;
}

#meyasu_nouki_price h6,
#meyasu_nouki_price2 h6 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 16px;
    background-color: #c11920;
    color: #fff;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 15px 0 0;
    float: left;
    padding: 1em 0.5em;
}

#meyasu_nouki_price p
 {
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#meyasu_nouki_price2 p {
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 3px;

}

#meyasu_nouki_price p#meyasup,
#meyasu_nouki_price2 p#meyasup {
    font-size: 15px;
    color: #c11920;
    margin-top: 0px;
    margin-bottom: 0px;
}

#meyasu_nouki_price p#meyasup i,
#meyasu_nouki_price2 p#meyasup i {
    color: #333 !important;
}

#design-modal-example h4 {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 20px;
}

#order-item-in .cart-form {
    font-size: 10px;
}

#order-item-in .cart-form button,
#order-item-in .cart-form input {
    font-size: 10px;

}

#order-item-in .cart-form button {
	margin-right: 5px;
}


#haisou_add #slideBox {
    width: 90%;
    margin-left: 5%;
    background-color: #fff;
    padding: 5em 1em;
}

#new_order_form h4 {
    font-size: 14px;
}
div#price_fix p {
    line-height: 1em;
}

#price_fix p#cartp {
    margin: 0;

}
#price_fix p#cartp strong {
    color: #960c0c;
    font-size: 150%;
}

#cart-product h3 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 1em;
}

#cart-product h4 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 30px;
}


#cart-xs {
  width: 34px;
  height: 34px;
  display: block;
  float: right;
  margin-right: 10px;
  color: #fff;
  position: relative;
}

#cart-xs p#cartp {
  color: #fff;
  font-size: 34px;
  margin: 0;
  padding: 0;
  position: relative;

}

#cart-xs p#cartcount {
  font-size: 18px;
  background-color: #ef0418;
  color: #fff;
  position: absolute;
  top: 0px;
  right: -3px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 0;
  text-align: center;
}


#cart-sm {
  display: none;
}



#orderform-modal h3 {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 1em;
    color: #0b2182;
    border-bottom: 1px solid;
    line-height: 1.5em;

}
#new_payment ul {
    list-style-type: none;
    padding-left: 0;
}

#new_payment ul li {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 1.7em;
}

#kakaku-rei-inner h3 {
    font-size: 18px;
    font-weight: normal;
}

#kakaku-rei-inner li {
    font-size: 14px;
    font-weight: normal;
}

#kakaku-rei-inner td {
    font-size: 14px;
}
#kakaku-rei,#price-rei {
    display: none;
}
.design_select_ichiran_big li {
    width: 100%;
    float: left;
    font-weight: normal;
}

#item-con h2,
#item-con>h3:first-child {
    font-size: 22px;
    margin-bottom: 2em;
}
.kakaku-rei h3{
    font-size: 22px;
}
#tag-ling {
    margin-top: 150px;
}
#tag-ling h3 {
    font-size: 22px;
}

#gift-top #item-con>h3 {
    font-size: 22px;
}

article #item-feature .btn{
    width: 100%;
}

.fukidasibox {
    width: 90%;
    margin: 0 auto;
    margin: 70px auto;

}

.fukidasibox p {
    margin-bottom: 2em;
}
#oriokonomi {
    margin-top: 100px;
}
#orikakou {
    margin-top: 100px;
}
#orikakou h3,
#oriokonomi h3 {
    font-size: 22px;
}
p.p_back1 {
    background-color: #FF5722;
    padding: 0.5em 1em;
    border-radius: 0px;
    color: #fff;
}

#design-price .img-circle {

    border-radius: 0%;

}
#design-price .small {
  font-size: 120%;
}

#orderpage-top-back {
    background-color: #fff;
    padding: 15px;
}

.price-img {
    margin: 15px 0;
}

.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
    font-size: 16px;
    height: 3em;
}
#op-panel-box a {
    color: #090909;
}

div.mfp_ok {
  position: absolute !important;
}

#op-panel-box .col-xs-3,
#op-panel-box .col-xs-4,
#op-panel-box .col-xs-5
 {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;

}
#op-panel-box i.fa {
    font-size: 20px;

}
#op-panel-box p {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 10px;
}

#new_order_form #eye_catcher {
  bottom:calc(100% + 0px) !important;
}


.point {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top:15%;
	color: #f3d8d8 !important;
	font-size: 20px !important;
	font-weight: bold;
	 transform: rotate(-45deg);
	 margin: 0 !important;
}
#cart-step1-2 {
	padding: 2em 1em 1em;
	border-top: 2px solid;
	border-bottom: 2px solid;
}

.orderwrapbox {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}


.index-mitumori {
  background-color: #f57111;
  color: #ffff;
  padding: 40px 15px 15px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border-radius: 10px;
  box-shadow:0px 0px 7px 3px #646566;
   -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#top-img-riyou-icon .fas {
  background-color: #ffff;
  color: #f57111;
  padding: 0.5em;
  position: absolute;
  top: -50px;
  right: 0;
	left: 0;
	width: 2em;
	height: 2em;
	margin: auto;
  border-radius: 50%;
  -webkit-transition: 0.3s;
 -moz-transition: 0.3s;
 -o-transition: 0.3s;
 -ms-transition: 0.3s;
 transition: 0.3s;
 border: 4px solid #f57111;
}

#top-img-riyou-icon a:hover{
  text-decoration: none;
}
#top-img-riyou-icon a:hover .index-mitumori{
  text-decoration: none;
  background-color: #f6954f;
}
#top-img-riyou-icon a:hover .fas  {
  text-decoration: none;
  color: #f6954f;
  border-color: #f6954f;
}

.index-mitumori i {
  position: relative;
  top: -30px;
}

.top-setumei-box h2 {
  font-size: 20px;
  line-height: 2em;
  border-bottom: #111010 1px solid ;
  margin-bottom: 1em;
}

.top-setumei-box p {
  font-size: 15px;
}

.top-setumei-box {
  margin-bottom: 40px;
  border-bottom: 2px #f6770f ;
}
#top-img img {
  margin-left: auto;
  margin-right: auto;
}

.design-bigcon {
	display: block;
	text-align: center;
}


/*チャットプラス設定*/
#design-price #chatplusview.chatplusview-modern.closed.float #outline #eye_catcher {
  bottom: calc(100% + 0px) !important;
}

/*スマホ以上*/
.inline-radio input,
.inline-radio-100 input {
  width: 100%;
  height: 60px;
  opacity: 0;
}

.inline-radio-100-maisu input {
    width: 96%;
    height: 60px;
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
}


.inline-radio label {
    position: absolute;
    top: 0;
    left: 0;
    color: #2b2b2b;;
    width: 100%;
    height: 100%;
    background: #e9e7e7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    border-radius: 4px;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;


  }


#cart-lust-probox {
    margin-top: 0em;
    padding-top: 20px;

}

.total-price-box {
    text-align: right;
}

.total-price-box p {
    font-size: 16px;
    line-height: 1.3em;
}

.total-price-box .total_price_i {
    color: #f354a4;
    font-size: 1.2em;
}

.total-nouki-box {
    margin-top: 3em;
    text-align: right;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-top: 1em;
    padding-bottom: 1em;
}

.total-nouki-box p {
    font-size: 16px;
    line-height: 1.5em;
}
.form-group {
    margin-right: .5rem;
}
nav .navbar-form {
    display: flex;
    margin: 0.5rem ;
}


.boxsize60 {
    width: 60% !important;
}

.new_price_wrap #flyer-picker ul.thumbnails li {
    flex: 0 0 49%;
    margin: 0 0 1%;
}

.bg-dark {
    background-color: #000000 !important;
}
#mitu-selct-box a p.help-modale {
    color: #0056b3;
}

#toptitle {
    text-align: center;
    margin-bottom: 30px;
}

#toptitle h2 {
    font-size: 22px;
    line-height: 1.5em;
        margin: 1.5em 0 1em 0;
}
#toptitle p {
    width: 100%;
    font-size: 14px;
}

#sale_banner {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 120px;
    left: 20px;
    box-shadow: 0px 0px 7px 3px #646566;

}

@media (max-width:767px) {
    #toptitle {
        text-align: center;
        margin-bottom: 30px;
    }

    #toptitle h2 {
        font-size: 23px;

    }
    #toptitle p {
        width: 100%;
        font-size: 14px;
    }

    .hidden-xs {
        display: none !important;
    }
    #mitu-price-box {

        bottom: -200px !important;
        left: 0px !important;
    }

}

@media (max-width:991px) {
    #mitu-price-box {
        position: fixed !important;
        top: unset !important;
        bottom: -410px !important;
        left: 0px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .hidden-sm {
        display: none;
    }


}

.margin_buttom_s {
    margin-bottom: 20px;
}
/* スマホ以上 */
@media (min-width:760px) {

    #sale_banner {
        position: fixed;
        width: 150px;
        height: 150px;
        bottom: 50px;
        left: 50px;

    }

    #price-jyoken-nowH {
        font-size: 24px !important;
        border-top: 2px solid !important;
        border-bottom: 2px solid !important;
        line-height: 2em !important;
    }

    #cart-xs {
        display: none;
      }
      #main-con-1 h2 {
        text-align: center;
        font-size: 36px;
        line-height: 1.3em;
        margin: 100px 0 40px 0;
    }
    .new-product-page #syousai p {
        font-size: 16px;
    }

    .new-product-page .purchase-box {
        background-color: #f3f3f3;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .new-product-page .purchase-box h1 {
        font-size: 1.8em;
        font-weight: bold;
        line-height: 1.8em;
        margin-bottom: 4px;
        margin-top: 0px;
        color: black;
    }
    #item-top-lead h2,
    #item-top-lead h1,
    #item-top-lead h3 {
    font-size: 24px !important;
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    margin-bottom: 40px;
    text-align: center !important;
    border-left: none !important;
    }

    .margin_buttom_s {
        margin-bottom: 20px;
    }
    /* ボーダー */

.head-border {
    position: relative;
    display: inline-block;
    padding: 0 5px;
}

.head-border:before,
.head-border:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 76px;
    height: 1px;
    background-color: #0e0d0d;
}

.head-border:before {
    left: 0;
}

.head-border:after {
    right: 0;
}
/* ボーダー */

    .labelsort1 label {
        position: relative;
        width: 23%;

    }
    #flyer-picker label p {
        font-size: 0.8rem;
        margin-top: .5rem;
    }

    .grid1 {
        grid-template-columns: 33% 33% 33%;
        grid-template-rows: 70px;
    }


    .text_maisu {
        font-size: 1.3rem;

    }

	#oripmapBody article #con-top section>h2,
    #oripmapBody main h1 {
		font-size: 45px;
		margin: 0;
		padding: 0;
		line-height: 1.5em;
		text-align: center;
		letter-spacing: 0.6em;
		background: linear-gradient(transparent 60%, yellow 60%);
	}
    #chirashi-page main h1+p,
	#gift-top>h2+p,
	#wrap-top article>h1+p,
	#wrap-top>h2+p,
	#oripmapBody article h1+p,
    #oripmapBody main h1+p,
	#oripmapBody #con-top>h2+p,
	article #con-top section>h2+p,
	#ticket-page article>h1+p,
	#ticket-page #ticket-top h1+p,
	#chirashi-page article>h1+p,
	article #shopcard-top h1+p,
	#shopcard-top>h2:first-child+p,
    #shopcard-top>h1+p,
	#tag-goods #price-top>h2+p,
	#postcard-page article>h1+p  {
		margin: 0 15px;
		font-size: 14px;
		line-height: 1.5em;
		text-align: center;

	}

  .design_price_con button {
      margin-top: 3em;
  }



  #new_order_form input[type="radio"] {
      margin-right: 7px;
      height: 20px;
      width: 20px;
      display: table-cell;
      vertical-align: middle;
  }

  #new_order_form form .must {

      font-size: 14px;
      margin-left: 10px;
      line-height: 1em;
      padding-top: 3px;
      padding-bottom: 3px;
      padding-left: 5px;
      padding-right: 5px;
      color: #fff;
  }




	.design-bigcon {
		display: flex;
		align-items: center;
		text-align: left;
	}
	.point {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top:25%;
		color: #f3d8d8 !important;
		font-size: 24px !important;
		font-weight: bold;
		 transform: rotate(-45deg);
	}
	.add-con {
	    border-top: 3px dotted #0f0e0f;
	    padding-top: 1em;
		margin-left: auto;
		margin-right: auto;
		width: 94%;
	}
    .kadokotei {
        position: absolute;
        top: -22px;
        right: -14px;
    }
    #op-panel-box .col-xs-3 {
        padding-left: 10px;
        padding-right: 10px;

    }
    #op-panel-box i.fa{
        font-size: 40px;

    }
    #op-panel-box p {
        font-size: 10px;
    }
    .box4_2_shadow {
        font-size:  12px;
        text-align: center;
      border: 2px solid #0e0f0f ;
      padding: 1.4em;
      margin-top: 20px;
      box-shadow: 2px 2px 4px -2px gray;
    }
	.box4_2_shadow_gry {
        font-size:  12px;
        text-align: center;
      border: 2px solid #cacfcf ;
      padding: 1.4em;
      margin-top: 20px;
      box-shadow: 2px 2px 4px -2px gray;
    }






    #xs-price #price-total1-mobaile p {
        font-size: 34px !important;
        line-height: 2em;
    }

    .mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
        font-size: 16px;
    }
    #price-rei .boder4 h3 {
        font-size: 22px;
    }

    .price-img {
        margin: 20px 0;
    }
    #design-select-block {
        margin-top: 150px;
    }
    article {
        margin-top: 2em;
    }
    .item_description h3,
    .item_description h4 {
        font-size: 36px;
        line-height: 1.6em;
    }
    .new-product-page .item_description h3,
    .new-product-page .item_description h4 {
        font-size: 28px;
        line-height: 1.6em;
    }

     .title-lead {
        font-size: 38px !important;
        line-height: 1.1em ;
        margin-top: 1em ;
        margin-bottom: 0.1em ;
        text-align: center ;
        font-weight: 100;
    }
    #shopcardmain h2+.title-lead {
        font-size: 38px !important ;
        line-height: 1.1em;
        margin-top: -2em;
        margin-bottom: 2em;
        text-align: center !important;
    }
    h2+.title-lead, h3+.title-lead,.title-lead+h2, .title-lead+h3 {
        font-size: 30px !important ;
        line-height: 1.1em;
        margin-top: -1.0em;
        margin-bottom: 20px;
        text-align: center !important;
    }


	#price-top #design-select p {
	    font-size: 18px;
		line-height: 2.5em;


	}
    #tag-size-box {
        margin: 30px 0;

    }
    p.p_back1 {

        border-radius: 30px;
    }
    #oriokonomi {
        margin-top: 150px;
    }
    #orikakou {
        margin-top: 150px;
    }
    #orikakou h3,
    #oriokonomi h3 {
        font-size: 40px;
    }
    #oripmapBody #item-con h3 {
        text-align: center;
        font-size: 40px;

    }
    #item-con h2,
    #item-con>h3:first-child {
        font-size: 30px;
        margin-bottom: 2em;
        margin-top: 3em;
    }

    .fukidasibox {
        width: 80%;
        margin: 150px auto;

    }
    #price-top .item_description h2,
    .item_description h2 {
        text-align: center;
        font-size: 48px;
        margin-bottom: 2em;
    }
    #gift-top #item-con>h3 {
        font-size: 48px;
    }
    #tag-ling h3 {
        font-size: 48px;
    }
    .kakaku-rei h3 {
        font-size: 48px;
    }
    #tagContainer .kakaku-rei h3 {
        font-size: 22px;
    }

    #set h3 {
        font-size: 38px;
        text-align: center;
    }

    #faq-box {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    #faq-box h2 {
        margin-bottom: 2em;
        font-size: 38px;
    }
    #design-select-block {
        margin-top: 150px;
    }

    #kakaku-rei h3,#price-case h3 {
        font-size: 48px;
        font-weight: normal;
    }

    #tag-goods #kakaku-rei h3 {
        font-size: 22px;
    }

    #design-select-block h2 {
        font-size: 27px;
    }

    .limited a::before {
        content: '期間\A限定';
        white-space: pre;
        font-size: 10px;
        text-align: center;
        padding: 0.5em 0.5em;
        background-color: red;
        line-height: 1em;
        color: #fff;
        z-index: 999;
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 50% 50%;

    }
    .design_select_ichiran_big li {
        width: 33.33333333%;
        float: left;
    }
    #kakaku-rei,#price-rei {
        display: block;
        margin-top: 50px;
    }
    #kakaku-rei-inner h3 {
        font-size: 17px;
        font-weight: normal;
    }
    #kakaku-rei-inner li {
        font-size: 12px;
        font-weight: normal;
    }

    #kakaku-rei-inner td {
        font-size: 10px;
        padding: 5px;
    }

    #new_payment ul li {
        font-size: 18px;
        line-height: 1.5em;
        margin-bottom: 1.7em;
    }

    #orderform-modal h3 {
        font-size: 24px;
        margin-top: 70px;
    }
    #tel-top-mobile {
        display: none;
    }
    #price-jyoken-now h5 {
        font-size: 24px;
        border-top: 2px solid ;
        border-bottom: 2px solid;
        line-height: 2em;
    }
    #oripam-price #temp-in2 ul.thumbnails.image_picker_selector li .thumbnail p {
        font-size: 10px;
    }

	#tagprice #temp-in2 ul.thumbnails.image_picker_selector li .thumbnail p {
        font-size: 10px;
    }

    #temp-in2 ul.thumbnails.image_picker_selector li .thumbnail p {
        font-size: 12px;
    }

  #cart-sm {
    width: 34px;
    height: 34px;
    display: block;
    float: right;
    margin-right: 10px;
    color: #fff;
    position: relative;
  }

  #cart-sm p#cartp {
    color: #fff;
    font-size: 34px;
    margin: 0;
    padding: 0;
    position: relative;

  }

  #cart-sm p#cartcount {
    font-size: 18px;
    background-color: #ef0418;
    color: #fff;
    position: absolute;
    top: 0px;
    right: -3px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    text-align: center;
  }



    #new_order_form h4 {
        font-size: 18px;
    }
    #order1 #cart-product p {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
        font-size: 10px ;
        line-height: 1.5em ;
        margin: 0 ;
    }
    #order-item-in p {
        font-size: 14px;
        line-height: 1.5em;
    }

    #order-item-in .cart-form {
        font-size: 14px;

    }

    #order-item-in .cart-form button,
    #order-item-in .cart-form input {
        font-size: 10px;
    }
    #order-item-in .cart-form button {
        margin-right: 30px;
    }

    #wrap-top article>h1,
    #wrap-top>h2,
    #chirashi-page article>h1 {
        font-size: 40px;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 2em;
        background: linear-gradient(transparent 60%, yellow 60%);
        border: none;

    }

    #tag-goods #price-top>h2 {
         margin: 0;
        padding: 0;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 1.7em;
        background: linear-gradient(transparent 60%, yellow 60%);
    }

    #chirashi-page main h1,
    #ticket-page article>h1,
    #ticket-page #ticket-top>h1,
    #ticket-page #ticket-top>h2,
    #ticket-page article #ticket-top>section>h2,
    #ticket-page article #ticket-top>section>h1,
    #tag-goods #price-top>h1 {
        font-size: 40px;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 1.5em;
        background: linear-gradient(transparent 60%, yellow 60%);

    }
    #gift-top>h2,
    #oripmapBody article h1,
    #oripmapBody #con-top>h2,
    article #shopcard-top h1,

    #postcard-page article>h1 {
        font-size: 40px;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 0.8em;
        background: linear-gradient(transparent 60%, yellow 60%);

    }
    #shopcard-top>h2:first-child ,
    #shopcard-top>h1{
        font-size: 27px;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 0.8em;
        background: linear-gradient(transparent 60%, yellow 60%);
    }
    #chirashi-page main h1+p,
    #gift-top>h2+p,
    #wrap-top article>h1+p,
    #wrap-top>h2+p,
    #oripmapBody article h1+p,
    #oripmapBody #con-top>h2+p,
    #ticket-page article>h1+p,
    #ticket-page article>h2+p,
    #ticket-page #ticket-top h1+p,
    #ticket-page article #ticket-top>section>h2+p,
    #ticket-page article #ticket-top>section>h1+p,
    #chirashi-page article>h1+p,
    article #shopcard-top h1+p,
    #shopcard-top>h2:first-child+p ,
    #shopcard-top>h1+p,
    #tag-goods #price-top>h2+p,
    #tag-goods #price-top>h1+p,
    #postcard-page article>h1+p {
        margin: 0;
        font-size: 16px;
        line-height: 1.5em;
        text-align: center;

    }

    .order-req-wrap .order-req-text h4 {
        font-size: 32px;
        color: #666 !important;
        margin-bottom: 1em;
    }




    #payment .modal-body,
    #desele-modal .modal-body,
    #order-nouki-box .modal-body {
        padding: 30px;
    }
    #desele-modal .modal-body ul li {
        font-size: 16px;
        margin-left: 0.5em;

    }
    #meyasu_nouki_price,
    #meyasu_nouki_price2 {
        border: 1px solid #c11920;
        margin-top: 15px;
    }

    #meyasu_nouki_price h6,
    #meyasu_nouki_price2 h6 {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 16px;
        background-color: #c11920;
        color: #fff;
        font-weight: normal;
        line-height: 1.5em;
        margin: 0 15px 0 0;
        float: left;
        padding: 1em 0.5em;
    }

    #meyasu_nouki_price p
     {
        font-size: 10px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #meyasu_nouki_price2 p {
        font-size: 13px;
        margin-top: 13px;
        margin-bottom: 5px;

    }

    #meyasu_nouki_price p#meyasup,
    #meyasu_nouki_price2 p#meyasup {
        font-size: 18px;
        color: #c11920;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #meyasu_nouki_price p#meyasup i,
    #meyasu_nouki_price2 p#meyasup i {

        color: #333 !important;
    }


    #temp-in2 #price-select-panel #step0 {
        border-bottom: 1px dashed;
        padding-bottom: 30px;
    }



    #temp-in2 #price-select-panel #step3 {
        padding-bottom: 120px;
    }
    #cd3set-price #temp-in2 #price-select-panel #step3 {
        padding-top: 100px;
        padding-bottom: 120px;
    }

    #price-button-yoko {
        position: fixed;
        top: 130px !important;
        right: 0px;
        left: inherit;
        text-align: center;
        z-index: 4;
        margin: 0;
        width: 54px;
        height: 200px;
        background-color: #ff6633;
        color: #fff;
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        border-radius:  0px;
    }
    #price-button-yoko p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #fff;
        top: 0;
        bottom: 0;
        font-size: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
        margin: 0;
        float: none;
        border-radius: 0px;
        line-height: 54px;
        width: 54px;
    }
    #price-button-yoko::before {
        content: '';
        font-family: FontAwesome;
        color: #f4eded;
        padding: 0px 0;
        font-size: 10px;
        white-space: pre;
        text-align: center;
    }
    #sample-button-yoko {
        position: fixed;
        top: 350px !important;
        right: 0px;
        text-align: center;
        z-index: 999;
        margin: 0;
        width: 54px;
        height: 200px;
        background-color: #424244;
        color: #fff;
    }
    #sample-button-yoko p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #fff;
        top: 0;
        bottom: 0;
        font-size: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
		margin: 0;
    }
    #designselect-button-yoko {
        position: fixed;
        top: 570px !important;
        right: 0px;
        left: inherit;
        text-align: center;
        z-index: 999;
        margin: 0;
        width: 54px;
        height: 200px;
        background-color: #ee9301;
        color: #fff;
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        border-radius:  0px;
    }

    #designselect-button-yoko::before {
        content: '';
        font-family: FontAwesome;
        color: #000;
        width: 0%;
        float: left;
        padding: 0%;
        font-size: 10px;
        white-space: pre;
    }

    #designselect-button-yoko p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #000000;
        top: 0;
        bottom: 0;
        font-size: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
        background-color: none;
        margin: 0;
        float: none;
        width: 100%;
        border-radius: 0px;
        line-height: 50px;
    }

    #price-button-yoko p::before {
        content: '';
        font-family: FontAwesome;
    }
	#price-button-yoko p::after {
	    content: '';
	    font-family: FontAwesome;
	}



    .sweet-alert .icon.custom {
        width: 150px !important;
        height: 150px !important;
    }
    .btn_kadomaru {
        display: inline-block;
        height: 8rem;
        padding: 0 4em 0 4em;
        line-height: 8rem;
        color: #ffffff;
        background: #1b2988;
        font-size: 2.5rem;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        box-shadow: 0px 0px 13px 3px rgba(10, 10, 10, 0.17), -1px 1px 0px 0px rgba(7, 10, 9, 0.1);
        -moz-box-shadow: 0px 0px 13px 3px rgba(10, 10, 10, 0.17), -1px 1px 0px 0px rgba(7, 10, 9, 0.1);
        -webkit-box-shadow: 0px 0px 13px 3px rgba(10, 10, 10, 0.17), -1px 1px 0px 0px rgba(7, 10, 9, 0.1);
    }



    #meyasu_nouki_price p {
        margin-top: 10px;
        font-size: 13px;
        margin-bottom: 0px;
    }
    #meyasu_nouki_price p#meyasup {
        font-size: 22px;
        color: #c11920;
    }
    #price-select-panel #step1,
    #cd3set-price #price-select-panel #step1 {
        border-right: 1px dashed;
        border-bottom: none;
    }
    #chirashi-price #price-select-panel #step2,
    #oripam #price-select-panel {
        border-right: 1px dashed;
        padding-bottom: 120px;
    }

    #ticket-price #price-select-panel #step2{
        border-bottom: 1px dashed;
        padding-bottom: 120px;
    }
    .price_borderbottom {
        border-bottom: 1px dashed !important;
        padding-bottom: 120px !important;
    }

    #cd3set-price #price-select-panel #step2 {
        border-bottom: 1px dashed;
        padding-bottom: 50px;
    }

    #wrap-price #price-select-panel #step1 {
        border-right: 1px dashed;
        padding-bottom: 120px;
    }
    #tag-price #price-select-panel #step2 {
        border-bottom: 1px dashed;
        padding-bottom: 60px;
    }

    #tag-price #price-select-panel #step3 {

        padding-bottom: 60px;
    }
    #wrap-price #price-select-panel #step2 {

        padding-bottom: 120px;
    }

    .help ul {
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px auto;
    }
    .btn_kadomaru_new {
        line-height: 1em;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        background-color: #1d2988;
        color: #fff;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        border: 1px solid #1d2988;
        padding-left: 4em ;
        padding-right: 4em ;
        font-size: 20px;
    }
    #design_select_img {
        margin-top: 70px;
    }
    #tem-foot-come h4 {
        font-size: 20px;
        color: #00a29a;
        margin: 30px 0 20px;
    }
    #tem-foot-come h3 {
        font-size: 28px;
        color: #0d0d0d;
        margin: 20px 0 20px;
    }
    #katuyourei h3:first-child,
    #katuyourei h2:first-child{
        font-size: 28px;
    }
    #design-irai-link-box #check, #tem-foot-com-box #check {
        width: 30%;
        position: absolute;
        top: -30px;
        left: -30px;
    }
    #design-irai-link-box {
        margin-top: 100px;
    }
    #design-irai-link {
        border: 1px dashed #6f6f6a;
        padding: 50px 10px;
    }
    #design-irai-link .btn {
        font-size: 24px;
    }
    #design-irai-link h2, #design-irai-link h3, #design-irai-link h4 {
        text-align: center;
        font-size: 50px;
        line-height: 1.5em;
        margin-bottom: 0.2em;
        color: #5c5d5b;
    }
    #design-irai-link i.big {
        margin: 50%;
        display: flex;
        /* 2 */
        justify-content: center;
        /* 3 */
        align-items: center;
        /* 4 */
    }
    #price-scloll-box {
        margin: 0px 0px;
        height: 500px;
        white-space: nowrap;
        overflow: scroll;
    }
    .text_18px {
        font-size: 18px !important;
    }
    .text_22px {
        font-size: 22px !important;
    }
    #design-price tbody td {
        text-align: left;
        font-size: 16px;
    }
    #design-price tbody th {
        text-align: left;
        font-size: 18px;
    }
    .design_price_con h2,
    .design_price_con_title {
        margin-bottom: 1em;
        font-size: 24px;
        font-weight: normal;
    }
    #price-top #new-pricelist #price-top-box2 h2, #price-top #new-pricelist #price-top-box2 h3 {
        font-size: 22px;
        text-align: left;
        line-height: 1.5em;
        margin-bottom: 20px;
    }
    #ripmapBody h3 {
        font-size: 40px;
    }
    .desinSlect-btn {
        position: relative;
        top: -60px;
    }
    .youhino {
        padding-left: 0;
        position: relative;
        top: -170px;
    }
    .top-help li {
        font-size: 14px;
    }
    .noLing ul {
        padding-left: 0;
    }
    .noLing {
        position: relative;
        top: -100px;
    }
    #condiv1 .sabuTaitle, #condiv2 .sabuTaitle, #condiv2 .sabuTaitle, #condiv3 .sabuTaitle, #condiv4 .sabuTaitle {
        font-size: 38px;
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
    }
    #condiv1, #condiv2, #condiv3, #condiv4, #condiv5 {
        margin-bottom: 100px;
    }
    #condiv1 h2, #condiv2 h3, #condiv2 h4, #condiv3 h4, #condiv3 h5, #condiv4 h5 {
        font-size: 45px;
        font-weight: bold;
        margin-bottom: 30px;
    }
    #condiv3 h6 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 30px;
    }
    .marucon3 li a {
        position: relative;
        display: block;
        box-sizing: border-box;
        text-align: center;
        padding: 40px 10px 10px;
        margin: 0 auto 0;
        width: 220px;
        height: 220px;
        -webkit-border-radius: 50%;
        /* width,heightの半分 */
        -moz-border-radius: 50%;
        border-radius: 50%;
        /* box-shadow */
        box-shadow: 0px 0px 10px 0px #91948d;
        -moz-box-shadow: 0px 0px 10px 0px #91948d;
        -webkit-box-shadow: 0px 0px 10px 0px #91948d;
        /* border */
        border: 1px solid #fffcfc;
    }
    .marucon3 li a span.con1 {
        font-size: 14px;
    }
    .marucon3 li a span.con2 {
        font-size: 16px;
        margin: 18px auto;
    }
    .marucon3 li span.con3 {
        font-size: 14px;
    }
    .marucon3 #rigt a {
        background-color: #009b74;
        margin-top: 0;
    }
    .order-req-wrap .order-req-text {
        padding-top: 2em;
        margin: 30px 0px;
    }
    #order-gaid p#order-gaid-title {
        font-size: 70px;
        text-align: center;
        font-weight: bold;
    }
    #order-gaid {
        text-align: center;
    }
    .price-con p {
        font-size: 30px;
        font-weight: bold;
    }
    .foot_info {
        position: relative;
        display: block;
        box-sizing: border-box;
        text-align: center;
        padding-top: 22px;
        margin: 0 auto 0;
        width: 130px;
        height: 130px;
        -webkit-border-radius: 50%;
        /* width,heightの半分 */
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    a:hover .foot_info {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    #order-gaid p {
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
    }
    #order-gaid .foot_info span {
        font-size: 14px;
        margin: 0px auto;
        width: 100%;
        color: #fff;
        display: inline-block;
    }
    #order-gaid .foot_info span.text {
        margin: 18px auto 5px;
    }
    #order-gaid #faq .foot_info {
        background-color: #f5a500;
        margin-top: 0px;
    }
    #order-gaid #order .foot_info {
        background-color: #e60012;
        margin-top: 80px;
    }
    #order-gaid #pay .foot_info {
        background-color: #35b1b4;
        margin-top: 30px;
    }
    #order-gaid #design .foot_info {
        background-color: #e4007f;
        margin-top: 0px;
    }
    #order-gaid #data .foot_info {
        background-color: #a3bb0f;
        margin-top: 30px;
    }
    #order-gaid #nouki .foot_info {
        background-color: #00acef;
        margin-top: 80px;
    }
    .arrow_box_faq:after, .arrow_box_faq:before {
        right: 100%;
        top: 9%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .arrow_box_faq:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #f2efef;
        border-width: 15px;
        margin-top: -15px;
    }
    .arrow_box_faq:before {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #f2efef;
        border-width: 15px;
        margin-top: -15px;
    }
    #whatsnew dt {
        width: 20%;
        float: left;
        text-align: right;
    }
    #whatsnew dt, #whatsnew dd {
        font-size: 16px;
    }
    #orikakou h4 {
        font-size: 24px;
        line-height: 1.4em;
        margin-top: 3em;
    }
    article #tag-size-box .btn {
        margin: 1em 0;
        padding: 0.8em 1em;
    }
    #tag-size-box img {
        margin-bottom: 20px;
    }
    #tag-size-box p {
        text-align: center;
        font-size: 14px;
        line-height: 1.5em;
    }
    #faq-top h4 {
        font-size: 24px;
        line-height: 1.5em;
        color: #1C2787;
        margin-top: 4em;
        font-weight: normal;
        clear: both;
        width: 100%;
        margin-bottom: 1.5em;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #1D2087;
    }
    #faq h4 img {
        display: inline-block;
        float: left;
        margin: -15px 10px 0px 0px;
    }
    #faq img {
        margin: 0 0 20px;
    }
    #faq-top p {
        padding: 1em 1em 1em 4em;
    }
    .img-mini {
        width: 100%;
        margin-bottom: 0px;
    }
    #insatunihituyounamono h2, #hajimete-top h2 {
        margin-top: 3em;
        text-align: center;
        font-weight: 100;
        font-size: 38px;
    }
    #top-index {
        margin-top: 40px;
    }
    #ori-design h5 {
        font-size: 20px;
        text-align: center;
        font-weight: 300;
        color: #333333;
        line-height: 1.6em;
    }
    #ori-design h3, #ori-design h4 {
        text-align: center;
        font-size: 26px;
        line-height: 1.7em;
        font-weight: 100;
    }
    #price-select-wrap select {
        font-size: 13px;
    }
    #new_order_form h3 {
        font-size: 24px;
    }
    #order-op-box h3 {
        font-size: 22px;
    }
    #order-op-box p {
        font-size: 13px;
    }
    #price-top #design-select h2 {
        font-size: 28px;
    }
    .price-item-wrap img {
        margin: 0;
    }
    article #item-con .btn {
        font-size: 13px;
        padding: 0.7em 1.5em;
    }
    .step {
        margin-bottom: 80px;
    }
    #step-last h4, .step-last h4 {
        font-weight: 100;
        font-size: 20px;
        line-height: 1.3em;
    }
    #step-last p, .step-last p {
        font-size: 13px;
        font-weight: 100;
        line-height: 1.3em;
    }
    .paper-setumei, .gree-back {
        margin: 0 0 20px;
    }
    .paper-setumei h4, .gree-back h4 {
        color: #333333 !important;
        font-weight: 100;
        font-size: 20px;
    }
    .paper-setumei p, .paper-setumei li, .gree-back p, .gree-back li {
        font-size: 16px;
    }
    .nav-pills>li>a {
        padding: 0.8em 1em;
        margin-right: 1px;
        color: #afafb0;
        background-color: #ffffff;
        font-size: 14px;
        border: 5px solid #afafb0;
    }
    #price-top h2, #price-top .step h3 {
        /*
        text-align: center;
        color: #0d0015;
        font-size: 38px;
        */
        text-align: left;
        color: #0d0015;
        font-size: 28px;
        border-left: 10px solid #c11920;
        padding-left: 15px;
        margin-top: 5px;
    }
    #ticket-price #price-top h1, #book-price #price-top h2 {
        text-align: left;
        color: #0d0015;
        font-size: 38px;
        border-left: 10px solid #c11920;
        padding-left: 15px;
    }
    .price-big-h3 {
        font-size: 30px;
        font-weight: 100;
        line-height: 1.3em;
        margin-bottom: 1.5em;
        margin-top: 0px;
        color: #0d0015;
    }
    #order-step {
        margin-bottom: 4em;
    }
    #order-step dl dt {
        font-size: 2em;
        font-weight: 100;
        margin-top: -0.4em;
    }
    #order-step dl dd {
        font-size: 15px;
        line-height: 1.3em;
    }

    #price-scloll-box .btn {
        margin: 0px auto;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    #price-scloll-box table tr th, #price-scloll-box table tr td {
        padding: 20px 5px;
        text-align: right;
    }
    #price-scloll-box table tr th {
        font-size: 14px;
        font-weight: normal;
        color: #555;
    }
    #price-scloll-box table tr td {
        font-size: 18px;
        font-weight: normal;
    }
    #item-feature h2 {
        font-size: 30px;
        text-align: center;
    }
    #item-feature h3,  #item-feature h4,#item-feature h5 {

        margin-top: 0px;
        font-size: 38px;
        line-height: 1.5em;
        margin-bottom: 50px;
        margin-top: 100px;
        font-weight: normal;

        text-align: center;
        padding: 1em 15px;
    }
    #item-feature img {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #katuyourei h4,
    #katuyourei h3,
    #katuyourei dt {
        font-size: 16px;
        color: #333333;
    }
    #katuyourei p,
    #katuyourei dd {
        font-size: 13px;
        color: #333333;
    }
    p {
        font-size: 16px;
        line-height: 1.8em;
        margin: 1em 0;
    }
    h2, .h2 {
        font-size: 30px;
    }
    p.sclollp {
        font-size: 13px;
    }
    #print-sample [class*='col-'] {
        margin-bottom: 50px;
    }
    #new-pricelist .con-bottom p {
        color: #333333;
        font-size: 11px;
        margin: 0;
    }
    #new-pricelist .con p {
        color: #333333;
        font-size: 13px;
        margin: 0;
    }
    #new-pricelist #price-title-box h2, #new-pricelist #price-title-box h1, #item-main #price-title-box h2, #item-main #price-title-box h1 {
        line-height: 1.5em;
        font-size: 36px;
        margin: 0;
        font-weight: bold;
    }
    #price-top-box2 {
        margin-top: 0px;
    }
    #price-scloll-boxwrap .nav li {
        font-size: 14px;
    }
    #price-scloll-boxwrap .five .nav li {
        font-size: 10px;
    }
    #price-scloll-boxwrap .nav li a {
        padding: 10px 15px;
    }
    #price-scloll-boxwrap .five .nav li a {
        padding: 10px 10px;
    }
    #price-scloll-box table tr th {
        font-size: 14px;
        font-weight: normal;
        color: #555;
    }
    .price-link {
        padding: 100px 0;
    }
    .price-link .price-lerd {
        font-size: 36px;
        font-weight: 100;
        margin-bottom: 70px;
        line-height: 1.1em;
        text-align: center !important;
    }
    .price-link .price-lerd+p {
        font-size: 36px;
        margin-top: -60px;
        /*price-lerdのbottomと相殺*/
        margin-bottom: 70px;
    }
    #erabi {
        margin: 40px 0px;
    }
    #erabi img {
        width: 100%;
    }
    #erabi2 img {
        width: 100%;
    }
    #erabi h2, #erabi2 h2 {
        text-align: center;
    }
    #erabi h3, #erabi2 h3 {
        line-height: 1.3em;
        margin-bottom: 2em;
        font-size: 28px
    }
    #erabi h4 {
        font-size: 20px;
        font-weight: normal;
        line-height: 1.3em;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    #erabi p {
        font-size: 16px;
    }
    .h1 {
        font-size: 36px;
    }
    #price-select-box #price-sale #price-on {
        font-size: 20px !important;
        line-height: 1em !important;
        color: #222325 !important;
        font-family: 'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  sans-serif !important;
    }
    #price-select-box #price-sale #price-saleon {
        font-size: 50px !important;
        line-height: 1em !important;
        margin-bottom: 10px;
        color: #FF0000;
        margin-right: 10px;
        font-weight: bold;
        font-family:  'メイリオ', Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif !important;
    }
    article .btn {
        padding: 0.8em 1.7em;
        margin: 1em 0;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    #erabi2 p {
        font-size: 14px;
    }
    #erabi2 h4 {
        font-size: 18px;
    }
    #erabi2 h3 {
        font-size: 24px;
        text-align: center;
    }
    #kakaku-rei-mini .padding4_1em {
        padding: 1em;
    }
    #kakaku-rei-mini>[class*="col-"] {
        margin: 0;
        padding: 0px 15px;
    }
    #kakaku-rei-mini .btn {
        font-size: 17px;
        padding: 1em 1.7em;
    }
    #kakaku-rei-mini th, #kakaku-rei-mini td {
        font-size: 12px;
        padding: 0px;
    }
    #kakaku-rei-mini h4 {
        font-size: 18px;
    }
    #kakaku-rei-mini p, #kakaku-rei-mini ul li, #kakaku-rei-mini th, #kakaku-rei-mini td {
        font-size: 14px !important;
    }
    #price-select-box #price-on {
        font-size: 50px;
        line-height: 1em;
        color: #FF0000;
        margin-bottom: 1em;
        margin-right: 10px;
        font-weight: bold;
    }
    .breadcrumb {
        background: transparent;
        font-size: 14px;
    }
    .price-item-wrap .col-sm-7 {
        width: 55.33333333% !important;
    }
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 10px;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #999;
        background-size: 20px, 100%;
        background-image: url(../imag/hanyou/arrow_dwn-1.png);
        background-repeat: no-repeat;
        background-position: right 50%;
        background-color: #FFFFFF;
        line-height: 2em;
        font-size: 14px;
    }
    #formName input {
        width: 48% !important;
        display: inline-block !important;
    }
    #price-select-box dl#dldesign dt {
        float: left;
        height: 32px;
        width: 170px;
        line-height: 32px;
        font-weight: normal;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #price-select-box dl#dldesign dd {
        margin-left: 180px !important;
    }
    #design h1, #design h2 {
        font-size: 1.8em;
        font-weight: normal;
        margin-top: 2em;
        margin-bottom: 1em;
        color: #050505;
    }
		#design .design-bigcon h2 {
			font-size: 38px;
			margin: 0 15px 1em;
			font-weight: bold;

		}
    .design_price_con {
        margin-bottom: 200px;
    }
    .design_price_con h2, .design_price_con h2#h2kamitry, .design_price_con_title {
        margin-bottom: 1em;
        font-size: 24px;
        font-weight: normal;
    }

    #design-price .btn3 {
      margin-top: 3em;
        padding: 0.5em 1em;
        margin: 1em 0;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        cursor: pointer;
        border-radius: 0px;
        font-size: 16px;
        font-weight: normal;
    }

    .btn3 {
        padding: 0.5em 4em;
        margin: 1em 0;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        cursor: pointer;
        border-radius: 0px;
        font-size: 1em;
        font-weight: normal;
    }
    #price-case td, #price-rei td,#kakaku-rei td {
        font-size: 10px;
    }
    #price-case li, #price-rei li, #kakaku-rei li {
        font-size: 0.9em;
    }
    .desin-select-lerd-box p.title {
        font-size: 17px !important;
        line-height: 2em;
    }
    .desin-select-lerd-box p {
        font-size: 13px;
    }
    #pankuz {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #top-h1box {
        padding: 10px 10px 10px 10px;
        background-color: #04537c;
        color: #fff;
        text-align: center;
        margin-top: -20px;
    }
    #top-h1box h1, #top-h1box p {
        margin-left: auto !important;
        margin-right: auto !important;
        color: #fff !important;
        font-size: 16px !important;
        line-height: 1.5em !important;
        text-align: left !important;
        font-weight: normal !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        float: left;
    }
    #lec-top-con h3 {
        font-size: 30px;
    }
    .lec-con-in p {
        margin: 0 20px 0 20px;
    }
    .controls .btn {
        font-size: 10px !important;
    }
    .lec-con-in h4 #lec-con h3 {
        font-size: 1.5em;
    }
    #lec-top-linkbtn ul li, .lec-con-in-btn ul li {
        font-size: 14px;
        width: 29%;
        text-align: center;
        padding-top: 1em;
        padding-bottom: 1em;
        margin: 0 2% 10px 2%;
    }
    .arrow_box {
        padding: 30px 15px 30px 15px;
    }
    .arrow_box h3 {
        font-size: 20px;
        text-align: center;
    }
    .arrow_box p {
        font-size: 14px;
        text-align: center;
    }
    #tem-rerd h3 {
        margin-bottom: 1em;
        margin-top: 1em;
        font-size: 50px;
    }
    #tem-rerd p {
        text-align: center;
        font-size: 16px;
    }
    #price-case {
        margin-bottom: 150px;
    }
    #design_ichiran h3,#design_ichiran h4 {
        font-size: 22px;
    }
    #design_ichiran p {
        font-size: 14px;
    }
    #nouki-list p {
        font-size: 20px;
        color: #2f98ec;
        line-height: 3.2em;
        margin: 0;
    }
    #op_delete [class*="col-"] {
        padding-left: 0px;
        padding-right: 5px;
    }
    #op_delete .btn {
        font-size: 14px;
        width: 100%;
        margin: 10px 0px 0px;
    }
    .sweet-alert {
        top: 50% !important;
    }
    #price-total1 p {
        font-size: 32px ;
        margin-top: 20px ;
    }
    #order-step-box>i {
        float: left;
        line-height: 60px;
        font-size: 20px;
    }
    #order-step-box p {
        font-size: 14px;
        line-height: 60px;
    }
    #product-data dl {
        font-size: 14px;
    }
    #price-select-box select {
        width: 100%;
        padding: 10px 10px !important;
        line-height: 1em !important;
    }
    .btn4 {
        padding: 0.5em 4em;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        cursor: pointer;
        border-radius: 0px;
        font-size: 14px;
        font-weight: 100;
    }
    #design-price .btn4 {
        padding: 0.7em 1.7em;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        cursor: pointer;
        border-radius: 0px;
        font-size: 14px;
        font-weight: 400;
    }
    #erabi h4 {
        font-size: 1.8em !important;
        color: #333;
        font-weight: normal;
    }
    /* #design-nagare h2 {
        font-size: 3.5em;
        margin-top: 150px;
    }
    #design-nagare h3 {
        border-bottom: 1px solid #888888;
        padding-bottom: 1em;
        line-height: 1.3em;
        font-weight: normal;
        font-size: 2em;
    } */
    #design h1 {
        font-size: 4em;
        line-height: 1em;
        font-weight: normal;
        margin-top: 2em;
        margin-bottom: 1em;
    }
    #design h1 small {
        font-size: 50%;
    }
    #top-img1, #top-img-kari, #top-box {
        min-height: 400px;
    }
    #top-img2 {
        min-height: 400px;
    }
    #top-box h1 {
        font-size: 70px;
        text-align: center;
        font-weight: bold;
        color: black;
        margin: 0 auto 30px;
    }
    #top-box p {
        font-size: 30px;
        text-align: center;
        font-weight: bold;
        padding-left: 0;
        color: black;
    }
    .top-box-img {
        width: 20%;
        position: absolute;
        left: 10%;
        top: 10px;
    }
    #top-shop-img {
        min-height: 400px;
    }
    #file-in-select .btn-lg {
        font-size: 18px
    }
    #top-shop-img h1, #top-shop-img h2 {
        font-size: 60px;
    }
    #erabi h3 {
        line-height: 1.3em;
    }
    .magin-con {
        margin-bottom: 100px;
    }
    #top-page h2 {
        font-size: 4.5em;
    }
    #data-henkan-top h2, #order-nagare-top h2 {
        font-size: 4rem;
        font-weight: 100;
        line-height: 1.5em;
        margin-bottom: 2em;
        margin-top: 2em;
        text-align: center;
    }
    #design-select-top h2 {
        font-size: 48px;
        font-weight: 100;
        line-height: 1em;
        margin: 2em 0 1em;
        text-align: center;
    }
    #data-henkan-top h3 {
        text-align: center;
        font-size: 3rem;
        font-weight: 100;
        line-height: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
    }
    /*
.navbar-nav > li > .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    width: 100% !important;
    padding: 20px 2%;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.navbar-nav > li > .dropdown-menu > li {
  width: 33%;
  float: left;
}

*/
    nav#top-nav .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
        background-color: #FF0000;
        color: #fff;
    }
    .text-mini {
        font-size: 0.7em !important;
        white-space: nowrap;
    }
    .op-con .cart-box p {
        line-height: 1.8em;
        font-size: 14px;
        margin: 0px;
    }
    #step-last {
        text-align: center;
    }
    #step-last h4 {
        font-weight: 100;
        font-size: 3em;
        line-height: 1.3em;
    }
    #step-last p {
        font-size: 1.8em;
        font-weight: 100;
        line-height: 1.3em;
    }
    #order-step {
        margin-bottom: 8em;
    }
    #price-select, #price-top-box {
        text-align: center;
    }
    #order-step img.img-circle {
        border-radius: 50%;
        border: 15px solid #fc6396;
        box-sizing: border-box;
        padding: 0;
        display: block;
        max-width: 100%;
        height: auto;
    }
    #price-top .step h3 {
        text-align: center;
        color: #0d0015;
    }
    .product-top-title {
        margin-bottom: 40px;
        font-weight: normal;
        font-size: 40px !important;
        font-weight: bold;
    }
    .price-big-h3 {
        font-size: 3em;
        font-weight: 100;
        line-height: 1.3em;
        margin-bottom: 1.5em;
        margin-top: 0px;
        color: #0d0015;
    }
    .row--nopadding {
        margin-left: 0;
        margin-right: 0;
    }
    .row--nopadding>[class*="col-"] {
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .new-content {
        text-align: center;
        margin-top: 10em;
    }
    #dic-top i {
        font-size: 70px;
        float: right;
        text-align: right;
        color: #555;
    }
    #dic-top h2 {
        text-align: left;
        margin: 0 0 20px;
        line-height: 1em;
        color: #555;
    }
    #dic-top {
        margin: 0;
        line-height: 1.2em;
        color: #555;
    }
    .new-content h3 {
        font-size: 48px;
        line-height: 1.5em;
        margin-bottom: 1em;
        /*color: #FF8C00;*/
        font-weight: normal;
        text-align: center;
    }
    .new-content h3+p {
        margin-bottom: 4em;
        font-size: 1.077em;
        line-height: 1.5em;
        letter-spacing: 0.08em;
    }
    .new-content h4 {
        font-size: 1.2em;
        margin-bottom: 2em;
    }
    .new-content h4+p {
        font-size: 1.077em;
        margin-bottom: 0.5em;
        line-height: 1.5em;
        letter-spacing: 0.08em;
    }
    .new-content h3+p+ul, .new-content h3+p+p.btn {
        margin-top: 0em;
        margin-left: 0em;
        padding-left: 0em;
    }
    .new-content p+ul, .new-content h3+p+p.btn {
        list-style: none;
        margin-bottom: 4em;
    }
    .new-content p+ul li, .new-content h3+p+p.btn {
        font-size: 1.1em;
        line-height: 2em;
    }
    .new-content #slideBox .row, .new-content #slideBox2 .row, .new-content #slideBox3 .row, .new-content #slideBox4 .row, .new-content #slideBox5 .row, .new-content #slideBox6 {
        text-align: left;
        margin-top: 2em;
    }
    #order-step dl dt {
        font-size: 4em;
        font-weight: 100;
        margin-top: -1em;
    }
    #order-step dl {
        margin-left: 40px;
    }
    #item-con h3, #item-con h4, #item-con h5, #item-con h6, #item-con p {
        margin-left: 16px;
        margin-right: 15px;
    }
    #item-con dt, #item-con dd {
        font-size: 16px;
        margin-left: 15px;
        margin-right: 15px;
    }
    #item-con dd {
        margin-bottom: 0.8em;
    }
    #item-con .row--v-middle h2,#item-con .row--v-middle h3, #item-con .row--v-middle h4, #item-con .row--v-middle h5 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: left;
    }

    #wrap #item-con .row--v-middle h3,#wrap #item-con .row--v-middle h4,#wrap #item-con .row--v-middle h5 {
        font-size: 30px;
        line-height: 1.3em;
        text-align: left;
    }

    #item-con p {
        text-align: left;
        font-size: 16px;

    }
    #paper-table th, #paper-table td {
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 2em;
        padding-right: 2em;
    }
    /*価格表のモーダルウインドウ sweet alaer */
    .sweet-alert h2 {
        line-height: 1.3em;
        font-size: 30px;
        margin-top: 2em;
        margin-bottom: 20px;
    }
    .sweet-alert p {
        font-size: 16px;
        line-height: 1.8em;
        font-weight: normal;
        margin-bottom: 15px;

    }

    #design_select_big #temp-in ul.thumbnails li {
        width: 33%;
    }
    #temp-in ul.thumbnails li {
        width: 25%;
    }
    #temp-in2 ul.thumbnails li {
        width: 31%;
        margin-right: 2%;
    }
    #temp-in2 #step0 ul.thumbnails li {
        width: 23%;
        margin-right: 2%;
    }

    #chirashi-price #temp-in2 #step0 ul.thumbnails li {
        width: 18%;
        margin-right: 2%;
    }
    #flyer-picker ul.thumbnails li {
        width: 18%;
        margin-right: 2%;
    }

	#flyer-picker ul.thumbnails li:last-child {
        margin-right: 0%;
    }

    #flyer-picker ul.thumbnails li ul.thumbnails li p {
        font-size: 11px;

    }

    #chirashi-price #temp-in2 #step0 ul.thumbnails li p {
        font-size: 11px;

    }



    #cd1item-price #temp-in2 #step0 ul.thumbnails li {
        width: 32%;
        margin-right: 1%;
    }

    #cd3set-price #temp-in2 #step0 ul.thumbnails li,#cd3set-price #temp-in2 #step1 ul.thumbnails li {
        width: 49%;
        margin-right: 1%;
    }
	.new_price_wrap .picker ul.thumbnails,
    .new_price_wrap .picker {
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.new_price_wrap #flyer-picker ul.thumbnails li {
		flex: 0 0 33%;
		margin: 0 0 1%;
	}

	.new_price_wrap #flyer-picker ul.thumbnails li p {
		font-size: .8rem;
	}

    .option_select {
        text-align: left;
        padding-bottom: 2em;
    }
    .select-midashi {
        font-size: 2em;
    }

    .price-item-wrap .leftbox h4 {
        text-align: left;
        font-size: 33px;
        margin: 0 0 1em 0;
    }
    .price-item-wrap .leftbox ul li {
        font-size: 13px;
        color: #333333;
        line-height: 1.5em;
        clear: both;
        float: none;
        list-style: none;
    }
    #order-fainal h2 {
        margin-top: 1em;
        margin-bottom: 0.5em;
        text-align: center;
        font-size: 7em;
    }
    #order-fainal .h2 {
        font-size: 30px;
    }
    #kinken-price-top ul.thumbnails li {
        width: 25%;
    }
    .price_btn {
        margin: 0px;
        padding: 0px;
        width: 50%;
        float: left;
    }
    #meyasunouki ul li {
        text-align: center;
        font-size: 1.3em;
        line-height: 2.5em;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
    }
    .midashi {
        color: #C11920;
        text-align: center;
        border-bottom: 1px #C11920 solid;
        line-height: 1.5em;
        margin-bottom: 1.5em;
        font-size: 2em;
        text-indent: 0.7em;
        margin-top: 0px !important;
        padding-bottom: 1em;
    }
    .price-item-wrap .leftbox {
        padding: 0px;
    }
    .price-item-wrap h4 {
        color: #555;
    }
    .help ul li {
        width: 24%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        float: left;
        text-align: center;
        font-size: 10px;
        margin-bottom: 40px
    }
    .help ul a li, .help ul li a {
        line-height: 3em;
    }
    /*
     /*組織概要
--------------------------------------------*/

    #irie dl dt {
        clear: left;
        float: left;
        line-height: 3em;
        width: 25%;
    }
    #irie dl dd {
        line-height: 3em;
        text-indent: 2em;
        display: block;
        border-bottom: 1px inset #666666;
    }
    #irie dl dt#returned {
        font-size: 95%;
        color: #333333;
        margin-top: 2.5em;
        margin-bottom: 2em;
        clear: none;
        float: none;
        width: 100%;
    }
    #irie dl dd#returneddd {
        font-size: 90%;
        color: #333333;
        display: block;
        clear: none;
        float: none;
    }
    #irie ul {
        font-size: 90%;
        color: #333333;
        margin: 2em auto;
        width: 90%;
        list-style: decimal url(none) outside;
    }
    #irie ul li {
        margin-top: 10px;
    }
    /*組織概要
--------------------------------------------*/
    .announce {
        margin: 0px;
        padding: 0px;
        height: 50px;
        white-space: nowrap;
        background-color: #d70035;
        box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.6);
        -o-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.6);
        -ms-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.6);
        behavior: url(/PIE.htc);
    }
    .announce p {
        margin: 0px !important;
        padding: 0px !important;
        line-height: 50px !important;
        color: #ffffff !important;
        font-size: 1.2em !important;
    }
    .announce p i {
        margin: 0px !important;
        padding: 0px !important;
        line-height: 50px !important;
        font-size: 1.2em !important;
    }
    .announce p i.fa {
        font-size: 1.2em !important;
    }
    .navbar {
        border-radius: 0px !important;
    }
    #price-select select {
        font-size: 1.2em;
    }
    .table_setumei td, .table_setumei th {
        vertical-align: top;
        font-size: 1.2em;
    }
    #pricedivbox h4 {
        font-size: 1.6em;
    }
    #price-table-wrap {
        border: none;
    }
    .table-responsive {
        border: none !important;
    }
    ul.nav li.dropdown:hover>ul.dropdown-menu {
        display: block;
    }
    .yamm-content {
        display: block;
    }
    #new_order_form {
        float: none;
        margin-bottom: 50px;
    }
    #new_order_form form label.mfp {
        margin-top: 0em !important;
    }
    .order_back {
        background-color: #f0f0f0;
        margin-bottom: 3em;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        padding-top: 20px;
        padding-bottom: 40px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .toggleHbtn h3, .toggleHbtn h4, .toggleHbtn h5, .toggleHbtn h6 {
        font-size: 1.3em !important;
        display: inline-block;
        float: left;
        vertical-align: middle;
    }
    .toggleHbtn span {
        margin-top: 2em;
        margin-left: 1.5em;
    }
    .btn_big {
        font-size: 1.2em !important;
        width: 100%;
        line-height: 3em;
        margin-bottom: 2em;
    }
    #testdiv {
        height: 500px;
        background-color: #CDCDCD;
    }
    #temp-in form input {
        width: 100%;
    }
    #temp-in form textarea {
        width: 100%;
    }
    #kanren-item p {
        line-height: 1em;
        font-size: 1em;
    }
    #item-main-sentence h2 {
        margin-top: 0px;
    }
    .order-req-wrap .order-req-text {
        padding-top: 0em;
    }
    nav#top-nav .navbar-brand {
        margin-right: 70%;
    }
}



@media (min-width:760px) {
    #defaultNavbar1 ul.navbar-right {
        display: none;
    }
}

/* タブレット以上 */
@media (min-width:992px) {
    #sale_banner {
        position: fixed;
        width: 100px;
        height: 100px;
        bottom: 50px;
        left: 50px;

    }
    #oripmapBody #item-con .row--v-middle h3 {
        font-size: 26px;
        text-align: left;

    }

    .tophtag {
        font-size: 40px !important;
    }

    .margin_buttom_s {
        margin-bottom: 13px;
    }
    #flyer-picker label p {
        font-size: 0.9rem;
        margin-top: .8rem;
    }

/* ボーダー */

.head-border {
    position: relative;
    display: inline-block;
    padding: 0 55px;
}

.head-border:before,
.head-border:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 200px;
    height: 1px;
    background-color: #0e0d0d;
}

.head-border:before {
    left: 0;
}

.head-border:after {
    right: 0;
}
    /* ボーダー */
    .labelsort1 label {
        position: relative;
        width: 24%;

    }
    #top_nav_fixd li.dropdown,
    #top_nav_fixd li.subdrop {
        font-size: 14px;
    }


    nav#top-nav .dropdown:hover>.dropdown-menu {
      display: block;
    }

    .text_maisu {
        font-size: 1.3rem;

    }

    #cart-xs {
      display: none;
    }

    nav#top-nav .navbar-brand {
        margin-right: 1%;
    }

    nav#top-nav .dropdown-menu {
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    nav#top-nav li {
        font-size: .75rem;
    }

    nav#top-nav .dropdown-menu a {
        line-height: 2rem;
        color: #141313;
        width: 100%;
    	text-decoration: none;
    }
    nav#top-nav .dropdown-menu a:hover,
    nav#top-nav .dropdown-menu a:active {
        background-color: #FF0000;
        color: #fff;
        display: block;
    }

	.new_price_wrap #flyer-picker ul.thumbnails li {
		flex: 0 0 24%;

	}

	.order-btn-1 {
		padding: 0 0px 0;
	}



	#order1 #cart-product {
		padding: 0 3% 0;
	}

    #oripmapBody article #con-top section>h2,
    #oripmapBody main h1 {
		font-size: 48px;
		margin: 0;
		padding: 0;
		line-height: 1.5em;
		text-align: center;
		letter-spacing: 0.6em;
		background: linear-gradient(transparent 60%, yellow 60%);
	}

    #oripmapBody #katuyourei {
        text-align: center;
        margin-bottom: 0px;
        margin-top: 100px;
    }

    #design_select_con [class*="col-"] {
        background-color: #ffffff;
        padding: 0 24px;
    }

	#oripmapBody article #con-top section>h2 {
		font-size: 40px;
	    margin: 0;
	    padding: 0;
	    line-height: 1.5em;
	    text-align: center;
	    letter-spacing: 0.5em;
	    background: linear-gradient(transparent 60%, yellow 60%);
	}
    #chirashi-page main h1+p,
	#gift-top>h2+p,
	#wrap-top article>h1+p,
	#wrap-top>h2+p,
	#oripmapBody article h1+p,
	#oripmapBody #con-top>h2+p,
	article #con-top section>h2+p,
	#ticket-page article>h1+p,
	#ticket-page #ticket-top h1+p,
	#chirashi-page article>h1+p,
	article #shopcard-top h1+p,
	#shopcard-top>h2:first-child+p,
	#tag-goods #price-top>h2+p,
	#postcard-page article>h1+p  {
	    margin: 0 15px;
	    font-size: 14px;
	    line-height: 1.5em;
	    text-align: center;

	}

  #desginselect-ichiran img {
      margin-bottom: 15px;
  }

  #order1 #kaitori_op .modal-body p,#order1 #omakase_op .modal-body p,#order1 #kihon_op p,#order1 #nouki_op p,#design-price #kaitori_op .modal-body p,#design-price #omakase_op .modal-body p, #design-price #kihon_op .modal-body p, #design-price #nouki_op .modal-body p {
      margin: 0.5em 0 2em ;
      font-size: 16px;
  }

  .modal.fade .modal-dialog{
    transition-duration: 0.5s;
    transform: translate3d(0, -5%, 0);
  }

  .modal.in .modal-dialog{
    transition-duration: 0.5s;
    transform: translate3d(0, 0, 0);
    }


  .navbar-brand::after {

      content: '';
      display: none;

  }


  #design-price h1 {
      font-size: 46px;

  }


	#chatplusview.chatplusview-modern {
		height: 75%;
	}

	#top-img-riyou-icon {
	    position: absolute;
	    top: -70px;
	    right: 0;
	}
    .newPricebtnbox {
        margin: 100px auto 70px;
    }
    .newPricebtnbox p {
      /* -webkit-writing-mode: vertical-rl; */
      -ms-writing-mode: tb-rl;
      /* writing-mode: vertical-rl; */
      color: #fff;
      font-size: 26px;
      text-align: center;
      /* position: absolute; */
      /* left:50%; */
      /* transform:translate(-50%, 0%); */
      line-height: 85px;
      background-color: #ff6633;
      width: 90%;
      border-radius: 5px;
      box-shadow: 0 0 8px gray;
      vertical-align: middle;

  }
  .newPricebtnbox::before {
      font-size: 30px;
      white-space: pre;
      text-align: center;
  }

  .newPricebtnbox p i {
    vertical-align: middle;
    margin-right: 30px;
  }
  .index-mitumori {
    background-color: #f57111;
    color: #ffff;
    padding: 40px 20px 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
  }


  .top-setumei-box h2 {
    font-size: 30px;
  }

  .top-setumei-box p {
    font-size: 18px;
  }

  #ori-design {
    margin-top: 150px;
  }



    #order-item-in {
        padding-top: 0em;
        padding-left: 0em;
        padding-right: 0em;
        padding-bottom: 0em;
    }

	.point {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top:35%;
		color: #f3d8d8 !important;
		font-size: 26px !important;
		font-weight: bold;
		 transform: rotate(-45deg);
	}

	#op-panel-box p {
        font-size: 12px;
    }

	.add-con {
	    border-top: 1px dotted #0f0e0f;
	    padding-top: 2em;
        padding-bottom: 2em;
		margin-left: auto;
		margin-right: auto;
		width: 97%;
	}
    #orderpage-top {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
	#op-panel-wrap {
		width: 95%;
		max-width: 1500px;
		margin-left: auto;
        margin-right: auto;
	}
	#price-total1 p {
        font-size: 20px ;
        margin-top: 20px ;
    }

    #orderpage-top-back {
        /*background-color: #f8f8e9;*/
        padding: 15px;
    }

	.price-box-wrap button#submit_buy {
	    margin-top: 70px;
	    font-size: 17px;
	    width: 100%;
	    padding-top: 1em;
	    padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;

        color: #fff;

	}
	#cart-step1-2 .price-box-wrap button#submit_buy {
	    margin-top: 30px;
	    font-size: 17px;
	    width: 100%;

	    padding-top: 1em;
	    padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}

    #top-kotei {
        position: fixed;
        top:0px !important;

        z-index: 999;
        margin: 0;
        width: 100%;
        height: 50px;

        /*中央寄せ
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        */

        background-color: #f2e5e5;
        color: #0d0101;
    }





    .mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
        font-size: 16px;
    }

    #order-step-box p {
        font-size: 20px;
        line-height: 60px;
    }

    #design-price .modal-dialog {
        width: 900px;
    }

    #oripam-price #temp-in2 ul.thumbnails.image_picker_selector li .thumbnail p {
        font-size: 10px;
    }

    #renraku {
        background-color: #FFEB3B;
        padding: 50px 0px;
    }

    #renraku p {
        font-size: 18px;
    }


    #price-button-yoko:hover, #designselect-button-yoko:hover, #sample-button-yoko:hover {
        opacity: 0.7;
    }


    #design_select_setumei h3 {
        font-size: 28px;
    }

    #designDescription {
        margin-bottom: 30px;
    }
    #temp-in #designDescription h2 {
        font-size: 18px;
        margin-top: 0px;

    }
    #ori-design h4 {
        text-align: left;
        font-size: 34px;

    }
    #temp-in #designDescription p {
        font-size: 14px;
    }


    #payment .modal-body,
    #desele-modal .modal-body,
    #order-nouki-box .modal-body {
        padding: 50px;

    }

    /*注文フォームカート*/

    #order1 .order-hosoku p {
        font-size: 14px;
    }


    #order-step-box2>i {
        float: left;
        line-height: 60px;
        text-align: center;
        font-size: 20px;
        width: 4%;
        color: #908c8c;
    }

    #order-step-box2 p {
        font-size: 20px;
        line-height: 60px;
        margin: 0;
    }

    #order-step-box2 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    #order-step-box2 .order-step,#order-step-box2 .order-step-in {
        float: left;
        border: 1px solid #908c8c;
        text-align: center;
        height: 60px;
        width: 22%;

    }
    .orer-size-midashi {
        font-size: 18px;
        margin-bottom: 15px;
    }


    #order1 label {
        font-size: 10px;
    }

	.order-setumei-box2 {
        width: 34%;
        margin: 0;
        padding: 0 1em !important;
        float:left;
    }
	.order-setumei-box {
        width: 34%;
        margin: 0;
        padding: 0 1em !important;
        float:left;
    }
    #order-price-in {
        width: 35%;
        margin: 0;
        padding: 0 1em;
        float: left;
        text-align: right;

    }
	#order-price-in2 {
        width: 35%;
        margin: 0;
        padding: 0 1em;
        float: right;
        text-align: right;

    }
	#order-price-in2 p {
        font-size: 14px;
		line-height: 1.3em;
		margin: 0;

    }

     #order-price-in h5{
         font-size: 18px;
     }
    .price-box-wrap {
        width: 30%;
        float: left;
        position: relative;
        box-shadow: none;
        border: none;
        height: auto;

    }

    .order-setumei-wrap {
        width: 68%;
        float: left;
        border-bottom: none;
    }

    .order-img-box {
        width: 27%;
        margin: 0;
        padding: 0;
        float: left;
    }



    #order1 .order-setumei-box p {
        font-size: 10px;
    }

    h1.order-midashi2 {
        font-size: 24px;
        line-height: 2em;
        margin-bottom: 25px;
    }



    /*注文フォームカート*/

    #order-modole2 p {
        margin-top: 0em;
        margin-bottom: 1em;
        font-size: 14px;
    }

    #price-table-wrap table td:hover::after {
        content: '\f25a \00a0 価格をクリックでお見積(カート内)へ';
        font-family: Fontawesome;
        position: absolute;
        background-color: #0e0e0e;
        padding: 1em 2em;
        color: #fdfafa;
        z-index: 999;

        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        opacity: 0.8;

    }

    #item-con {
        margin-bottom: 30px;
        margin-top: 0px;
    }


    #tophe-btn {

        position: fixed;
        bottom: 100px !important;
        left: 15px !important;
        right: inherit;
        text-align: center;
        z-index: 999;
        margin: 0;
    }
    #price-button-yoko {
        position: fixed;
        top: 130px !important;
        right: 0px;
        left: inherit;
        text-align: center;
        z-index: 4;
        margin: 0;
        width: 54px;
        height: 200px;
        background-color: #ec6a0a;
        color: #fff;
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        border-radius:  0px;
    }
    #price-button-yoko p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #fff;
        top: 0;
        bottom: 0;
        font-size: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    #sample-button-yoko {
        position: fixed;
        top: 350px !important;
        right: 0px;
        text-align: center;
        z-index: 9999;
        margin: 0;
        width: 54px;
        height: 200px;
        background-color: #424244;
        color: #fff;
        display: block;
    }
    #sample-button-yoko p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #fff;
        top: 0;
        bottom: 0;
        font-size: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
		margin: 0;
    }
    #designselect-button-yoko {
        position: fixed;
        top: 360px !important;
        right: 0px;
        left: inherit;
        text-align: center;
        z-index: 999;
        margin: 0;
        width: 54px;
        height: 200px;
        background-color: #ee9301;
        color: #fff;
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        border-radius:  0px;
    }
    #designselect-button-yoko p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #050505;
		background-color: #ffda04;
        top: 0;
        bottom: 0;
        font-size: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
    }
	#designselect-button-yoko p::after {
	    content: '';
	    font-family: FontAwesome;
	}
    .sweet-alert .icon.custom {
        width: 200px !important;
        height: 200px !important;
    }
    #price-rei h4, #kakaku-re h4 {
        font-size: 16px
    }
    #price-case td, #price-rei td, #kakaku-rei td {
        font-size: 12px;
    }
    .help-new ul li {
        display: block;
        float: left;
        list-style: none;
        text-align: center;
        width: 24%;
        margin-right: 1%;
        margin-bottom: 10px;
        background-color: #d0cdcd;
        color: #5d5a5a;
        line-height: 4em;
    }
    .help-new ul a li {
        color: #5d5a5a;
        font-size: 12px;
    }
    .help-new ul a:hover {
        color: #2b2a2a;
        background-color: #52A3AA;
    }
    .help-new ul li:hover {
        color: #2b2a2a;
        background-color: #52A3AA;
    }
    #price-jyoken-now h4 {
        font-size: 30px;
        background: linear-gradient(transparent 60%, yellow 60%);
        margin-bottom: 1em;
    }
    #tem-foot-come h4 {
        font-size: 22px;
        color: #00a29a;
        margin: 30px 0 20px;
    }
    #tem-foot-come h3 {
        font-size: 30px;
        color: #0d0d0d;
        margin: 20px 0 30px;
    }
    #price-scloll-boxwrap .five .nav li {
        font-size: 12px;
    }
    #order-op-box select {
        font-size: 13px;
    }
    #order-op-box img {
        width: 100%;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    #price-rei td, #price-case td, #kakaku-rei td {
        font-size: 10px;

    }

    #price-rei h4, #price-case h4, #kakaku-rei h4 {
        font-size: 14px;
    }
    #price-rei ul li, #price-case ul li {
        font-size: 10px;
    }
    #new-pricelist #price-title-box h2, #new-pricelist #price-title-box h1, #item-main #price-title-box h2, #item-main #price-title-box h1 {
        line-height: 1.5em;
        font-size: 40px;
        margin: 0;
        font-weight: bold;
    }
    article>h1 {
        font-size: 5em;
        line-height: 1.3em;
        text-align: center;
        font-weight: normal;
    }
    #top-img-kari {
        min-height: 200px;
        max-height: 660px;
        background: #e4e7de url("../img/hanyou/top/top-top4-min.jpg") center bottom no-repeat;
        background-size: auto 100%;
        margin: 0 auto;
    }
    #top-img1 {
        min-height: 200px;
        max-height: 660px;
        background: #e4e7de url("../img/hanyou/top/top-top4-min.jpg") center bottom no-repeat;
        background-size: auto 100%;
        margin: 0 auto;
    }
    #top-box {
        min-height: 500px;
        max-height: 660px;
        background: #e4e7de url("../img/product/ticket/top-back.jpg") center bottom no-repeat;
        background-size: auto 100%;
        margin: 0 auto;
    }
    #top-box h1 {
        font-size: 70px;
        text-align: center;
        font-weight: bold;
        color: black;
        margin-top: 50px;
    }
    #top-img2 {
        min-height: 200px;
        max-height: 600px;
        background: #e4e7de url("../img/hanyou/top/top-top2.jpg") 75% 0px no-repeat;
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0 auto;
    }
    #top-shop-img {
        max-height: 660px;
        background-size: auto 100%;
        margin: 0 auto;
        padding-top: 100px;
        padding-bottom: 100px
    }
    #top-shop-img h1, #to-pshop-img h2 {
        color: #fff;
        font-weight: bold;
        font-size: 500%;
        line-height: 1.3;
        margin-bottom: 3%;
        text-shadow: 0px 4px 1px #e55813, 0px 3px 1px #e55813, 1px 3px 1px #e55813, 2px 3px 1px #e55813, 2px 2px 1px #e55813, 3px 2px 1px #e55813, 3px 1px 1px #e55813, 3px 0px 1px #e55813, 4px 0px 1px #e55813, 3px -1px 1px #e55813, 3px -2px 1px #e55813, 3px -3px 1px #e55813, 2px -3px 1px #e55813, 2px -4px 1px #e55813, 1px -4px 1px #e55813, 0px -4px 1px #e55813, -1px -4px 1px #e55813, -2px -4px 1px #e55813, -3px -4px 1px #e55813, -3px -3px 1px #e55813, -4px -3px 1px #e55813, -4px -2px 1px #e55813, -4px -1px 1px #e55813, -4px 0px 1px #e55813, -4px 1px 1px #e55813, -4px 2px 1px #e55813, -3px 2px 1px #e55813, -3px 3px 1px #e55813, -2px 3px 1px #e55813, -1px 3px 1px #e55813;
        filter: dropshadow(color=#e55813, offx=0, offy=4, positive=1), dropshadow(color=#e55813, offx=3, offy=2, positive=1), dropshadow(color=#e55813, offx=3, offy=-1, positive=1), dropshadow(color=#e55813, offx=1, offy=-4, positive=1), dropshadow(color=#e55813, offx=-2, offy=-4, positive=1), dropshadow(color=#e55813, offx=-4, offy=-2, positive=1), dropshadow(color=#e55813, offx=-4, offy=2, positive=1), dropshadow(color=#e55813, offx=-1, offy=3, positive=1);
    }
    #top-shop-img p {
        font-size: 2.5em;
    }
    #top-img1 h2, #top-img2 h2, #top-img-kari h2, #top-img1 .top-imgH ,#top-img2 .top-imgH  #top-img-kari .top-imgH {
        color: #fff;
        font-weight: bold;
        font-size: 420%;
        line-height: 1.3;
        margin-bottom: 3%;
        text-shadow: 0px 4px 1px #e55813, 0px 3px 1px #e55813, 1px 3px 1px #e55813, 2px 3px 1px #e55813, 2px 2px 1px #e55813, 3px 2px 1px #e55813, 3px 1px 1px #e55813, 3px 0px 1px #e55813, 4px 0px 1px #e55813, 3px -1px 1px #e55813, 3px -2px 1px #e55813, 3px -3px 1px #e55813, 2px -3px 1px #e55813, 2px -4px 1px #e55813, 1px -4px 1px #e55813, 0px -4px 1px #e55813, -1px -4px 1px #e55813, -2px -4px 1px #e55813, -3px -4px 1px #e55813, -3px -3px 1px #e55813, -4px -3px 1px #e55813, -4px -2px 1px #e55813, -4px -1px 1px #e55813, -4px 0px 1px #e55813, -4px 1px 1px #e55813, -4px 2px 1px #e55813, -3px 2px 1px #e55813, -3px 3px 1px #e55813, -2px 3px 1px #e55813, -1px 3px 1px #e55813;
        filter: dropshadow(color=#e55813, offx=0, offy=4, positive=1), dropshadow(color=#e55813, offx=3, offy=2, positive=1), dropshadow(color=#e55813, offx=3, offy=-1, positive=1), dropshadow(color=#e55813, offx=1, offy=-4, positive=1), dropshadow(color=#e55813, offx=-2, offy=-4, positive=1), dropshadow(color=#e55813, offx=-4, offy=-2, positive=1), dropshadow(color=#e55813, offx=-4, offy=2, positive=1), dropshadow(color=#e55813, offx=-1, offy=3, positive=1);
    }
    #top-img-textbox p, #top-sho-img p {
        color: #000;
        font-size: 1.3em;
        line-height: 1.3em;
        margin: 0 0;
    }
    #top-img-textbox p span {
        font-size: 1.5em;
    }
    #defaultNavbar1 ul.navbar-right {
        display: none;
    }
    #top-nav {

        margin-bottom: 0;
    }
    #temp-in article h1 {
        font-size: 2em;
    }

    #cart-lust-probox {
        margin-top: 0em;
    }

}

/* デスクトップ */

@media (min-width:1200px) {

    #sale_banner {
        position: fixed;
        width: 150px;
        height: 150px;
        bottom: 100px;
        left: 100px;

    }

    .margin_buttom_s {
        margin-bottom: 25px;
    }

    #flyer-picker label p {
        font-size: 1.1rem;
        margin-top: .5rem;
    }

    /* ボーダー */

    .head-border {
        position: relative;
        display: inline-block;
        padding: 0 55px;
    }

    .head-border:before,
    .head-border:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 25%;
        height: 1px;
        background-color: #0e0d0d;
    }

    .head-border:before {
        left: 0;
    }

    .head-border:after {
        right: 0;
    }

    nav#top-nav .navbar-brand {
        margin-right: 1%;
    }
    nav#top-nav li {
        font-size: 1rem;
    }

	.new_price_wrap #flyer-picker ul.thumbnails li {
		flex: 0 0 19%;

	}

    #cart-lust-probox {
        margin-top: 0em;
    }


	#oripmapBody article #con-top section>h2 {
		font-size: 40px;
	    margin: 0;
	    padding: 0;
	    line-height: 1.5em;
	    text-align: center;
	    letter-spacing: 1em;
	    background: linear-gradient(transparent 60%, yellow 60%);
	}

  #payment label,
  #deri_ad label,
  #receipt label {
    font-size: 16px;
  }

	#top-img-riyou-icon {
	    position: absolute;
	    top: -70px;
	    right: 0;
	}



  .index-mitumori {
    background-color: #f57111;
    color: #ffff;
    padding: 40px 20px 20px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;

  }
  #top-img-riyou-icon .fas {
    top: -80px;
		font-size: 4em;

  }

    #order1 #cart-product p {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
        font-size: 10px ;
        line-height: 1.5em ;
        margin: 0 ;
		font-weight: 100;
    }

    #order-item-in .cart-form button,
    #order-item-in .cart-form input {
        font-size: 14px;
    }

	#op-panel-box p {
        font-size: 14px;
    }
	#price-total1 p {
        font-size: 24px ;
        margin-top: 20px ;
    }
    #order1 label {
        font-size: 10px;
    }
	.price-box-wrap button#submit_buy {
	    margin-top: 70px;
	    font-size: 20px;
	    width: 100%;
	    padding-top: 1em;
	    padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}
	#cart-step1-2 .price-box-wrap button#submit_buy {
	    margin-top: 30px;
	    font-size: 20px;
	    width: 100%;
	    padding-top: 1em;
	    padding-bottom: 1em;
		padding-left: 2em;
		padding-right: 2em;
	}
    #chirashi-page main h1,
    #wrap-top article>h1,
    #wrap-top>h2,
    #ticket-page article>h1,
    #ticket-page #ticket-top h1,
    #tag-goods #price-top>h1,
    #tag-goods #price-top>h2,
    #chirashi-page article>h1 {
        font-size: 40px;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 2em;
        background: linear-gradient(transparent 60%, yellow 60%);

    }
    #tem-foot-come h4 {
        font-size: 26px;
        color: #00a29a;
        margin: 30px 0 20px;
    }
    #tem-foot-come h3 {
        font-size: 36px;
        color: #0d0d0d;
        margin: 20px 0 30px;
		text-align: left;
    }
    #order-op-box img {
        width: 100%;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    .new-product-page #price-rei td, #price-case td, #kakaku-rei td,
    .new-product-page #price-rei ul li, #price-case ul li, #kakaku-rei ul li {
        font-size: 16px;
    }
    #price-rei td, #price-case td, #kakaku-rei td {
        font-size: 10px;
    }
    #price-rei h4, #price-case h4, #kakaku-rei h4 {
        font-size: 16px
    }
    #price-rei ul li, #price-case ul li, #kakaku-rei ul li {
        font-size: 12px
    }

    #defaultNavbar1 ul.navbar-right {
        display: inline;
    }
    .top-box-img {
        width: 250px;
        position: absolute;
        left: 10%;
        top: 10px;
    }
}
@media (min-width:1300px) {
	#price-select-panel .pop-hover {
	    font-size: 150%;
	    color: #069dbf;
	}

}

@media (min-width:1400px) {

    #top_nav_fixd li.dropdown,
    #top_nav_fixd li.subdrop  {
        font-size: 14px;
    }
    nav#top-nav li {
        font-size: 1rem;
    }

    #order-cart-lust nav#top-nav li {
        font-size: .94rem;
    }


	#price-select-panel .pop-hover {
	    font-size: 150%;
	    color: #069dbf;
	}


    #order-item-in .cart-form button,
    #order-item-in .cart-form input {
        font-size: 14px;
    }
	#order1 label {
        font-size: 12px;
    }

	#op-panel-box p {
        font-size: 18px;
    }
	#order1 .order-setumei-box p,
	#order1 .order-setumei-box1 p {
        font-size: 13px;
    }
    #orderpage-top {
        width: 90%;
		max-width: 1500px;
        margin-left: auto;
        margin-right: auto;

    }
	#op-panel-wrap {
		width: 90%;
		max-width: 1500px;
		margin-left: auto;
        margin-right: auto;
	}
    #price-total1 p {
        font-size: 26px;

    }
	.price-box-wrap button#submit_buy {
	    margin-top: 70px;
	    font-size: 20px;
	    width: 100%;
	    padding-top: 1em;
	    padding-bottom: 1em;
		padding-left: 2em;
		padding-right: 2em;
	}

	#cart-step1-2 .price-box-wrap button#submit_buy {
	    margin-top: 30px;
	    font-size: 20px;
	    width: 100%;
	    padding-top: 1em;
	    padding-bottom: 1em;
		padding-left: 2em;
		padding-right: 2em;
	}
    #kakaku-rei-inner li {
        font-size: 14px;
        font-weight: normal;
    }
    #kakaku-rei-inner td {
        font-size: 12px;
    }
    #price-button-yoko {
        top: 150px !important;
    }
    #sample-button-yoko {
        top: 380px !important;
    }
    #designselect-button-yoko {
        top: 610px !important;
    }

    .top-box-img {
        width: 250px;
        position: absolute;
        left: 25%;
        top: 5px;
    }
}