@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:999px){

/*STYLE*/
.pc,.tb {
display:none;
}

.wrap {
overflow-x:hidden;
}



/*LOGIN*/
#login {
width:100vw;
height:100vh;
background:#faf5eb;
display:flex;
justify-content:center;
align-items:center;
}

#login .login_cts {
width:90%;
background:#fff;
padding:40px 20px 20px;
position:relative;
border-radius:15px;
}

#login .login_cts .logo {
width:50%;
margin:0 auto 30px;
}

#login .login_cts .copy {
font-size:90%;
text-align:center;
padding-bottom:20px;
}

#login .login_cts .caution {
width:100%;
margin:auto;
}

#login .login_cts .caution p {
font-size:80%;
font-weight:bold;
color:#e6321e;
padding-bottom:0;
}

#login .login_cts .caution p:last-child {
padding-bottom:15px;
}

#login form {
}

#login form .login {
text-align:center;
margin-bottom:15px;
}

#login form input {
border:#f0a046 2px solid;
}

#login form input:focus {
border:#fa4646 2px solid;
}

#login form input placeholder {
color:#000;
}

#login form .login .style_id {
width:100%;
padding:12px 20px;
border-radius:8px;
}

#login form .login .style_pass {
width:100%;
padding:12px 20px;
border-radius:8px;
}

#login form .login_btn {
text-align:center;
}

#login form .login_btn .style_login {
font-size:90%;
font-weight:bold;
background:#fa4646;
color:#fff;
border:none;
border-radius:10vw;
padding:12px 35px;
cursor:pointer;
}

#login form .login_btn .style_login:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#login .forget {
font-size:70%;
padding-top:30px;
text-align:center;
}

#login .copyright {
font-size:70%;
color:#aaa;
position:absolute;
bottom:-45px;
left:0;
right:0;
text-align:center;
}



/*HEADER*/
header {
width:100%;
background:#faf5eb;
position:fixed;
top:0;
left:0;
z-index:99;
}

header .cts {
width:94%;
height:60px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
}

header .logo {
width:60%;
}

header .menu {
width:38px;
height:38px;
position:fixed;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
z-index:999;
top:11px;
right:15px;
}

header .sp_search {
width:26px;
height:26px;
position:fixed;
top:18px;
right:75px;
cursor:pointer;
z-index:990;
}

header .sp_search.show {
opacity:0.5;
}

header .sp_search_close {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:999;
display:none;
cursor:pointer;
transition:0.5s;
}

header .sp_search_close.show {
display:block;
background:rgba(255,255,255,0.7);
}

header .menu span {
width:100%;
height:2px;
background:#f096b4;
position:absolute;
display:block;
transition:0.5s;
}

header .menu span:first-child {
top:6px;
}

header .menu span.show:first-child {
top:18px;
transform:rotate(45deg);
}

header .menu span:nth-child(2) {
}

header .menu span.show:nth-child(2) {
opacity:0;
}

header .menu span:last-child {
bottom:6px;
}

header .menu span.show:last-child {
bottom:18px;
transform:rotate(-45deg);
}

header .nav_close {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:997;
display:none;
cursor:pointer;
transition:0.5s;
}

header .nav_close.show {
display:block;
background:rgba(255,255,255,0.7);
}

header .navs {
width:70vw;
height:100%;
border-left:#f096b4 1px solid;
background:rgba(255,255,255,0.9);
position:relative;
position:fixed;
top:0;
left:0;
z-index:998;
transform:translate(100vw,0);
transition:0.5s;
padding:40px 20px 20px;
}

header .navs.show {
transform:translate(30vw,0);
}

header .navs .loginfo {
padding-top:12px;
}

header .navs .loginfo .users {
padding-bottom:15px;
}

header .navs .loginfo .users .user {
font-size:80%;
font-weight:bold;
line-height:150%;
}

header .navs .loginfo .users .user .sama {
}

header .navs .loginfo .users .id {
font-size:60%;
line-height:135%;
}

header .navs .loginfo .users .id span {
}

header .navs .loginfo .logouts {
display:inline-block;
margin-left:15px;
position:absolute;
bottom:15px;
right:15px;
}

header .navs .loginfo .logouts a {
display:flex;
justify-content:center;
align-items:center;
border:#999 1px solid;
padding:3px 10px;
background:#fff;
border-radius:6px;
}

header .navs .loginfo .logouts .logout {
width:24px;
}

header .navs .loginfo .logouts .logout img {
width:24px;
transform:scale(0.5);
}

header .navs .loginfo .logouts p {
font-size:70%;
line-height:100%;
color:#999;
}

header .navs .grobal {
}

header .navs .grobal nav {
width:100%;
margin-bottom:10px;
}

header .navs .grobal nav:last-child {
margin-bottom:0;
}

header .navs .grobal nav a {
width:100%;
display:flex;
justify-content:center;
align-items:center;
position:relative;
border-radius:10px;
padding:12px 20px;
}

header .navs .grobal nav a p {
line-height:100%;
}

header .navs .grobal nav:first-child a {
background:#ff6464;
}

header .navs .grobal nav:nth-child(2) a {
background:#a0c8dc;
}

header .navs .grobal nav:nth-child(3) a {
background:#f0a0be;
}

header .navs .grobal nav:nth-child(4) a {
background:#8cc8be;
}

header .navs .grobal nav:nth-child(5) a {
background:#ff9696;
}

header .navs .grobal nav:nth-child(6) a {
background:#b496c8;
}

header .navs .grobal nav .icon {
width:40px;
height:40px;
position:absolute;
left:5px;
}

header .navs .grobal nav .icon img {
width:40px;
height:40px;
transform:scale(0.5);
transform-origin:center;
}

header .navs .grobal nav:first-child .icon img {
width:50px;
height:40px;
transform:scale(0.5);
transform-origin:center;
}

header .navs .grobal nav p {
color:#fff;
font-size:80%;
font-weight:400;
line-height:100%;
padding-left:20px;
}

header .navs .grobal .sp_menu {
}

header .navs .grobal .sp_menu .navi {
border-bottom:#e1e1e1 1px solid;
font-size:80%;
}

header .navs .grobal .sp_menu .navi a {
padding:7px 0;
display:block;
}



/*LAYOUT*/
#container {
width:100%;
margin:auto;
}

#container.under {
padding-top:80px;
}

#container .left_cts {
width:100%;
}

#container #contents {
width:94%;
margin:0 auto 30px;
}

.title_bar{
width:100%;
margin-bottom:15px;
border-bottom:#ccc 3px solid;
}

.title_bar .title {
width:200px;
padding-bottom:10px;
}



/*PRODUCT*/
.products {
display:flex;
flex-wrap:wrap;
}

.products a.productlink {
width:48%;
margin:0 4% 20px 0;
}

.products a.productlink:nth-child(2n) {
margin-right:0;
}

.products .product .thumbnail {
width:100%;
height:auto;
position:relative;
margin-bottom:10px;
}

.products .product .thumbnail .photo img {
border-radius:6px;
border:#aaa 3px solid;
}

.products .product.xl .thumbnail .photo img {
border-radius:6px;
border:#6cbb59 3px solid;
}

.products .product.big .thumbnail .photo img {
border-radius:6px;
border:#e9609e 3px solid;
}

.products .product.std .thumbnail .photo img {
border-radius:6px;
border:#a675b0 3px solid;
}

.products .product.min .thumbnail .photo img {
border-radius:6px;
border:#f29700 3px solid;
}

.products .product .thumbnail .size {
display:inline-block;
background:#aaa;
position:absolute;
bottom:0;
left:0;
border-radius:0 6px 0 6px;
padding:5px 10px;
font-size:70%;
color:#fff;
}

.products .product.xl .thumbnail .size {
background:#6cbb59;
}

.products .product.big .thumbnail .size {
background:#e9609e;
}

.products .product.std .thumbnail .size {
background:#a675b0;
}

.products .product.min .thumbnail .size {
background:#f29700;
}

.products .product .thumbnail .icon {
width:20px;
position:absolute;
bottom:10px;
right:10px;
}

.products .product .thumbnail .quick {
width:35px;
position:absolute;
top:8px;
left:8px;
}

.products .product.selected {
}

.products .product.selected .thumbnail {
}

.products .product.selected .thumbnail .pre_order {
position:absolute;
top:0;
right:0;
background:#fa4646;
display:flex;
justify-content:center;
border-radius:0 10px 0 10px;
padding:5px 10px;
}

.products .product.selected .thumbnail .pre_order img {
width:15px;
}

.products .product.selected .thumbnail .pre_order p {
font-size:80%;
color:#fff;
padding-left:5px;
}

.products .product.selected .thumbnail .photo img {
border:#fa4646 4px solid;
}

.products .product.selected .thumbnail .size {
background:#fa4646;
}

.products .product .number_release {
display:flex;
justify-content:space-between;
align-items:center;
}

.products .product .number_release .number {
font-size:70%;
color:#969696;
}

.products .product .number_release .release {
font-size:60%;
line-height:100%;
padding:3px 5px;
border:#aaa 1px solid;
color:#aaa;
}

.products .product .ip {
font-size:80%;
font-weight:400;
}

.products .product .name {
font-size:90%;
font-weight:bold;
}

.products .product .price {
font-size:90%;
font-weight:bold;
color:#e6321e;
}

.products .product .price .star {
padding-left:5px;
}



/*TOP_INDEX*/
#top_index {
background:linear-gradient(#fff,#fff,#faf5eb);
padding:80px 0 20px;
margin-bottom:30px;
}

#top_index.on {
background:#ffe8d9;
}

#top_index .index_titles {
width:94%;
margin:auto;
padding-bottom:15px;
position:relative;
}

#top_index .index_titles .index_title {
}

#top_index .index_titles .index_title .monthly_title {
display:flex;
margin-bottom:10px;
border-left:#ccc 5px solid;
padding:7px 0 5px 10px;
}

#top_index .index_titles .index_title .monthly_title .year_month {
font-size:120%;
font-weight:bold;
line-height:100%;
margin-right:15px;
}

#top_index .index_titles .index_title .monthly_title .year_month .month {
font-size:150%;
}

#top_index .index_titles .index_title .monthly_title .all {
font-size:70%;
font-weight:400;
background:#ccc;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
padding:5px 10px;
border-radius:6px;
}

#top_index .index_titles .index_title .index_btns {
display:flex;
align-items:center;
padding-bottom:0px;
}

#top_index .index_titles .index_title .index_btns .select_month {
display:flex;
justify-content:space-between;
width:100%;
}

#top_index .index_titles .index_title .index_btns .select_month .month {
display:flex;
align-items:center;
margin-right:7px;
background:#ccc;
padding:6px 10px;
border-radius:6px;
width:31%;
}

#top_index .index_titles .index_title .index_btns .select_month .month .item {
width:20%;
font-size:70%;
margin-right:10px;
text-align:center;
}

#top_index .index_titles .index_title .index_btns .select_month .month .cate {
width:80%;
}

#top_index .index_titles .index_title .index_btns .select_month .month .cate p {
margin-bottom:5px;
}

#top_index .index_titles .index_title .index_btns .select_month .month .cate p:last-child {
margin-bottom:0;
}

#top_index .index_titles .index_title .index_btns .select_month .month a {
display:block;
padding:3px 7px;
font-size:60%;
font-weight:400;
border:#ccc 1px dashed;
border-radius:10vw;
background:#fff;
text-align:center;
}

#top_index .index_titles .index_title .index_btns .select_month .month a.now {
pointer-events:none;
color:#fff;
}

