@charset "utf-8";

body {
margin:0;
padding:0;
background:#fff;
overflow-x:hidden;
}

body,textarea {
font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",'Lato',"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"Helvetica Neue", HelveticaNeue, Helvetica,Arial,"Segoe UI",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

body,input,seledt,textarea,a {
}

div,p,a,article,section,nav,ul,li,header,footer,input,select,textarea,h1,h2,h3,h4,h5,th,td {
font-size:1em;
font-weight:400;
line-height:150%;
letter-spacing:0.5px;
word-wrap:break-word;
color:#323232;
}

img {
width:100%;
height:auto;
}

.wrap {
overflow-x:hidden;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding:0;
margin:0;
}

img {
width:100%;
height:auto;
padding:0;
margin:0;
vertical-align:bottom;
border-style:none;
}

li { list-style:none; }
.b {font-weight:700;}

a {
text-decoration:none;
}

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

.fr {color:#e6321e;}
.fd {color:#ff0000;}
.fg {color:#081295;}
.fo {color:#f0a046;}
.ft {color:#000;}
.fs {color:#fff;}



/*FORM*/
input , select , textarea , button {
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
outline:none;
box-shadow:none;
border:#ccc 1px solid;
}

input:focus , textarea:focus , button:focus {
border:#f0a046 1px solid;
}

input[type="checkbox"] , input[type="radio"] {
background:#fff;
padding:5px;
border-radius:100%;
}

input[type="checkbox"]:checked , input[type="radio"]:checked {
background:#464646;
border:#464646 1px solid;
}

::placeholder {
color:#aaa;
}

select {
background:#fff url(../img/select.svg) no-repeat;
background-size:10px 7px;
background-position:right 15px center;
position:relative;
width:500px;
padding:15px;
}




/*ANIMATION*/
@keyframes hover {
0%{opacity:1;}
100%{opacity:0.5;}
}




/*COLORS*/

/*TOP_INDEX_FULL*/
#top_index .index_titles .index_title .select_month .month.full a {
border:#f0a046 1px dashed;
color:#f0a046;
}


/*TOP_INDEX_JANUARY*/
#top_index .index_titles .index_title .monthly_title.january {
border-left:#96bed2 5px solid;
}

#top_index .index_titles .index_title .monthly_title.january .all {
background:#96bed2;
}

#top_index .index_titles .index_title .select_month .month.january {
background:#eaf2f6;
}

#top_index .index_titles .index_title .select_month .month.january .item {
color:#96bed2;
}

#top_index .index_titles .index_title .select_month .month.january a {
border:#96bed2 1px dashed;
color:#96bed2;
}

#top_index .index_titles .index_title .select_month .month.january a.now {
background:#96bed2;
}

#top_index .index_titles .deadlines.january {
display:flex;
border:#96bed2 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.january .deadline {
background:#96bed2;
}

#brand .related_items .january {
background:#96bed2;
}

#order .order_frames .order_frame .sheet_titles .release.january {
border-left:#96bed2 5px solid;
}


/*TOP_INDEX_FEBRUARY*/
#top_index .index_titles .index_title .monthly_title.february {
border-left:#f0c800 5px solid;
}

#top_index .index_titles .index_title .monthly_title.february .all {
background:#f0c800;
}

#top_index .index_titles .index_title .select_month .month.february {
background:#fcf4cc;
}

#top_index .index_titles .index_title .select_month .month.february .item {
color:#f0c800;
}

#top_index .index_titles .index_title .select_month .month.february a {
border:#f0c800 1px dashed;
color:#f0c800;
}

#top_index .index_titles .index_title .select_month .month.february a.now {
background:#f0c800;
}

#top_index .index_titles .deadlines.february {
display:flex;
border:#f0c800 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.february .deadline {
background:#f0c800;
}

#brand .related_items .february {
background:#f0c800;
}

#order .order_frames .order_frame .sheet_titles .release.february {
border-left:#f0c800 5px solid;
}


/*TOP_INDEX_MARCH*/
#top_index .index_titles .index_title .monthly_title.march {
border-left:#96be3c 5px solid;
}

#top_index .index_titles .index_title .monthly_title.march .all {
background:#96be3c;
}

#top_index .index_titles .index_title .select_month .month.march {
background:#eaf2d8;
}

#top_index .index_titles .index_title .select_month .month.march .item {
color:#96be3c;
}

