/* youtube */
.youtubeWrap {position: relative;  width: 100%;  padding-bottom: 56.25%;}
.youtubeWrap iframe {position: absolute;  width: 100%;  height: 100%;}
.youtubeWrap iframe rounded {border-radius: 10px;}

/* contents */
.wrap{margin:0 auto; max-width:800px;width:100%;}
.area{margin:0px;}
.number{clear:both;font-size:30px;line-height:100%;font-weight:bold; color:rgb(4,116,115);margin:0px 0px 10px 0px;}
.ttl{clear:both;font-size:20px;line-height:150%;font-weight:bold;color:rgb(4,116,115);margin:0px 0px 10px 0px;}
.ttl2{clear:both;font-size:16px;line-height:120%;font-weight:bold;color:rgb(5,158,156);margin:0px 0px 5px 0px;}
.cont{font-size:14px; line-height:150%;color:rgb(89,87,87);word-break:normal; text-align:justify;padding:10px;}
a.dotted{border-bottom:dotted 1px; border-bottom-color:gray;}

/* photo */
.photo_frame{max-width:800px;width:100%;float:left;}
.photo{max-width:390px;width:100%;float:left;padding:5px;}
.photo2{max-width:190px;width:100%;float:left;padding:5px;}
.photo3{max-width:790px;width:100%;float:left;padding:5px;}
.photo_txt{max-width:390px;width:100%;float:left;font-size:16px; word-break:normal; text-align: justify; line-height:150%;color:rgb(89,87,87);padding:5px;}
img.rouded{width:100%; padding:5px; border-radius: 5px;}

/* verse */
table.bible{margin:auto; max-width: 800px; width:100%; border-spacing: 10px; border-collapse: separate;}
td.verse{ padding:20px; background-color: #F6F6F6; font-size:16px; color:#243C69 !important; vertical-align: middle; border-width: 0.5px; border-radius: 10px; border-style: dotted; border-color: #B6B6B6;}
p.en{font-weight:bold;}

/* report */
.report_title {padding-top:20px; padding-bottom:20px; font-weight:bold; font-size:22px; color:#006064;}
@media only screen and (min-width : 320px) and (max-width : 480px){
    #box{border-bottom:1px solid rgba(0,0,0,0.5); padding-bottom:20px;}
        #box img{width:100%; border-radius: 10px;}
        #box .title{font-size:16px; color:#0097A7; margin:10px 5px; border-bottom:0.5px dotted rgba(0,0,0,0.2);}
        #box .sub_title{font-size:14px; margin:10px 5px; color:rgba(0,0,0,0.8)}
        #box .cont{font-size:14px; margin:10px 5px; line-height:1.5;}
       .photo_rnd{width:100%; cover; float:left; padding:5px; border-radius:5px;}

            }
@media screen and (min-width: 480px){
    #box{border:1px solid rgba(0,0,0,0.5); border-radius: 10px; padding:20px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
        #box img{width:100%; border-radius: 10px;}
        #box .title{font-size:16px; color:#0097A7; margin:10px 10px 10px; border-bottom:0.5px dotted rgba(0,0,0,0.2);}
        #box .sub_title{font-size:14px; margin:10px 10px; color:rgba(0,0,0,0.8)}
        #box .cont{font-size:14px; margin:10px 10px; line-height:1.5;}
       .photo_rnd{max-width:348px !important; height:230px !important;  object-fit: cover; float:left; padding:5px; border-radius:5px;}
            }

/* Columns */
#columns{
    column-width:800px;
    column-gap: 15px;
    }
        #columns figure{
        display: inline-block;
        border:1px solid rgba(0,0,0,0.5);
        border-radius: 10px;
        margin: 0px;
        margin-bottom: 15px;
        padding:10px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        }
        #columns figure img{
        width:100%;
        }
        #columns figure figcaption{
        width:100%;
        padding:10px;
        }
        #columns figure .title{font-size:16px; color:#0097A7; margin:10px 10px 10px; border-bottom:0.5px dotted rgba(0,0,0,0.2);}
        #columns figure .sub_title{font-size:14px; margin:10px 10px; color:rgba(0,0,0,0.8)}
        #columns figure .cont{font-size:14px; margin:10px 10px; line-height:1.5;}