@charset "UTF-8";

/*///////////////////////////////////////////////////////////////////////////

	BOTTOM COMMON

///////////////////////////////////////////////////////////////////////////*/

.contact #contents .layout{
	padding-bottom:50px;
}
.information #contents{
	position:relative;
}
section{
	margin:95px auto 0;
}
h2.page-ttl{
	text-align: center;
	font-size: 18px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	/*background:url(../images/bottom/h2_btm.gif) bottom center no-repeat;*/
	background:url(../../images/bottom/h2_btm.gif) bottom center no-repeat;
}
h2.page-ttl span {
	padding-right:3px;
}
.w-990{
	width:990px;
}


/*///////////////////////////////////////////////////////////////////////////

  PAGES

///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////// INFORMATION */

.information section .inner{
  width:660px;
  margin:0 auto;
}
.information .share-btn {
  float:right;
  display:inline-block;
  margin:20px -35px 0 0;
  /*width:138px;*/
  width:78px;
  height:24px;
}
.information .share-btn li {
	/*width:63px;*/
	width:33px;
  height:24px;
  float:left;
  display:inline-block;
  margin:0 3px;
  font-size:85%;
  letter-spacing:0.05em;
}
.information .share-btn li a {
	width:33px;
	height:24px;
	display:block;
  /*padding:2px 0 0 30px;*/
}
.information .share-btn li.fb a {
  background:url(../../images/bottom/share-fb.png) left center no-repeat;
}
.information .share-btn li.tw a {
  background:url(../../images/bottom/share-tw.png) left center no-repeat;
}

/*///////////////////////////////////////////////////////////// ABOUT */
.about h3.page-sub-ttl{
  font-size: 18px;
  text-align: center;
  margin:0 0 30px;
}
.about section .inner{
  width:660px;
  margin:0 auto;
}
.about section .inner dl dd p.answer{
  font-size: 16px;
}
.about section .inner dl dd .answer-detail{
  width:540px;
}
.about section .inner dl dd p.en{
}
.about section .inner dl dd p.jp{
  padding: 26px 0 0;
  color:#999;
}
.about .about-bottom{
  margin:100px 0 0;
  text-align: center;
}
.about .about-bottom a.insta{
  display: block;
  width:238px;
  height:48px;
  line-height: 48px;
  margin:0 auto 100px;
  border:1px solid black;
  background:url(../images/bottom/insta_icon.gif) 17px center no-repeat;
}
.about .about-bottom a.insta span{
  padding:0 0 0 40px;
}


/*///////////////////////////////////////////////////////////// ABOUT-20150508 */
.about .about-top{
	width:480px;
	height:auto;
	margin:0 auto 50px;
}
.about .about-top img {
	display:block;
	width:100%;
	height:auto;
	line-height:1;
}
.about .about-txt {
	text-align:center;
}

/*///////////////////////////////////////////////////////////// WORKS */

@media screen and (min-width: 1591px) {
	.works h2.page-ttl{
	  margin-bottom: 40px;
	}
}
@media screen and (max-width: 1590px) {
	.works h2.page-ttl{
	  margin-bottom: 40px;
	}
}
@media screen and (max-width: 1260px) {
	.works h2.page-ttl{
	  margin-bottom: 80px;
	}
}

/*///////////////////////////////////////////////////////////// WORKS-test20150522 */

@media screen and (min-width: 1591px) {
	.works-test h2.page-ttl{
	  margin-bottom: 40px;
	}
}
@media screen and (max-width: 1590px) {
	.works-test h2.page-ttl{
	  margin-bottom: 40px;
	}
}
@media screen and (max-width: 1260px) {
	.works-test h2.page-ttl{
	  margin-bottom: 80px;
	}
}

/*///////////////////////////////////////////////////////////// TUMBLR */

.tumblr h2.page-ttl{
  margin-bottom: 48px;
}
.tumblr .trigger{
/*	margin:0 25px 13px;*/
	font-size: 10px;
	text-align: right;

  margin: 0 auto 13px;
  padding: 0 20px 0 0;
}
.tumblr .trigger a{
  color:#d4d4d4;
}
.tumblr .trigger a.selected,
.tumblr .trigger a:hover{
  color:black;
}
.tumblr .trigger a#daily{
  margin:0 10px 0 0;
  padding:0 10px 0 0;
  background:url(../images/bottom/trigger_divider.gif) right center no-repeat;
}

