@charset "utf-8";
/*
Theme Name: Lightning Pro Child 
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/

.expln {padding:0px 40px 0px 40px;line-height:180%;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

#ctgry {/* width:640px;padding:10px*/;margin: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;/*width: 1100px;*/}
  
#typcl {width:200px;border:1px solid #ccc;flex-basis: 200px;padding:10px 25px;margin:5px 10px 5px 0px;list-style-type:none;background-color:#fff;}
#ctgry_nm {text-align:center;/*font-weight:bold;*/}

#ctgry2 {max-width:1200px;/*padding:10px*/;margin: 0px 40px 0px 40px; display: flex;flex-wrap: wrap;/*width: 1100px;*/}
#typcl2 {width:300px;/*border:1px solid #ccc;*/flex-basis: 300px;/*padding:10px 25px;*/margin:10px 10px 10px 10px;/*list-style-type:none;background-color:#fff;*/}


/*works of website*/
h3 {margin-top:20px;margin-bottom:10px;}
.url {text-align:center;margin-top:0px}
.pnt {margin:0px 60px 0px 20px;font-size:120%;font-weight:bolder;line-height:150%;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.dtl {margin:0px 60px 20px 40px;color:#555;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

/*下からフェードイン*/
.fade {opacity : 0;transform: translateY(20px);transition: all 1s;}

a:hover { 
     position: relative; 
     top: 5px;     /* 上下の位置 */
     left: 5px;     /* 左右の位置 */
     text-decoration: none; 
}


/* スマホ */
@media screen and (max-width:480px) {
 
	/*　この位置に記述する　*/
        #expln {padding:0px 20px 0px 20px;line-height:180%;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
        #typcl {max-width:150px;border:1px solid #ccc;flex-basis:150px;padding:0px 0px;margin:5px 5px 5px 0px;list-style-type:none;background-color:#fff;}
        #prdct {max-width:150px;height:300px;border:1px solid #ccc;float:left;padding:10px 15px;margin:5px 5px 5px 0px;list-style-type:none;background-color:#fff;}
	#ctgry {/* width:640px;padding:10px*/;margin: 0px 0px 0px 0px; display: flex;flex-wrap: wrap;width: 480px;}
      /*.rplinkb {margin-top:20px;margin-left: 20px;margin-bottom:20px; }
        .feelink {margin-top:20px;margin-left: 20px;margin-bottom:20px; }
        .thlink {margin-top:20px;margin-left: 20px;margin-bottom:20px; }
        .clink {margin-top:20px;margin-left: 20px;margin-bottom:20px; }
        .tariff {width:100%; height:100%;}
        .tariff2 {width:100%; height:100%;}
        .session {font-size:90%;font-weight:bold;text-align:center;}
        .expln_r {padding:0px 20px 0px 20px;}
        .pymt {font-size:100%;font-weight:bold;margin-bottom:-5px;}
        .pymt_ex {margin:0px 0px 30px 10px;}
        .t_expln {padding-left:20px;}
        .instl {font-size:100%;text-align:center;}
        .acs {width:380px;padding-left:20px;padding-right:20px;}
        .rhrs {padding-left:20px;}
        .adrs {font-size:100%;margin:0px 30px 0px 20px:}
        .kiji2 {margin-bottom:20px;}
        .expln_fb {padding:0px 20px 0px 20px:}*/
}