@charset "UTF-8";

/* レスポンシブ　*/

/* common module */

.clearBoth {

  clear: both;

  width: 1px;

  height: 0;

  overflow: hidden;

}



* {

  padding: 0;

  margin: 0;

}



img {

  border: none;

  vertical-align: top;

}



@media print, screen and (min-width: 980px) {

  body.second .rightColumn {

    width: 730px;

    float: right;

    background: url(/extra/50th/images/second/contents_upper.png) no-repeat 0 45px;

    padding-top: 67px;

  }

  body.second .rightColumn:after {

    content: "";

    display: block;

    width: 730px;

    height: 19px;

    background: url(/extra/50th/images/second/contents_bottom.png) no-repeat 0 0;

  }

  body.second .rightColumn .rightBody {

    width: 660px;

    background: url(/extra/50th/images/second/contents_body.png) repeat-y;

    padding-top: 13px;

    padding-left: 35px;

    padding-right: 35px;

	min-height:955px;
	overflow:hidden;
  }

  body.second .rightColumn .pageTitle {

    width: 660px;

    height: 100px;

    padding-top: 65px;

    margin-bottom: 10px;

  }

  body.second .rightColumn .pageTitle h1 {

    display: none;

  }

  body.second .rightColumn .pageTitle h2 {

    font-size: 18px;

    color: #4d4d4d;

    display: block;

    height: 34px;

    line-height: 34px;

    border-left: solid 1px #e4f0ff;

    padding-left: 20px;

    font-weight: normal;

  }
  body.second .rightColumn #bokin .pageTitle h2 {
	  padding-top:2px;
	  font-size:21px;
	  
  }
  body.second .rightColumn .pageTitle h2.sameName {

    display: none;

	}

  body.second .rightColumn .pankuzu {

    font-size: 10px;

    height: 12px;

    line-height: 12px;

    margin-bottom: 30px;

  }

  body.second .rightColumn .pankuzu li {

    list-style: none;

    display: inline-block;
	/*FOR LEGACY IE*/

	*float:left;
  }
  

  body.second .rightColumn .pankuzu li a{
	  color:#aaa;
	  }
  
  body.second .rightColumn .pankuzu li a{
  	/*FOR LEGACY IE*/
	*padding-right:20px!important;
	*margin-right:10px!important;
	*display:block!important;	
	*background:url(/extra/50th/images/common/arrow_for_legacy.gif) no-repeat right center;

  }
  body.second .rightColumn .pankuzu li.parents:after {

    content: ">";

    display: inline-block;

    padding: 0 5px;

  }

  body.second .rightColumn h3 {

    background: url(/extra/50th/images/second/title_bg.gif) no-repeat 0 0;

    width: 620px;

    height: 35px;

    line-height: 35px;

    font-weight: normal;

    color: #30706c;

    font-size: 14px;

    padding: 0 20px;

    margin-bottom: 20px;

  }

  body.second .rightColumn h4 {
    color: #30706c;
    font-size: 14px;
	padding-left:18px;
	margin-bottom:5px;
  }

  body.second .rightColumn p {

    padding: 0 20px 30px;

  }

  body.second .rightColumn p.photo {
	  font-size:11px;
	  line-height:1.3;
  }

  body.second .rightColumn p.photo img {
	  margin-bottom:7px;
  }

  body.second .rightColumn p.read {

    padding: 0;

  }

}