.tumblr-daily .tumblr .trigger{
  width:990px;
}

@media screen and (min-width: 1591px) {
  .tumblr .trigger{
    width:1320px;
  }
  .tumblr-daily .trigger{
    width:990px;
    padding:0;
  }
}
@media screen and (max-width: 1590px) {
  .tumblr .trigger{
    width:990px;
  }
  .tumblr-daily .trigger{
    padding:0;
  }
}
@media screen and (max-width: 1260px) {
  .tumblr .trigger{
    width:990px;
  }
  .tumblr-daily .trigger{
    padding:0;
  }
}

/*///////////////////////////////////////////////////////////// CONTACT-test20150508 */
.contact section .inner{
  width:660px;
  margin:0 auto;
  font-size: 12px;
}
.contact #form-select {
	width:448px;
	margin:0 auto 50px;
}
.contact #form-select li {
	float:left;
	display:inline-block;
	width:200px;
	margin:0 12px;
	text-align:center;  
}
.contact #form-select li a {
	display:block;
	padding:12px 0;
	font-size:12px;
	color:#000000;
	border:solid 1px #000000;
	letter-spacing:0.05em;
}
.contact #form-select li a.selected,
.contact #form-select li a:hover {
	color:#FFFFFF;
	background:#000000;
}
.contact .form-wrap{
  padding:30px 0 0;
  border-top: 1px solid #e6e5e5;
}
.contact .form-wrap #form-fan {
  display:none;
}
.required-text{
  /*border-top: 1px solid #e6e5e5;*/
  text-align: right;
  padding:8px 35px 22px;
}
#form-contents table{}
#form-contents table tr{
  padding:7px 0;
  display: block;
}
#form-contents  table th{
  text-align:left;
  vertical-align: middle;
  width:170px;
  padding:0 0 0 40px;
}
#form-contents table td{ 
}
#form-contents tr#message_tr th{
  vertical-align: top;
}
#form-contents tr#email_tr{
  margin-bottom: 14px;
}
#form-contents small{
  font-size: 10px;
}
#form-contents .mr-20{
  margin:0 20px 0 0;
}
#form-contents .mr-10{
  margin:0 10px 0 0;
}
#form-contents .w-84{
  width:84px !important;
}
#form-contents .w-194{
  width:194px !important;
}
#form-contents .w-284{
  width:284px !important;
}
#form-contents .w-389{
  width:389px !important;
}
.required {
  font-size: 8px;
  color: #d16b6b;
}
dt.none-select{ 
  margin-bottom:20px;
  color: #d16b6b;
  text-align: center;
}
.none-select.error{
  padding:5px 0 0;
  color: #d16b6b;
}

.attention-message {
	margin:45px 0 0;
}

.attention-message p {
	text-align:center;
	font-size:85%;
	line-height:1.6;
}

/*///////////////////////////////////////////////////////////// INPUT etc */

#form-contents{}
#form-contents input[type="text"],
#form-contents input[type="email"],
#form-contents textarea,
#form-contents select{
  border:1px solid #ccc;
  padding: 12px;
}
#form-contents input[type="text"]{}
#form-contents textarea{
  height:186px;
  resize:none;
}

#form-contents td {
	width:415px;
}

#form-contents td .name-input {
	width:45%;
	display:inline-block;
}


/*///////////////////////////////////////////////////////////// SELECT */

#form-contents select{
	font-size:12px;
	  font-weight: normal;
	color:#000000;
  -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	-webkit-border-radius:0;
    -moz-border-radius:0;
	border-radius:0;
	background: url(../../images/bottom/select-icons.png) 100% 0px no-repeat;
	line-height:1;
}