#top_index .index_titles .index_title .select_month .month.march a {
border:#96be3c 1px dashed;
color:#96be3c;
}

#top_index .index_titles .index_title .select_month .month.march a.now {
background:#96be3c;
}

#top_index .index_titles .deadlines.march {
display:flex;
border:#96be3c 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.march .deadline {
background:#96be3c;
}

#brand .related_items .march {
background:#96be3c;
}

#order .order_frames .order_frame .sheet_titles .release.march {
border-left:#96be3c 5px solid;
}



/*TOP_INDEX_APRIL*/
#top_index .index_titles .index_title .monthly_title.april {
border-left:#f096b4 5px solid;
}

#top_index .index_titles .index_title .monthly_title.april .all {
background:#f096b4;
}

#top_index .index_titles .index_title .select_month .month.april {
background:#fceaf0;
}

#top_index .index_titles .index_title .select_month .month.april .item {
color:#f096b4;
}

#top_index .index_titles .index_title .select_month .month.april a {
border:#f096b4 1px dashed;
color:#f096b4;
}

#top_index .index_titles .index_title .select_month .month.april a.now {
background:#f096b4;
}

#top_index .index_titles .deadlines.april {
display:flex;
border:#f096b4 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.april .deadline {
background:#f096b4;
}

#brand .related_items .april {
background:#f096b4;
}

#order .order_frames .order_frame .sheet_titles .release.april {
border-left:#f096b4 5px solid;
}


/*TOP_INDEX_MAY*/
#top_index .index_titles .index_title .monthly_title.may {
border-left:#8cc8be 5px solid;
}

#top_index .index_titles .index_title .monthly_title.may .all {
background:#8cc8be;
}

#top_index .index_titles .index_title .select_month .month.may {
background:#e8f4f2;
}

#top_index .index_titles .index_title .select_month .month.may .item {
color:#8cc8be;
}

#top_index .index_titles .index_title .select_month .month.may a {
border:#8cc8be 1px dashed;
color:#8cc8be;
}

#top_index .index_titles .index_title .select_month .month.may a.now {
background:#8cc8be;
}

#top_index .index_titles .deadlines.may {
display:flex;
border:#8cc8be 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.may .deadline {
background:#8cc8be;
}

#brand .related_items .may {
background:#8cc8be;
}

#order .order_frames .order_frame .sheet_titles .release.may {
border-left:#8cc8be 5px solid;
}



/*TOP_INDEX_JUNE*/
#top_index .index_titles .index_title .monthly_title.june {
border-left:#ff7878 5px solid;
}

#top_index .index_titles .index_title .monthly_title.june .all {
background:#ff7878;
}

#top_index .index_titles .index_title .select_month .month.june {
background:#ffebeb;
}

#top_index .index_titles .index_title .select_month .month.june .item {
color:#ff7878;
}

#top_index .index_titles .index_title .select_month .month.june a {
border:#ff7878 1px dashed;
color:#ff7878;
}

#top_index .index_titles .index_title .select_month .month.june a.now {
background:#ff7878;
}

#top_index .index_titles .deadlines.june {
display:flex;
border:#ff7878 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.june .deadline {
background:#ff7878;
}

#brand .related_items .june {
background:#ff7878;
}

#order .order_frames .order_frame .sheet_titles .release.june {
border-left:#ff7878 5px solid;
}


/*TOP_INDEX_JULY*/
#top_index .index_titles .index_title .monthly_title.july {
border-left:#64c8fa 5px solid;
}

#top_index .index_titles .index_title .monthly_title.july .all {
background:#64c8fa;
}

#top_index .index_titles .index_title .select_month .month.july {
background:#e0f4fe;
}

#top_index .index_titles .index_title .select_month .month.july .item {
color:#64c8fa;
}

#top_index .index_titles .index_title .select_month .month.july a {
border:#64c8fa 1px dashed;
color:#64c8fa;
}

#top_index .index_titles .index_title .select_month .month.july a.now {
background:#64c8fa;
}

#top_index .index_titles .deadlines.july {
display:flex;
border:#64c8fa 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.july .deadline {
background:#64c8fa;
}

#brand .related_items .july {
background:#64c8fa;
}

#order .order_frames .order_frame .sheet_titles .release.july {
border-left:#64c8fa 5px solid;
}


/*TOP_INDEX_AUGUST*/
#top_index .index_titles .index_title .monthly_title.august {
border-left:#b487c8 5px solid;
}