#top_index .index_titles .index_title .btn_timely {
padding:10px;
font-size:70%;
font-weight:400;
line-height:100%;
color:#ff6400;
border:#ff6400 1px dashed;
border-radius:6px;
cursor:pointer;
background:#fff;
margin-left:5px;
}

#top_index .index_titles .index_title .btn_timely:before {
content:"タイムリー商品のみ表示";
}

#top_index .index_titles .index_title .btn_timely.on {
}

#top_index .index_titles .index_title .btn_timely.on:before {
content:"全商品へ戻す";
}

#top_index .index_titles .right_cts {
display:flex;
align-items:center;
position:absolute;
top:6px;
right:0;
}

#top_index .index_titles .right_cts .deadlines {
display:flex;
border:#ccc 2px solid;
margin-right:0 !important;
border-radius:6px !important;
background:#fff;
}

#top_index .index_titles .right_cts .deadlines .deadline {
background:#ccc;
color:#fff;
font-size:60%;
padding:5px 5px;
display:flex;
justify-content:center;
align-items:center;
border-radius:4px 0 0 4px;
}

#top_index .index_titles .right_cts .deadlines .day {
font-size:70%;
font-weight:bold;
text-align:center;
border-radius:0 4px 4px 0;
display:flex;
justify-content:center;
align-items:center;
padding:0 10px;
width:100px;
}

#top_index .index_titles .right_cts .print {
background:#f096b4;
padding:10px 10px;
border-radius:6px;
display:flex;
justify-content:center;
align-items:center;
display:none;
}

#top_index .index_titles .right_cts .print img {
width:20px;
}

#top_index .products {
display:flex;
justify-content:flex-start;
}


/*TOP_INDEX PRODUCT*/
#top_index .products {
width:94%;
margin:auto;
overflow-x:hidden;
overflow-y:scroll;
}

#top_index .products .productlink {
width:23.2%;
margin:0 2.4% 0 0;
background:#fff;
}

#top_index .products .indexitem {
margin:0 2.4% 2.4% 0;
}

#top_index .products .product {
}

#top_index .products .indexitem:nth-child(4n) {
margin-right:0;
}

#top_index .products .product .thumbnail {
width:100%;
height:auto;
position:relative;
margin-bottom:7px;
}

#top_index .products .product .thumbnail .photo img {
border-radius:3px 3px 0 0;
border:none;
}

#top_index .products .product.partition {
background:transparent;
width:23.2%;
padding-right:10px;
margin-bottom:2.4%;
}

#top_index .products .product .week {
width:100%;
height:100%;
border-radius:6px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

#top_index .products .product .week .release {
text-align:center;
}

#top_index .products .product .week .release .order {
font-size:90%;
font-weight:bold;
}

#top_index .products .product .week .release .period {
font-size:60%;
font-weight:400;
padding:0;
}

#top_index .products .product .week.week1 {
background:#ffc8c8;
}

#top_index .products .product .week.week1:after {
content:"";
width:10px;
height:20px;
border:transparent 10px solid;
border-left:#ffc8c8 10px solid;
position:absolute;
top:18vw;
right:-20px;
}

#top_index .products .product .week.week2 {
background:#a0d2e6;
}

#top_index .products .product .week.week2:after {
content:"";
width:10px;
height:20px;
border:transparent 10px solid;
border-left:#a0d2e6 10px solid;
position:absolute;
top:18vw;
right:-20px;
}

#top_index .products .product .week.week3 {
background:#fadc96;
}

#top_index .products .product .week.week3:after {
content:"";
width:10px;
height:20px;
border:transparent 10px solid;
border-left:#fadc96 10px solid;
position:absolute;
top:18vw;
right:-20px;
}

#top_index .products .product .week.week4 {
background:#b4dcd2;
}

#top_index .products .product .week.week4:after {
content:"";
width:10px;
height:20px;
border:transparent 10px solid;
border-left:#b4dcd2 10px solid;
position:absolute;
top:18vw;
right:-20px;
}

#top_index .products .product .week.week5 {
background:#dcc8e6;
}

#top_index .products .product .week.week5:after {
content:"";
width:10px;
height:20px;
border:transparent 10px solid;
border-left:#dcc8e6 10px solid;
position:absolute;
top:18vw;
right:-20px;
}

#top_index .products .product.xl {
border-radius:6px;
border:#6cbb59 2px solid;
}

#top_index .products .product.big {
border-radius:6px;
border:#e9609e 2px solid;
}

#top_index .products .product.std {
border-radius:6px;
border:#a675b0 2px solid;
}

#top_index .products .product.min {
border-radius:6px;
border:#f29700 2px solid;
}

#top_index .products .product .thumbnail .size {
display:inline-block;
background:#aaa;
position:absolute;
bottom:0;
left:0;
border-radius:0 6px 0 0;
padding:3px 5px;
font-size:60%;
color:#fff;
}

#top_index .products .product.xl .thumbnail .size {
background:#6cbb59;
}

#top_index .products .product.big .thumbnail .size {
background:#e9609e;
}

#top_index .products .product.std .thumbnail .size {
background:#a675b0;
}

#top_index .products .product.min .thumbnail .size {
background:#f29700;
}

#top_index .products .product .thumbnail .icon {
width:15px;
position:absolute;
bottom:5px;
right:5px;
}

#top_index .products .product .thumbnail .quick {
width:30px;
position:absolute;
top:5px;
left:5px;
}

#top_index .products .product .number {
font-size:60%;
color:#969696;
padding:0 10px;
}

#top_index .products .product .ip {
font-size:60%;
font-weight:400;
padding:0 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#top_index .products .product .name {
font-size:70%;
font-weight:bold;
padding:0 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#top_index .products .product .price {
font-size:60%;
font-weight:bold;
color:#e6321e;
padding:0 10px 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
letter-spacing:0;
}

#top_index .products .product .unit {
font-size:60%;
font-weight:bold;
color:#e6321e;
padding:0 10px;
display:none;
}

#top_index .products .product.selected .thumbnail .pre_order {
position:absolute;
top:0;
right:0;
background:#fa4646;
display:flex;
justify-content:center;
border-radius:0 6px 0 6px;
padding:5px 7px;
}

#top_index .products .product.selected .thumbnail .pre_order img {
width:15px;
}

#top_index .products .product.selected .thumbnail .pre_order p {
font-size:60%;
color:#fff;
padding-left:5px;
}

#top_index .noindex {
font-size:90%;
padding:50px 0;
text-align:center;
}



/*CONTENTS*/

/*MV*/
#contents .mv-container {
width:100%;
overflow:hidden;
/*margin-bottom:30px;*/
margin-bottom:30px;
}

#contents .mv-container .swiper-wrapper {
}

#contents .mv-container .swiper-wrapper .swiper-slide img {
border-radius:0;
}



/*SWIPER*/
.swiper-pagination {
position: relative;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
margin-top:15px;
}

.swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}

.swiper-pagination-bullet-active {
opacity:1;
background:#f0a046;
}



/*TIMELY ITEMS*/
#timely {
padding-bottom:0;
}

#timely .title_bar {
border-bottom:#ff6400 3px solid;
}

#timely .title_bar .title {
width:200px;
}

#timely .more_btn a {
background:#ff6400;
}



/*QUICK DELIVERY*/
#quick {
padding-bottom:50px;
}

#quick .quick_titles {
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
}

#quick .quick_titles .bar {
width:100%;
height:3px;
background:#ff6464;
position:absolute;
z-index:-1;
}

#quick .quick_titles .quick_title {
width:120px;
margin-left:15px;
}

#quick .quick_titles .quick_update {
font-size:80%;
padding:5px 10px;
border:#ff6464 1px solid;
background:#fff;
color:#ff6464;
border-radius:6px;
margin-right:15px;
}

#quick .more_btn a {
background:#ff6464;
}



/*INDEX*/
#index {
padding-bottom:50px;
}

#index .title_bar {
border-bottom:#f5b400 3px solid;
display:flex;
justify-content:space-between;
align-items:flex-end;
}

#index .title_bar .title {
width:105px;
}

#index .title_bar .monthly {
display:flex;
}

#index .title_bar .monthly .btn {
margin-left:12px;
}

#index .title_bar .monthly .btn a {
border:#aaa 1px dashed;
border-bottom:none;
padding:7px 15px;
display:block;
border-radius:6px 6px 0 0;
color:#aaa;
font-size:90%;
font-weight:400;
}

#index .monthly_nation {
display:none;
}

#index .monthly_nation .monthly {
display:flex;
justify-content:center;
padding-top:0;
}

#index .monthly_nation .monthly .btn {
margin:0 5px;
}

#index .monthly_nation .monthly .btn a {
width:80px;
height:40px;
border:#aaa 1px dashed;
display:flex;
justify-content:center;
align-items:center;
border-radius:20px;
color:#aaa;
font-size:90%;
font-weight:400;
}



/*THIS MONTH*/
#index .this_month {
padding-bottom:20px;
position:relative;
}

#index .this_month .monthly_title {
width:70%;
display:flex;
justify-content:space-between;
align-items:center;
background:#aaa;
padding:10px 15px 10px 20px;
border-radius:25px;
font-size:100%;
margin-bottom:10px;
}

#index .this_month .monthly_title .month {
font-size:150%;
}

#index .this_month .monthly_title .year_month {
font-weight:bold;
color:#fff;
}

#index .this_month .monthly_title .all {
width:110px;
height:26px;
color:#aaa;
background:#fff;
border-radius:15px;
font-size:80%;
font-weight:bold;
display:flex;
justify-content:center;
align-items:center;
}

#index .this_month .weeks {
display:flex;
margin-right:10px;
}

#index .this_month .weeks .week {
margin-right:5px;
}

#index .this_month .weeks .week a {
background:#d2d2d2;
border-radius:20px;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:70%;
padding:7px 10px;
}

#index .this_month .deadlines {
width:25%;
height:50px;
border:#aaa 2px solid;
border-radius:6px;
position:absolute;
top:0;
right:0;
}

#index .this_month .deadlines .deadline {
height:18px;
font-size:70%;
font-weight:400;
background:#aaa;
color:#fff;
text-align:center;
}

#index .this_month .deadlines .day {
height:26px;
font-size:90%;
font-weight:bold;
color:#aaa;
display:flex;
justify-content:center;
align-items:center;
}



/*FEATURE*/
#feature {
padding-bottom:50px;
}

#feature .title_bar {
border-bottom:#8cc8be 3px solid;
}

#feature .title_bar .title {
width:125px;
}

#feature .pickups {
display:flex;
flex-wrap:wrap;
}

#feature .pickups .pickup {
width:100%;
margin:0 auto 25px;
}

#feature .pickups .pickup .banner {
padding-bottom:10px;
}

#feature .pickups .pickup .banner img {
border-radius:10px;
}

#feature .pickups .pickup .ex {
font-size:70%;
}



/*INFORMATION*/
#information {
padding-bottom:50px;
}

#information .title_bar {
border-bottom:#f0a0be 3px solid;
}

#information .title_bar .title {
width:190px;
}

#information .topics {
}

#information .topics .topic {
background:#faf5eb;
padding:15px 20px;
margin-bottom:12px;
}

#information .topics .topic:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#information .date_cate {
display:flex;
margin-bottom:5px;
}

#information .date_cate .date {
width:90px;
font-size:90%;
}

#information .date_cate .cate {
width:90px;
height:20px;
font-size:70%;
background:#aaa;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
border-radius:4px;
font-weight:400;
}

#information .cate.cate1 {
background:#b4dcf0;
}

#information .cate.cate2 {
background:#fadc50;
}

#information .cate.cate3 {
background:#8cc8be;
}

#information .cate.cate4 {
background:#d2b4e6;
}