#form-contents .select-box{
	display: block;
  height: 40px;
  left: 0;
  width: 369px;
}
#form-contents .sbSelector{
  display: block;
  height: 40px;
  left: 0;
  line-height: 38px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 10px;
  top: 0;
  width: 369px;
}
#form-contents .sbSelector:link, #form-contents .sbSelector:visited, #form-contents .sbSelector:hover{
  outline: none;
  text-decoration: none;
}
#form-contents .sbHolder{
  width: 413px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-weight: normal;
  height: 40px;
  position: relative;
  /*background: url(../images/bottom/select-icons.png) left top no-repeat;*/
}
#form-contents .sbHolder a{}
#form-contents .sbHolder a.sbSelector {
  background:none;
}
#form-contents .sbHolder ul.sbOptions {
  background-color: white;
  border: solid 1px #ccc;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 40px;
  width: 413px;
  z-index: 1;
  overflow-y: auto;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius:0;
}
#form-contents .sbOptions li{
  padding: 0 7px;
}
#form-contents .sbOptions li a{
  border-top: dotted 1px #515151;
  display: block;
  outline: none;
  padding: 3px 0 3px 3px;
}
#form-contents .sbOptions li a:link, .sbOptions li a:visited{
  color: #999;
  text-decoration:none;
}
#form-contents .sbOptions li a:hover,
#form-contents .sbOptions li a:focus,
#form-contents .sbOptions li a.sbFocus{
  color: #fff;
}
#form-contents .sbOptions li.last a{
  border-bottom: none;
}
#form-contents .sbOptions li:first-child a{
  border-top: none;
  display: none;
}
#form-contents .sbOptions .sbDisabled{
  border-bottom: dotted 1px #515151;
  color: #999;
  display: block;
  padding: 3px 0 3px 3px;
}
#form-contents .sbOptions .sbGroup{
  border-bottom: dotted 1px #515151;
  color: #EBB52D;
  display: block;
  font-weight: bold;
  padding: 3px 0 3px 3px;
}
#form-contents .sbOptions .sbSub{
  padding-left: 17px;
}
#form-contents .sbHolder ul.sbOptions li a:hover,
#form-contents .sbHolder ul.sbOptions li a:focus{
  color:#ccc;
}
#form-contents .sbHolder ul.sbOptions li a.sbFocus {
  color:#000;
}
#form-contents .sbHolder ul.sbOptions li a {
  border-top:0px;
  padding: 3px 0 3px 5px;
  height:34px;
  line-height: 34px;
}
#form-contents .sbHolder .sbToggle{
  background: url(../images/bottom/select-icons.png) 0 0px no-repeat;
  display: block;
  height: 40px;
  width:45px; 
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#form-contents .sbHolder .sbToggle:hover{
  background: url(../images/bottom/select-icons.png) 0 -40px no-repeat;
}
#form-contents .sbHolder .sbToggleOpen{
  background: url(../images/bottom/select-icons.png) 0 -80px no-repeat;
}
#form-contents .sbHolder .sbToggleOpen:hover{
  background: url(../images/bottom/select-icons.png) 0 -80px no-repeat;
}
#form-contents .sbHolder .sbHolderDisabled{
  background-color: #3C3C3C;
}

/*///////////////////////////////////////////////////////////// BTN */

#form-contents{}
#form-contents .thanks {
  text-align:center;
  font-size: 42px;
  text-transform: uppercase;
  text-align: center;
  margin: 50px auto;
  display: block;
  padding: 60px;
  border: 7px #000 solid;
}

#form-contents .btns-parallel{
  padding:35px 0 0;
}
#form-contents .btns-parallel:after{
  content:".";
  height:0;
  display:block;
  clear:both;
  visibility:hidden;
}
#form-contents .btns-parallel ul{
  width:620px;
  margin:0 auto;
}
#form-contents .btns-parallel ul li{
  width:300px;
  margin:0 auto;
}
#form-contents .btns-parallel ul li.left{
  float:left;
}
#form-contents .btns-parallel ul li.right{
  float:right;
}
.form-row p {
  text-align:center;
}

/*///////////////////////////////////////////////////////////// CONTACT FORM 7 */
.wpcf7 .wpcf7-not-valid-tip {
	margin-top:4px;
	color: #d16b6b;
}
.wpcf7 .wpcf7-response-output {
	margin-bottom:30px;
	text-align:center;
	color: #d16b6b;
	border:0;
}
.wpcf7 .wpcf7-list-item.first {
	margin-right:20px;
}

.wpcf7 .wpcf7-list-item input[type="checkbox"] {
	position:relative;
	top:-1px;
}