#top_index .index_titles .index_title .monthly_title.august .all {
background:#b487c8;
}

#top_index .index_titles .index_title .select_month .month.august {
background:#f0e7f4;
}

#top_index .index_titles .index_title .select_month .month.august .item {
color:#b487c8;
}

#top_index .index_titles .index_title .select_month .month.august a {
border:#b487c8 1px dashed;
color:#b487c8;
}

#top_index .index_titles .index_title .select_month .month.august a.now {
background:#b487c8;
}

#top_index .index_titles .deadlines.august {
display:flex;
border:#b487c8 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.august .deadline {
background:#b487c8;
}

#brand .related_items .august {
background:#b487c8;
}

#order .order_frames .order_frame .sheet_titles .release.august {
border-left:#b487c8 5px solid;
}


/*TOP_INDEX_SEPTEMBER*/
#top_index .index_titles .index_title .monthly_title.september {
border-left:#f0aa46 5px solid;
}

#top_index .index_titles .index_title .monthly_title.september .all {
background:#f0aa46;
}

#top_index .index_titles .index_title .select_month .month.september {
background:#fceeda;
}

#top_index .index_titles .index_title .select_month .month.september .item {
color:#f0aa46;
}

#top_index .index_titles .index_title .select_month .month.september a {
border:#f0aa46 1px dashed;
color:#f0aa46;
}

#top_index .index_titles .index_title .select_month .month.september a.now {
background:#f0aa46;
}

#top_index .index_titles .deadlines.september {
display:flex;
border:#f0aa46 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.september .deadline {
background:#f0aa46;
}

#brand .related_items .september {
background:#f0aa46;
}

#order .order_frames .order_frame .sheet_titles .release.september {
border-left:#f0aa46 5px solid;
}


/*TOP_INDEX_OCTOBER*/
#top_index .index_titles .index_title .monthly_title.october {
border-left:#b49646 5px solid;
}

#top_index .index_titles .index_title .monthly_title.october .all {
background:#b49646;
}

#top_index .index_titles .index_title .select_month .month.october {
background:#f0eada;
}

#top_index .index_titles .index_title .select_month .month.october .item {
color:#b49646;
}

#top_index .index_titles .index_title .select_month .month.october a {
border:#b49646 1px dashed;
color:#b49646;
}

#top_index .index_titles .index_title .select_month .month.october a.now {
background:#b49646;
}

#top_index .index_titles .deadlines.october {
display:flex;
border:#b49646 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.october .deadline {
background:#b49646;
}

#brand .related_items .october {
background:#b49646;
}

#order .order_frames .order_frame .sheet_titles .release.october {
border-left:#b49646 5px solid;
}


/*TOP_INDEX_NOVEMBER*/
#top_index .index_titles .index_title .monthly_title.november {
border-left:#78aa64 5px solid;
}

#top_index .index_titles .index_title .monthly_title.november .all {
background:#78aa64;
}

#top_index .index_titles .index_title .select_month .month.november {
background:#e4eee0;
}

#top_index .index_titles .index_title .select_month .month.november .item {
color:#78aa64;
}

#top_index .index_titles .index_title .select_month .month.november a {
border:#78aa64 1px dashed;
color:#78aa64;
}

#top_index .index_titles .index_title .select_month .month.november a.now {
background:#78aa64;
}

#top_index .index_titles .deadlines.november {
display:flex;
border:#78aa64 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.november .deadline {
background:#78aa64;
}

#brand .related_items .november {
background:#78aa64;
}

#order .order_frames .order_frame .sheet_titles .release.november {
border-left:#78aa64 5px solid;
}


/*TOP_INDEX_DECEMBER*/
#top_index .index_titles .index_title .monthly_title.december {
border-left:#e65014 5px solid;
}

#top_index .index_titles .index_title .monthly_title.december .all {
background:#e65014;
}

#top_index .index_titles .index_title .select_month .month.december {
background:#fbe5dc;
}

#top_index .index_titles .index_title .select_month .month.december .item {
color:#e65014;
}

#top_index .index_titles .index_title .select_month .month.december a {
border:#e65014 1px dashed;
color:#e65014;
}

#top_index .index_titles .index_title .select_month .month.december a.now {
background:#e65014;
}

#top_index .index_titles .deadlines.december {
display:flex;
border:#e65014 2px solid;
margin-right:10px;
border-radius:10px;
}

#top_index .index_titles .deadlines.december .deadline {
background:#e65014;
}

