#thinkabout p { font-size: 1.1em; line-height: 2.0em; letter-spacing: .12em; padding: 0 0 20px!important; }

#thinkabout img { width: 100%; height: auto;  }

.ipho, .ipad, .verti { display: none; }
#thinkabout p.credit { font-size: .9em!important; }


#thinkabout .rg_ph .txt { float: left }
#thinkabout .rg_ph .pho { float: right }

#thinkabout .lf_ph .txt { float: right }
#thinkabout .lf_ph .pho { float: left }

#thinkabout .txt { width: 55%; margin-bottom: 50px }
#thinkabout .pho { width: 40%; margin-bottom: 50px }

#thinkabout .gobu .txt { width: 40% }
#thinkabout .gobu .pho { width: 40%; margin-right: 20% }

#thinkabout .tate .txt { width: 65% }
#thinkabout .tate .pho { width: 30% }

#thinkabout .rokubu .txt { width: 40% }
#thinkabout .rokubu .pho { width: 50% }

#thinkabout .nofl .pho img { width: 40%!important; height: auto; margin-right: 10%!important; padding: 0 0 10px!important;  }

/*poems*/

#thinkabout.poems { width: 40%; margin: 0 30% 5rem; }

#thinkabout.poems .txt_poem 
{ width: 16rem!important; margin: 0 auto 0!important; padding: 4rem 0 4rem!important; background-color: hsla(0,100%,50%,.0) }

#thinkabout.poems.tanka .txt_poem 
{ width: 22rem!important; }

#thinkabout.poems .txt_poem h2 
{ float: right; font-size: 1.4rem!important; line-height: 1.8rem!important; width: 1.4rem!important; text-align: center!important; margin: 0 2rem 0 4rem!important; padding: 0!important; }

#thinkabout.poems .txt_poem p
{ float: right; font-size: 1.2rem!important; line-height: 1.6rem!important; text-align: center!important; display: block!important; }

#thinkabout.poems .txt_poem p span { display: block!important; width: 1.4rem!important; float: right!important; margin: 0 0 0 1em!important; }

#thinkabout.poems .txt_poem p span span { position: relative; }
#thinkabout.poems .txt_poem p span span span { position: absolute; z-index: 1; font-size: .6rem; line-height: .6rem; right: -.6rem; top: .2rem; display: block; width: .6rem!important; text-align: center; }

#thinkabout.poems .pho_poem p { margin: 0 0 0 0!important; padding: 0!important; }
#thinkabout.poems .pho_poem img { padding-bottom: 2rem!important; }

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

#thinkabout { width: 90%; margin-left: 5%; margin-right: 5%; }
.verti { display: block; }
#thinkabout.poems { width: 50%; margin-left: 25%; margin-right: 25%; }

}



@media only screen and (max-width: 991px) {/*iPad*/

.ipad, .verti { display: block; }

#thinkabout { width: 90%; margin-left: 10%; }

#thinkabout .rg_ph .txt { float: none }
#thinkabout .rg_ph .pho { float: none }

#thinkabout .lf_ph .txt { float: none }
#thinkabout .lf_ph .pho { float: none }

#thinkabout .txt { width: 100%; }
#thinkabout .pho { width: 90%; margin-bottom: 50px }

#thinkabout .tate .txt { width: 100%; }
#thinkabout .tate .pho { width: 60%; margin-left: 15% }

#thinkabout .gobu .txt { width: 100%; }
#thinkabout .gobu .pho { width: 90%; margin-right: 0%; margin-bottom: 50px }

#thinkabout .rokubu .txt { width: 100%; }
#thinkabout .rokubu .pho { width: 90%; margin-right: 0% ;margin-bottom: 50px}


}

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

.ipad { display: none; }
.ipho { display: block; }

#thinkabout { width: 96%; margin-left: 4%; }
#thinkabout.poems { width: 70%; margin-left: 15%; margin-right: 15%; }
#thinkabout.tanka { width: 100%; margin-left: 0%; margin-right: 0%; }
#thinkabout.tanka .pho_poem { width: 70%; margin-left: 15%; margin-right: 15%; }

}