#mainCnt table.apli th,
#mainCnt table.apli td{
padding:25px 10px;
box-sizing:border-box;
}
#mainCnt p.date{
text-align:right;
margin-bottom:10px;
}
#mainCnt .mainPhoto{
text-align:center;
}
#mainCnt .mainPhoto img{
max-width:100%;
}
#mainCnt .box{
width:80%;
margin:0 auto 30px;
border:1px solid #ccc;
padding:10px;
box-sizing:border-box;
background:#fff;
border-radius:5px;
font-size:108%;
}
#mainCnt .process{
margin-bottom:30px;
}
#mainCnt .process ol{
text-align:center;
}
#mainCnt .process ol.first{
position:relative
}
#mainCnt .process ol.first:after{
content:"";
width:100%;
height:1px;
background:url(../img/common/border01.png) left top repeat-x;
display:block;
position:absolute;
bottom: -20px;
left:0;
}
#mainCnt .process ol li{
margin:0;
padding:0;
background:url(../img/common/texture.gif) left top repeat;
width:400px;
margin:0 auto 40px;
padding:5px;
}
#mainCnt .process ol li:before{
display:none;
}
#mainCnt .process ol li:after{
content:"";
width:17px;
height:15px;
display:block;
background:url(../img/common/arrow_04.png) left top no-repeat;
position:absolute;
bottom:-25px;
left:50%;
margin-left:-8px;
}
#mainCnt .process ol li:last-child:after{
display:none;
}
#mainCnt .process ol li span{
background:#FFF;
display:block;
padding:10px;
}
.btns{
background:#000;
color:#fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
border:0;
padding:10px 15px;
cursor:pointer;
font-weight:bold;
}
a.arrowBtn,
span.arrowBtn{
padding:10px 10px 10px 20px;
background:#000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
color:#fff;
font-weight:bold;
font-size:131%;
position:relative;
margin:0 auto;
width:250px;
display:block;
text-align:center;
}
a.arrowBtn:before,
span.arrowBtn:before{
position: absolute;
width:20px;
height:20px;
content:"";
background:url(../img/common/arrow_02.png) left top no-repeat;
top:17px;
left:30px;
}
a.arrowBtn:hover{
background:#999;
}
.btns:hover{
background:#999;
}
/*clearfix
.dateArea{
}
*/
.dateArea dl{
float:left;
position:relative;
}
.dateArea dt{
position:absolute;
top: 0;
left:50px;
white-space:nowrap;
}
.dateArea dt span{
font-size:197%;
color:#2472a1;
}
.dateArea dd{
position:absolute;
top:0;
left:0;
}
.dateArea dd ul{
position:relative;
top:0;
left:0;
}
.dateArea dd ul li{
position:absolute;
top:0;
left:0;
padding:0 !important;
}
.dateArea dd ul li:before{
display:none !important;
}
.dateArea dd ul li a{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:27px;
height:27px;
display:block;
}
.dateArea dd ul li.prev{
top:10px;
}
.dateArea dd ul li.prev a{
background:url(../img/common/btn_prev.png) left top no-repeat;
}
.dateArea dd ul li.next{
top:-27px;
left:155px;
}
.dateArea dd ul li.next a{
background:url(../img/common/btn_next.png) left top no-repeat;
}
.dateArea p{
float:right;
}
ul.error{
color:#cc3333;
font-weight:bold;
font-size:93%;
}
ul.error li{
margin-bottom:0 !important;
}
ul.twoBtns{ /* clearfix */
width:80%;
margin:0 auto;
background:none !important;
}
ul.twoBtns li{
float:left;
}
ul.twoBtns li:before{
display:none !important;
}
.red{ color:#cc3333;}
.ms{ font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo; }
.fontL{ font-size:131%; }
.txtC{ text-align:center !important; }
.txtL{ text-align:left !important; }
.txtR{ text-align:right !important; }
/* width險ｭ螳�-------------------------------------------------------------------- */
.wid5 {width: 5% !important;}.wid6 {width: 6% !important;}.wid7 {width: 7% !important;}.wid8 {width: 8% !important;}.wid9 {width: 9% !important;}.wid10 {width: 10% !important;}.wid11 {width: 11% !important;}.wid12 {width: 12% !important;}.wid13 {width: 13% !important;}.wid14 {width: 14% !important;}.wid15 {width: 15% !important;}.wid16 {width: 16% !important;}.wid17 {width: 17% !important;}.wid18 {width: 18% !important;}.wid19 {width: 19% !important;}.wid20 {width: 20% !important;}.wid21 {width: 21% !important;}.wid22 {width: 22% !important;}.wid23 {width: 23% !important;}.wid24 {width: 24% !important;}.wid25 {width: 25% !important;}.wid26 {width: 26% !important;}.wid27 {width: 27% !important;}.wid28 {width: 28% !important;}.wid29 {width: 29% !important;}.wid30 {width: 30% !important;}.wid31 {width: 31% !important;}.wid32 {width: 32% !important;}.wid33 {width: 33% !important;}.wid34 {width: 34% !important;}.wid35 {width: 35% !important;}.wid36 {width: 36% !important;}.wid37 {width: 37% !important;}.wid38 {width: 38% !important;}.wid39 {width: 39% !important;}.wid40 {width: 40% !important;}.wid41 {width: 41% !important;}.wid42 {width: 42% !important;}.wid43 {width: 43% !important;}.wid44 {width: 44% !important;}.wid45 {width: 45% !important;}.wid46 {width: 46% !important;}.wid47 {width: 47% !important;}.wid48 {width: 48% !important;}.wid49 {width: 49% !important;}.wid50 {width: 50% !important;}.wid51 {width: 51% !important;}.wid52 {width: 52% !important;}.wid53 {width: 53% !important;}.wid54 {width: 54% !important;}.wid55 {width: 55% !important;}.wid56 {width: 56% !important;}.wid57 {width: 57% !important;}.wid58 {width: 58% !important;}.wid59 {width: 59% !important;}.wid60 {width: 60% !important;}.wid61 {width: 61% !important;}.wid62 {width: 62% !important;}.wid63 {width: 63% !important;}.wid64 {width: 64% !important;}.wid65 {width: 65% !important;}.wid66 {width: 66% !important;}.wid67 {width: 67% !important;}.wid68 {width: 68% !important;}.wid69 {width: 69% !important;}.wid70 {width: 70% !important;}.wid71 {width: 71% !important;}.wid72 {width: 72% !important;}.wid73 {width: 73% !important;}.wid74 {width: 74% !important;}.wid75 {width: 75% !important;}.wid76 {width: 76% !important;}.wid77 {width: 77% !important;}.wid78 {width: 78% !important;}.wid79 {width: 79% !important;}.wid80 {width: 80% !important;}.wid81 {width: 81% !important;}.wid82 {width: 82% !important;}.wid83 {width: 83% !important;}.wid84 {width: 84% !important;}.wid85 {width: 85% !important;}.wid86 {width: 86% !important;}.wid87 {width: 87% !important;}.wid88 {width: 88% !important;}.wid89 {width: 89% !important;}.wid90 {width: 90% !important;}.wid91 {width: 91% !important;}.wid92 {width: 92% !important;}.wid93 {width: 93% !important;}.wid94 {width: 94% !important;}.wid95 {width: 95% !important;}.wid96 {width: 96% !important;}.wid97 {width: 97% !important;}.wid98 {width: 98% !important;}.wid99 {width: 99% !important;}.wid100 {width: 100% !important;}.wid101 {width: 101% !important;}.wid102 {width: 102% !important;}.wid103 {width: 103% !important;}.wid104 {width: 104% !important;}.wid105 {width: 105% !important;}
/* margin padding險ｭ螳�-------------------------------------------------------------------- */
.mb0 {margin-bottom: 0px !important;}.mb5 {margin-bottom: 5px !important;}.mb10 {margin-bottom: 10px !important;}.mb15 {margin-bottom: 15px !important;}.mb20 {margin-bottom: 20px !important;}.mb25 {margin-bottom: 25px !important;}.mb30 {margin-bottom: 30px !important;}.mb35 {margin-bottom: 35px !important;}.mb40 {margin-bottom: 40px !important;}.mb45 {margin-bottom: 45px !important;}.mb50 {margin-bottom: 50px !important;}.mb55 {margin-bottom: 55px !important;}.mb60 {margin-bottom: 60px !important;}.mb65 {margin-bottom: 65px !important;}.mb70 {margin-bottom: 70px !important;}.mb75 {margin-bottom: 75px !important;}.mb80 {margin-bottom: 80px !important;}.mb85 {margin-bottom: 85px !important;}.mb90 {margin-bottom: 90px !important;}.mb95 {margin-bottom: 95px !important;}.mb100 {margin-bottom: 100px !important;}.mt0 {margin-top: 0px !important;}.mt5 {margin-top: 5px !important;}.mt10 {margin-top: 10px !important;}.mt15 {margin-top: 15px !important;}.mt20 {margin-top: 20px !important;}.mt25 {margin-top: 25px !important;}.mt30 {margin-top: 30px !important;}.mt35 {margin-top: 35px !important;}.mt40 {margin-top: 40px !important;}.mt45 {margin-top: 45px !important;}.mt50 {margin-top: 50px !important;}.mt55 {margin-top: 55px !important;}.mt60 {margin-top: 60px !important;}.mt65 {margin-top: 65px !important;}.mt70 {margin-top: 70px !important;}.mt75 {margin-top: 75px !important;}.mt80 {margin-top: 80px !important;}.mt85 {margin-top: 85px !important;}.mt90 {margin-top: 90px !important;}.mt95 {margin-top: 95px !important;}.mt100 {margin-top: 100px !important;}.mr0 {margin-right: 0px !important;}.mr5 {margin-right: 5px !important;}.mr10 {margin-right: 10px !important;}.mr15 {margin-right: 15px !important;}.mr20 {margin-right: 20px !important;}.mr25 {margin-right: 25px !important;}.mr30 {margin-right: 30px !important;}.mr35 {margin-right: 35px !important;}.mr40 {margin-right: 40px !important;}.mr45 {margin-right: 45px !important;}.mr50 {margin-right: 50px !important;}.mr55 {margin-right: 55px !important;}.mr60 {margin-right: 60px !important;}.mr65 {margin-right: 65px !important;}.mr70 {margin-right: 70px !important;}.mr75 {margin-right: 75px !important;}.mr80 {margin-right: 80px !important;}.mr85 {margin-right: 85px !important;}.mr90 {margin-right: 90px !important;}.mr95 {margin-right: 95px !important;}.mr100 {margin-right: 100px !important;}.ml0 {margin-left: 0px !important;}.ml5 {margin-left: 5px !important;}.ml10 {margin-left: 10px !important;}.ml15 {margin-left: 15px !important;}.ml20 {margin-left: 20px !important;}.ml25 {margin-left: 25px !important;}.ml30 {margin-left: 30px !important;}.ml35 {margin-left: 35px !important;}.ml40 {margin-left: 40px !important;}.ml45 {margin-left: 45px !important;}.ml50 {margin-left: 50px !important;}.ml55 {margin-left: 55px !important;}.ml60 {margin-left: 60px !important;}.ml65 {margin-left: 65px !important;}.ml70 {margin-left: 70px !important;}.ml75 {margin-left: 75px !important;}.ml80 {margin-left: 80px !important;}.ml85 {margin-left: 85px !important;}.ml90 {margin-left: 90px !important;}.ml95 {margin-left: 95px !important;}.ml100 {margin-left: 100px !important;}.pt0 {padding-top: 0px !important;}.pt5 {padding-top: 5px !important;}.pt10 {padding-top: 10px !important;}.pt15 {padding-top: 15px !important;}.pt20 {padding-top: 20px !important;}.pt25 {padding-top: 25px !important;}.pt30 {padding-top: 30px !important;}.pt35 {padding-top: 35px !important;}.pt40 {padding-top: 40px !important;}.pt45 {padding-top: 45px !important;}.pt50 {padding-top: 50px !important;}.pt55 {padding-top: 55px !important;}.pt60 {padding-top: 60px !important;}.pt65 {padding-top: 65px !important;}.pt70 {padding-top: 70px !important;}.pt75 {padding-top: 75px !important;}.pt80 {padding-top: 80px !important;}.pt85 {padding-top: 85px !important;}.pt90 {padding-top: 90px !important;}.pt95 {padding-top: 95px !important;}.pt100 {padding-top: 100px !important;}.pb0 {padding-bottom: 0px !important;}.pb5 {padding-bottom: 5px !important;}.pb10 {padding-bottom: 10px !important;}.pb15 {padding-bottom: 15px !important;}.pb20 {padding-bottom: 20px !important;}.pb25 {padding-bottom: 25px !important;}.pb30 {padding-bottom: 30px !important;}.pb35 {padding-bottom: 35px !important;}.pb40 {padding-bottom: 40px !important;}.pb45 {padding-bottom: 45px !important;}.pb50 {padding-bottom: 50px !important;}.pb55 {padding-bottom: 55px !important;}.pb60 {padding-bottom: 60px !important;}.pb65 {padding-bottom: 65px !important;}.pb70 {padding-bottom: 70px !important;}.pb75 {padding-bottom: 75px !important;}.pb80 {padding-bottom: 80px !important;}.pb85 {padding-bottom: 85px !important;}.pb90 {padding-bottom: 90px !important;}.pb95 {padding-bottom: 95px !important;}.pb100 {padding-bottom: 100px !important;}
/* clearfix
----------------------------------------------- */
ul.twoBtns,
.dateArea {
display: inline-block;
}
ul.twoBtns,
.dateArea {
display: block;
}
ul.twoBtns:after,
.dateArea:after {
content: "";
display: block;
clear: both;
height: 0;
}
form textarea{
vertical-align: top;
}
form input,
form select,
form textarea{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #ffffff;
border: solid 1px #D9D9D9;
}
form textarea{
padding:5px;
}
form select:focus,
form input:focus,
form textarea:focus{
-moz-box-shadow: 0 0 5px rgba(8, 1, 3, 0.2) inset;
-webkit-box-shadow: 0 0 5px rgba(8, 1, 3, 0.2) inset;
box-shadow: 0 0 5px rgba(8, 1, 3, 0.2) inset;
}
form input[type=number],
form input[type=number]{
margin: 0;
}
/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ */
form input[type="checkbox"]{
top:-2px;
margin-right:2px;
}
input[type="checkbox"] {
display: none;
}
form input[type="checkbox"] + label{
box-sizing: border-box;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
position: relative;
display: inline-block;
margin: 0;
margin-top: 8px;
padding: 12px 12px 12px 42px;
border-radius: 4px;
background-color: transparent;
vertical-align: middle;
cursor: pointer;
width: 100%;
}
form input[type="checkbox"] + label:first-of-type{
margin-top: 0;
}
form input[type="checkbox"] + label:after {
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -15px;
margin-left:-60px;
width: 30px;
height: 30px;
border: 2px solid #bbb;
border-radius: 4px;
content: '';
}
form input[type="checkbox"] + label:before {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -15px;
margin-left: -49px;
width: 10px;
height: 20px;
border-right: 3px solid #333399;
border-bottom: 3px solid #333399;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
input[type="checkbox"]:checked + label:before {
opacity: 1;
}
form #submit input[type="checkbox"] + label:before{
left: 10em;
}
form #submit input[type="checkbox"] + label:after{
left: 10em;
}
.ind_2em{
text-indent:-2em;
padding-left:2em;
}
.ind_1em{
text-indent:-1em;
padding-left:1em;
}
ul.indent_2em{
margin-left:2em
}
ul.indent_2em li{
text-indent:-2em;
}
/* 201803 add */
aside section{
background:#FFF;
padding:10px 10px 0;
margin:30px 0 0;
}
aside section ul.instagram{
clear:both;
overflow:hidden;
height:360px;
/*
height:480px;
*/
}
aside section ul.instagram li img{
width:110px;
}
aside section ul.instagram li{
width:110px;
margin:0 10px 10px 0;
float:left;
}
aside section ul.instagram li:nth-child(2n+1){
margin:0 0 10px 0;
}
aside section ul.instagram li:nth-child(1){
width:230px;
margin:0 0 10px 0;
}
aside section ul.instagram li:nth-child(1) img{
width:230px;
}
aside section p{
background:#2472a1;
text-align:center;
margin:0 0 10px;
}
aside nav.banner{
background:none;
padding:0;
margin:0 0 30px 0;
}
aside nav.banner ul{
width:250px;
}
aside nav.banner ul li a::before{
width:0;
height:0;
background:none;
top:auto;
left:auto;
}
aside nav.banner ul li a{
padding:0;
}
aside nav.banner.bottom{
margin:30px 0;
}
aside nav.banner.bottom{
text-align:center;
}