/*///////////////////////////////////////////////////////////////////////////

  SIDEBAR

///////////////////////////////////////////////////////////////////////////*/
.sidebar{
	float:left;
	width:250px;
	margin:0;
	padding:30px 0 0;
}
.tumblr .sidebar{
	padding:30px 0 0;
}
.sidebar .sidebar-inner{
	padding:0 34px;
}
.sidebar .sidebar-box{
	margin:0 0 80px;
}
.sidebar .sidebar-box p.sidebar-page-ttl{
  font-size: 18px;
  margin:0 0 37px;
}
.sidebar .sidebar-box p.ttl{
  font-size: 10px;
}
.sidebar .sidebar-box ul li{ 
   margin:28px 0 20px;
}
.sidebar .sidebar-box ul li a{
  padding:0 20px;
  margin:0 0 20px;
  font-size: 12px;
}
.sidebar .sidebar-box ul li a.selected,
.sidebar .sidebar-box ul li a:hover{
  color:black;
  background:url(../images/bottom/sidebar_selector.gif) left center no-repeat;
}
.sidebar .sidebar-sub-box{
  padding:0 0 0 20px;
}
.sidebar .sidebar-sub-box p.sub-ttl{
  margin:28px 0 20px;
}

@media screen and (max-width: 1260px) {
	.sidebar{
		float:none;
		width:100%;
		margin:0 auto 28px;		
	}
	.tumblr .sidebar{
		padding:0;
	}
	.sidebar .sidebar-inner{
		padding:0;
	}
	.sidebar .sidebar-box{
		margin:0;
		text-align:center;
	}
	
	.sidebar-box p.ttl{
		display:inline-block;
		padding:0 20px 0 0;
		margin:0 20px 0 0;
		background:url(../images/bottom/cat_bar.gif) right center no-repeat;
	}
	.sidebar-box ul{
		display:inline-block;
	}
	.sidebar-box ul li{
		display:inline-block;
		margin:0;
	}
	 .sidebar-box ul li a{
		padding:0 20px;
		margin:0 0 20px;
		font-size: 12px;
	}
	.sidebar-box ul li a.selected,
	.sidebar-box ul li a:hover{
		color:black;
		background:none;
	}
}

/*///////////////////////////////////////////////////////////////////////////

	ITEMS

///////////////////////////////////////////////////////////////////////////*/
.items-selector:after {
  content: '';
  display: block;
  clear: both;
}
#items-wrapper{
  margin:0 auto;
}
.item{
	position: relative;
	/*float: left;*/
	/*margin: 5px;*/
	text-align: center;
}
.thumbnail .item{
	overflow: hidden;
}
.thumbnail .item img.ph{
  display:block;
  width:100%;
  height:auto;
}
.thumbnail .item #w-320 img.ph{
  width:auto;
  height:100%;
}
.thumbnail .size11{
	width:320px;
	height:320px;
}
.thumbnail .size11 img{
	width: 320px;
	height: auto;
}
.thumbnail .size21{
	width:650px;
	height:320px;
}
.thumbnail .size21 img{
	width:650px;
	height: auto;
}
.thumbnail .size22{
	width:650px;
	height:650px;
}
.thumbnail .size22 img{
	width: 650px;
	height: auto;
}
.thumbnail .size12{
	width:320px;
	height:650px;
}
.thumbnail .size12 img{
	width: 320px;
	height: auto;
}
.thumbnail .size11 > img.ph,
.thumbnail .size21 > img.ph,
.thumbnail .size22 > img.ph{
  width:100%;
  height:auto;
}
.thumbnail .sizeTall > img.ph,
.thumbnail .size12 > img.ph{
  width:auto;
  height:100%;
}
.daily .item{
	width:990px;
	height:320px;
	height:auto;
}
.large{
	width:990px;
}
.item:hover{
  /*cursor: pointer;*/
}
.item .details{
  color:white;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; 
  display: table;
  z-index: 3;
  cursor:pointer;

  opacity:0;
  filter:alpha(opacity=0);
  -moz-opacity:0;
}
.item .details .details-cont{
  height:100%;
  width:100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.item .details .details-cont p.item-ttl{
  padding:0 10px;
  margin:0 0 24px;
  font-size: 24px;
  line-height: 31px;
}
.item .details .details-cont p.client-date{
  padding:0 10px;
  margin:0 0 50px;  
  font-size: 14px;
}
.item .details .details-cont a.view{
  width:148px;
  height:35px;
  line-height: 35px;
  color:white;
  border:1px solid white;
  display: block;
  margin: 0 auto;
}
.item .details .details-cont a.view:hover{
  opacity:0.5;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
}
.item .details .details-cont p.tags{
  padding:58px 114px 0;
}
/*#w-320 .details .details-cont p.tags{
   padding:58px 20px 0; 
}*/
.sns-list-wrap{
  display:none;
}
.daily .item .details{
  color:black;
  position: relative;
  height:auto;
  width:100%;
  margin: 0 0 95px;

  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1;

}
.daily #w-320r > img.ph, 
.daily #w-320t > img.ph {
  width: auto;
  height: auto;
}
.daily .item .details .details-cont{
  /*padding:0 0 95px;*/
  text-align: left;
  border-bottom: 1px solid black;  
}
.daily .item .details .details-cont .txt-wrap{
  float:left;
  width:40%;
}
.daily .item .details .details-cont p.item-ttl {
  margin: 37px 0 18px;
 }