#information .cate.cate5 {
background:#f0a0be;
}

#information .topics .topic .info {
font-size:90%;
font-weight:400;
}

#information .more_btn {
padding-top:5px;
}

#information .more_btn a {
background:#f0a0be;
}


/*INFORMATION UNDER*/
.under #information .topics {
}

.under #information article {
border:#ebe6dc 1px solid;
border-radius:10px;
padding:20px 20px 20px;
}

.under #information article .date_cate {
margin-right:0;
padding-bottom:5px;
}

.under #information article .date_cate .cate {
margin-right:15px;
}

.under #information article h3 {
font-size:120%;
font-weight:bold;
line-height:150%;
padding-bottom:15px;
}

.under #information article .main {
margin-bottom:20px;
}

.under #information article .item {
font-size:110%;
font-weight:bold;
padding-bottom:10px;
}

.under #information article .ex {
}

.under #information article .attention {
font-size:80%;
color:#aaa;
padding-top:10px;
}

.under #information article .movie {
width:100%;
margin:30px auto 0;
padding-top: 56.25%;
position:relative;
}

.under #information article .movie iframe {
position: absolute;
top:0;
right:0;
width:100% !important;
height:100% !important;
}

.under #information article .pdf {
padding-top:30px;
}

.under #information article .pdf a {
display:flex;
align-items:center;
}

.under #information article .pdf a img {
width:25px;
margin-right:10px;
}

.under #information article .pdf a p {
line-height:120%;
color:#ff2116;
font-weight:bold;
}

.under #information article .more {
padding-top:30px;
}

.under #information article .more a {
width:100%;
margin:auto;
padding:10px;
border-radius:25px;
display:flex;
justify-content:center;
align-items:center;
background:#f0a046;
}

.under #information article .more a p {
font-size:100%;
font-weight:bold;
color:#fff;
}

.under #information article .more a .arrow {
width:10px;
height:10px;
border-right:#fff 1px solid;
border-bottom:#fff 1px solid;
transform:rotate(-45deg);
display:block;
margin-left:20px;
}



/*商品一覧*/
.bread {
text-align:right;
font-size:70%;
color:#969696;
padding-bottom:20px;
}

.results {
}

.results .result {
font-size:90%;
font-weight:400;
margin-bottom:10px;
}

.results .result .number {
color:#e6321e;
font-weight:bold;
}

.results .searched {
border:#ebe6dc 1px solid;
background:#f9f7f4;
padding:15px 15px;
margin-bottom:30px;
border-radius:10px;
}

.results .searched .details {
display:flex;
align-items:center;
margin-bottom:5px;
}

.results .searched .details:last-child {
margin-bottom:0;
}

.results .searched .details .cate {
width:25%;
border:#ebe6dc 1px solid;
background:#fff;
color:#969696;
text-align:center;
font-size:65%;
margin-right:10px;
padding:2px;
border-radius:4px;
}

.results .searched .details .detail {
width:75%;
font-size:75%;
}



/*商品詳細*/
#product {
}

#product #item {
border:#ebe6dc 1px solid;
background:#fff;
padding:20px 20px;
border-radius:10px;
position:relative;
}

#product #item .release {
display:flex;
justify-content:flex-start;
margin-bottom:10px;
}

#product #item .release .month {
font-size:70%;
padding:5px 10px;
background:#f0a046;
color:#fff;
border-radius:6px;
margin-right:7px;
}

#product #item .release .type {
font-size:70%;
padding:5px 10px;
background:#ccc;
color:#fff;
border-radius:6px;
margin-right:7px;
}

#product #item .release .type.catalog {
background:#55b4e6;
}

#product #item .release .type.catalog:before {
content:"カタログ";
}

#product #item .release .type.timely {
background:#ff6400;
}

#product #item .release .type.timely:before {
content:"タイムリー";
}

#product #item .release .type.instant {
background:#ff6464;
margin-right:0;
}

#product #item .release .type.instant:before {
content:"即納品";
}

#product #item .release .week {
font-size:80%;
padding:5px 10px;
border-radius:6px;
}

#product #item .release .week1 {
background:#ffc8c8;
}

#product #item .release .week2 {
background:#a0d2e6;
}

#product #item .release .week3 {
background:#fadc96;
}

#product #item .release .week4 {
background:#b4dcd2;
}

#product #item .release .week5 {
background:#dcc8e6;
}

#product #item .release .size {
font-size:80%;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
padding:3px 10px;
margin-left:7px;
border-radius:6px;
}

#product #item .release .size.xl {
background:#6cbb59;
}

#product #item .release .size.big {
background:#e9609e;
}

#product #item .release .size.std {
background:#a675b0;
}

#product #item .release .size.min {
background:#f29700;
}

#product #item .deadlines {
width:50%;
margin:0 0 25px;
border:#fa4646 1px solid;
display:flex;
border-radius:8px;
}

#product #item .deadlines .deadline {
font-size:70%;
color:#fa4646;
display:flex;
justify-content:center;
align-items:center;
padding:3px 10px;
width:40%;
}

#product #item .deadlines .day {
background:#fa4646;
color:#fff;
font-size:90%;
font-weight:bold;
text-align:center;
padding:3px 10px;
border-radius:0 6px 6px 0;
width:60%;
}

#product #item .deadlines .day span {
font-size:80%;
}

#product #item .brand {
width:90%;
height:60px;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto 20px;
}

#product #item .brand img {
width:auto;
max-height:100%;
}

#product #item h2 {
font-size:120%;
font-weight:bold;
padding-bottom:5px 0 5px 10px;
margin-bottom:10px;
}

#product .icon_set {
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:30px;
}

#product .icon_set .icons {
display:flex;
}

#product .icon_set .icons .icon {
width:30px;
}

#product .icon_set .favorite_icon {
width:30px;
height:26px;
position:relative;
background:url(../img/favorite_off.svg) no-repeat;
cursor:pointer;
}

#product .icon_set .favorite_icon.on {
background:url(../img/favorite_on.svg) no-repeat;
}

#product .icon_set .favorite_icon:after {
content:"";
background:
}

#product h3 {
font-size:110%;
font-weight:bold;
padding-bottom:10px;
}

#product .explain {
font-size:100%;
padding-bottom:30px;
}

#product .prices {
display:flex;
justify-content:flex-end;
align-items:center;
padding-bottom:40px;
}

#product .prices .op {
font-size:80%;
color:#fff;
padding:3px 7px;
background:#fa4646;
margin-right:5px;
line-height:100%;
}

#product .prices .price {
color:#fa4646;
font-weight:bold;
line-height:100%;
}

#product .prices .price .total {
font-size:150%;
}

#product .prices .price .star {
padding-left:5px;
font-weight:normal;
line-height:100%;
}

#product .prices .price .tanka {
font-size:90%;
}

#product .data {
padding-bottom:40px;
}

#product .data .data_title {
border-bottom:#f0a046 3px solid;
padding-bottom:10px;
}

#product .data .data_title img {
width:85px;
}

#product .data .infos {
}

#product .data .infos .info {
border-bottom:#fae2c7 1px solid;
padding:12px 0 12px 18px;
}

#product .data .infos .info:first-child {
}

#product .data .infos .info:nth-child(odd) {
background:#fefaf6;
}

#product .data .infos .info p {
font-size:90%;
}

#product .data .infos .info .item {
width:25%;
font-weight:bold;
padding-bottom:3px;
}

#product .data .infos .info .ex {
width:70%;
}

#product .data .infos .info .ex .type {
display:block;
font-size:80%;
}

#product .data .copyright {
font-size:60%;
font-weight:300;
text-align:right;
padding-top:12px;
}

#product .movies {
padding-bottom:50px;
}

#product .movies .movie_title {
border-bottom:#96c864 3px solid;
padding-bottom:10px;
margin-bottom:15px;
}

#product .movies .movie_title img {
width:100px;
}

#product .movies .movie {
width:100%;
margin:auto;
padding-top: 56.25%;
position:relative;
}

#product .movies .movie iframe {
position: absolute;
top:0;
right:0;
width:100% !important;
height:100% !important;
}

#product .links {
padding-bottom:50px;
}

#product .links .links_title {
border-bottom:#ff9696 3px solid;
padding-bottom:10px;
margin-bottom:15px;
}

#product .links .links_title img {
width:110px;
}

#product .links .links_btns {
display:flex;
justify-content:center;
align-items:center;
}

#product .links .links_btns a {
width:32%;
background:#fff;
border:#ff9696 1px solid;
margin-right:2%;
display:flex;
justify-content:center;
align-items:center;
padding:10px 0;
border-radius:10vw;
}

#product .links .links_btns a:last-child {
margin-right:0;
}

#product .links .links_btns a .item {
color:#ff9696;
font-size:80%;
}

#product .links .links_btns a .arrow {
width:10px;
height:10px;
border-top:#ff9696 1px solid;
border-right:#ff9696 1px solid;
transform:rotate(45deg);
margin-left:10px;
}

#product .links .links_btns a:nth-child(1) .item:before {
content:"関連リンク1";
}

#product .links .links_btns a:last-child .item:before {
content:"関連リンク";
}

#product .links .links_btns a:nth-child(2) .item:before {
content:"関連リンク2";
}

#product .links .links_btns a:nth-child(3) .item:before {
content:"関連リンク3";
}

#product .carts {
margin-bottom:15px;
}

#product .carts .cart_title {
font-size:100%;
font-weight:bold;
background:#fa4646;
color:#fff;
text-align:center;
padding:7px;
border-radius:10px 10px 0 0;
position:relative;
}

#product .carts .cart_title:after {
content:"";
width:20px;
height:15px;
border-top:#fa4646 15px solid;
border-right:transparent 20px solid;
border-bottom:transparent 15px solid;
border-left:transparent 20px solid;
position:absolute;
bottom:-30px;
left:0;
right:0;
margin:auto;
}

#product .carts .adds {
background:#fff2f2;
border-radius:0 0 10px 10px;
padding:25px 20px 15px;
}

#product .carts .adds .ex {
font-size:80%;
text-align:left;
padding-bottom:15px;
}

#product .carts .adds .stocks {
width:100%;
margin:0 auto 15px;
border:#32aa32 2px solid;
border-radius:10px;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
background:#32aa32;
}

#product .carts .adds .stocks .stock {
width:50%;
padding:10px;
font-size:90%;
font-weight:bold;
text-align:center;
color:#fff;
}

#product .carts .adds .stocks .number {
width:50%;
padding:5px 10px;
font-size:130%;
font-weight:bold;
text-align:center;
color:#32aa32;
border-radius:0 8px 8px 0;
background:#fff;
}

#product .carts .adds .cart_forms {
padding-bottom:20px;
}

#product .carts .adds .cart_forms .cart_form {
width:100%;
display:flex;
justify-content:space-between;
background:#fff;
border:#fa4646 2px solid;
border-radius:10px;
margin-bottom:10px;
}

#product .carts .adds .cart_forms .cart_form:last-child {
margin-bottom:0;
}

#product .carts .adds .cart_forms .cart_form .item {
width:60%;
font-size:90%;
font-weight:bold;
text-align:center;
padding:7px;
display:flex;
justify-content:center;
align-items:center;
}

#product .carts .adds .cart_forms .cart_form .quantity {
width:40%;
border-left:#fa4646 1px dashed;
}

#product .carts .adds .cart_forms .cart_form .quantity .add_quantity {
width:100%;
font-size:110%;
font-weight:bold;
border:none;
text-align:center;
padding:7px 0 7px 7px;
background:transparent;
color:#fa4646;
}

#product .carts .adds .add_btn {
text-align:center;
}

