@charset "UTF-8";

.thinklocal_cam{background-color:#FFF;overflow-x:auto;font-size:15px;line-height:1.5;font-weight:normal;color:#4d391e;background-size:auto;background-position:center top;background-repeat:no-repeat;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.thinklocal_cam section{position:relative;z-index:2;}
.thinklocal_cam .abs{position:absolute;}
.thinklocal_cam *{overflow-wrap: break-word;word-wrap: break-word;}
.thinklocal_cam .center{text-align:center;}
.thinklocal_cam p.right{text-align:right;}
.thinklocal_cam p.em,
.thinklocal_cam em{color:#4d391e;font-weight:bold;}
.thinklocal_cam .lead{font-size:16px;line-height:1.6;}
.thinklocal_cam em,
.thinklocal_cam .bold{font-weight:bold;}
.thinklocal_cam small{font-size:12px;}
.thinklocal_cam small.caption{display:block;lin-height:1.4;}
.thinklocal_cam img{width:100%;height:auto;display:block;margin:0px;}
.thinklocal_cam img+small{color:#7c4300;}
.thinklocal_cam p.caption{font-size:13px;line-height:1.6;}
.thinklocal_cam h1,.thinklocal_cam h2,.thinklocal_cam h3{font-weight:normal;position:relative;line-height:1.1;margin:0px;padding:0px;}
.thinklocal_cam a{color:inherit;text-decoration:none;transition:all 0.2s;}
.thinklocal_cam a > img{transition:all 0.2s;}
.thinklocal_cam img+small{font-size:12px;display:block;margin:6px auto 15px;text-align:left;}
.thinklocal_cam h1,
.thinklocal_cam h1 img{margin:0px auto;}
.thinklocal_cam h2{text-align:center;margin-bottom:13px;}
.thinklocal_cam h2 img{margin:0px auto;}
.thinklocal_cam h1 img,
.thinklocal_cam h2 img,
.thinklocal_cam h3 img{width:auto;height:auto;max-width:100%;}
.thinklocal_cam h2+p{margin-bottom:30px;}
.thinklocal_cam p{line-height:1.8;}
.thinklocal_cam .row{position:relative;clear:both;margin-left:auto;margin-right:auto;box-sizing:border-box;}
.thinklocal_cam .row > *{min-width: 0;display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.thinklocal_cam #mv{width:100%;max-width:700px;margin:0px auto;z-index:10;position:relative;background:url(./mv.png) center top no-repeat;height:504px;box-sizing:border-box;padding-top:300px;}
.thinklocal_cam #think_local_main{width:100%;max-width:700px;margin:0px auto;padding:16px;box-sizing:border-box;position:relative;top:-20px;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(225, 202, 154, 1) 10px, rgba(225, 202, 154, 1) 26px, transparent 26px, transparent 36px,rgba(255, 205, 139, 1) 36px,rgba(255, 205, 139, 1) 52px);
}
.thinklocal_cam #think_local_main > .inner{background:#FFF;}
.thinklocal_cam section > .row{padding:30px 30px;box-sizing:border-box;}

#lead_blk > .row{display:flex;align-items:center;flex-direction:row-reverse;}
#lead_blk > .row p{flex-grow:1;margin:0px;}
#lead_blk > .row .rt{width:auto;height:auto;flex-shrink:0;margin-left:20px;}

#article_blk{padding:30px 0px 0px;padding-top:0px;}
#article_blk .row.col46 p{font-size:14px;}
#article_blk .row.col46.line_top{background:url(./line.png) left top repeat-x;padding-top:30px;}
#article_blk h2{background:url(./line.png) left bottom repeat-x,url(./line.png) left top repeat-x;padding:24px 0px;}
#article_blk .imgs.abs{z-index:10;width:127px;height:127px;left:-25px;top:-30px;}

.thinklocal_cam .giraffe.cont{margin-top:80px;background:url(./giraffe_bg.png) left 20px center no-repeat;}
.thinklocal_cam .elephant.cont{background:url(./elephant_bg.png) right center no-repeat;background-size:80%  auto;}

#feeling{margin-bottom:30px;padding:0px 30px;}
#feeling > .row{background:#fff7d7;margin:0px auto;max-width:710px;padding:15px 30px;}
#feeling > .row p span.spacer{display:block;float:left;width:180px;height:100px;shape-outside: polygon(-52px -4px, 150px -36px, 168px 77px, -34px 109px);}
#feeling > .row:after{content:'';display:block;position:absolute;right:15px;top:-60px;width:174px;height:170px;background:url(./feeling_bg.png) center center no-repeat;background-size:contain;}
#feeling > .row p{position:relative;z-index:10;}
#feeling h3{position:absolute;left:-15px;top:-15px;}

#use_donation{padding:30px 0px 0px;background:url(./use_donation_bg_1.png) center top no-repeat,url(./use_donation_bg_2.png) center bottom no-repeat;background-size:640px auto,640px auto;}

#spec{margin-bottom:30px;}
#spec:before{content:'';display:block;width:328px;height:174px;background:url(./spec_bg.png) right 20px top no-repeat;background-size:contain;position:absolute;left:50%;margin-left:-30px;top:30px;}
#spec p{font-size:12px;}

#poroco{margin-bottom:45px;padding:0px 30px;}
#poroco > .row{background:rgba(255,208,226,0.5);margin:0px auto;max-width:710px;padding:15px 30px;}
#poroco h3{position:absolute;left:-15px;top:-15px;}
#poroco > .row p{color:#7c4300;font-size:13.5px;}
#poroco > .row p span.spacer{display:block;float:left;width:180px;height:80px;}
#poroco > .row p span.right{display:inline-block;float:right;}
#poroco > .row p:after{content:'';display:block;clear:both;}

#about{background:#ebf8e2;max-width:710px;margin:0px 30px;padding: 0px 0px 15px;}
#about > .row{padding:15px 30px;}
#about h3.abs{position:absolute;left:-15px;top:-15px;}
#about p.em{color:#57742b;}
#about > .row p.em{font-size:13.5px;line-height:1.5;padding-top:120px;}
/*
#about > .row p.em span.spacer{display:none;float:left;width:180px;height:80px;shape-outside: polygon(-30px -54px, 173px -65px, 173px 50px, -27px 90px);}
*/
#about > .row .lt_line h3{padding-left:15px;}
#about > .row .lt_line p{padding:15px 0px 15px 15px;border-left:1px dashed #006934;}
#about .btn{background:url(./btn.png) center center no-repeat;background-size:100% auto;display:flex;align-items:center;justify-content:center;height:51px;width:100%;border-radius:25px;font-weight:bold;font-size:22.5px;;color:#FFF;text-shadow:0px 0px 5px #3f8321,0px 0px 7px #3f8321,0px 0px 10px #3f8321;letter-spacing:0.1em;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.9);transition:all 0.3s;}
#about .btn:hover{opacity:0.6;}

.thinklocal_cam #footer{}
.thinklocal_cam #footer h3{display:flex;align-items:center;margin-bottom:15px;}
.thinklocal_cam #footer h3 img{margin-right:15px;}
.thinklocal_cam #footer h3 small{margin:0px;display:inline-block;}
.thinklocal_cam #footer p{font-size:12px;}

@media screen and (min-width: 751px){
.thinklocal_cam .sp{display:none;}

.thinklocal_cam .mt-50{margin-top:-50px;}


#article_blk h2.line_bottom{background:url(./line.png) left bottom repeat-x;padding-top:0px;}

.row.rev{flex-direction:row-reverse;}
.thinklocal_cam .row.col37,.thinklocal_cam .row.col2,
.thinklocal_cam .row.col46{display:flex;flex-wrap: wrap;align-items:stretch;width:100%;margin-left:auto;margin-right:auto;justify-content:space-between;}
.thinklocal_cam .row.col46 > *:nth-child(odd){flex-basis:41%;max-width:41%;}
.thinklocal_cam .row.col37 > *:nth-child(odd){flex-basis:36%;max-width:36%;}
.thinklocal_cam .row.col46 > *:nth-child(even){flex-basis:54%;max-width:54%;}
.thinklocal_cam .row.col37 > *:nth-child(even){flex-basis:63%;max-width:63%;margin-right:0px;}
.thinklocal_cam .row.col46.rev >*:nth-child(odd),
.thinklocal_cam .row.col37.rev >*:nth-child(odd){flex-grow:0;margin-right:0px;}
.thinklocal_cam .row.col2 > *{flex-basis:48%;max-width:48%;}
}

@media screen and (max-width: 750px){

.thinklocal_cam{font-size:15px;}
.thinklocal_cam .pc{display:none;}
.thinklocal_cam #think_local_main{padding:8px;}



#lead_blk > .row{padding-top:30px;display:block;}
#lead_blk > .row .rt{margin:0px auto 10px;}
.thinklocal_cam .giraffe.cont{margin-top:10px;}

#spec{margin:20px 0px;}
#spec:before{max-width:50vw;}

#use_donation{background-size:90vw auto,86vw auto;}
.thinklocal_cam section > .row{padding:0px 15px 30px;}

#feeling,
#poroco{padding:0px 15px;}
#feeling > .row,
#poroco > .row{padding:15px;}
.thinklocal_cam .elephant.cont{background-position:right bottom;}

#about{margin:0px 15px;}
#about > .row{padding:15px;}
#poroco h3,#feeling h3,
#about h3.abs{position:relative;left:auto;top:auto;margin-top:-45px;}
#poroco h3 img,#feeling h3 img,
#about h3.abs img{margin:0px auto;}
#poroco > .row p span.spacer,#feeling > .row p span.spacer,
#about > .row p.em span.spacer{display:none;}
#about > .row p.em{padding-top:0px;}
#about > .row .lt_line h3{padding:0px;}
#about > .row .lt_line h3 img{display:block;margin:0px auto;}
#about > .row .lt_line p{padding:0px;border-left:0px;}
#about .btn{background-size:cover;}
#feeling > .row:after{top:auto;bottom:-20px;}
.thinklocal_cam #footer{margin-top:30px;}
.thinklocal_cam #footer h3{display:block;}
.thinklocal_cam #footer h3 img{margin:0px auto 10px;display:block;}
.thinklocal_cam #footer h3 small{display:block;text-align:center;}
}