.daily .item .details .details-cont a.view{
  display:none;
}
.daily .item .details .details-cont p.client-date{
  margin: 0 0 18px;
}
.daily .item .details .details-cont p.tags{
  padding: 17px 272px 0px;
}
.daily .item img.ph{
  max-width: 100%;
  height: auto;
}
.daily .sns-list-wrap{
  height:73px;
  line-height: 73px;
  margin:0 0 0;
  display: block;

  height: 20px;
  line-height: 20px;
  position: absolute;
  bottom: 22px;
  right: 0;
  /*border-top: 1px solid black;
  border-bottom: 1px solid black; */ 
}
.daily .sns-list{
  /*width:372px;
  width:260px;
  margin:0 auto;*/
}
.daily .sns-list a:hover{
  opacity:0.5;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
}
.daily .sns-list img{
  vertical-align: middle;
  height: auto;
  width: 20px;
} 
.daily .sns-list:after{
  content:".";
  height:0;
  display:block;
  clear:both;
  visibility:hidden;
}
.daily .sns-list li{
  margin:0 16px 0;
  float:left;
}
.daily .sns-list li.ttl{
  margin:0 4px 0 0;
}
.daily .sns-list li.tumblr{
  margin:0 0 0 16px;
}
.daily .item .overlay{
  display:none;
}
.item .overlay{
  height:100%;
  width:100%;
  position: absolute;
  top:0;
  left:0;
  background-color: black;
  z-index: 2;
  
  opacity:0;
  filter:alpha(opacity=0);
  -moz-opacity:0;
}

.active .overlay{
  opacity:0.5;
  filter:alpha(opacity=50);
  -moz-opacity:0.5; 
}
.active .details{
  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1;
}

/**** Isotope CSS3 transitions ****/

.items-selector,
.items-selector .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;

	transition-timing-function: ease-out;	
	-webkit-transition-timing-function: ease-out;          
}

.items-selector {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.items-selector .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.items-selector.no-transition,
.items-selector.no-transition .items-selector-item,
.items-selector .items-selector-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.items-selector.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}
@media screen and (min-width: 1591px) {
	#items-wrapper{
		/*float:right;*/
	}
	#items-wrapper,
	#page-nav-wrap{
		width: 1320px;
	}
	.tumblr-daily #items-wrapper,
	.tumblr-daily #page-nav-wrap{
		width: 990px;
	}
}
@media screen and (max-width: 1590px) {
	#items-wrapper{
		/*float:right;*/
	}
	#items-wrapper,
	#page-nav-wrap{
		width: 990px;
	}
}
@media screen and (max-width: 1260px) {
	#items-wrapper{
		float:none;
	}
	#items-wrapper,
	#page-nav-wrap{
		width: 990px;
	}
}

/*//////////// PAGE NAV ////////////*/