@media screen and (min-width: 780px) and (max-width: 979px) {

  body.second .rightColumn {

    width: 100%;

    padding-top: 20px;

    float: right;

  }

  body.second .rightColumn .rightBody {

    margin-left: 250px;

    background: #fff;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

  }

  body.second .rightColumn .pageTitle {


 	background: url("/extra/50th/images/second/title/entry_heading.gif") no-repeat scroll left top rgba(0, 0, 0, 0)!important;
    color: #72B7AE;
    font-size: 24px;
    font-weight: normal;
    height: 37px;
    line-height: 24px;
    padding: 28px 0 0 30px !important;
    width: 630px;
	padding-bottom:20px;
	margin:0 0 20px 2.5%!important;

  }

  body.second .rightColumn .pageTitle h1 {
	float:left;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;

  }
	body.second .rightColumn .pageTitle h2:before {
	content:"｜";	
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;	
	padding: 0 0.5em;

	}
  body.second .rightColumn .pageTitle h2 {

	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
  }

  body.second .rightColumn .pageTitle h2.sameName {

		display:none;

	}

  body.second .rightColumn .pankuzu {

    font-size: 10px;

    height: 12px;

    line-height: 12px;

    margin-bottom: 5px;

    padding: 10px 0 30px 10px;

  }

  body.second .rightColumn .pankuzu li {

    list-style: none;

    display: inline-block;

  }
 
  body.second .rightColumn .pankuzu li a{
	  color:#aaa;
	  }

  body.second .rightColumn .pankuzu li.parents:after {

    content: ">";

    display: inline-block;

    padding: 0 5px;

  }

  body.second .rightColumn h3 {

    background: #aadcd9;

    height: 35px;

    line-height: 35px;

    font-weight: normal;

    color: #30706c;

    font-size: 14px;

    padding: 0 20px;

    margin: 0 20px 20px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

  }

  body.second .rightColumn h4 {
    color: #30706c;
    font-size: 14px;
	padding-left:18px;
	margin-bottom:5px;
  }

  body.second .rightColumn p {

    padding: 0 30px 30px;

  }

  body.second .rightColumn p.photo {
	  font-size:11px;
	  line-height:1.3;
  }

  body.second .rightColumn p.photo img {
	  margin-bottom:7px;
  }

  body.second .rightColumn p.read {

    padding: 0 10px 30px 10px;

  }

}

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

  body.second .rightColumn {

    width: 100%;

  }

  body.second .rightColumn .rightBody {

    background: #fff;

  }

  body.second .rightColumn .pageTitle {

    width: 100%;

    background: #84c6c1;

  }

  body.second .rightColumn .pageTitle h1 {

    display: none;

  }

  body.second .rightColumn .pageTitle h2 {

    font-size: 18px;

    color: #fff;

    height: 30px;

    line-height: 30px;

    padding-left: 10px;

    font-weight: normal;

    width: auto;

    display: inline-block;

  }

  body.second .rightColumn .pankuzu {

    font-size: 12px;

    height: 26px;

    line-height: 26px;

    background: #bce4e2;

  }

  body.second .rightColumn .pankuzu ul {

    height: 26px;

    list-style: none;

  }

  body.second .rightColumn .pankuzu ul:after {

    content: ".";

    display: block;

    clear: both;

    height: 0;

    visibility: hidden;

  }

  body.second .rightColumn .pankuzu li {

    float: left;

    background: #e4f4f3;

    padding: 0 5px 0 15px;

    position: relative;

  }
 
   body.second .rightColumn .pankuzu li a{
	  color:#aaa;
	  }

  body.second .rightColumn .pankuzu li:after {

    content: "";

    display: inline-block;

    position: absolute;

    background: url(/extra/50th/images/second/sp/pankuzu-arrow.png) no-repeat 0 0;

    background-size: contain;

    width: 10px;

    height: 26px;

    vertical-align: middle;

    right: -10px;

    z-index: 5;

  }

  body.second .rightColumn .pankuzu li:first-child {

    padding: 0 5px 0 5px;

  }

  body.second .rightColumn .pankuzu li a {

    display: inline-block;

    text-decoration: none;

  }

  body.second .rightColumn h3 {

    background: #aadcd9;

    height: 20px;

    font-weight: normal;

    color: #30706c;

    font-size: 14px;

    padding: 7px 10px;

  }

  body.second .rightColumn h4 {
    color: #30706c;
    font-size: 14px;
	padding-left:18px;
	margin-bottom:5px;
  }

  body.second .rightColumn p {

    padding: 10px 10px 20px;

  }

  body.second .rightColumn p.photo {
	  font-size:11px;
	  line-height:1.3;
  }

  body.second .rightColumn p.photo img {
	  margin-bottom:7px;
  }

  body.second .rightColumn p.read {

    padding: 0 10px 30px 10px;

  }

}