@charset "utf-8";
/*----------------------------------------------------
	便利クラス
----------------------------------------------------*/
/* フォント */
.bold {font-weight:bold !important;}
.font-size10{font-size:10px !important;}
.font-size11{font-size:11px !important;}
.font-size12{font-size:12px !important;}
.font-size13{font-size:13px !important;}
.font-size14{font-size:14px !important;}
.font-size15{font-size:15px !important;}
.font-size16{font-size:16px !important;}
.font-size17{font-size:17px !important;}
.font-size18{font-size:18px !important;}
.font-size19{font-size:19px !important;}
.font-size20{font-size:20px !important;}
.font-size21{font-size:21px !important;}
.font-size22{font-size:22px !important;}
.font-size23{font-size:23px !important;}
.font-size24{font-size:24px !important;}
.font-size100{font-size:100% !important;}
.font-size120{font-size:120% !important;}
.font-size140{font-size:140% !important;}



/* テキスト配色設定 */
.color-blue1{color:#abc5ea  !important;}
.color-blue2{color:#366bb7 !important;}
.color-blue3{color:#0018ff !important;}
.color-blue4{color:#7BA7FF !important;}

.color-white{color:#FFFFFF !important;}

.color-red1{color:#FF0001 !important;}
.color-red2{color:#cd0000 !important;}

.color-pink1{color:#ef9191 !important;}
.color-pink2{color:#fb2bb9 !important;}
.color-pink3{color:#eb86df !important;}

.color-brown1{color:#6d4f2b !important;}
.color-brown2{color:#4e422e !important;}

.color-green1{color:#dbedc6 !important;}
.color-green2{color:#5b8c21 !important;}
.color-green3{color:#446e18 !important;}
.color-green4{color:#9fa776 !important;}

.color-orange1{color:#ff6600 !important;}



/* テキスト配置 */
.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}
.alignJ{text-align: justify !important;}





@media screen and (max-width: 640px) { 
	
/* テキスト配置 */
.vlignT{vertical-align:top;}
.vlignM{vertical-align:middle}

.floatL10{float:left !important; margin-right:10px !important; margin-bottom:10px !important;}
.floatR10{float:right !important; margin-left:10px !important; margin-bottom:10px !important;}

.img50{text-align: center !important; margin-bottom: 8px !important;}
.img50 img{width: 50%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img60{text-align: center !important; margin-bottom: 8px !important;}
.img60 img{width: 60%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img70{text-align: center !important; margin-bottom: 8px !important;}
.img70 img{width: 70%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img80{text-align: center !important; margin-bottom: 8px !important;}
.img80 img{width: 80%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img90{text-align: center !important; margin-bottom: 8px !important;}
.img90 img{width: 90%; padding:3px; border:solid 1px #dddddd; background: #FFFFFF;}
.img100{text-align: center !important; margin-bottom: 8px !important;}
.img100 img{width: 100%;}
}

/* padding */

.p0{padding:0 !important;}
.p10{padding:10px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}

.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/* margin */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt80{margin-top: 80px !important; }

.mb0{margin-bottom:0 !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb13{margin-bottom: 13px!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;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}

.ml0{margin-left:0 !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;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:13px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}





@media screen and (min-width:641px) {

/*=====================
	便利クラス
=====================*/

.floatL{float:left !important;}
.floatR{float:right !important;}
.floatL20{float:left !important; margin-right:20px !important; margin-bottom:20px !important;}
.floatR20{float:right !important; margin-left:20px !important; margin-bottom:20px !important;}
.floatL40{float:left !important; margin-right:40px !important; margin-bottom:40px !important;}
.floatR40{float:right !important; margin-left:40px !important; margin-bottom:40px !important;}

.width10{width:10% !important;}
.width20{width:20% !important;}
.width25{width:25% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width70{width:70% !important;}
.width80{width:80% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}
}





/*--------------------------------------------
pagetop button
--------------------------------------------*/
.pagetop{
position: fixed;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.pagetop img:hover {opacity: .85;transition: .3s;}
.pagetop.show{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

@media screen and (max-width: 640px){
.pagetop{
bottom: 90px;
right: 5%;
}
.pagetop img{width: 60px;z-index: 100;}
}

@media screen and (min-width: 641px){
.pagetop{
bottom: 30px;
right: 55px;
}
}





/*--------------------------------------------
汎用クラス
--------------------------------------------*/
a img.delay{
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
div.penetrate:hover{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
a:hover img.penetrate{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
}

.box-under-shadow{
-webkit-box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);
-moz-box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);
box-shadow:0px 3px 0px -3px rgba(0,0,0,0.6);
}
.pad01{
padding-left:1em;
text-indent:-1em;
}
.pad02{
padding-left:2em;
text-indent:-2em;
}
img.waku01{
border:solid 1px #ddd;
}
img.waku02{
padding:4px;
border:solid 1px #dddddd;
background: #FFFFFF;
}