#brand .related_items .december {
background:#e65014;
}

#order .order_frames .order_frame .sheet_titles .release.december {
border-left:#e65014 5px solid;
}



/*即納品*/
#brand .related_items .instant {
background:#ff6464;
}

#order .order_frames .order_frame .sheet_titles .release.instant {
font-size:125%;
border-left:#ff6464 5px solid;
padding:7px 0 7px 12px;
}




/*JANUARY*/
#index .monthly .btn.january a {
border-color:#96bed2;
color:#96bed2;
}

#index .monthly .btn.january.now a {
border:#96bed2 1px solid;
background:#96bed2;
border-bottom:none;
color:#fff;
}

#index .this_month.january .monthly_title {
background:#96bed2;
}

#index .this_month.january .monthly_title .all {
color:#96bed2;
}

#index .this_month.january .weeks .week.now a {
background:#96bed2;
}

#index .this_month.january .deadlines {
border:#96bed2 2px solid;
}

#index .this_month.january .deadlines .deadline {
background:#96bed2;
}

#index .this_month.january .deadlines .day {
color:#96bed2;
}


/*FEBRUARY*/
#index .monthly .btn.february a {
border-color:#f0c800;
color:#f0c800;
}

#index .monthly .btn.february.now a {
border:#f0c800 1px solid;
background:#f0c800;
border-bottom:none;
color:#fff;
}

#index .this_month.february .monthly_title {
background:#f0c800;
}

#index .this_month.february .monthly_title .all {
color:#f0c800;
}

#index .this_month.february .weeks .week.now a {
background:#f0c800;
}

#index .this_month.february .deadlines {
border:#f0c800 2px solid;
}

#index .this_month.february .deadlines .deadline {
background:#f0c800;
}

#index .this_month.february .deadlines .day {
color:#f0c800;
}


/*MARCH*/
#index .monthly .btn.march a {
border-color:#96be3c;
color:#96be3c;
}

#index .monthly .btn.march.now a {
border:#96be3c 1px solid;
background:#96be3c;
border-bottom:none;
color:#fff;
}

#index .this_month.march .monthly_title {
background:#96be3c;
}

#index .this_month.march .monthly_title .all {
color:#96be3c;
}

#index .this_month.march .weeks .week.now a {
background:#96be3c;
}

#index .this_month.march .deadlines {
border:#96be3c 2px solid;
}

#index .this_month.march .deadlines .deadline {
background:#96be3c;
}

#index .this_month.march .deadlines .day {
color:#96be3c;
}


/*APRIL*/
#index .monthly .btn.april a {
border-color:#f096b4;
color:#f096b4;
}

#index .monthly .btn.april.now a {
border:#f096b4 1px solid;
background:#f096b4;
border-bottom:none;
color:#fff;
}

#index .this_month.april .monthly_title {
background:#f096b4;
}

#index .this_month.april .monthly_title .all {
color:#f096b4;
}

#index .this_month.april .weeks .week.now a {
background:#f096b4;
}

#index .this_month.april .deadlines {
border:#f096b4 2px solid;
}

#index .this_month.april .deadlines .deadline {
background:#f096b4;
}

#index .this_month.april .deadlines .day {
color:#f096b4;
}


/*MAY*/
#index .monthly .btn.may a {
border-color:#8cc8be;
color:#8cc8be;
}

#index .monthly .btn.may.now a {
border:#8cc8be 1px solid;
background:#8cc8be;
border-bottom:none;
color:#fff;
}

#index .this_month.may .monthly_title {
background:#8cc8be;
}

#index .this_month.may .monthly_title .all {
color:#8cc8be;
}

#index .this_month.may .weeks .week.now a {
background:#8cc8be;
}

#index .this_month.may .deadlines {
border:#8cc8be 2px solid;
}

#index .this_month.may .deadlines .deadline {
background:#8cc8be;
}

#index .this_month.may .deadlines .day {
color:#8cc8be;
}


/*JUNE*/
#index .monthly .btn.june a {
border-color:#ff7878;
color:#ff7878;
}

#index .monthly .btn.june.now a {
border:#ff7878 1px solid;
background:#ff7878;
border-bottom:none;
color:#fff;
}

#index .this_month.june .monthly_title {
background:#ff7878;
}

#index .this_month.june .monthly_title .all {
color:#ff7878;
}

#index .this_month.june .weeks .week.now a {
background:#ff7878;
}

#index .this_month.june .deadlines {
border:#ff7878 2px solid;
}

#index .this_month.june .deadlines .deadline {
background:#ff7878;
}

#index .this_month.june .deadlines .day {
color:#ff7878;
}


/*JULY*/
#index .monthly .btn.july a {
border-color:#64c8fa;
color:#64c8fa;
}

#index .monthly .btn.july.now a {
border:#64c8fa 1px solid;
background:#64c8fa;
border-bottom:none;
color:#fff;
}

#index .this_month.july .monthly_title {
background:#64c8fa;
}

#index .this_month.july .monthly_title .all {
color:#64c8fa;
}

#index .this_month.july .weeks .week.now a {
background:#64c8fa;
}

#index .this_month.july .deadlines {
border:#64c8fa 2px solid;
}

#index .this_month.july .deadlines .deadline {
background:#64c8fa;
}

#index .this_month.july .deadlines .day {
color:#64c8fa;
}



/*AUGUST*/
#index .monthly .btn.august a {
border-color:#b487c8;
color:#b487c8;
}

#index .monthly .btn.august.now a {
border:#b487c8 1px solid;
background:#b487c8;
border-bottom:none;
color:#fff;
}

#index .this_month.august .monthly_title {
background:#b487c8;
}

#index .this_month.august .monthly_title .all {
color:#b487c8;
}

#index .this_month.august .weeks .week.now a {
background:#b487c8;
}

#index .this_month.august .deadlines {
border:#b487c8 2px solid;
}

#index .this_month.august .deadlines .deadline {
background:#b487c8;
}

#index .this_month.august .deadlines .day {
color:#b487c8;
}



/*SEPTEMBER*/
#index .monthly .btn.september a {
border-color:#f0aa46;
color:#f0aa46;
}

#index .monthly .btn.september.now a {
border:#f0aa46 1px solid;
background:#f0aa46;
border-bottom:none;
color:#fff;
}

#index .this_month.september .monthly_title {
background:#f0aa46;
}

#index .this_month.september .monthly_title .all {
color:#f0aa46;
}

#index .this_month.september .weeks .week.now a {
background:#f0aa46;
}

#index .this_month.september .deadlines {
border:#f0aa46 2px solid;
}

#index .this_month.september .deadlines .deadline {
background:#f0aa46;
}

#index .this_month.september .deadlines .day {
color:#f0aa46;
}



/*OCTOBER*/
#index .monthly .btn.october a {
border-color:#b49646;
color:#b49646;
}

#index .monthly .btn.october.now a {
border:#b49646 1px solid;
background:#b49646;
border-bottom:none;
color:#fff;
}

#index .this_month.october .monthly_title {
background:#b49646;
}

#index .this_month.october .monthly_title .all {
color:#b49646;
}

#index .this_month.october .weeks .week.now a {
background:#b49646;
}

#index .this_month.october .deadlines {
border:#b49646 2px solid;
}

#index .this_month.october .deadlines .deadline {
background:#b49646;
}

#index .this_month.october .deadlines .day {
color:#b49646;
}



/*NOVEMBER*/
#index .monthly .btn.november a {
border-color:#b487c8;
color:#78aa64;
}

#index .monthly .btn.november.now a {
border:#78aa64 1px solid;
background:#78aa64;
border-bottom:none;
color:#fff;
}

#index .this_month.november .monthly_title {
background:#78aa64;
}

#index .this_month.november .monthly_title .all {
color:#78aa64;
}

#index .this_month.november .weeks .week.now a {
background:#78aa64;
}

#index .this_month.november .deadlines {
border:#78aa64 2px solid;
}

#index .this_month.november .deadlines .deadline {
background:#78aa64;
}

#index .this_month.november .deadlines .day {
color:#78aa64;
}



/*DECEMBER*/
#index .monthly .btn.december a {
border-color:#e65014;
color:#e65014;
}

#index .monthly .btn.december.now a {
border:#e65014 1px solid;
background:#e65014;
border-bottom:none;
color:#fff;
}

#index .this_month.december .monthly_title {
background:#e65014;
}

#index .this_month.december .monthly_title .all {
color:#e65014;
}

#index .this_month.december .weeks .week.now a {
background:#e65014;
}

#index .this_month.december .deadlines {
border:#e65014 2px solid;
}

#index .this_month.december .deadlines .deadline {
background:#e65014;
}

#index .this_month.december .deadlines .day {
color:#e65014;
}