#product .carts .adds .add_btn .style_add {
background:#fa4646;
border:none;
color:#fff;
font-size:100%;
font-weight:bold;
padding:15px 35px;
border-radius:10vw;
cursor:pointer;
}

#product .carts .adds .add_btn .add_style:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#product .attentions {
}

#product .attention {
display:flex;
font-size:70%;
}



/*FAVORITE*/
#favorite {
}

#favorite .copy {
font-size:90%;
padding-bottom:20px;
}

#favorite .sort {
display:flex;
justify-content:flex-end;
align-items:center;
padding-bottom:15px;
}

#favorite .sort .item {
font-size:80%;
font-weight:bold;
padding-right:15px;
margin-right:15px;
border-right:#b4b4b4 1px solid;
cursor:pointer;
}

#favorite .sort .item:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#favorite .sort .item.now {
font-weight:500;
color:#ccc;
pointer-events:none;
}

#favorite .favorites {
}

#favorite .favorites .favorite {
background:#fafafa;
border:#ebe6dc 1px solid;
border-radius:8px;
padding:15px;
margin-bottom:20px;
position:relative;
}

#favorite .favorites .favorite:last-child {
margin-bottom:0;
}

#favorite .favorites .favorite .information {
display:flex;
justify-content:space-between;
margin-bottom:10px;
}

#favorite .favorites .favorite .information .products .product .thumbnail {
width:100px;
height:100px;
margin-bottom:0;
}


#favorite .favorites .favorite .information .data {
width:calc(100% - 110px);
}

#favorite .favorites .favorite .information .data .number {
font-size:80%;
color:#969696;
}

#favorite .favorites .favorite .information .data .ip {
font-size:80%;
}

#favorite .favorites .favorite .information .data .name {
font-size:100%;
}

#favorite .favorites .favorite .information .data .name a {
font-weight:bold;
}

#favorite .favorites .favorite .information .data .price {
color:#e6321e;
font-weight:bold;
}

#favorite .favorites .favorite .information .data .price .star {
padding-left:5px;
}

#favorite .favorites .favorite .colors {
margin-bottom:3px;
}

#favorite .favorites .favorite .colors .color {
width:18px;
height:18px;
margin-right:8px;
}

#favorite .favorites .favorite .input_area {
}

#favorite .favorites .favorite .input_area .control {
display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:10px;
}

#favorite .favorites .favorite .input_area .control .style_submit {
background:#f0a046;
color:#fff;
border-radius:4px;
font-size:80%;
border:none;
padding:7px 10px;
cursor:pointer;
}

#favorite .favorites .favorite .input_area .memo {
width:100%;
height:100px;
padding:15px 15px;
font-size:90%;
border:#ebe6dc 1px solid;
}

#favorite .favorites .favorite .favorite_icon {
width:25px;
height:22px;
position:absolute;
background:url(../img/favorite_off.svg) no-repeat;
background-size:25px 22px;
cursor:pointer;
top:20px;
right:20px;
}

#favorite .favorites .favorite .favorite_icon.on {
background:url(../img/favorite_on.svg) no-repeat;
background-size:25px 22px;
}

#favorite .favorites .favorite .favorite_icon:after {
content:"";
background:
}


/*FAVORITE ITEM*/
#favorite .favorites .favorite.white {
background:#fafafa;
border:#ebe6dc 1px solid;
}

#favorite .favorites .favorite.red {
background:#faf0f0;
border:#ebe6dc 1px solid;
}

#favorite .favorites .favorite.orange {
background:#fcecda;
border:#ebe6dc 1px solid;
}

#favorite .favorites .favorite.yellow {
background:#fef6d8;
border:#ebe6dc 1px solid;
}

#favorite .favorites .favorite.green {
background:#f0f6e0;
border:#ebe6dc 1px solid;
}

#favorite .favorites .favorite.blue {
background:#e4f4fe;
border:#ebe6dc 1px solid;
}

#favorite .favorites .favorite.purple {
background:#f0e7f4;
border:#ebe6dc 1px solid;
}


/*FAVORITE COLORS*/
#favorite .colors {
display:flex;
align-items:center;
}

#favorite .colors .color {
width:18px;
height:18px;
cursor:pointer;
background:#fff;
border-radius:3px;
margin-right:7px;
}

#favorite .colors .color:last-child {
margin-right:0;
}

#favorite .colors .color.now {
position:relative;
opacity:0.2;
pointer-events:none;
}

#favorite .colors .color.now:after {
content:"";
position:absolute;
width:4px;
height:5px;
border-bottom:#323232 5px solid;
border-top:transparent 5px solid;
border-left:transparent 4px solid;
border-right:transparent 4px solid;
bottom:-8px;
left:0;
right:0;
margin:auto;
}

#favorite .colors .color.white {
background:#fff;
border:#ebe6dc 1px solid;
}

#favorite .colors .color.red {
background:#ff6464;
}

#favorite .colors .color.orange {
background:#f0a046;
}

#favorite .colors .color.yellow {
background:#fadc64;
}

#favorite .colors .color.green {
background:#b4d264;
}

#favorite .colors .color.blue {
background:#78c8fa;
}

#favorite .colors .color.purple {
background:#b487c8;
}




/*BX SLIDER*/
#slide {
width:86vw;
margin:0 auto 2vw;
}

#slide .bxslider {
width:86vw !important;
height:86vw !important;
background:#ccc;
margin-bottom:10px;
border-radius:10px;
}

#slide .bxslider img {
width:86vw;
height:86vw;
object-fit:contain;
margin-bottom:10px;
border-radius:10px;
}

#bx-pager{
width:86vw;
height:16vw;
display:flex;
justify-content:center;
margin-bottom:5vw;
}

#bx-pager a {
width:16vw;
height:16vw;
display:block;
cursor:pointer;
border:transparent 2px solid;
overflow:hidden;
border-radius:8px;
margin-right:2vw;
}

#bx-pager a:last-child {
margin-right:0;
}

#bx-pager img {
width:16vw;
height:16vw;
object-fit:contain;
overflow:hidden;
border-radius:8px;
}

#bx-pager a.active {
border:#f0a046 2px solid;
border-radius:10px;
}



/*COMMON*/
.under h2 {
border-left:#f0a046 5px solid;
padding:5px 0 5px 15px;
font-size:120%;
font-weight:bold;
margin-bottom:20px;
}

.PageBack {
padding-top:20px;
}

.PageBack a {
width:150px;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
border:#999 1px solid;
border-radius:10vw;
padding:12px 10px;
}

.PageBack a p {
font-size:80%;
color:#999;
}

.PageBack a .arrow {
width:8px;
height:8px;
border-top:#999 1px solid;
border-left:#999 1px solid;
transform:rotate(-45deg);
display:block;
margin-right:10px;
}



/*MORE*/
.more_btn{
padding-top:15px;
text-align:center;
}

.more_btn a {
background:#ccc;
display:inline-block;
border-radius:10px;
}

.more_btn a .more {
display:flex;
justify-content:center;
align-items:center;
padding:10px 15px;
}

.more_btn a .more p {
font-size:90%;
color:#fff;
margin-right:10px;
}

.more_btn a .more .arrow {
width:8px;
height:8px;
border-top:#fff 1px solid;
border-right:#fff 1px solid;
transform:rotate(45deg);
}







/*MYPAGE*/
#mypage {
}

#mypage section {
padding-bottom:50px;
}

#mypage section:first-child {
padding-bottom:30px;
}

#mypage section:last-child {
padding-bottom:0;
}

#mypage h3 {
border-left:#f096b4 4px solid;
padding:5px 0 5px 10px;
margin-bottom:12px;
font-size:100%;
font-weight:bold;
}


/*MYPAGE NOTICE*/
#mypage #notice {
}

#mypage #notice .copy {
font-size:90%;
padding-bottom:30px;
}

#mypage #notice .infos {
}

#mypage #notice .infos .info {
position:relative;
margin-bottom:12px;
}

#mypage #notice .infos .info:last-child {
margin-bottom:0;
}

#mypage #notice .infos .info a {
border:#ebe6dc 1px solid;
background:#fafafa;
border-radius:10px;
padding:15px 15px;
display:flex;
align-items:center;
}

#mypage #notice .infos .info a .info_cts {
width:100%;
}

#mypage #notice .infos .info:last-child {
margin-bottom:0;
}

#mypage #notice .infos .info .date {
width:100%;
font-size:90%;
}

#mypage #notice .infos .info .detail {
width:calc(100% - 15px);
font-size:90%;
}

#mypage #notice .infos .info .detail .new {
background:#f5e100;
color:#ff6464;
padding:3px 5px;
margin-left:10px;
font-size:80%;
border-radius:4px;
}

#mypage #notice .infos .info .arrow {
position:absolute;
right:20px;
width:10px;
height:10px;
border-top:#f0a0be 1px solid;
border-right:#f0a0be 1px solid;
transform:rotate(45deg);
}

#mypage #notice .more_btn {
text-align:right;
}

#mypage #notice .more_btn a {
background:#f096b4;
}

#mypage #notice .pagenation {
padding-top:20px;
}

#mypage #notice .notice {
border:#ebe6dc 1px solid;
background:#fafafa;
padding:20px 20px;
border-radius:10px;
}

#mypage #notice .notice .title {
font-size:130%;
font-weight:bold;
}

#mypage #notice .notice .date {
font-size:80%;
text-align:right;
color:#464646;
padding-bottom:15px;
}

#mypage #notice .notice .details {
border:#ebe6dc 1px solid;
background:#fff;
padding:15px 15px;
border-radius:8px;
}

#mypage #notice .notice .details .detail {
font-size:90%;
}

#mypage #notice .notice .attachment {
margin-top:20px;
text-align:center;
}

#mypage #notice .notice .attachment a {
background:#96be3c;
padding:10px 30px;
border-radius:10vw;
display:inline-block;
}

#mypage #notice .notice .attachment a div {
display:flex;
justify-content:center;
align-items:center;
}

#mypage #notice .notice .attachment a div img {
width:25px;
}

#mypage #notice .notice .attachment a div p {
color:#fff;
font-size:90%;
padding-left:10px;
}


/*MYPAGE MENU*/
#mypage #menu {
}

#mypage #menu .menus {
}

#mypage #menu .menus .menu {
width:100%;
margin-bottom:15px;
}

#mypage #menu .menus .menu:last-child {
margin-bottom:0;
}

#mypage #menu .menus .menu a {
background:#fafafa;
padding:15px 15px;
border-radius:10px;
border:#ebe6dc 1px solid;
display:flex;
align-items:center;
}

#mypage #menu .menus .menu a .icon {
width:80px;
margin:0 auto 10px;
}

#mypage #menu .menus .menu a .detail {
width:calc(100% - 100px);
}

#mypage #menu .menus .menu a .detail h4 {
font-weight:bold;
padding-bottom:7px;
text-align:left;
}

#mypage #menu .menus .menu a .detail .ex {
font-size:90%;
}


/*MYPAGE ACTIVITY*/
#mypage #activity {
}

#mypage #activity .activities {
border:#ebe6dc 1px solid;
border-radius:10px;
padding:15px 15px;
}

#mypage #activity .activities .activity {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:#ebe6dc 1px dashed;
display:flex;
}

#mypage #activity .activities .activity:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}

#mypage #activity .activities .activity .date {
width:20%;
font-size:90%;
}

#mypage #activity .activities .activity .detail {
width:75%;
font-size:90%;
}

#mypage #customer {
padding-bottom:0;
}

#mypage #customer .parent {
padding-bottom:50px;
}

#mypage #customer .child {
padding-bottom:0;
}

#mypage #customer .infos {
}

#mypage #customer .infos .info {
margin-bottom:20px;
border:#f0a046 2px solid;
border-radius:10px;
}

#mypage #customer .child .infos .info {
margin-bottom:20px;
border:#96a0aa 2px solid;
border-radius:10px;
}

#mypage #customer .infos .info:last-child {
margin-bottom:0;
}

#mypage #customer .infos .info .names {
display:flex;
justify-content:space-between;
align-items:center;
background:#f0a046;
padding:7px 10px;
border-radius:8px 8px 0 0;
}

#mypage #customer .child .infos .info .names {
background:#96a0aa;
}

#mypage #customer .infos .info .names .name {
width:70%;
display:flex;
align-items:center;
}

#mypage #customer .infos .info .names .name img {
width:25px;
border-radius:10vw;
}

#mypage #customer .infos .info .names .name h4 {
font-size:90%;
font-weight:bold;
color:#fff;
padding-left:10px;
}

#mypage #customer .infos .info .icon {
width:27%;
display:flex;
align-items:center;
border:#fff 1px solid;
padding:5px 7px;
border-radius:6px;
text-align:center;
}

#mypage #customer .infos .info .icon img {
width:20px;
}

#mypage #customer .infos .info .icon p {
font-size:70%;
color:#fff;
padding-left:5px;
line-height:100%;
}

#mypage #customer .infos .info .data {
}

#mypage #customer .infos .info .data .details {
border-bottom:#e1e1e1 1px dashed;
background:#fdf5ec;
}

#mypage #customer .child .infos .info .data .details {
background:#f4f5f6;
}

#mypage #customer .infos .info .data .details:last-child {
border-radius:0 0 10px 10px;
}

#mypage #customer .infos .info .data .details .item {
width:100%;
padding:12px 15px;
text-align:left;
color:#969696;
font-size:80%;
}

#mypage #customer .infos .info .data .details .item:last-child {
border-radius:0 0 0 10px;
}

#mypage #customer .infos .info .data .details .detail {
width:100%;
padding:12px 15px;
background:#fff;
}

#mypage #customer .infos .info .data .details .detail:last-child {
border-radius:0 0 8px 8px;
}


/*ISSUANCE*/
#mypage #issuance {
}

#mypage #issuance .setting {
display:flex;
justify-content:space-between;
padding-bottom:15px;
}

#mypage #issuance .setting .display {
font-size:90%;
}

#mypage #issuance .setting .sort {
font-size:90%;
}

#mypage #issuance .setting .sort span {
opacity:0.3;
}

#mypage #issuance .issuances {
}

#mypage #issuance .issuances .issuance {
margin-bottom:20px;
border:#ccc 2px solid;
border-radius:8px;
}

#mypage #issuance .issuances .issuance:last-child {
margin-bottom:5px;
}

#mypage #issuance .issuances .issuance.parent {
border:#f0a046 2px solid;
}

#mypage #issuance .issuances .issuance.child {
border:#96a0aa 2px solid;
}

#mypage #issuance .issuances .issuance .names {
display:flex;
justify-content:space-between;
align-items:center;
background:#ccc;
padding:7px 10px 10px;
border-radius:8px 8px 0 0;
}

#mypage #issuance .issuances .issuance.parent .names {
background:#f0a046;
}

#mypage #issuance .issuances .issuance.child .names {
background:#96a0aa;
}

#mypage #issuance .issuances .issuance .names {
background:#96a0aa;
}

#mypage #issuance .issuances .issuance .names .name {
display:flex;
align-items:center;
}

#mypage #issuance .issuances .issuance .names .name img {
width:25px;
border-radius:10vw;
}

#mypage #issuance .issuances .issuance .names .name h4 {
font-size:100%;
font-weight:bold;
color:#fff;
padding-left:10px;
}

#mypage #issuance .issuances .issuance .names .icons {
display:flex;
}

#mypage #issuance .issuances .issuance .names .icons a {
margin-left:15px;
}

#mypage #issuance .issuances .issuance .names .icons a img {
width:26px;
}

#mypage #issuance .issuances .issuance .author {
display:flex;
align-items:center;
padding:15px 15px;
border-bottom:#e1e1e1 1px dashed;
}

#mypage #issuance .issuances .issuance .author .item {
font-size:70%;
background:#ccc;
color:#969696;
padding:5px 10px;
margin-right:10px;
}

#mypage #issuance .issuances .issuance.parent .author .item {
background:#fdf1e3;
}

#mypage #issuance .issuances .issuance.child .author .item {
background:#eff1f2;
}

#mypage #issuance .issuances .issuance .author .name {
font-size:90%;
}

#mypage #issuance .issuances .issuance .author .parent_name {
font-size:80%;
}

#mypage #issuance .issuances .issuance .author .parent_name:before {
content:" 　|　";
}

#mypage #issuance .issuances .issuance .data {
}

#mypage #issuance .issuances .issuance .data .detail {
width:100%;
display:flex;
align-items:center;
border-bottom:#e1e1e1 1px dashed;
background:#fdf1e3;
}

#mypage #issuance .issuances .issuance.parent .data .detail {
background:#fdf1e3;
}

#mypage #issuance .issuances .issuance.child .data .detail {
background:#eff1f2;
}

#mypage #issuance .issuances .issuance .data .detail:last-child {
width:100%;
border-bottom:none;
}

#mypage #issuance .issuances .issuance .data .detail:first-child {
}

#mypage #issuance .issuances .issuance .data .detail .item {
width:35%;
font-size:80%;
text-align:center;
padding:10px;
padding:12px 15px;
}

#mypage #issuance .issuances .issuance .data .detail .date {
width:65%;
font-size:90%;
padding:12px 15px;
background:#fff;
}

#mypage #issuance .issuances .issuance .data .detail:last-child {
border-radius:0 0 8px 8px;
}

#mypage #issuance .issuances .issuance .data .detail:last-child .date {
border-radius:0 0 8px 0;
}


/*MYPAGE CONTACT*/
#mypage #contact {
}

#mypage #contact .copy {
padding-bottom:30px;
}

#mypage #contact .contacts {
padding-bottom:50px;
}

#mypage #contact .contacts .contact {
width:100%;
margin-bottom:30px;
}

#mypage #contact .contacts .contact:last-child {
margin-bottom:0;
}

#mypage #contact .contacts .contact.tel h3 {
border-left:#f096b4 4px solid;
}

#mypage #contact .contacts .contact.fax h3 {
border-left:#55b4e6 4px solid;
}

#mypage #contact .contacts .contact .contact_cts {
background:#fafafa;
margin-bottom:10px;
padding:15px 15px ;
}

#mypage #contact .contacts .contact.tel .contact_cts {
background:#fefafb;
}

#mypage #contact .contacts .contact.fax .contact_cts {
background:#f6fbfe;
}

#mypage #contact .contacts .contact .number {
width:300px;
margin:0 auto 10px;
}

#mypage #contact .contacts .contact .reception_time {
display:flex;
justify-content:center;
align-items:center;
}

#mypage #contact .contacts .contact .reception_time .reception {
font-size:60%;
border:#000 1px solid;
line-height:100%;
padding:4px 7px;
margin-right:10px;
}

#mypage #contact .contacts .contact .reception_time .time {
font-size:80%;
}

#mypage #contact .contacts .contact .attention {
}

#mypage #contact .contacts .contact .attention p {
display:flex;
font-size:70%;
}

#mypage #contact .contact_form {

}

#mypage #contact .contact_form h3 {
border-left:#fa4646 4px solid;
}

#mypage #contact .contact_form .attention {
display:flex;
font-size:80%;
color:#969696;
padding-top:5px;
}

#mypage #contact .contact_form .form_cts {
}

#mypage #contact .contact_form .form_cts .forms {
background:#f5f5f5;
margin-top:15px;
padding:15px 15px;
}

#mypage #contact .contact_form .form_cts .forms .form {
border-bottom:#e1e1e1 1px solid;
padding-bottom:10px;
margin-bottom:10px;
}

#mypage #contact .contact_form .form_cts .forms .form:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

#mypage #contact .contact_form .form_cts .forms .form .item {
width:100%;
margin-bottom:7px;
}

#mypage #contact .contact_form .form_cts .forms .form .item .required {
background:#fa4646;
font-size:70%;
color:#fff;
line-height:100%;
padding:4px 7px;
margin-right:7px;
}

#mypage #contact .contact_form .form_cts .forms .form .item .any {
background:#b4b4b4;
font-size:70%;
color:#fff;
line-height:100%;
padding:4px 7px;
margin-right:7px;
}

#mypage #contact .contact_form .form_cts .forms .form .detail {
width:100%;
}

#mypage #contact .contact_form .form_cts .btns {
padding-top:20px;
}

#mypage #contact .contact_form .form_cts .btns .btn {
margin:0 5px;
}

input,textarea {
padding:15px 20px;
}

.style_name {
width:100%;
}

.style_mail {
width:100%;
}

.style_tel {
width:100%;
}

.style_genre {
width:100%;
}

.style_detail {
width:100%;
height:300px;
}

.style_fix {
background:#c8c8c8;
padding:18px 30px;
border:none;
border-radius:10vw;
color:#fff;
line-height:100%;
cursor:pointer;
}

.style_submit {
background:#fa4646;
padding:18px 30px;
border:none;
border-radius:10vw;
color:#fff;
line-height:100%;
cursor:pointer;
}

#mypage #contact .contact_form .form_cts .forms .form .warning {
display:block;
font-size:80%;
color:#e6321e;
padding-top:7px;
}


/*CONTACT FINISH*/
#mypage #contact .finish {
}

#mypage #contact .finish .completion {
font-size:150%;
font-weight:bold;
text-align:center;
padding:30px 0;
color:#fa4646;
}

#mypage #contact .finish .ex {
text-align:left;
padding-bottom:15px;
}

#mypage #contact .finish .attention {
font-size:80%;
color:#969696;
text-align:left;
padding-bottom:30px;
}



/*PAGENATION*/
#mypage .pagenation {
display:flex;
justify-content:center;
}

#mypage .pagenation a {
}

#mypage .pagenation a nav {
font-size:90%;
min-width:35px;
height:35px;
display:flex;
justify-content:center;
align-items:center;
color:#666;
margin:0 5px;
border:#666 1px dotted;
}

#mypage .pagenation nav {
font-size:90%;
min-width:35px;
height:35px;
display:flex;
justify-content:center;
align-items:center;
color:#ccc;
margin:0 5px;
border:#ccc 1px dotted;
border-radius:6px;
}

#mypage .pagenation nav.now {
background:#e1e1e1;
color:#fff;
border:none;
}

#mypage .pagenation nav.prev ,
#mypage .pagenation nav.next {
padding:0 10px;
font-size:80%;
}

#mypage .pagenation nav.prev .arrow {
width:8px;
height:8px;
border-top:#ccc 1px solid;
border-left:#ccc 1px solid;
transform:rotate(-45deg);
display:block;
margin-right:5px;
}

#mypage .pagenation nav.next .arrow {
width:8px;
height:8px;
border-top:#ccc 1px solid;
border-right:#ccc 1px solid;
transform:rotate(45deg);
display:block;
margin-left:5px;
}

#mypage .pagenation a nav.prev .arrow {
width:8px;
height:8px;
border-top:#666 1px solid;
border-left:#666 1px solid;
transform:rotate(-45deg);
display:block;
margin-right:5px;
}

#mypage .pagenation a nav.next .arrow {
width:8px;
height:8px;
border-top:#666 1px solid;
border-right:#666 1px solid;
transform:rotate(45deg);
display:block;
margin-left:5px;
}



/*FIX*/
#mypage #fix {
}

#mypage #fix .copy {
font-size:90%;
padding-bottom:5px;
}

#mypage #fix .attention {
font-size:80%;
}

#mypage #fix .infos {
border:#ebe6dc 1px solid;
border-radius:10px;
padding:15px 15px;
margin:15px 0 20px;
background:#fcfcfc;
}

#mypage #fix .infos .info {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:#ebe6dc 1px dashed;
}

#mypage #fix .infos .info:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}

#mypage #fix .infos .info .item {
width:100%;
font-size:90%;
font-weight:bold;
}

#mypage #fix .infos .info .detail {
width:100%;
font-size:90%;
}

#mypage #fix .warning {
display:block;
font-size:80%;
color:#e6321e;
padding-top:7px;
}



/*FORM*/
#mypage #fix input {
padding:15px 15px;
margin-top:10px;
}

#mypage #fix .style_email {
width:100%;
}

#mypage #fix .style_address {
width:100%;
}

#mypage #fix .style_post {
width:50%;
margin-left:10px;
}

#mypage #fix .style_tel {
width:100%;
}

#mypage #fix .style_submit {
background:#ff6464;
border-radius:10vw;
padding:12px 25px;
border:none;
font-size:90%;
color:#fff;
cursor:pointer;
margin:0;
}


/*BTN*/
#mypage .btns {
display:flex;
justify-content:center;
}

#mypage .btns.finish {
padding-top:70px;
}

#mypage .btns .btn {
margin:0 5px;
}

#mypage .btns .btn:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#mypage .btns .backbtn {
}

#mypage .btns .backbtn a {
font-size:90%;
border:#e1e1e1 1px solid;
background:#fcfcfc;
display:flex;
justify-content:center;
align-items:center;
padding:12px 25px;
border-radius:10vw;
line-height:100%;
}

#mypage .btns .backbtn a span {
width:8px;
height:8px;
border-top:#e1e1e1 1px solid;
border-left:#e1e1e1 1px solid;
transform:rotate(-45deg);
display:block;
margin-right:10px;
}



/*PAGENATION*/
.pagenation {
display:flex;
justify-content:center;
padding-top:15px;
}

.pagenation .btn {
margin:0 4px;
}

.pagenation .btn a {
width:30px;
height:30px;
font-size:80%;
color:#c0c0c0;
display:flex;
justify-content:center;
align-items:center;
background:#fff;
border:#c0c0c0 1px solid;
border-radius:6px;
}

.pagenation .btn.none {
opacity:0.3;
pointer-events:none;
}

.pagenation .btn.prev a span  {
border-bottom:#c0c0c0 1px solid;
border-left:#c0c0c0 1px solid;
width:8px;
height:8px;
transform:rotate(45deg);
margin-left:3px;
}

.pagenation .btn.next a span {
border-top:#c0c0c0 1px solid;
border-right:#c0c0c0 1px solid;
width:8px;
height:8px;
transform:rotate(45deg);
margin-right:3px;
}



/*BRAND*/
#brand {
}

#brand .brands {
display:flex;
flex-wrap:wrap;
}

#brand .brands .brand {
width:30%;
margin:0 5% 20px 0;
}

#brand .brands .brand:nth-child(3n) {
margin-right:0;
}

#brand .brands .brand:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#brand .brands .brand .logo {
width:100%;
margin-bottom:10px;
}

#brand .brands .brand .logo img {
border:#ebe6dc 1px solid;
}

#brand .brands .brand .title {
width:100%;
font-size:70%;
}

#brand .introduction {
padding-bottom:70px;
}

#brand .introduction .brand_logo {
width:100%;
height:50px;
margin:0 auto 20px;
display:flex;
justify-content:center;
align-items:center;
}

#brand .introduction .brand_logo img {
width:auto;
max-height:50px;
}

#brand .introduction .main {
max-height:100%;
margin-bottom:30px;
}

#brand .introduction .item {
font-size:110%;
font-weight:bold;
padding-bottom:10px;
}

#brand .introduction .ex {
letter-spacing:1px;
padding-bottom:10px;
}

#brand .introduction .copyright {
font-size:70%;
text-align:right;
color:#aaa;
}

#brand .movies {
padding-bottom:70px;
}

#brand .movies .movie_title {
border-bottom:#78c896 3px solid;
padding-bottom:10px;
margin-bottom:15px;
}

#brand .movies .movie_title img {
width:100px;
}

#brand .movies .movie {
width:100%;
margin:auto;
padding-top: 56.25%;
position:relative;
}

#brand .movies .movie iframe {
position: absolute;
top:0;
right:0;
width:100% !important;
height:100% !important;
}

#brand .related_items {
}

#brand .related_items .products {
margin-bottom:30px;
}

#brand .related_items .products:last-child {
margin-bottom:0;
}

#brand .related_items .related_items_title {
border-bottom:#f0a046 3px solid;
padding-bottom:10px;
margin-bottom:15px;
}

#brand .related_items .related_items_title img {
width:200px;
}

#brand .related_items h4 {
background:#ccc;
padding:10px 10px;
display:flex;
align-items:center;
line-height:100%;
font-weight:bold;
color:#fff;
margin-bottom:15px;
}

#brand .related_items h4:before {
content:"";
width:4px;
height:20px;
background:#fff;
display:block;
margin-right:10px;
}








/*SEARCH COMMON*/
#search {
width:280px;
height:100%;
background:rgba(255,255,255,1);
position:fixed;
top:0;
left:0;
z-index:999;
transform:translate(-100%,0);
transition:0.5s;
overflow-y:scroll;
padding:30px;
border-right:#f0a046 1px solid;
}

#search.show {
transform:translate(0,0);
}

#search .leftnav_title {
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:5px;
}

#search h3 {
font-size:90%;
line-height:100%;
font-weight:bold;
display:flex;
align-items:center;
}

#search h3:before {
content:"";
width:15px;
height:1px;
background:#f0a046;
display:block;
margin-right:7px;
}

#search .wline {
margin-bottom:7px;
display:flex;
align-items:center;
}

#search .wline:before {
content:"";
width:7px;
height:7px;
background:#f0a046;
border-radius:3.5px;
display:block;
}

#search label {
cursor:pointer;
background:#fff;
border:#c0c0c0 1px dashed;
border-radius:10px;
color:#999;
font-size:70%;
line-height:100%;
}

#search .check_box:checked + .label {
background:#f0a046;
color:#fff;
border:#f0a046 1px solid;
box-sizing:border-box;
}


/*****SEARCH*****/

#search .search_title {
padding-bottom:20px;
}

#search .search_title h2 {
color:#f0a046;
font-size:80%;
font-weight:bold;
border-top:#f0a046 2px solid;
border-bottom:#f0a046 2px solid;
border-left:none;
padding:5px 0;
text-align:center;
margin-bottom:5px;
}

#search .search_title .attention {
font-size:70%;
}


/*フリーワードで探す*/
#search .freewords {
display:flex;
margin-bottom:30px;
}

#search .freewords .freeword {
}

#search .freewords .freeword input {
width:184px;
height:36px;
border:#f0a046 2px solid;
border-radius:6px 0 0 6px;
font-size:80%;
padding:5px 10px;
}

#search .freewords .freeword .caution {
padding-top:5px;
font-size:70%;
color:#e6321e;
}

#search .freewords .search_btn {
width:36px;
height:36px;
background:#f0a046;
display:flex;
justify-content:center;
align-items:center;
border-radius:0 6px 6px 0;
}

#search .freewords .search_btn img {
width:18px;
height:18px;
}



/*商品区分で探す*/
#search .type {
margin-bottom:30px;
}

#search .type input {
display:none;
}

#search .type .leftnav {
display:flex;
justify-content:space-between;
}

#search .type .leftnav label {
width:100%;
padding:10px 0;
margin-right:8px;
text-align:center;
letter-spacing:0;
}

#search .type .leftnav label:last-child {
margin-right:0;
}


/*発売月で探す*/
#search .month {
margin-bottom:30px;
}

#search .month input {
display:none;
}

#search .month .leftnav {
display:flex;
justify-content:space-between;
padding-bottom:6px;
}

#search .month .leftnav label {
width:100%;
padding:10px 0;
margin-right:8px;
text-align:center;
}

#search .month .leftnav label:last-child {
margin-right:0;
}



/*発売週で探す*/
#search .week {
margin-bottom:30px;
}

#search .week input {
display:none;
}

#search .week .leftnav {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#search .week .leftnav label {
width:106px;
padding:10px 0;
text-align:center;
margin-bottom:8px;
}

#search .week .leftnav label:nth-child(3n) {
margin-right:0;
}

#search .week .leftnav label:nth-child(n+7) {
}



/*締切日で探す*/
#search .deadline {
margin-bottom:30px;
}

#search .deadline input {
display:none;
}

#search .deadline .leftnav {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#search .deadline .leftnav label {
width:106px;
padding:10px;
margin-bottom:8px;
text-align:center;
}

#search .deadline .leftnav label:last-child {
margin-bottom:0;
}



/*カテゴリで探す*/
#search .genre {
margin-bottom:30px;
}

#search .genre input {
display:none;
}

#search .genre .leftnav {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#search .genre .leftnav label {
width:106px;
padding:10px 5px;
margin-bottom:8px;
text-align:center;
letter-spacing:0;
}



/*サイズで探す*/
#search .size {
margin-bottom:30px;
}

#search .size input {
display:none;
}

#search .size .leftnav {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#search .size .leftnav label {
width:106px;
padding:10px 5px;
margin-bottom:8px;
text-align:center;
letter-spacing:0;
}



/*IP名で探す*/
#search .ip {
margin-bottom:30px;
}

#search .ip input {
display:none;
}

#search .ip .leftnav {
}

#search .ip .leftnav label {
display:inline-block;
padding:3px 5px;
border:none;
font-size:75%;
}

#search .ip .check_box:checked + .label {
font-weight:bold;
color:#f0a046;
border:none;
background:none;
}



/*用途で探す*/
#search .use {
margin-bottom:20px;
}

#search .use input {
display:none;
}

#search .use .leftnav {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#search .use .leftnav label {
width:106px;
padding:10px 5px;
margin-bottom:8px;
text-align:center;
letter-spacing:0;
}



/*検索するボタン*/
#search .search_btns {
background:#f0a046;
display:flex;
justify-content:center;
align-items:center;
border-radius:10px;
padding:5px;
cursor:pointer;
}

#search .search_btns:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#search .search_btns .btn {
color:#fff;
font-size:90%;
font-weight:bold;
margin-left:15px;
}

#search .search_btns .icon {
width:36px;
transform:scale(0.5)
}



/*CHECKED ITEM*/
#checked_item {
background:#fdf4f7;
padding:30px 0 15px;
}

#checked_item .titles {
display:flex;
justify-content:center;
align-items:center;
padding-bottom:20px;
}

#checked_item .titles .line {
width:20px;
height:1px;
background:#323232;
}

#checked_item .titles .title {
padding:0 15px;
font-size:120%;
font-weight:bold;
}

#checked_item .products {
width:94%;
margin:auto;
display:flex;
justify-content:center;
}

#checked_item .products a.productlink {
width:30%;
margin:0 5% 20px 0;
}

#checked_item .products a.productlink:nth-child(3n) {
margin-right:0;
}

#checked_item .products a.productlink:last-child {
margin-right:0;
}



/*ORDER*/
#order {
}

#order .copy {
font-size:90%;
padding-bottom:15px;
}

#order .order_frames {
}

#order .order_frame {
margin-bottom:30px;
overflow-x:scroll;
}

#order .order_frame:last-child {
}

