CSS&HTMLの編集

CSSファイルの選択必須

各ページマイページ

直接編集

CSS編集必須

@charset "UTF-8";
 /* Custom */
 
 /* Tablet用 */
 @media only screen and (min-width: 916px) and (max-width: 1000px) {
 }
 
 /* Tablet2用 */
 @media only screen and (min-width: 701px) and (max-width: 915px) {
 }
 
 /* Mobile用 */
 @media only screen and (min-width: 541px) and (max-width: 700px) {
 }
 
 /* Mobile2用 */
 @media screen and (max-width: 540px) {
 }
 
 /* column2 */
 #column2 { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
 #column2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
 #column2 h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
 #column2 li { background-color: #fff; border-radius: 10px; }
 #column2 #colu_img { height: 260px; }
 #column2 #colu_days { font-size: 80%; text-align: center; }
 /* Tablet用 */
 @media only screen and (min-width: 916px) and (max-width: 1000px) {}
 /* Tablet2用 */
 @media only screen and (min-width: 701px) and (max-width: 915px) {}
 /* Mobile用 */
 @media only screen and (min-width: 541px) and (max-width: 700px) {}
 /* Mobile2用 */
 @media screen and (max-width: 540px) {}
 
 /* event2 */
 #event2 { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
 #event2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
 #event2 h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
 #event2 li { background-color: #fff; border-radius: 10px; }
 #event2 #event_img { height: 400px; }
 #event2 #event_area { padding: 0 0 10px 0; }
 /* Tablet用 */
 @media only screen and (min-width: 916px) and (max-width: 1000px) {}
 /* Tablet2用 */
 @media only screen and (min-width: 701px) and (max-width: 915px) {}
 /* Mobile用 */
 @media only screen and (min-width: 541px) and (max-width: 700px) {
 #event2 { background: url(../common/data_img/event2_1.png) right 10% top 8% / 60% auto no-repeat; }
 #event2 h1 { margin: 80px 8% 30px; }
 }
 /* Mobile2用 */
 @media screen and (max-width: 540px) {
 #event2 { background: url(../common/data_img/event2_1.png) right 10% top 8% / 60% auto no-repeat; }
 #event2 h1 { margin: 80px 8% 30px; }
 }

マイページCSS編集必須

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
/* Custom */
body { font-family: 'M PLUS Rounded 1c', sans-serif; }
#header { height: 58px; margin: 0; }
#date { text-align: center; }
/* IndexIcon */
#index_icon { background-color: #725e6e; }
#index_icon #index_icon_name { background-color: #b59eb1; }
#fbtn a { color: #fff; text-align: center; background-color: #7e3574; width: 92%; float: left; margin: 0; padding: 10px; border: solid 2px #fff; border-radius: 10px; }
#fbtn a:hover { background-color: #d5b9e0; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#header { height: 43px; margin: 0; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#header { height: 43px; margin: 0; }
#date { background: url(../common/images/touka.png); padding: 10px 2%; }
.mtbl2 { width: 95%; float: left; }
.mtbl2 .thead { display: none; }
.mtbl2 tr { width: 100%; }
.mtbl2 td { text-align: left; width: 96%; display: block; border-right: 0px dotted #8d8d8d; }
.mtbl2 td:nth-child(even) { background-image: url(../common/images/touka.png); }
.mtbl2 td:before { content: attr(data-label); font-size: 120%; font-weight: bold; width: 36%; float: left; margin: 0 0 2%; padding: 0 2%; display: block; }
#fbtn { display: none; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#header { height: 43px; margin: 0; }
#date { background: url(../common/images/touka.png); padding: 10px 2%; }
.mtbl2 { width: 95%; float: left; }
.mtbl2 .thead { display: none; }
.mtbl2 tr { width: 100%; }
.mtbl2 td { text-align: left; width: 96%; display: block; border-right: 0px dotted #8d8d8d; }
.mtbl2 td:nth-child(even) { background-image: url(../common/images/touka.png); }
.mtbl2 td:before { content: attr(data-label); font-size: 120%; font-weight: bold; width: 36%; float: left; margin: 0 0 2%; padding: 0 2%; display: block; }
#fbtn { display: none; }
}

Htmlファイルのアップロード

Htmlファイルの選択必須

indexページ用各ページ用マイページ用