#page-nav-wrap{
  position: relative;
  height: 100px;
  line-height: 100px;
  text-align:center;
  margin:0 0 0 auto;
}
#page-nav-wrap:after{
  content:".";
  height:0;
  display:block;
  clear:both;
  visibility:hidden;
}
#page-nav{
	padding:20px 0;
}
#page-nav a{}
/*#infscr-loading{
  display:none!important;
}
#image-loader{
  display:none;
}
.display{
  display:block!important;
}
#image-loader{
	width:100%;
	height:100%;
}
#image-loader img{
  width: 20px;
  height: auto;
}*/

/*///////////////////////////////////////////////////////////////////////////

  EXPAND BOXES

///////////////////////////////////////////////////////////////////////////*/

.expand-wrap{
  width:100%;
  border-top:1px solid #e5e5e5;
}
dl#expand{
  border-bottom:1px solid #e5e5e5;
  overflow: hidden
}
dl#expand dt{
  font-size: 12px;
  position: relative;
  height: 70px;
  line-height: 70px;
}
dl#expand dt a{
	display:block;
	width:100%;
	height:100%;
}
dl#expand dt .date{
  color:#a3a3a3;
  margin:0 0 0 10px;
}
dl#expand dt .ttl{
  margin:0 0 0 40px;
  padding:0 40px 0 0;
}
dl#expand dt .question{
  margin:0 0 0 10px;
  font-size: 12px;
}
dl#expand dt .info-arrow{
  width:14px;
  height:8px;
  display: block;
  background-image:url(../images/bottom/info_arrow.gif);
  background-position:left center;
  background-repeat:  no-repeat;
  position: absolute;
  top:30px;
  right:10px; 
}
dl#expand.open dt .info-arrow{
  background-position:right center;
}
dl#expand dd{
	display:none;
  padding:10px 10px 20px 10px;
}
dl#expand:first-child dd{
	display:block;
}
dl#expand dd.gray{
  padding:30px 30px 26px;
  margin:0 0 30px;
  background-color:#f9f9f9;
}
dl#expand dd .info-detail{
  width:350px;
  height: auto;
  padding:0px 35px 0;
}
dl#expand dd .info-detail-full{
  width:auto;
  height: auto;
  padding:0px 35px 0 0;
}
dl#expand dd .info-detail-full .date,
dl#expand dd .info-detail .date{
  font-size: 12px;
  color:#a3a3a3;
  margin:0 0 16px;
}
dl#expand dd .info-detail-full .ttl,
dl#expand dd .info-detail .ttl{
  font-size: 18px;
  margin:0 0 20px;
}
dl#expand dd .info-detail-full .content,
dl#expand dd .info-detail .content{
  font-size: 12px;
  line-height: 21px;
  margin:0 0 10px;
}
dl#expand.close{
  /*height:70px;*/
}

/*///////////////////////////////////////////////////////////////////////////

  POP UP

///////////////////////////////////////////////////////////////////////////*/
.popup{
	display:none;
}
.popup-overlay{
	position:absolute;
	top:0px;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	background:#f5f5f5;
	overflow:hidden;
}
.popup-overlay .inner{
  padding:80px 0 0 0; 
  width:1240px;
  margin:0 auto;
}
.popup-close{
	position:absolute;
	top:0;
	right:0;
	
	
	clear:both;
	margin:0 auto;
	width:40px;
	height:54px;
	text-align:center;
}
.popup-close a{
	position:relative;
	display:block;
	width:40px;
	height:54px;
	background:url(../images/bottom/popup_close.gif) center top no-repeat;
}
.popup-ph{
	float:left;
	width:600px;
	padding-left:325px;
}
.popup-ph img{
  max-width: 100%;
  height:auto;
}
.popup-ph iframe{
  max-width: 100%;
}
.popup-detail{
	position:relative;
	float:right;
	width:265px;
	padding:150px 0 0;
}
.popup-title{
  font-size: 24px;
  line-height: 36px;
  margin:0 0 60px;
}
.popup-body{
  font-size: 11px;
}
.popup-body span{
  display:block;
}
.popup-body a{
  display: block;
  margin:14px 0 0; 
  word-break: break-all;  
}
.popup-date{
  color:#a2a2a2;
  font-size: 10px;
  margin:0 0 14px;
}




/* Clearfix */
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */