/*****************************************************************************
 CSS only for 018_06 page
*****************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Allura);

/* set
----------------------------------------*/
/* mod_toptitle */
.mod_toptitle {
 border-color:#e97e7e;
}
.mod_toptitle .topTitleFace {
}

.mod_toptitle .topTitle02 span {
 width:213px;
 padding-left:0px;
}
.mod_toptitle .topTitle02 strong.num {
 width:82px;
}
.mod_toptitle .topTitle02 strong.degree {
 padding-left:13px;
 line-height: 1.4;
 width:170px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_toptitle .topTitle02 strong.num,
.mod_toptitle .topTitle02 strong.degree,
.mod_toptitle .topTitle02 strong.name{
 padding:0;
 width:auto;
}
}
/* main_credit */
.mod_toptitle .main_credit{
  margin-top: -80px;
  margin-left: 4px;
  color: #fff;
  font-size: 80%;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_toptitle .main_credit {
  margin-top: -15px;
  padding-bottom: 15px;
  margin-left: 0;
  margin-right: 4px;
  color: #fff;
  text-align: right;
  font-size: 80%;
}
}
/* mod_title02 */
.mod_title02 .title02{
 display:table;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_title02 .title02{
 margin: 0 auto;
}
}
.mod_title02 .title02 small{
 display:table-cell;
 width:62px;
 vertical-align:middle;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_title02 .title02 small{
 display:block;
 width:auto;
}
}
.mod_title02 .title02 span.wrapbox {
 display:table-cell;
 vertical-align:middle;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_title02 .title02 span.wrapbox {
   display:block;
  }
}
.mod_title02 .title02 span.num {
 height: 60px;
 line-height: 60px;
 width: 60px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_title02 .title02 span.num {
 margin:0 auto;
}
}
.mod_title02 .title02 strong{
 display:table-cell;
 vertical-align:middle;
 padding:0 0 0 20px;
 text-align:left;
 letter-spacing: 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_title02 .title02 strong{
 display:block;
 padding:10px 0 0 0;
 margin:0;
 line-height:1.3;
}
}
.mod_title02 .title02 strong span.line{
  font-size: 90%;
 line-height:1.3;
 background:transparent url('../img/bg_title_small.gif') repeat-x left bottom;
}

.mod_title02 .title02 strong span.small {
 background:none;
 letter-spacing:0;
 font-size:16px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_title02 br.spbrNo {
    display: none;
  }
}

/* mod_title03 */
.mod_title03 {
 border-color:#e97e7e;
}
/* mod_title04 */
.mod_title04{
  margin: 30px 0 5px 0;
  font-size: 120%;
  line-height: 1.3;
}
.mod_title04 .title04 {
  position: relative;
  text-align:center;
  padding: 15px 10px 15px 10px;
  background-color: #f9ffed;
}


.mod_title04 .title04::before,
.mod_title04 .title04::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
.mod_title04 .title04::before {
  top: 0;
  border-top: 2px solid #a4b880;
  border-bottom: 1px solid #a4b880;
}
.mod_title04 .title04::after {
  bottom: 0;
  border-top: 1px solid #a4b880;
  border-bottom: 2px solid #a4b880;
}

/* pointTitle */
.mod_sec .pointTitle{
  margin: 20px 0 0 0;
  padding: 10px 0 10px 0;
  font-size: 110%;
  position: relative;
  border-top: 3px solid #4f494b;
  text-align: center;
  line-height: 1.4;
  background-color: #ddd9d4;

}
.mod_sec .pointTitle:after, .mod_sec .pointTitle:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.mod_sec .pointTitle:after {
  border-color: rgba(189, 174, 179, 0);
  border-bottom-color: #4f494b;
  border-width: 10px;
  margin-left: -10px;
}
.mod_sec .pointTitle:before {
  border-color: rgba(79, 73, 75, 0);
  border-bottom-color: #4f494b;
  border-width: 18px;
  margin-left: -18px;
}

/*underline  */
.mod_sec p a.underline:link    {text-decoration:underline!important;}
.mod_sec p a.underline:visited {text-decoration:underline!important;}
.mod_sec p a.underline:hover   {text-decoration:none!important; color:#e97e7e !important;}
.mod_sec p a.underline:active  {text-decoration:none!important; color:#e97e7e !important;}

/*mod_anchorlink  */
.mod_anchorlink ul li a:hover   {color: #e97e7e !important;}
.mod_anchorlink ul li a:active  {color: #e97e7e !important;}

/* mod_pagenav_textlist */
.mod_pagenav_textlist ul li a:hover   {color: #e97e7e !important;}
.mod_pagenav_textlist ul li a:active  {color: #e97e7e !important;}


/* mod_pagelink */
.mod_pagelink p a{
 background:transparent url('../img/icon_arrow_02.png') no-repeat left 5px;
}
.mod_pagelink p a:hover   {color: #e97e7e !important;}
.mod_pagelink p a:active  {color: #e97e7e !important;}

/* mod_profile_text */
.mod_profile_text a:hover {color: #e97e7e !important;text-decoration: none !important;}
.mod_profile_text a:focus {color: #e97e7e !important;text-decoration: none !important;}

/* .mod_sec_photobox p.cap */
.mod_sec_photobox p.cap.inner {
 padding:0 10px 0 0;
}
/* mod_sec_photobox_center */
.mod_sec_photobox_center{
 text-align:center;
}
/* mod_sec_photobox_center */
.mod_sec_photobox_center{
 text-align:center;
}
.mod_sec_photobox_center_w {
    margin: 0 auto;
    width: 483px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
.mod_sec_photobox_center_w {
    width: auto;
}
}
.mod_sec_photobox_center_w p {
    text-align: left;
}
/* mod_sec_photobox-resize */
.mod_sec_photobox-resize .mod_sec_photobox_left{
  width: 483px;
}
.mod_sec_photobox-resize .mod_sec_photobox_right{
  width: 283px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_sec_photobox-resize .mod_sec_photobox_left,
  .mod_sec_photobox-resize .mod_sec_photobox_right{
    width: auto;
  }
}

/* mod_photoby
----------------------------------------*/
.mod_photoby{
  color: #666;
  font-size: 12px;
}

/* ex_serif
----------------------------------------*/
.mod_profile_text .name.ex_serif strong span.rubi{
 font-size:50%;
}

/* mod_profile_text
----------------------------------------*/
@media only screen and (max-width:640px) and (max-device-width:1280px){
    .mod_profile_text span {
        display: block;
    }
}



/* mod_product_block_box_img
----------------------------------------*/
/* mod_product_block set */
.mod_product_block {
 position:relative;
 height:550px;
}
.mod_product_block.product04{
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_product_block,
  .mod_product_block.product04{
   height:auto;
  }
}

/* mod_product_block_box_text */
.mod_product_block_box_text{
 padding:35px 0 0 49px;
 width:320px;
}
.mod_product_block.product02 .mod_product_block_box_text{
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_product_block_box_text,
  .mod_product_block.product02 .mod_product_block_box_text{
   width:100%;
   padding:20px 0 0 0;
   box-sizing:border-box;
  }
}
/* productBlockTitle */
.mod_product .productBlockTitle {
 margin-bottom:12px;
 line-height:2.0;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_product .productBlockTitle {
 margin-bottom:12px;
}
}
/* productBlockLink 
.product02 .mod_product_block_box_text .productBlockLink{
 top: 100px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.product02 .mod_product_block_box_text .productBlockLink{
 top: 0;
}
}*/
.mod_product_block_box_text .productBlockLink{
 display:block;
 position:absolute;
 top:5px;
 right:5px;
}
.mod_product_block_box_text .productBlockLink:hover{
 opacity:0.8;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_product_block_box_text .productBlockLink img{
 width:100%;
 height:auto;
}
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_product_block_box_text .productBlockLink{
 position:static;
 top:0;
 right:0;
 margin-bottom:15px;
}
}
/* productBlockP */
.mod_product_block_box_text .productBlockP{
 line-height:2.0;
 margin-bottom:12px;
 width: 280px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_product_block_box_text .productBlockP{
 margin-bottom:15px;
 width: auto;
}
}

/* productBlockLogo */
.mod_product_block_box_text  p.productBlockLogo{
  /*width: 267px;*/
  text-align: center;
 bottom:60px;
 left: 55px;
 position: absolute;
 margin:0;
}
.product03 .mod_product_block_box_text p.productBlockLogo{
  bottom: 40px;
}
.product04 .mod_product_block_box_text p.productBlockLogo,
.product06 .mod_product_block_box_text p.productBlockLogo{
  bottom: 50px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_product_block_box_text p.productBlockLogo,
.product03 .mod_product_block_box_text p.productBlockLogo,
.product04 .mod_product_block_box_text p.productBlockLogo,
.product06 .mod_product_block_box_text p.productBlockLogo{
 bottom:0;
 left:0;
 position:static;
 text-align:center;
 margin-top:30px;
}
}
/* productLink */
.mod_product_block_box_text p.productLink{
 margin-left:0px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_product_block_box_text .productLink{
   padding-left:0;
  }
}
.mod_product_block_box_text p.productLink a span {
 background: url("../img/icon_arrow_01.png") no-repeat scroll left 5px transparent;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_product_block_box_text p.productLink a span{
   background:transparent url('/sumu2/kuraspe/common/img/icon_next.png') no-repeat right center;
 background-size:8px;

}
}
/* relImg */
.mod_product_block_box_text .relImg{
 position:absolute;
 top:290px;
 left:55px;
}
.product01 .mod_product_block_box_text .relImg{
  top:260px;
}
.product02 .mod_product_block_box_text .relImg{
  top:340px;
}
.product03 .mod_product_block_box_text .relImg{
  top:305px;
}
.product04 .mod_product_block_box_text .relImg{
  top:310px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_product_block_box_text .relImg,
  .product01 .mod_product_block_box_text .relImg,
  .product02 .mod_product_block_box_text .relImg,
  .product03 .mod_product_block_box_text .relImg{
   position:static;
   width:100%;
   height:auto;
  }
}