#order .order_frame .sheet_titles {
margin:0 auto 8px;
display:flex;
justify-content:space-between;
align-items:center;
}

#order .order_frame .sheet_titles .release {
font-size:150%;
font-weight:600;
line-height:100%;
border-left:#464646 5px solid;
padding:3px 0 3px 12px;
}

#order .order_frame .sheet_titles .release .sb {
font-size:70%;
padding:0 5px;
}

#order table {
width:200%;
margin:0 auto;
border-collapse:collapse;
background:#fff;
}

#order table tr {
}

#order table .week {
background:#eee;
font-size:70%;
color:#464646;
}

#order table tr.blank {
height:30px;
}

#order table th {
border:#ccc 1px solid;
background:#464646;
color:#fff;
font-size:60%;
padding:5px 3px;
}

#order table td:first-child {
min-width:70px;
letter-spacing:0;
}

#order table {
width:200%;
margin:auto;
border-collapse:collapse;
background:#fff;
}



#order table th span {
transform:scale(0.8);
display:block;
}

#order table th.carton {
width:8%;
}

#order table td {
border:#ccc 1px solid;
font-size:70%;
padding:10px 5px;
text-align:center;
}

#order table td.item {
text-align:left;
width:45%;
}

#order table td.order_number {
padding:0;
}

#order table td.order_number.none {
background:#eee;
}

#order table td.order_number .number {
border:none;
font-size:110%;
font-weight:bold;
color:#464646;
text-align:center;
width:100%;
padding:0 0 0 10px;
}

#order table td.order_number.none {
background:#ddd;
}

#order .registration {
background:#f0f0f0;
padding:20px 20px;
margin-bottom:20px;
}

#order .registration .details {
border-bottom:#e1e1e1 1px solid;
padding-bottom:10px;
margin-bottom:15px;
}

#order .registration .details:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

#order .registration .details .item {
width:100%;
font-size:90%;
font-weight:bold;
line-height:100%;
margin-bottom:5px;
}

#order .registration .details .item .required {
background:#e6321e;
color:#fff;
font-size:70%;
display:inline-block;
font-weight:normal;
padding:2px 5px;
margin-left:10px;
}

#order .registration .details .item .any {
background:#aaa;
color:#fff;
font-size:70%;
display:inline-block;
font-weight:normal;
padding:2px 5px;
margin-left:10px;
}

#order .registration .details .detail {
width:100%;
font-size:90%;
}

#order .registration .details .detail .style_order_name {
width:100%;
padding:10px 15px;
margin:7px 0;
}

#order .registration .details .detail .style_order_ex {
width:100%;
padding:10px 15px;
margin:7px 0;
}

#order .registration .details .detail #warning_title {
font-size:90%;
font-weight:bold;
color:#e6321e;
}

#order .registration .details .detail .warning {
font-size:90%;
font-weight:bold;
color:#e6321e;
}

#order .registration .details .detail .attention {
font-size:80%;
text-align:left;
}

#order .confi {
font-size:90%;
text-align:center;
padding-bottom:30px;
}

#order .btns {
display:flex;
justify-content:center;
align-items:center;
}

#order .btns .btn {
margin:0 5px;
}

#order .btns .btn:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

#order .btns .btn .style_submit {
font-size:100%;
font-weight:bold;
background:#e6321e;
border:none;
color:#fff;
padding:15px 25px;
border-radius:10px;
cursor:pointer;
}

#order .btns .btn .style_fix {
font-size:100%;
font-weight:bold;
background:#ccc;
border:none;
color:#fff;
padding:15px 25px;
border-radius:10px;
cursor:pointer;
}

#order .btns .btn_print,
#order .btns .btn_csv,
#order .btns .btn_edit {
margin:0 5px;
}

#order .btns .btn_print a {
font-size:100%;
font-weight:bold;
background:#f0a046;
border:none;
color:#fff;
padding:15px 25px;
border-radius:10px;
line-height:100%;
display:block;
}

#order .btns .btn_csv a {
font-size:100%;
font-weight:bold;
background:#ff6496;
border:none;
color:#fff;
padding:15px 25px;
border-radius:10px;
line-height:100%;
display:block;
}

#order .btns .btn_edit a {
font-size:100%;
font-weight:bold;
background:#00aadc;
border:none;
color:#fff;
padding:15px 25px;
border-radius:10px;
line-height:100%;
display:block;
}

#order .backbtn {
width:100px;
margin:30px auto 0;
}

#order .backbtn a {
font-size:90%;
border:#e1e1e1 1px solid;
background:#fcfcfc;
display:flex;
justify-content:center;
align-items:center;
padding:12px 25px;
border-radius:10vw;
line-height:100%;
}


#order h3 {
font-size:150%;
font-weight:bold;
text-align:center;
padding-bottom:30px;
}

#order .ex {
text-align:center;
padding-bottom:15px;
}

#order .ex a {
font-weight:bold;
color:#fa4646;
}

#order .attention {
font-size:80%;
text-align:center;
}

#order .to_mypage {
padding-top:50px;
}

#order .to_mypage .btn {
margin:0 7px;
}

#order .to_mypage .btn a {
width:60%;
margin:0 auto 10px;
font-size:90%;
color:#8cc8be;
border:#8cc8be 1px solid;
padding:10px 20px;
border-radius:10vw;
display:block;
text-align:center;
}

#order .to_mypage .btn:last-child a {
margin-bottom:0;
}

#order .caution {
font-size:90%;
font-weight:bold;
color:#e6321e;
padding-bottom:15px;
}





/*TWITTER*/
.twitter {
width:90%;
height:550px !important;
margin:0 auto 30px;
background:#fff;
border-top:none;
}

#container.under .twitter {
display:none;
}



/*ITEM ICON*/
.item_icon {
width:94%;
padding:20px 0 10px;
margin:auto;
}

.item_icon .icon_title {
display:flex;
justify-content:center;
align-items:center;
padding-bottom:20px;
}

.item_icon .icon_title .line {
width:20px;
height:1px;
background:#323232;
}

.item_icon .icon_title p {
padding:0 15px;
font-weight:bold;
}

.item_icon .icons {
display:flex;
justify-content:center;
flex-wrap:wrap;
}

.item_icon .icons .icon {
width:45px;
margin:0 5px 10px;
}



/*HOW TO USE*/
#howtouse {
padding-bottom:20px;
}

#howtouse .btns {
width:90%;
margin:auto;
display:flex;
justify-content:center;
}

#howtouse .btns .quarter {
border:#000 2px solid;
display:flex;
justify-content:center;
align-items:center;
padding:5px 10px;
width:48.5%;
margin-right:15px;
}

#howtouse .btns .quarter img {
width:20px;
margin-right:5px;
}

#howtouse .btns .quarter p {
font-size:80%;
}

#howtouse .btns .handling {
background:#e60012;
display:flex;
justify-content:center;
align-items:center;
padding:5px 10px;
width:48.5%;
text-align:center;
}

#howtouse .btns .handling p {
font-size:90%;
color:#fff;
}

.quarter_cts {
display:flex;
justify-content:center;
}

.handling_cts {
}

.handling_cts .handling_item {
background:#e60012;
color:#fff;
font-weight:bold;
text-align:center;
padding:7px;
margin-bottom:15px;
}

.handling_cts .handling_ex {
}

.handling_cts .handling_ex p {
font-size:90%;
padding-bottom:20px;
}

.handling_cts .handling_end {
font-size:90%;
text-align:right;
}


/*TOP_COPYRIGHT*/
/*
#copyright {
width:90%;
margin:0 auto 20px;
}

#copyright p {
font-size:70%;
color:#aaa;
}
*/




/*ORDER BTN*/
.order_cta {
width:50%;
position:fixed;
left:0;
right:0;
bottom:0;
margin:auto;
background:#fa4646;
display:flex;
justify-content:center;
align-items:center;
border-radius:10px 10px 0 0;
z-index:998;
cursor:pointer;
padding:15px;
}

.order_cta div {
display:flex;
justify-content:center;
align-items:center;
}

.order_cta .icon {
width:20px;
margin:0 auto;
}

.order_cta p {
font-size:100%;
font-weight:400;
line-height:100%;
color:#fff;
padding-left:15px;
}

.order_cta:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}



/*ORDER SHEET*/
.sheet {
width:100%;
height:90%;
padding:30px 0;
background:#fcfcfc;
position:fixed;
bottom:0;
transform:translate(0,100%);
transition:0.5s;
overflow-y:auto;
z-index:999;
}

.sheet_on {
transform:translate(0,0);
}

.sheet h3 {
font-size:150%;
font-weight:400;
text-align:center;
padding-bottom:15px;
}

.sheet .order_frames {
}

.sheet .order_frame {
width:90%;
margin:auto;
overflow:auto;
margin-bottom:40px;
}

.sheet .order_frame:last-child {
margin-bottom:0;
}

.sheet .order_frame .sheet_titles {
margin:0 auto 7px;
display:flex;
justify-content:space-between;
align-items:center;
}

.sheet .order_frame .sheet_titles .release {
font-size:150%;
font-weight:600;
line-height:100%;
border-left:#464646 5px solid;
padding:3px 0 3px 12px;
}

.sheet .order_frame .sheet_titles .release .sb {
font-size:70%;
padding:0 5px;
}

.sheet .order_frame .sheet_titles .sheet_navs {
display:flex;
justify-content:flex-end;
align-items:center;
}

.sheet .order_frame .sheet_titles .sheet_navs nav {
margin-left:6px;
font-size:80%;
}

.sheet .order_frame .sheet_titles .sheet_navs nav a {
border:#464646 1px dotted;
padding:5px 7px;
border-radius:4px;
}

.sheet .order_frame .sheet_titles .sheet_navs nav.now a {
pointer-events:none;
border:#bbb 1px solid;
background:#bbb;
color:#fff;
}

.sheet table {
width:200%;
margin:auto;
border-collapse:collapse;
background:#fff;
}

.sheet table tr {
}

.sheet table tr.blank {
height:30px;
}

.sheet table .week {
background:#eee;
font-size:80%;
color:#464646;
}

.sheet table th {
border:#ccc 1px solid;
background:#464646;
color:#fff;
font-size:60%;
font-weight:400;
padding:5px;
}

.sheet table td {
border:#ccc 1px solid;
font-size:70%;
padding:5px 7px;
text-align:center;
}

.sheet table td.item {
text-align:left;
}

.sheet table td.order_number {
padding:0;
}

.sheet table td.order_number.none {
background:#ddd;
}

.order_btns {
width:90%;
margin:20px auto 0;
display:flex;
justify-content:center;
}

.order_btns .order_btn {
width:45%;
text-align:center;
margin-left:10px;
}

.order_btns .order_btn a {
display:block;
color:#fff;
padding:15px;
font-size:90%;
font-weight:400;
background:#fa4646;
border-radius:10vw;
}

.order_btns .order_btn:hover {
opacity:0.7;
}

.order_btns .back_btn {
width:45%;
text-align:center;
color:#fff;
padding:15px;
font-size:90%;
font-weight:400;
background:#c8c8c8;
border-radius:10vw;
cursor:pointer;
}

.order_btns .back_btn:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

.close_bg {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.7);
cursor:pointer;
transition:0.5s;
z-index:-1;
opacity:0;
}

.close_bg_on {
left:0;
opacity:1;
z-index:998;
}

.sheet input {
font-size:1rem;
}

.sheet .number {
border:none;
font-size:110%;
font-weight:bold;
color:#464646;
text-align:center;
width:70px;
padding-left:15px;
}

.cart_ui {
border:#64b464 3px solid;
border-bottom:none;
position:fixed;
bottom:-100px;
right:120px;
width:280px;
height:100px;
margin:auto;
background:rgba(255,255,255,0.9);
z-index:99;
border-radius:10px 10px 0 0;
display:none;
}

.cart_ui .cart_titles {
display:flex;
justify-content:center;
align-items:center;
padding:12px 0 7px;
}

.cart_ui .cart_titles .cart_icon {
width:25px;
margin-right:5px;
}

.cart_ui .cart_titles .cart_title {
text-align:center;
font-size:90%;
color:#64b464;
}

.cart_ui .cart_form {
display:flex;
justify-content:center;
align-items:center;
}

.cart_ui .cart_form .cart_number {
font-size:110%;
font-weight:bold;
border:#ccc 3px solid;
color:#464646;
text-align:center;
width:80px;
padding:7px 5px 7px 18px;
display:flex;
justify-content:center;
align-items:center;
}

.cart_ui .cart_form .cart_btn {
margin-left:15px;
background:#64b464;
color:#fff;
padding:10px 20px;
display:block;
border-radius:10px;
font-size:90%;
font-weight:bold;
cursor:pointer;
}

.cart_ui .cart_form .cart_btn:hover {
opacity:0.7;
}

.cart_ui .cart_form .cart_btn a {
background:#329600;
color:#fff;
padding:12px 23px;
display:block;
border-radius:10px;
font-size:90%;
font-weight:bold;
}

.cart_ui .cart_form .cart_btn a:hover {
opacity:0.7;
}



/*ABOUT*/
#about {
}

#about img {
border:#ebe6dc 1px solid;
}

#about .anchor {
padding-top:60px;
margin-top:-60px;
}

#about .copy {
font-size:90%;
padding-bottom:15px;
}

#about .digests {
width:100%;
background:#faf5eb;
padding:12px 18px;
display:flex;
flex-wrap:wrap;
margin-bottom:50px;
}

#about .digests .digest {
width:50%;
display:flex;
align-items:center;
}

#about .digests .digest .arrow {
width:8px;
height:8px;
border-top:#f0a046 1px solid;
border-right:#f0a046 1px solid;
transform:rotate(45deg);
}

#about .digests .digest a {
}

#about .digests .digest a p {
font-size:80%;
font-weight:400;
color:#f0a046;
margin-left:10px;
}

#about .about_title {
border-bottom:#ebe6dc 1px solid;
padding-bottom:10px;
margin-bottom:15px;
}

#about .about_title h3 {
border-left:#f096b4 4px solid;
padding:3px 0 3px 10px;
font-weight:bold;
}

#about section {
padding-bottom:50px;
}

#about section:last-child {
padding-bottom:0;
}

#about p {
font-size:90%;
}

#about table {
width:100%;
border-collapse:collapse;
border:#ebe6dc 1px solid;
}

#about table th {
border:#ebe6dc 1px solid;
font-size:85%;
font-weight:bold;
padding:10px 15px;
text-align:center;
}

#about table td {
border:#ebe6dc 1px solid;
font-size:85%;
padding:10px 15px;
background:#fafafa;
}

#about .graph {
font-size:80%;
font-weight:normal;
}

#about #about_login {
}

#about #about_login .details {
}

#about #about_login .details .photo {
width:100%;
padding-bottom:20px;
}

#about #about_login .details .detail {
width:100%;
}

#about #about_login .details .detail .steps {
}

#about #about_login .details .detail .steps .step {
display:flex;
}

#about #about_login .details .detail .logout {
background:#ebf0f5;
padding:10px 15px;
margin-top:15px;
}

#about #about_login .details .detail .logout .item {
font-size:80%;
font-weight:bold;
}

#about #about_login .details .detail .logout .ex {
font-size:80%;
}

#about #about_index {
}

#about #about_index .photo {
padding-bottom:20px;
}

#about #about_index .copy {
padding-bottom:20px;
}

#about #about_index table th {
width:40px;
background:#464646;
color:#fff;
}

#about #about_search {
}

#about #about_search .photo {
padding-bottom:20px;
}

#about #about_search .copy {
padding-bottom:20px;　
}

#about #about_search table th {
width:30%;
background:#fafafa;
}

#about #about_search table td {
background:#fff;
}

#about #about_favorite {
}

#about #about_favorite .photos {
padding-bottom:20px;
}

#about #about_favorite .photos .photo:first-child {
width:70%;
margin:0 auto 15px;
}

#about #about_favorite .photos .photo:last-child {
width:100%;
}

#about #about_favorite .copy {
padding-bottom:20px;
}

#about #about_favorite table th {
width:40px;
background:#464646;
color:#fff;
}

#about #about_mypage {
}

#about #about_mypage .photo {
padding-bottom:20px;
}

#about #about_mypage .copy {
padding-bottom:20px;
}

#about #about_mypage table th {
width:40px;
background:#464646;
color:#fff;
}

#about #about_order {
}

#about #about_order .photos {
padding-bottom:20px;
}

#about #about_order .photos .photo_l {
width:100%;
padding-bottom:20px;
}

#about #about_order .photos .photo_r {
width:100%;
}

#about #about_order .photos .photo_r .photo {
padding-bottom:20px;
}

#about #about_order .photos .photo_r .photo:last-child {
padding-bottom:0;
}

#about #about_order .copy {
padding-bottom:20px;
text-align:center;
}

#about #about_order .flows {
}

#about #about_order .flow {
width:100%;
margin:0 auto 20px;
border:#f096b4 3px solid;
border-radius:10px;
padding:15px 20px;
text-align:center;
color:#f096b4;
position:relative;
}

#about #about_order .flow:after {
content:"";
width:20px;
height:20px;
background:#e1e1e1;
position:absolute;
bottom:-23px;
left:0;
right:0;
margin:auto;
}

#about #about_order .flow:last-child {
margin-bottom:0;
}

#about #about_order .flow:last-child:after {
display:none;
}

#about #about_order .flow .ex {
font-size:90%;
font-weight:bold;
}

#about #about_order .flow .attention {
display:flex;
justify-content:center;
font-size:70%;
padding-top:5px;
}

#about #about_order .flow .sub {
font-size:80%;
padding-top:5px;
}

#about #about_order .steps {
display:flex;
justify-content:space-between;
margin-bottom:20px;
}

#about #about_order .steps .step {
background:#f096b4;
width:48.5%;
padding:15px 20px;
text-align:center;
border-radius:10px;
text-align:center;
position:relative;
}

#about #about_order .steps .step:after {
content:"";
width:20px;
height:20px;
background:#e1e1e1;
position:absolute;
bottom:-20px;
left:0;
right:0;
margin:auto;
}

#about #about_order .steps .step p {
font-size:90%;
font-weight:bold;
color:#fff;
}



/*PRIVACY*/
#privacy {
}

#privacy .copy {
font-size:85%;
padding-bottom:15px;
}

#privacy .privacies {
border:#ebe6dc 1px solid;
border-radius:10px;
padding:20px;
}

#privacy .privacies .privacy {
padding-bottom:50px;
}

#privacy .privacies .privacy:last-child {
padding-bottom:0;
}

#privacy .privacies .privacy h3 {
font-size:85%;
font-weight:bold;
border-left:#f096b4 4px solid;
padding:3px 0 3px 10px;
margin-bottom:10px;
}

#privacy .privacies .privacy p {
display:flex;
font-size:85%;
}




/*TERMS*/
#terms {
}

#terms .copy {
font-size:85%;
padding-bottom:15px;
border-bottom:#ebe6dc 1px dashed;
padding-bottom:15px;
margin-bottom:15px;
}

#terms .provisions {
font-size:85%;
text-align:right;
padding-bottom:30px;
}

#terms .policies {
}

#terms .policies .policy {
padding-bottom:50px;
display:flex;
border-bottom:#ebe6dc 1px dashed;
padding-bottom:15px;
margin-bottom:15px;
}

#terms .policies .policy p {
font-size:85%;
}


/*SUB*/
#terms .policies .policy h3 {
font-size:85%;
font-weight:bold;
border-left:#f096b4 4px solid;
padding:3px 0 3px 10px;
margin-bottom:10px;
}

#terms .policies .policy .terms {
border:#ebe6dc 1px solid;
border-radius:10px;
padding:20px 15px;
}

#terms .policies .policy .terms p {
display:flex;
font-size:85%;
}

#terms .policies .policy .terms .ex {
border-bottom:#ebe6dc 1px dashed;
padding-bottom:15px;
margin-bottom:15px;
}

#terms .policies .policy .terms .ex span:first-child {
padding-left:2.5rem;
}

#terms .policies .policy .terms .ex span.number {
padding-left:0;
}

#terms .policies .policy .terms .ex:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}



/*ERROR*/
#error {
padding:100px 0 100px;
}

#error .cts {
width:90%;
margin:auto;
text-align:center;
}

#error .icon {
width:50px;
margin:0 auto 15px;
}

#error h2 {
font-size:135%;
font-weight:bold;
color:#f096b4;
padding-bottom:30px;
}

#error .ex {
font-size:90%;
}

#error .ex a {
font-weight:bold;
color:#f096b4;
}




/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:40px;
height:40px;
right:15px;
bottom:15px;
z-index:100;
display:none;
}



/*FOOTER*/
footer {
background:#faf5e6;
padding:30px 0 80px;
}

footer .cts {
width:94%;
margin:0 auto 25px;
}

footer .data {
text-align:center;
}

footer .data .footer_logo {
width:80%;
margin:0 auto 7px;
}

footer .data .corporate_name {
font-size:80%;
font-weight:bold;
color:#0057a5;
padding-bottom:10px;
}

footer .data .address {
font-size:80%;
padding-bottom:10px;
}

footer .data .tel {
width:60%;
margin:0 auto 10px;
}

footer .data .fax {
width:60%;
margin:0 auto 20px;
}

footer .data .contact {
width:80%;
margin:auto;
}

footer .data .contact a {
background:#fa4646;
display:flex;
justify-content:center;
align-items:center;
padding:10px 20px 10px 5px;
border-radius:6px;
}

footer .data .contact .mail {
width:50px;
transform:scale(0.5);
}

footer .data .contact p {
font-size:90%;
font-weight:bold;
color:#fff;
}

footer .links {
display:none;
}

footer .links .link {
width:150px;
margin-left:40px;
}

footer .links .link li {
font-size:75%;
padding-bottom:5px;
}

footer .links .link li:first-child {
font-weight:bold;
padding-bottom:7px;
}

footer #copyright {
width:94%;
margin:auto;
font-size:60%;
}

footer #copyright p {
color:#aaa;
}

footer #copyright p:last-child {
padding-top:10px;
}



/*MAINTENANCE*/
.maintenance {
width:90%;
margin:0 auto 30px;
border:#e60032 3px solid;
border-radius:10px;
}

.maintenance img {
border-radius:10px;
}



/*PAST*/
#past {
}

#past .pasts {
}

#past .pasts .past {
border-bottom:#e1e1e1 1px dashed;
padding-bottom:12px;
margin-bottom:12px;
}

#past .pasts .past:first-child {
border-top:#e1e1e1 1px dashed;
padding-top:12px;
}

#past .pasts .past a {
display:inline-block;
}

#past .pasts .past a p {
font-weight:500;
}

#past .pasts .past a p:before {
content:"";
width:10px;
height:10px;
border-top:#f0a046 1px solid;
border-right:#f0a046 1px solid;
transform:rotate(45deg);
display:inline-block;
margin-right:10px;
}

#past h3 {
font-size:120%;
font-weight:bold;
}

#past .result {
font-size:90%;
font-weight:400;
padding-bottom:25px;
}

#past .result .number {
color:#e6321e;
font-weight:bold;
}



}