body {
font-family: 'Noto Sans JP', sans-serif !important;
font-feature-settings: "palt" 1;
text-shadow: none !important;
}
a {
color: #6fb72c;
}
@media screen and (min-width:768px) {
.smpwrapper {
display: none;
}
#wrap {
background: url(../images/bg_body_index.jpg?20170602-1324) left top repeat;
background-attachment: fixed;
}
.title_001 {
padding-top: 2%;
}
a {
outline: none;
color: #6fb72c;
text-decoration: underline;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-underline-offset: 3px;
}
a:hover {
color: #6fb72c;
text-decoration: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-underline-offset: 3px;
}
a:visited {
color: #6fb72c;
text-decoration: underline;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-underline-offset: 3px;
}
}
.miniminimini {
font-size: 35%;
vertical-align: 10%;
}
/* #intro */
#intro {
margin: 45px 0;
line-height: 1.5em;
width: 730px;
float: left;
}
#mappdf {
margin: 45px 0;
float: right;
}
/* #search */
#search {
margin: 0 0 45px 0;
font-size: 110%;
}
#search table {
width: 100%;
}
#search table th {
width: 14em;
background: #F1E8E3;
font-weight: bold;
text-align: center;
}
#search table td {
background: #fff;
line-height: 2em;
}
#search table th,
#search table td {
padding: 15px 15px;
border: solid 1px #DCDADB;
}
#search table tr.submit td input {
margin: 0 auto;
cursor: pointer;
display: block;
width: 162px;
height: 34px;
border: none;
text-indent: -9999px;
background: url(https://www.tv-osaka.co.jp/event/makingbazaar/vol41/images/submit.gif) no-repeat 0 0;
}
#search table tr.word input {
width: 20em;
}
/* #pagenav */
@media screen and (min-width:768px) {
#pagenav_pc {
margin-bottom: 50px;
}
}
#pagenav {
margin-top: 25px;
text-align: center;
}
#pagenav li {
display: inline;
list-style-type: none;
}
#pagenav li a {
background: #DD94A3;
padding: 0.4em 0.6em;
font-weight: bold;
color: #000;
}
#pagenav li a.active {
background: #6fb72c;
}
.sp {
display: none;
}
.chkbox {
margin-right:1em;
float: left;
}
@media screen and (max-width:768px) {
.pcwrapper {
display: none;
}
a {
outline: none;
color: #6fb72c;
text-decoration: underline;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-underline-offset: 3px;
}
a:hover {
color: #6fb72c;
text-decoration: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-underline-offset: 3px;
}
a:visited {
color: #6fb72c;
text-decoration: underline;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-underline-offset: 3px;
}
body {
-webkit-text-size-adjust: 100%;
text-align: left;
overflow: visible;
background-color: #FFFFFF;
}
.background-hack {
z-index : -1;
background-color : #cccccc;
background-image : url('../images/bg_body.jpg?20170723-1204');
background-repeat : no-repeat;
background-size : 100% auto;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.title_001 {
padding-top: 5%;
padding-left: 4.5%;
padding-right: 4.5%;
}
.box1200 {
width: 100%;
}
.box640 {
width: 100%;
}
.box640q {
width: 100%;
background-color: #fdf2ed;
}
.box640 img {
width: 100%;
height: auto;
}
.box640q img {
width: 100%;
height: auto;
}
.box050 {
width: 50%;
float: left;
}
.box050a {
width: 49%;
padding-right: 1%;
float: left;
}
.box050b {
width: 49%;
padding-left: 1%;
float: left;
}
.box038 {
width: 38.59375%;
float: left;
}
.box031 {
width: 31.875%;
float: left;
}
.box040 {
width: 40%;
float: left;
text-align: center;
text-shadow: none !important;
}
.box030a {
width: 30%;
float: left;
text-align: left;
text-shadow: none !important;
}
.box030b {
width: 30%;
float: left;
text-align: right;
text-shadow: none !important;
}
.box029 {
width: 29.53125%;
float: left;
}
.txt01 {
font-size: 160%;
font-weight: bold;
color: #000000;
padding-top: 3%;
text-shadow: none !important;
}
.txt02 {
font-size: 115%;
font-weight: bold;
color: #ffffff;
background-color: #6fb72c;
padding-left: 3%;
padding-right: 2%;
padding-top: 2%;
padding-bottom: 2%;
margin-top: 6%;
text-shadow: none !important;
}
.txt02q {
font-size: 115%;
font-weight: bold;
color: #ffffff;
background-color: #6fb72c;
padding-left: 3%;
padding-right: 2%;
padding-top: 2%;
padding-bottom: 2%;
margin-top: 4%;
text-shadow: none !important;
}
.txt03 {
font-size: 100%;
line-height: 170%;
color: #000000;
padding-top: 4%;
padding-bottom: 2%;
text-shadow: none !important;
}
.txt04 {
font-size: 80%;
line-height: 160%;
text-shadow: none !important;
}
.txt05 {
font-size: 140%;
font-weight: bold;
color: #6fb72c;
padding-top: 8%;
margin-top: 6%;
text-shadow: none !important;
border-top: 1px solid #6fb72c;
}
.txt05q {
font-size: 110%;
font-weight: bold;
color: #6fb72c;
background-color: #ffffff;
padding-left: 3%;
padding-right: 2%;
padding-top: 2%;
padding-bottom: 2%;
margin-top: 6%;
text-shadow: none !important;
border: 2px solid #6fb72c;
}
.txt06 {
font-size: 115%;
font-weight: bold;
color: #000000;
text-shadow: none !important;
}
.txt07 {
font-size: 110%;
line-height: 170%;
font-weight: bold;
color: #6fb72c;
padding-top: 4%;
text-shadow: none !important;
}
.txt08 {
font-size: 100%;
line-height: 170%;
color: #000000;
padding-top: 4%;
text-shadow: none !important;
}
.txt09 {
font-size: 115%;
line-height: 170%;
font-weight: bold;
color: #6fb72c;
text-shadow: none !important;
}
.txt10 {
font-size: 100%;
line-height: 170%;
color: #000000;
padding-top: 2%;
padding-bottom: 2%;
text-shadow: none !important;
}
.txt21 {
padding-top: 1%;
font-size: 70%;
}
.txt22 {
font-size: 115%;
font-weight: bold;
}
.blanks {
color: #fdf2ed;
}
.bigtxt01 {
font-size: 230%;
}
.pnk {
color: #D6006D;
}
#table01 {
width: 100%;
border-color: #9C9C9C;
border-style: solid;
border-width: 1px;
}
#table02 {
width: 100%;
background-image: url(https://cdn.tv-osaka.co.jp/cdn/v1.4/event/makingbazaar_vol34_smp/images_smp/artsmp21.jpg);
background-repeat: repeat-y;
background-position: center top;
background-size: contain;
}
#artsmp23_02 {
width: 100%;
background-image: url(../images/artsmp23_02.jpg?20180825-1435);
background-repeat: repeat-y;
background-position: center top;
background-size: cover;
text-shadow: none !important;
}
#artsmp23_02 img {
width: 100%;
height: auto;
}
.td01 {
padding-top: 2%;
padding-bottom: 2%;
padding-left: 1%;
padding-right: 1%;
font-size: 100%;
line-height: 160%;
font-weight: bold;
vertical-align: middle;
text-align: center;
width: 25%;
border-right-color: #9C9C9C;
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: #9C9C9C;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.td02 {
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
font-size: 100%;
line-height: 160%;
vertical-align: top;
border-bottom-color: #9C9C9C;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.td03 {
padding-top: 2%;
padding-left: 6%;
font-size: 95%;
font-weight: bold;
vertical-align: top;
}
.td04 {
padding-top: 2%;
padding-left: 2.5%;
padding-right: 5%;
padding-bottom: 2%;
font-size: 95%;
line-height: 160%;
vertical-align: top;
}
.td05 {
width: 40%;
vertical-align: top;
padding-bottom: 6%;
border-bottom: 1px dotted #666666;
}
.td06 {
vertical-align: top;
padding-left: 5%;
padding-bottom: 6%;
border-bottom: 1px dotted #666666;
}
.td07 {
width: 60px;
vertical-align: top;
text-align: center;
background-color: #6fb72c;
color: #FFFFFF;
font-weight: bold;
font-size: 95%;
line-height: 170%;
padding-top: 3%;
padding-bottom: 4%;
text-shadow: none !important;
}
.td08 {
vertical-align: top;
text-align: left;
font-size: 100%;
line-height: 160%;
text-shadow: none !important;
padding-left: 6%;
}
.endpad {
padding-bottom: 2%;
}
.boothTable {
width: 100%;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
font-size: 95%;
line-height: 160%;
}
.boothTable th {
width: 30%;
text-align: left;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
padding-top: 2%;
padding-right: 1%;
padding-bottom: 2%;
padding-left: 3%;
background-color: #F2E8E3;
text-shadow: none !important;
}
.boothTable td {
text-align: left;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
padding-top: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-left: 3%;
background-color: #FFF;
text-shadow: none !important;
}
#pad03 {
padding-top: 5%;
padding-left: 6%;
font-size: 105%;
font-weight: bold;
color: #000000;
}
#pad04 {
padding-left: 6%;
font-size: 115%;
font-weight: bold;
color: #000000;
}
#pad05 {
padding-left: 6%;
padding-bottom: 4%;
font-size: 110%;
font-size: 95%;
line-height: 160%;
color: #000000;
}
#pad05 a {
outline: none;
color: #ffffff;
text-decoration: underline;
}
#pad05 a:hover {
color: #ffffff;
text-decoration: none;
}
#pad05 a:visited {
color: #ffffff;
text-decoration: underline;
}
#pad06 {
padding-top: 1%;
background-color: #fdf4ee;
}
#pad07 {
padding-left: 5%;
padding-right: 30%;
padding-bottom: 3%;
}
#pad08 {
padding-left: 0.625%;
padding-right: 0.625%;
background-color: #fdf4ee;
}
#pad09 {
padding-bottom: 3%;
}
#pad10 {
padding-left: 6%;
padding-right: 6%;
padding-top: 4%;
padding-bottom: 4%;
}
#pad10q {
padding-left: 6%;
padding-right: 6%;
padding-top: 4%;
padding-bottom: 1%;
}
#pad11 {
padding-top: 5%;
padding-bottom: 4%;
}
#pad12 {
padding-top: 4%;
padding-bottom: 2%;
}
#pad13 {
padding-top: 6%;
padding-bottom: 2%;
}
#pad14 {
padding-top: 4%;
}
#pad15 {
padding-top: 2%;
padding-bottom: 2%;
font-size: 80%;
text-shadow: none !important;
}
#pad16 {
padding-top: 0.5%;
}
#pad17 {
padding-bottom: 3%;
}
#pad18 {
padding-right: 7%;
padding-bottom: 5%;
}
#pad19 {
padding-left: 7%;
padding-right: 7%;
}
.classpad01 {
padding-left: 4%;
}
.classpad02 {
padding-top: 2%;
}
.classpad03 {
padding-left: 4%;
padding-top: 4%;
}
.classpad04 {
padding-top: 3%;
}
.classpad05 {
padding-top: 5%;
padding-right: 3%;
padding-bottom: 4%;
padding-left: 3%;
}
.classpad06 {
padding-top: 6%;
}
.classpad07 {
padding-left: 4%;
padding-top: 2%;
}
.classpad08 {
padding-top: 5%;
padding-bottom: 6%;
border-bottom: 1px dotted #666666;
}
.classpad09 {
padding-bottom: 2%;
}
.classpad10 {
padding-bottom: 3%;
}
.classpad11 {
padding-top: 1%;
}
.classpad12 {
padding-top: 8%;
padding-bottom: 8%;
border-top: 1px solid #666666;
}
.classpad13 {
padding-top: 2%;
padding-bottom: 2%;
}
#animal {
width: 100%;
background-image: url(https://cdn.tv-osaka.co.jp/cdn/v1.4/event/makingbazaar_vol34_smp/images_smp/artsmp21.jpg);
background-repeat: repeat-y;
background-position: center top;
background-size: contain;
}
.rist-menu {
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rist-menu li {
list-style: none;
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid #dddddd;
}
.rist-menu li:first-child {
border-top: 1px solid #dddddd;
}
.rist-menu li a {
display: block;
position: relative;
z-index: 10;
height: 40px;
margin: 0;
padding: 0px 10px 0px 50px;
background: #ffffff;
color: #000 !important;
font-size: 14px;
line-height: 40px;
font-weight: bold;
text-decoration: none;
text-shadow: none !important;
}
.rist-menu li a:hover {
background: #e9e9e9;
text-decoration: none;
text-shadow: none !important;
}
.list01 li {
position: relative;
}
.list01 li::after {
display: block;
content: '';
position: absolute;
top: .6em;
left: -1em;
width: 3px;
height: 3px;
border-right: 2px solid #e3007f;
border-bottom: 2px solid #e3007f;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nagareKiyaku {
padding-top: 5%;
}
#nagareKiyaku ol {
list-style-position: outside;
list-style-type: decimal;
font-size: 100%;
line-height: 170%;
padding-left: 7%;
text-shadow: none !important;
}
#nagareKiyaku p {
font-size: 105%;
line-height: 170%;
text-shadow: none !important;
font-weight: bold;
}
#qaDl {}
#qaDl dt {
font-size: 115%;
line-height: 165%;
font-weight: bold;
color: #6fb72c;
padding-right: 2%;
padding-top: 5%;
text-shadow: none !important;
}
#qaDl dd {
border-bottom: 1px dotted #999999;
margin-top: 1%;
padding-bottom: 5%;
font-size: 100%;
line-height: 170%;
}
#qa_tablePad {
padding-top: 3%;
padding-bottom: 3%;
}
.qa_table {
width: 100%;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
}
.qa_date {
width: 40%;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
padding-top: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-left: 3%;
background-color: #f2e3dc;
text-shadow: none !important;
}
.qa_time {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
padding-top: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-left: 3%;
text-shadow: none !important;
}
#qa #sonota {
margin: 50px 0;
}
#qa #sonota ul li {
margin-top: 10px;
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.4/event/makingbazaar_vol34/images/common/listmark01.gif) left 0.3em no-repeat;
padding-left: 13px;
width: 680px;
font-size: 100%;
line-height: 150%;
}
.bread_table {
width: 100%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e3007f;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #e3007f;
text-shadow: none !important;
}
.bread_table .td01 {
width: 15%;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #e3007f;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e3007f;
color: #e3007f;
font-weight: bold;
font-size: 85%;
line-height: 150%;
}
.bread_table .td02q {
width: 15%;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #e3007f;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e3007f;
color: #e3007f;
font-weight: bold;
font-size: 85%;
line-height: 150%;
}
.bread_table .td03 {
width: 28%;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e3007f;
padding: 3%;
}
.bread_table .td04 {
text-align: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #e3007f;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e3007f;
padding-top: 4%;
padding-bottom: 4%;
padding-left: 4%;
padding-right: 4%;
}
.bread_shop01 {
padding-top: 5%;
font-size: 100%;
line-height: 110%;
padding-bottom: 1%;
color: #e3007f;
}
.bread_shop02 {
font-size: 130%;
line-height: 140%;
font-weight: bold;
color: #e3007f;
}
.bread_shop03 {
font-size: 65%;
line-height: 150%;
padding-top: 1%;
color: #e3007f;
}
.bread_shop04 {
font-size: 55%;
line-height: 120%;
font-weight: normal;
color: #e3007f;
padding-top: 1.5%;
}
.bread_shop05 {
padding-top: 2%;
font-size: 105%;
line-height: 160%;
}
.bread_txt01 {
padding-top: 5%;
font-size: 110%;
line-height: 160%;
font-weight: bold;
color: #e3007f;
}
.bread_txt02 {
font-size: 160%;
line-height: 130%;
font-weight: bold;
color: #e3007f;
}
.bread_txt03 {
font-size: 105%;
line-height: 170%;
padding-top: 1%;
padding-bottom: 5%;
}
.ws_img {
float: left;
width: 40%;
text-shadow: none !important;
}
.ws_txtBox {
float: left;
width: 60%;
text-shadow: none !important;
}
.ws_txt00 {
font-size: 110%;
line-height: 170%;
padding-top: 5%;
padding-bottom: 5%;
}
.ws_txt01 {
font-size: 125%;
line-height: 145%;
font-weight: bold;
color: #000000;
padding-left: 9%;
}
.ws_txt02 {
padding-top: 3%;
padding-left: 9%;
font-size: 100%;
line-height: 170%;
}
.ws_smalltxt01 {
font-size: 85%;
line-height: 155%;
}
.ws_pad01 {
padding-top: 5%;
}
.ws_table {
width: 100%;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #d6d6d6;
border-left-color: #d6d6d6;
text-shadow: none !important;
}
.ws_table th {
width: 27%;
text-align: center;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #d6d6d6;
border-bottom-color: #d6d6d6;
padding-top: 2%;
padding-bottom: 2%;
padding-right: 2%;
padding-left: 2%;
background-color: #F2E8E3;
font-size: 100%;
line-height: 170%;
font-weight: bold;
}
.ws_table td {
text-align: left;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #d6d6d6;
border-bottom-color: #d6d6d6;
padding-top: 2%;
padding-bottom: 2%;
padding-right: 2%;
padding-left: 3.5%;
background-color: #FFF;
font-size: 100%;
line-height: 170%;
}
.menutable {
width: 100%;
border-top: 1px solid #ffffff;
text-shadow: none !important;
}
.menutable a {
color: #ffffff !important;
display: block;
width: 100%;
height: 100%;
text-decoration: none !important;
}
.menutable a:hover {
color: #ffffff !important;
display: block;
width: 100%;
height: 100%;
text-decoration: none !important;
opacity: 0.6;
}
.menutable .mtd01 {
width: 33.33333%;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
background-color: #e3007f;
padding-top: 2.5%;
padding-bottom: 2.5%;
text-align: center;
}
.menutable .mtd02 {
width: 33.33333%;
border-bottom: 1px solid #ffffff;
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
background-color: #e3007f;
padding-top: 2.5%;
padding-bottom: 2.5%;
text-align: center;
}
.menutable .mtd03 {
width: 33.33333%;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
background-color: #555555;
padding-top: 2.5%;
padding-bottom: 2.5%;
text-align: center;
}
.menutable .mtd04 {
width: 33.33333%;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
background-color: #555555;
padding-top: 2.5%;
padding-bottom: 2.5%;
text-align: center;
}
.menutable .mtd05 {
width: 33.33333%;
border-bottom: 1px solid #ffffff;
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
background-color: #555555;
padding-top: 2.5%;
padding-bottom: 2.5%;
text-align: center;
}
#kiyakuBtnArea2 {}
#kiyakuBtnArea2 #btnArrow2 {
width: 100%;
}
#kiyakuBtnArea2 #btnNoArrow2 {
padding-top: 3%;
padding-left: 20%;
padding-right: 20%;
padding-bottom: 3%;
}
.uchiwa {
width: 100%;
border-width: 1px;
border-style: solid;
border-color: #464646;
font-size: 95%;
line-height: 160%;
text-shadow: none !important;
}
.uchiwa .td01 {
width: 25%;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #464646;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #464646;
color: #464646;
font-weight: bold;
padding-top: 4%;
padding-bottom: 4%;
padding-left: 3%;
padding-right: 3%;
}
.uchiwa .td02 {
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #464646;
color: #464646;
padding-top: 4%;
padding-bottom: 4%;
padding-left: 4%;
padding-right: 4%;
}
#uchiwatxt01 {
padding-top: 6%;
font-size: 140%;
line-height: 140%;
color: #e3007f;
font-weight: bold;
text-shadow: none !important;
}
#uchiwatxt02 {
font-size: 95%;
line-height: 160%;
padding-top: 3%;
padding-bottom: 5%;
text-shadow: none !important;
width: 58%;
float: left;
}
#uchiwatxt03 {
width: 40%;
float: right;
}
#uchiwatxt03 img {
width: 100%;
height: auto;
padding-top: 3%;
}
#uchiwapad01 {
width: 100%;
font-size: 125%;
font-weight: bold;
color: #ffffff;
background-color: #e3007f;
padding-top: 3%;
padding-bottom: 4%;
display: block;
text-align: center;
margin-top: 5%;
text-shadow: none !important;
}
#uchiwawawa a {
color: #ffffff !important;
text-decoration: none !important;
}
#uchiwawawa a:hover {
color: #ffffff !important;
text-decoration: none !important;
}
#viki_bg {
width: 100%;
background-image: url(https://cdn.tv-osaka.co.jp/cdn/v1.4/event/makingbazaar_vol34_smp/images_smp/viki_bg.jpg);
background-repeat: repeat-y;
background-position: center top;
background-size: contain;
text-shadow: none !important;
}
/* 繧ｹ繝槭� 繝輔ャ繧ｿ繝ｼ*/
footer {
width: 100%;
overflow: hidden;
background-color: #202020;
}
footer a {
outline: none;
color: #6fb72c;
text-decoration: underline;
font-weight: normal;
}
footer.pt {
font-size: 12px;
text-shadow: none !important;
}
footer.pt {
font-size: 14px;
text-shadow: none !important;
}
footer.pt p.pagetop {
width: 25%;
border-radius: 5px 5px 0 0;
background-color: #202020;
text-align: center;
/*padding: 2%;*/
margin-left: 70%;
}
footer.pt p.pagetop {
width: 100%;
background-color: #404040;
text-align: center;
padding-top: 4%;
padding-bottom: 4%;
margin-left: 0;
}
footer.pt p.pagetop a {
color: #fff !important;
}
footer.pt p.pagetop a {
color: #fff !important;
text-decoration: none !important;
}
footer.pt p.site {
text-align: center;
background-color: #202020;
width: 100%;
padding: 4% 0;
color: #fff !important;
text-shadow: none !important;
}
footer.pt p.site a {
color: #fff !important;
text-decoration: underline !important;
}
.smallie {
font-size: 7px;
text-shadow: none !important;
padding-top: 4%;
padding-bottom: 4%;
}
#nav01 {
width: 100%;
position: fixed;
top: 0;
}
#nav02 {
width: 100%;
position: fixed;
top: 0;
}
/*縲逕ｻ髱｢繧ｵ繧､繧ｺ縺�480px縺九ｉ縺ｯ縺薙％繧定ｪｭ縺ｿ霎ｼ繧縲*/
.sp {
display: block;
}
.pc {
display: none;
}
#wrap {
width: 100%;
max-width: 786px;
}
.pankuzu {
display: none;
}
h1 img {
width: 100%;
height: 100%;
margin: 0 auto;
display: block;
}
#intro {
margin: 15px auto;
line-height: 1.5em;
width: 90%;
float: none;
}
#mappdf {
margin: 15px auto;
width: 90%;
float: none;
text-align: center;
}
#search table {
display: block;
width: 90%;
margin: 0 auto;
}
#search table tbody {
display: block;
}
#search table tr {
width: 100%;
display: block;
}
#search table th,
#search table td {
width: 95%;
display: block;
padding-left: 2.5%;
padding-right: 2.5%;
}
#search table td label{
display: inline-block;
white-space:nowrap;
}
#search table tr.word input {
width: 98%;
margin: 0 auto;
height: 3.5vh;
border-radius: 0.5em;
}
.box960 {
width: 100%;
max-width: 786px;
margin: auto;
}
#faqart {
width: 100%;
}
#artsmp23_02 {
width: 100%;
background-image: url(../images/artsmp23_02.jpg?20180826-1440);
background-repeat: repeat-y;
background-position: center top;
background-size: cover;
text-shadow: none !important;
}
#artsmp23_02 img {
width: 100%;
height: auto;
}
#pagenav {
width: 90%;
margin-top: 25px;
margin-left: 25px;
margin-right: 25px;
}
#pagenav li {
display: inline-block;
list-style-type: none;
margin-bottom: 1.5em;
}
.chkbox {
margin: 0 0 10px 0;
text-align: center;
width: 100%;
}
/* 繝ｩ繝吶Ν縺ｮ繧ｹ繧ｿ繧､繝ｫ縲*/
.chkbox label {
padding-left: 9vw;
font-size: 4vw;
line-height: 4.5vw;
display: block;
cursor: pointer;
position: relative;
border: 1px #e6238c solid;
padding: 0.5em 0;
border-radius:0.5em;
font-weight: bold;border: 1px solid #ccc /*{a-bup-border}*/;
background: #eeeeee /*{a-bup-background-color}*/;
font-weight: bold;
color: #333333 /*{a-bup-color}*/;
text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #f6f6f6 /*{a-bup-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bup-background-start}*/), to( #DADADA /*{a-bup-background-end}*/));
background-image: -webkit-linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/);
background-image: -moz-linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/);
background-image: -ms-linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/);
background-image: -o-linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/);
background-image: linear-gradient( #FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/);
}
/* 繝懊ャ繧ｯ繧ｹ縺ｮ繧ｹ繧ｿ繧､繝ｫ */
.chkbox label:before {
content: '';
width: 5vw; /* 繝懊ャ繧ｯ繧ｹ縺ｮ讓ｪ蟷� */
height: 4.5vw; /* 繝懊ャ繧ｯ繧ｹ縺ｮ邵ｦ蟷� */
display: inline-block;
position: absolute;
left: 10px;
background-color: #fff;
box-shadow: inset 1px 2px 3px 0px #333;
border-radius: 4px;
}
/* 蜈��繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繧定｡ｨ遉ｺ縺励↑縺� */
.chkbox input[type=checkbox] {
display: none;
}
/* 繝√ぉ繝�け縺励◆譎ゅ�繧ｹ繧ｿ繧､繝ｫ */
.chkbox input[type=checkbox]:checked + label:before {
content: '\2713'; /* 繝√ぉ繝�け縺ｮ譁�ｭ� */
font-size: 5vw; /* 繝√ぉ繝�け縺ｮ繧ｵ繧､繧ｺ */
color: #fff; /* 繝√ぉ繝�け縺ｮ濶ｲ */
background-color: #e6238c; /* 繝√ぉ繝�け縺励◆譎ゅ�濶ｲ */
}
#search table tr.sp_tr{
display: none;
}
}