@charset "utf-8";



@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

@media all and (-ms-high-contrast:none)
{
    body
    {
        font-family: 'Sawarabi Mincho','メイリオ', 'Meiryo', sans-serif;
    }
}

* {
   -webkit-appearance: none;
}

input[type="submit"]{
   -webkit-appearance: none;
   border-radius: 0;
}

.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}



img{
	max-width: 100%;
}

ol, ul{
    list-style:none;
    margin: 0;
    padding: 0;
}


div,p,li,input,td,th,span,textarea,select,option,ul,form,nav,body,h2,h3,a,table,th,td,tr{
    box-sizing: border-box;
}


/*base*/

body{
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    font-weight: 500;
	margin: 0;
	padding: 0;
	max-width: 100%;
  background-color: #fff;
  color: #333;
	overflow-x: hidden;
  font-size: 13px;
  word-wrap: break-word;
    overflow-wrap: break-word;

}


body {
    animation: fadeIn 5s ease 0s 1 normal;
    -webkit-animation: fadeIn 5s ease 0s 1 normal;
    overflow-y: scroll;
}


body::-webkit-scrollbar {
    width: 4px;
    position: fixed;
    right: 0;
  }

body::-webkit-scrollbar-track{
    border-radius: 10px;
    border: solid 1px #ccc;
    transition: 0.3s;
    background-color: #eee;
  }

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#000;
  }


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.sp_only{
  display: none;
}

@media only screen and (max-width: 766px) {
  .sp_only{
    display: block;
  }

}

a{
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    cursor: pointer;
}


/*navigation*/

.inner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
 
.inner:after {
  content:"";
  clear: both;
  display: block;
}

.under{
  text-decoration: underline;
  font-weight: 700;
}
 
/*--------header-----------*/
 
/* -------------------------
    PC
------------------------- */

.head{
  position: fixed;
  width: 100%;
  z-index: 999;
  height: 50px;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}


.head.black{
  background-color: #000 !important;
}

.head.scrs{
  background-color: #000;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}


#nav-switch {
    display: none;
}
.head-nav {
    position: relative;
    width: 100%;
}

.page .head-nav {
    margin-bottom: 0px;
}

.head-nav-lv1 {
    max-width: 1080px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}
.head-nav-lv1:before,
.head-nav-lv1:after {
    content: "";
    display: table;
}
.head-nav-lv1:after {
    clear: both;
}
.head-nav-lv1_item {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    height: 50px;
    line-height: 50px;

}
.head-nav-lv1_item:first-child {
    border-left: none;
}



.head-nav-lv1_item > a {
    display: block;
    color: #fff;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 700;
}



.head-nav-lv1_item.is-active > a {
    background: #fff;
    color: #000;
}

.head-nav-lv1_itemInner {
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.head-nav-lv1_break {
    display: inline-block;
    white-space: nowrap;
}

.logo{
  position: absolute;
  top: 6px;
  z-index: 5;
  left: 15px;
}

.logo a{
  display: block;
  width: 100%;
  height: 100%;
}

.logo img{
  width: 130px;
}

.tel{
  position: absolute;
  right: 0px;
  top: 0px;
  height: 50px;
  color: #fff;
  font-size: 12px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
  }



.tel a{
  display: block;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  line-height: 100%;
  height: 50px;
  padding: 8px 25px;
}


.tel a span{
  display: block;
  font-weight: 300;
  padding-top: 3px;

}


.tel div{
  float: left;
  height: 50px;
  
}


.tel div a i{
  font-size: 22px;
}

.tel .signup{
  height: 50px;
  
}


.tel .login{
  height: 50px;
}


.tel .signup a{
  background-color: #26b9ec;
  display: block;

}


.tel .login a{
  background-color: #FAC75A;
  display: block;
}

.tel div a:hover{
  background-color: #eee;
  color: #000;
  box-sizing: border-box;
}







@keyframes anime {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
 
/* -------------------------
    SP
------------------------- */
@media screen and (max-width:768px) {

  .head{
    height: 40px;
    z-index: 999999;
    background-color: #000;
  }
  #nav-switch {
      display: block;
      position: fixed;
      top: 12px;
      right: 18px;
      width: 25px;
      height: 15px;
      cursor: pointer;
      z-index: 99999;
  }
  #nav-switch:before,
  #nav-switch:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      border-radius: 1px;
      background: #fff;
      -webkit-transition: 0.5s;
      transition: 0.5s;
  }
  #nav-switch:before {
      top: 0;
      box-shadow: 0 6px 0 #fff;
  }
  #nav-switch:after {
      top: 12px;
  }
  #nav-switch.is-open:before {
      top: 5px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      box-shadow: none;
  }
  #nav-switch.is-open:after {
      top: 5px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }
  .head-nav {
      display: none;
      position: absolute;
      top: 80px;
      left: 5%;
      width: 90%;
      right: 5%;
      background-color: rgba(0,0,0,.8);
      border: none;
      box-shadow: 6px 6px 15px rgba(0,0,0,.4);
  }
  .head-nav-lv1_item {
      float: none;
      width: 100%;
  }
  .head-nav-lv1_item > a {
      height: auto;
      font-size: 14px;
      font-weight: 300;
      text-align: left;
      letter-spacing: 0em;
      color: #fff;
      border-bottom: dotted 1px #999;
  }

  .head-nav-lv1_item:last-child > a{
    border-bottom: none;
  }

  .head-nav-lv1_itemInner {
      position: relative;
      display: block;
      -webkit-transform: none;
      transform: none;
  }

  .logo{
    top: 7px;
    left: 10px;
  }

  .logo img{
    width: 100px;
  }

  .tel{
    position: absolute;
    right: 40px;
    top: 0px;
    color: #fff;
    height: 40px;
    }

  .tel a span{
    display: none;
    

  }


  .tel div{
    float: left;
    line-height: 100%;
    width: 40px;
  }

  .tel div a{
    display: block;
    line-height: 45px;
    width: 40px;
    font-weight: 500;
    height: 40px;
    padding: 0px;
    text-align: center;
    font-size: 13px;

  }

  .tel div a i{
    font-size: 20px;
  }


  .tel div a:hover{
    background-color: #eee;
    color: #000;
  }

  

}

/* main_content*/

.main_content{

  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(./../img/main_bk.jpg);
  background-position: center center; 
  background-attachment: fixed;
}


.main_content.contact{
  height: auto;
  min-height: 900px;
}

.main_content .message{
  position: absolute;
  top: 30%;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  text-align: center;
}

.main_content .message h1{
  color: #fff;
  font-size: 45px;
  opacity: .9;
  padding-bottom: 30px;
}


.main_content.contact .contact_area{
  position: absolute;
  top:40px;
  left: 50%;
  width: 800px;
  margin-left: -400px;
}

.main_content.contact .contact_area h1{
  color: #fff;
  font-size: 45px;
  opacity: .9;
  padding-bottom: 0px;
}

.main_content.contact .contact_area p{
  color: #fff;
}

.main_content.contact .contact_area form{
  width: 100%;
}

.main_content.contact .contact_area form .form_group{
  margin-bottom: 15px;
}

.main_content.contact .contact_area form .form_group label{
  text-align: left;
  color: #fff;
}


.main_content.contact .contact_area input,.main_content.contact .contact_area textarea,.main_content.contact .contact_area select{
  width: 100%;
  background-color: rgba(0,0,0,.2);
  border: solid 2px #fff;
  border-radius: 3px;
  color: #fff;
  padding: 10px;
}

.main_content.contact .contact_area textarea{
  height: 250px;
}

.main_content.contact .contact_area button{
  background-color: #fff;
  color: #000;
  border: solid 3px #eee;
  border-radius: 4px;
  padding: 15px 35px;
}

.main_content.contact span.error{
  color: #ff0000;
}

.send_message{
  background-color: #fff;
  color: #000;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 6px;
}

input::placeholder {
  color: #fff;
}

/* IE */
input:-ms-input-placeholder {
  color: #fff;
}

/* Edge */
input::-ms-input-placeholder {
  color: #fff;
}

.main_content .message .wtpaper{
  border: solid 3px #fff;
  border-radius: 5px;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    margin-top: 25px;
    width: 80%;
    margin: 0 auto;
}

.main_content .message .wtpaper:hover a{
  color: #000;
}

.main_content .message .wtpaper:hover{
  background-color: rgba(255,255,255,.8);
  width: 100%;
}

.main_content .message .wtpaper a{
  color: #fff;
  font-size: 18px;
  padding: 20px 0px;
  letter-spacing: .2em;
  font-weight: 600;
  display: block;
}

h2.titles{
  font-family: 'Sawarabi Mincho','メイリオ', 'Meiryo', sans-serif;
  font-size: 100px;
  font-weight: 300;
  margin: 0;
  padding: 70px 25px;
  width: 100%;
}

.left_yose{
  text-align: left;
}

.right_yose{
  text-align: right;
}

.main_content .circle_content{
  position: absolute;
  top: 80px;
  left: 150px;
}




.main_content .ads_area{
  position: fixed;
  bottom: 10px;
  right: 25px;
  width: 500px;
  z-index: 99999;
}


.main_content .ads_area img{
  border: solid 6px rgba(0,0,0,.5);
}

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

  .main_content.contact{
    height: auto;
    min-height: 130vh;

  }

  .main_content .message{
    top: 20%;
    left: 0%;
    width: 100%;
    margin-left: 0px;
    padding: 20px;
  }

  .main_content .message h1{
    color: #fff;
    font-size: 26px;
    opacity: .9;
    padding-bottom: 30px;
  }

   .main_content.contact .contact_area{
      top: 60px;
      left: 0%;
      width: 100%;
      margin-left: 0px;
      padding: 20px;

    }

    .main_content.contact .message h1{
      color: #fff;
      font-size: 26px;
      opacity: .9;
      padding-bottom: 30px;
    }


    .main_content.contact .contact_area h1{
      color: #fff;
      font-size: 45px;
      opacity: .9;
      padding-bottom: 0px;
    }

    .main_content.contact .contact_area p{
      color: #fff;
    }

    .main_content.contact .contact_area form{
      width: 100%;
    }

    .main_content.contact .contact_area form .form_group{
      margin-bottom: 15px;
    }

    .main_content.contact .contact_area form .form_group label{
      text-align: left;
      color: #fff;
    }


    .main_content.contact .contact_area input,.main_content.contact .contact_area textarea,.main_content.contact .contact_area select{
      width: 100%;
      background-color: rgba(0,0,0,.2);
      border: solid 2px #fff;
      border-radius: 3px;
      color: #fff;
      padding: 10px;
    }

    .main_content.contact .contact_area textarea{
      height: 250px;
    }

    .main_content.contact .contact_area button{
      background-color: #fff;
      color: #000;
      border: solid 3px #eee;
      border-radius: 4px;
      padding: 15px 35px;
    }

}


section{
  padding: 80px 0px;
}


section .section_title{
  text-align: center;
   font-family: 'Sawarabi Mincho','メイリオ', 'Meiryo', sans-serif;
  font-weight: 900;
  font-size: 45px;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 80px;
}

section .sub_msg{
  text-align: left;
  width: 100%;
  margin-bottom: 60px;
}

section .sub_msg p{
  color: #999;
  font-size:30px;
  font-weight: 900;
  width: 80%;
  float: right;
}

section .section_title span{
  display: block;
  font-size: 14px;
  letter-spacing: 0em;
  color: #333;
  width: auto;
  text-decoration: underline;
  padding-top: 20px;

}


section .serction_infomation{
  margin-bottom: 75px;
  width: 100%;
  display: block;
}


section .serction_infomation h3{
  padding: 35px 15px 35px 113px;
  position: relative;
  margin-bottom: 45px;
}


section .serction_infomation h3 span{
  position: absolute;
  background-color: #26b9ec;
  border-radius: 50%;
  left: 0;
  width: 98px;
  height: 98px;
  font-weight: 300;
  color: #fff;
  top: 50%;
  margin-top: -49px;
  text-align: center;
  line-height: 90px;
  font-size: 16px;
  border: solid 4px #eee;
}


section .serction_infomation p{
  font-size: 15px;
  font-weight: 700;
  
}

section .serction_infomation p.subtitle{
  width: 100%;
  text-align: center;
  font-weight: 700;
  margin-top: 40px;
}

section .serction_infomation p img{
  margin-top: 45px;
  margin-bottom: 45px;
}

section.section_1{

}


section .serction_infomation .voice{
  margin-top: 20px;
  margin-bottom: 45px;
  background-color: #eee;
  padding: 50px 30px;
}

section .serction_infomation .voice .item{
  width: calc(33.3333333333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  background-color: #fff;
  padding: 25px;
  box-shadow: 7px 7px 0px #ccc;
}


section .serction_infomation .voice .item .item_thead{
  text-align: center;
  margin-bottom: 15px;
}


section .serction_infomation .voice .item .item_thead i{
  border: solid 12px #26b9ec;
  font-size: 50px;
  color: #26b9ec;
  padding: 15px;
  border-radius: 50%;
  width: 60px;
  line-height: 60px;
  height: 60px;
  margin-bottom: 20px;
}


section .serction_infomation .voice .item .item_thead span{
  display: block;
  font-size: 14px;
  color: #000;
  font-weight: 700;
  letter-spacing: .2em;
}


section .serction_infomation .voice .item .voise_single{
  font-size: 12px;
  position: relative;
  background-color: #fdb95f;
  margin-bottom: 15px;
  color: #fff;
  padding: 13px 16px;
  border-radius: 3px;
}


section .serction_infomation .voice .item .voise_single:after{
  content: "";
  position: absolute;
  left: -20px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color:  transparent #fdb95f transparent transparent;
  border-width: 10px 10px 10px 10px;
}


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

  section .section_title{
    text-align: center;
     font-family: 'Sawarabi Mincho','メイリオ', 'Meiryo', sans-serif;
    font-weight: 900;
    font-size: 45px;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 80px;
  }

  section .sub_msg{
    text-align: left;
    width: 100%;
    margin-bottom: 60px;
  }

  section .sub_msg p{
    color: #999;
    font-size:30px;
    font-weight: 900;
    width: 80%;
    float: right;
  }

  section .section_title span{
    display: block;
    font-size: 14px;
    letter-spacing: 0em;
    color: #333;
    width: auto;
    text-decoration: underline;
    padding-top: 20px;

  }


  section .serction_infomation{
    margin-bottom: 75px;
    width: 100%;
    display: block;
  }


  section .serction_infomation h3{
    padding: 35px 15px 35px 113px;
    position: relative;
    margin-bottom: 45px;
  }


  section .serction_infomation h3 span{
    position: absolute;
    background-color: #26b9ec;
    border-radius: 50%;
    left: 0;
    width: 98px;
    height: 98px;
    font-weight: 300;
    color: #fff;
    top: 50%;
    margin-top: -49px;
    text-align: center;
    line-height: 90px;
    font-size: 16px;
    border: solid 4px #eee;
  }


  section .serction_infomation p{
    font-size: 15px;
    font-weight: 700;
    
  }

  section .serction_infomation p.subtitle{
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-top: 40px;
  }

  section .serction_infomation p img{
    margin-top: 45px;
    margin-bottom: 45px;
  }

  section.section_1{

  }


  section .serction_infomation .voice{
    margin-top: 20px;
    margin-bottom: 45px;
    background-color: #eee;
    padding: 50px 30px;
  }

  section .serction_infomation .voice .item{
    width: calc(33.3333333333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    background-color: #fff;
    padding: 25px;
    box-shadow: 7px 7px 0px #ccc;
  }


  section .serction_infomation .voice .item .item_thead{
    text-align: center;
    margin-bottom: 15px;
  }


  section .serction_infomation .voice .item .item_thead i{
    border: solid 12px #26b9ec;
    font-size: 50px;
    color: #26b9ec;
    padding: 15px;
    border-radius: 50%;
    width: 60px;
    line-height: 60px;
    height: 60px;
    margin-bottom: 20px;
  }


  section .serction_infomation .voice .item .item_thead span{
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    letter-spacing: .2em;
  }


  section .serction_infomation .voice .item .voise_single{
    font-size: 12px;
    position: relative;
    background-color: #fdb95f;
    margin-bottom: 15px;
    color: #fff;
    padding: 13px 16px;
    border-radius: 3px;
  }


  section .serction_infomation .voice .item .voise_single:after{
    content: "";
    position: absolute;
    left: -20px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color:  transparent #fdb95f transparent transparent;
    border-width: 10px 10px 10px 10px;
  }

}

section.section_2{
  background: url(./../img/contents.jpg);
  background-size: cover;
  background-attachment: fixed;
}


section.section_2 .section_title{
  color: #fff;
}

section.section_2 .serction_infomation p{
  color: #fff;
}


section.section_2 table{
  width: 100;
  margin: 0 auto;
  border: solid 6px #fff;
  margin-bottom: 85px;
}


section.section_2 table th{
  padding: 35px;
  width: 30%;
  background-color: rgba(0,0,0,.8);
  color: #fff;
}


section.section_2 table td{
  padding: 35px;
  width: 70%;
  font-size:16px;
  font-weight: 700;
  text-align: left;
  background-color: #fff;
  color: #000;
}

section.section_2 table td span{
  font-size: 35px;
}


section.section_3{
  background-color: #ffff00;

}


section.section_3{
  color:;
}



section.section_1{
  
}


section.section_2_5{
  background: url(./../img/art.jpg);
  background-size: cover;
  background-attachment: fixed;
}


section.section_2_5 .jan{
  
}

section.section_2_5 .jan .jan_title,section.section_2_5 .action .jan_title{
  background-color: #000;
  color: #fff;
  margin-bottom: 20px;
  padding: 20px;
}


section.section_2_5 .jan ul{
  margin-bottom: 65px;
}


section.section_2_5 .jan ul li{
  width: calc(33.333333% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  background-color: rgba(255,255,255,.8);
  float: left;
  padding: 8px;
  border-radius: 4px;
  position: relative;
  box-shadow: 4px 4px 4px rgba(0,0,0,.3);
}

section.section_2_5 .jan ul li img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  background: #000;
  line-height: 100%;
  margin: 0;
  padding: 0;
}

section.section_2_5 .jan ul li .name{
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #fff;
  font-size: 30px;
  letter-spacing: .1em;
  font-weight: 900;
}




section.section_2_5 .action ul{
  
}


section.section_2_5 .action ul li{
  width: calc(33.33333333% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  background-color: rgba(0,0,0,.8);
  float: left;
  padding: 8px;
  position: relative;
  height: 100px;
  line-height: 94px;
  border-radius: 4px;
  text-align: center;
}

section.section_2_5 .action ul li .name{
  position: static;
  right: 20px;
  bottom: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}


section.section_2_6 .action ul{
  
}


section.section_2_6 .action ul li{
  width: calc(33.33333333% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  background-color: #26b9ec;
  float: left;
  padding: 8px;
  position: relative;
  height: 100px;
  line-height: 94px;
  border-radius: 4px;
  text-align: center;
}

section.section_2_6 .action ul li .name{
  position: static;
  right: 20px;
  bottom: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}

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

  .inner {
    width: 100%;
    margin: 0 auto;
    padding: 0px 10px;
    position: relative;
  }
  section{
    padding: 50px 0px;
  }


  section .section_title{
    text-align: center;
     font-family: 'Sawarabi Mincho','メイリオ', 'Meiryo', sans-serif;
    font-weight: 900;
    font-size: 18px;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 50px;
  }

  section .sub_msg{
    width: 100%;
    margin-bottom: 40px;
  }

  section .sub_msg p{
    color: #999;
    font-size:14px;
    font-weight: 900;
    width: 100%;
    float: right;
  }


  section .serction_infomation{
    margin-bottom: 25px;
    width: 100%;
    display: block;
  }


  section .serction_infomation h3{
    padding: 35px 15px 35px 113px;
    position: relative;
    margin-bottom: 45px;
  }


  section .serction_infomation h3 span{
    position: absolute;
    background-color: #26b9ec;
    border-radius: 50%;
    left: 0;
    width: 98px;
    height: 98px;
    font-weight: 300;
    color: #fff;
    top: 50%;
    margin-top: -49px;
    text-align: center;
    line-height: 90px;
    font-size: 16px;
    border: solid 4px #eee;
  }


  section .serction_infomation p{
    font-size: 13px;
    font-weight: 700;
    
  }

  section.section_2 table{
    width: 100;
    margin: 0 auto;
    border: solid 6px #fff;
    margin-bottom: 85px;
  }


  section.section_2 table th{
    padding: 15px;
    width: 100%;
    display: block;
    background-color: rgba(0,0,0,.8);
    color: #fff;
  }


  section.section_2 table td{
    padding: 15px;
    width: 100%;
    display: block;
    font-size:16px;
    font-weight: 700;
    text-align: left;
    background-color: #fff;
    color: #000;
  }

  section.section_2 table td span{
    font-size: 35px;
  }


  section.section_2_5 .jan ul{
    margin-bottom: 40px;
  }


  section.section_2_5 .jan ul li{
    width: calc(100% - 10px);
    height: 150px;
  }

  section.section_2_5 .jan ul li img{
    width: 100%;
    height: 130px;
    object-fit: cover;
    background: #000;
    line-height: 100%;
    margin: 0;
    padding: 0;
  }


  section.section_2_5 .action ul li,section.section_2_6 .action ul li{
    width: calc(100% - 10px);
    height: 80px;
    line-height: 70px;
  }

  section.section_2_5 .action ul li .name{
    position: static;
    right: 20px;
    bottom: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
  }

}


.koukai{
  font-family: 'Sawarabi Mincho','メイリオ', 'Meiryo', sans-serif;
  text-align: center;
  font-size: 75px;
  font-weight: 900;
}


.koukai span{
  display: block;
  font-size: 18px;
  padding-top: 65px;
}

.copyright{
  text-align: center;
  padding: 45px 0px;
  font-size: 12px;
}

@media screen and (max-width:768px) {
  .koukai{
    font-family: 'Sawarabi Mincho','メイリオ', 'Meiryo', sans-serif;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
  }


  .koukai span{
    display: block;
    font-size: 14px;
    padding-top: 16px;
  }

  .copyright{
    text-align: center;
    padding: 45px 0px;
    font-size: 12px;
  }
}

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

  h2.titles{
    font-size: 60px;
    padding: 50px 20px;
  }

  .left_yose{
    text-align: left;
  }

  .right_yose{
    text-align: right;
  }

  .main_content .ads_area{
    position: fixed;
    bottom: 10px;
    width: 90%;
    z-index: 99999;
  }


  .main_content .ads_area img{
    border: solid 6px rgba(0,0,0,.5);
  }
}


/*top_page*/

section.slider_area{
  position: relative;
  padding: 0px;
}


#site_infomation ul{
  width: 800px;
  margin: 0 auto;
}

@media screen and (max-width:768px) {
  #site_infomation ul{
    width: 100%;
  }
}

#site_infomation ul li{
  position: relative;
  padding-left: 120px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: dotted 1px #ccc;
}

#site_infomation ul li span{
  position: absolute;
  left: 0;
  top:8px;
  color: #000;
  font-weight: 700;
}



.siteinfomation .infomation_title{
  color: #fff;
  font-family: 'Titillium Web', sans-serif;
  letter-spacing: .1em;
}

.siteinfomation ul li{
  border-bottom: dotted 1px #fff;
  color: #fff;
  padding: 8px 15px;
  width: 450px;
}

.siteinfomation ul li a{
  color: #fff;
  font-size: 13px;
}

section .section_inner{
  width: 1080px;
  margin:0 auto;
}

.section_top_title{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  padding: 25px 0px 50px 0px;
  text-align: center;
  font-size: 40px;
  letter-spacing: .1em;
}

.section_top_title2{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  padding: 25px 60px 50px 60px;
  text-align: center;
  font-size: 35px;
  letter-spacing: .1em;
}

.all_link{
  width: 400px;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}

.all_link a{
  background-color: #eee;
  color: #000;
  padding: 15px 40px;
  border: solid 1px #999;
}

.all_link a:hover{
  background-color: #000;
  color: #fff;
}

@media screen and (max-width:768px) {
  section.slider_area{
    padding-top: 40px;
  }

  .siteinfomation{
    display: none;
  }

  

  section .section_inner{
    width: 100%;
    margin:0 auto;
    padding:0px 15px;
  }

  .section_top_title{
    line-height: 120%;
    font-weight: 700;
    padding: 25px 0px 50px 0px;
    font-size: 20px;
    letter-spacing: .1em;
  }

  .section_top_title2{
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    padding: 25px 10px 50px 10px;
    text-align: center;
    font-size: 35px;
    letter-spacing: .1em;
  }

  .cr_btns .section_top_title2{
    font-size: 25px;
  }
  .all_link{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .all_link a{
    display: block;
    padding: 15px 0px;
  }
}

/*top_section0*/

#top_section0{
  padding-top: 25px;
  padding-bottom: 25px;
}


#top_section0 .cr_btns{
  
}


#top_section0 .cr_btns div:hover{
  opacity: .8;  
}


#top_section0 .cr_btns .btn_left{
  float: left;
   width: calc(50% - 20px);
   text-align: center;
   background-color: #FAC75A;
   margin-left: 10px;
   margin-right: 10px;
   border-radius: 15px;
}


#top_section0 .cr_btns .btn_right{
  float: left;
  width: calc(50% - 20px);
  text-align: center;
  background-color: #26b9ec;
  margin-left: 10px;
   margin-right: 10px;
   border-radius: 15px;
}

#top_section0 .cr_btns .btn_all,#top_section .cr_btns .btn_all{
  float: left;
  width: calc(100% - 20px);
  text-align: center;
  background-color: #26b9ec;
  margin-left: 10px;
   margin-right: 10px;
   border-radius: 15px;
}


#top_section0 .cr_btns a,#top_section .cr_btns a{
  display: block;
  color: #fff;
  font-weight: 900;
  padding: 25px 0px;
  font-size: 20px;
}


.compe_container{

}

.compe_container .item{
  width: 25%;
  margin-bottom: 0px;
  float: left;
  background-color: #fff;
  height: 300px;
  position: relative;
}

.compe_container .item .item_inner{
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.compe_container .item .item_inner:hover{
  top: -12px;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    z-index: 9;
    box-shadow: 4px 4px 15px rgba(0,0,0,.2);
}

.compe_container .item .image_area{
  height: 200px;
}

.compe_container .item .image_area img{
  height: 200px;
  width: 100%;
  object-fit: cover;
}

.compe_container .item .text_container{
  padding: 8px 12px;
  position: relative;
  font-size: 12px;
}

.compe_container .item .text_container span{
  display: block;
  text-align: right;
  margin-top: 15px;
}

.compe_container .item .text_container span a{
  background-color: #000;
  color: #fff;
  line-height: 100%;
  padding: 4px 10px;
}

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

  .compe_container .item{
    width: 50%;
    margin-bottom: 15px;
    float: left;
    height: 250px;
  }

  .compe_container .item .item_inner{
    height: 250px;
    position: static;
  }

  .compe_container .item .image_area{
    height: 140px;
  }

  .compe_container .item .image_area img{
    height: 140px;
  }

  .compe_container .item .text_container{
    padding: 8px;
    position: relative;
    font-size: 11px;
  }

  #top_section0 .cr_btns .btn_left{
    float: none;
    display: block;
    margin-bottom: 10px;
     width: calc(100% - 20px);
     text-align: center;
     background-color: #FAC75A;
     margin-left: 10px;
     margin-right: 10px;
     border-radius: 15px;
  }


  #top_section0 .cr_btns .btn_right{
    float: none;
    display: block;
    width: calc(100% - 20px);
    text-align: center;
    background-color: #26b9ec;
    margin-left: 10px;
     margin-right: 10px;
     border-radius: 15px;
  }


  #top_section0 .cr_btns a{
    display: block;
    color: #fff;
    font-weight: 900;
    padding: 25px 0px;
    font-size: 20px;
  }

}


/*top_page*/

#top_section1{
  padding-top: 25px;
  padding-bottom: 25px;
}

.item_container{

}

.item_container .items{
  width: calc(33.333333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
  float: left;
  border: solid 1px #ccc;
  border-radius: 6px;
  box-shadow: 3px 3px 8px rgba(0,0,0,.2);
  margin-bottom: 20px;
  height: 430px;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.item_container .items:hover{
  border: solid 5px #26b9ec;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}



.item_container .items .image_area{
  height: 250px;
  position: relative;
}

.item_container .items .image_area div{
  position: absolute;
  left: -1px;
  top: 10px;
  background-color: #fff;
  color: #000;
  border-radius: 0px 4px 4px 0px;
  line-height: 100%;
  padding: 10px 15px;
}

.item_container .items .image_area img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.item_container .items .content_area{
  padding: 8px;
}

.item_container .items .content_area .{

}

.item_container .items .content_area .project_title{
  line-height: 120%;
  font-weight: 900;
  margin-bottom: 15px;
}

.item_container .items .content_area .project_title a{
  color: #000;
}

.item_container .items .content_area .project_category{
  margin-bottom: 15px;
}


.item_container .items .content_area .project_category .category{
  float: left;
  font-size: 11px;
}

.item_container .items .content_area .project_category .artist{
  float: right;
  font-size: 11px;
}


.item_container .items .content_area .pro_now{
  width: 100%;
}


.item_container .items .content_area .pro_now .graph{
  height: 23px;
  position: relative;
  background-color: #eee;
  border-radius: 10px;
  overflow: hidden;

}

.item_container .items .content_area .pro_now .graph .grahp_text{
  width: 100%;
  position: absolute;
  line-height: 23px;
  left: 0;
  top: 0;
  z-index: 9;
  font-size: 11px;
  color: #000;
  padding: 0px 10px;
}

.item_container .items .content_area .pro_now .graph .grahp_color{
  position: absolute;
  height: 23px;
  letter-spacing: 0px;
  top: 0;
  background-color: #26b9ec;

}


.item_container .items .content_foot{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.item_container .items .content_foot ul li{
  width: 33.333333%;
  float: left;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  background-color: #efefef;
  padding: 8px 0px;
}

.item_container .items .content_foot ul li span{
  display: block;
  font-size: 11px;
}


@media screen and (max-width:768px) {
  .item_container{

  }

  .item_container .items{
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    float: none;
    border: solid 1px #ccc;
    border-radius: 6px;
    box-shadow: 3px 3px 8px rgba(0,0,0,.2);
    margin-bottom: 20px;
    height: 430px;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s;
  }

  .item_container .items:hover{
    border: solid 5px #26b9ec;
    -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s;
  }



  .item_container .items .image_area{
    height: 250px;
    position: relative;
  }

  .item_container .items .image_area div{
    position: absolute;
    left: -1px;
    top: 10px;
    background-color: #fff;
    color: #000;
    border-radius: 0px 4px 4px 0px;
    line-height: 100%;
    padding: 10px 15px;
  }

  .item_container .items .image_area img{
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .item_container .items .content_area{
    padding: 8px;
  }

  .item_container .items .content_area .{

  }

  .item_container .items .content_area .project_title{
    line-height: 120%;
    font-weight: 900;
    margin-bottom: 15px;
  }

  .item_container .items .content_area .project_title a{
    color: #000;
  }

  .item_container .items .content_area .project_category{
    margin-bottom: 15px;
  }


  .item_container .items .content_area .project_category .category{
    float: left;
    font-size: 11px;
  }

  .item_container .items .content_area .project_category .artist{
    float: right;
    font-size: 11px;
  }


  .item_container .items .content_area .pro_now{
    width: 100%;
  }


  .item_container .items .content_area .pro_now .graph{
    height: 23px;
    position: relative;
    background-color: #eee;
    border-radius: 10px;
    overflow: hidden;

  }

  .item_container .items .content_area .pro_now .graph .grahp_text{
    width: 100%;
    position: absolute;
    line-height: 23px;
    left: 0;
    top: 0;
    z-index: 9;
    font-size: 11px;
    color: #000;
    padding: 0px 10px;
  }

  .item_container .items .content_area .pro_now .graph .grahp_color{
    position: absolute;
    height: 23px;
    letter-spacing: 0px;
    top: 0;
    background-color: #26b9ec;

  }


  .item_container .items .content_foot{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .item_container .items .content_foot ul li{
    width: 33.333333%;
    float: left;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    background-color: #efefef;
    padding: 8px 0px;
  }

  .item_container .items .content_foot ul li span{
    display: block;
    font-size: 11px;
  }
}


/*top_page*/

#top_section2{
  padding-top: 25px;
  padding-bottom: 25px;
}

.artist_container{

}

.artist_container .kekka{
   font-weight: 900;
   margin-bottom: 10px;
   text-align: center;
}

.artist_container .kekka button{
   background-color: #fff;
   border: solid 1px;
   border-radius: 4px;
   margin-left: 10px;
   padding: 0px 15px;
}

.artist_container .items{
  width: calc(33.3333% - 14px);
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 20px;
  float: left;
  height: 140px;
  border: solid 5px #ccc;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  transition: 1s;
}

.artist_container .items:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    background: #f9f9f9;
    
  }


.artist_container .items:hover:before{
  transform: scaleX(1);
    transform-origin: left;
    transition: .5s;
  
}


.artist_container .items:hover{
  border-color: #000;
  transition: 1s;
}





.artist_container .items .item_top{
  height: 140px;
  text-align: right;
  position: relative;
}

.artist_container .items .item_top .name{
  position: absolute;
  top: 20px;
  left: 15px;
  transition: 1s;
  font-weight: 900;
}

.artist_container .items .item_top .name{
  color: #000;
}

.artist_container .items:hover .item_top .name{
  color: #999;
  transition: 1s;
}


.artist_container .items .item_top .category{
  position: absolute;
  top: 40px;
  left: 15px;
  font-size: 10px;
  color: #999;
  transition: 1s;
}

.artist_container .items:hover .item_top .category{
  color: #000;
  transition: 1s;
  
}

.artist_container .items .item_top img{
  height: 140px;
  width: 140px;
  object-fit: cover;
}

.artist_container .items .link{
  position: absolute;
  top: 68px;
  left: 15px;
}




.artist_container .items .link div{
  background-color: #000;
  color: #fff;
  line-height: 100%;
  padding: 5px 10px;
  font-size: 11px;
  transition: 1s;
}

.artist_container .items:hover .link div{
  background-color: #26b9ec;
  transition: 1s;
}

.artist_container .items .follows{
  position: absolute;
  top: 100px;
  left: 15px;
  font-size: 12px;
  font-weight: 900;
  color: #666;
}



.arthst_search .srarch_form .input[type=checkbox] {
  display: none; /* チェックボックスを非表示にする */
}

.arthst_search .acd-label {
    background: #fff;
    border: solid 1px #999;
    transition: 0.5s;
    margin-bottom: 35px;
    
}

.arthst_search .acd-check:checked + .acd-label{
  background: #eee;
  color: #000;
    border: solid 1px #000;
    transition: 0.5s;
}

.arthst_search .acd-content{
  overflow: hidden;
  transition: 0.5s;
  border: none;
  margin-bottom: 15px;
  opacity: 0 !important;
}

.arthst_search .acd-check:checked + .acd-label + .acd-content{
    height: auto;
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
    transition: 1s;
    padding: 20px;
    opacity: 1 !important;
}

.arthst_search .srarch_form{

}

.arthst_search .srarch_form .fm_group_50{
  width: 50%;
  float: left;
  padding: 10px 20px;
  margin-bottom: 15px;
}

.arthst_search .srarch_form .fm_group_100{
  width: 100%;
  float: none;
  padding: 10px 20px;
  text-align: center;
  margin-bottom: 15px;
}

.arthst_search .srarch_form .lv_title{
  font-weight: 900;
  font-size: 12px;
  margin-bottom: 8px;
  width: 100%;
  text-align: left;
}

.arthst_search .srarch_form .fm_group_100 .cate_in{
  width: calc(16.6% - 10px);
  float: left;
  margin: 5px;
  margin-top: 0px;
}

.arthst_search .srarch_form .fm_group_50 .cate_in{
  width: calc(33.333333% - 10px);
  float: left;
  margin: 5px;
  margin-top: 0px;
}

.arthst_search .srarch_form .label {
  display: block;
  text-align: center;
  padding: 8px 15px;
  cursor: pointer;
  color: #999;
  box-sizing: border-box;
  background-color: #eee;
  border: 2px solid #ccc;
  border-radius: 5px;
  }

.arthst_search input[type="checkbox"]{
  display: none;
}

.arthst_search input[type="checkbox"]:checked + label {
  background: #000;
  color: #ffff;
  }

.arthst_search .srarch_form input[type="text"],.arthst_search .srarch_form select{
  width: 100%;
  display: block;
  border: solid 1px;
  border-radius: 4px;
  padding: 12px;
}

.arthst_search .srarch_form .fm_group_100 button{
  width: 80%;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #26b9ec;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 15px 0px;
  cursor: pointer;
}

.arthst_search .srarch_form .fm_group_100 button:hover{
  opacity: .7;
}

.as.pagenation{
  margin-bottom: 50px;
  margin-top: 30px;
}

.as.pagenation .pn_ul{

}

.as.pagenation .pn_ul li{
 float: left;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 margin-right: 4px;
}

.as.pagenation .pn_ul .not_links{
 background-color: #000;
 color: #fff;
 border: solid 2px #000;
}

.as.pagenation .pn_ul .links{
 float: left;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background-color: #ccc;
 color: #000;
 transition: 1s;
 border: solid 2px #ccc;

}

.as.pagenation .pn_ul .links a{
  display: block;
  color: #000;
}

.as.pagenation .pn_ul .links:hover{
  background-color: #26b9ec;
   border: solid 2px #000;
  transition: 1s;
}

.as.pagenation .pn_ul .links:hover a{
  display: block;
  color: #000;
  color: #fff;
}


.arthst_search.search_after{
  padding: 45px;
  margin-top: 25px;
  border: solid 2px #eee;
}


.arthst_search.search_after .search_after_title{
  font-weight: 900;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
}

.arthst_search.search_after .acd-content{
  height: auto !important;
  opacity: 1 !important;
  visibility: inherit;
}

.arthst_search.search_after .srarch_form .fm_group_100 button{
    background-color: #26b9ec;
    box-shadow: 2px 2px 0px #eee;
    padding: 10px 0px;
    border: none;
    color: #fff;
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

.arthst_search.search_after .srarch_form .fm_group_100 button.rs{
    background-color: #eee;
    color: #000;
    text-align: center;
    border: solid 1px #999;
    padding: 8px 0px;
    

}

@media screen and (max-width:768px) {
  /*top_page*/

  #top_section2{
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .artist_container{

  }

  .artist_container .kekka button{
     background-color: #fff;
     border: solid 1px;
     border-radius: 4px;
     margin-left: 0px;
     margin-top: 10px;
     padding: 5px 15px;
  }

  .artist_container .items{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: none;
    height: 140px;
    border: none;
    border-bottom: dotted 1px #999;
    padding: 10px;
    position: relative;

  }


  .artist_container .items:after{
    font-family: FontAwesome;
    content :'\f0da';
    position: absolute;
    right: 0;
    top: 10px;
    text-align: center;
    line-height: 120px;
    font-size: 20px;
    color: #ccc;
    font-weight: 900;
    width: 40px;
    background-color: #f9f9f9;
    z-index: 2;

  }


  .artist_container .items .item_top{
    height: 140px;
    text-align: left;
    padding-left: 120px;
    position: relative;
    padding-top: 10px;
  }

  .artist_container .items .item_top .name{
    position: static;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    left: 0px;
  }


  .artist_container .items .item_top .category{
    position: static;
    font-size: 9px;
    color: #999;
    margin-bottom: 15px;
  }

  .artist_container .items .item_top img{
    height: 100px;
    width: 100px;
    object-fit: cover;
    margin-top: 0px;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 15px;
  }

  .artist_container .items .link{
    position: static;
    bottom: 20px;
    left: 0px;
    display: flex;
  }

  .artist_container .items .link div{
    width: auto;
    padding: 10px 15px;
  }

  
  .arthst_search .acd-label {
      min-height: auto;
      
  }

  .arthst_search .acd-check:checked + .acd-label{
    background: #eee;
    color: #000;
      border: solid 1px #000;
      transition: 0.5s;
  }

  .arthst_search .acd-content{
    overflow: hidden;
    transition: 0.5s;
    border: none;
    margin-bottom: 15px;
    opacity: 0 !important;
  }

  .arthst_search .acd-check:checked + .acd-label + .acd-content{
      padding: 0px;
      border-bottom: dotted 1px;
  }

  .arthst_search .srarch_form{

  }

  .arthst_search .srarch_form .fm_group_50{
    width: 100%;
    float: none;
    padding: 10px 0px;
    margin-bottom: 10px;
  }

  .arthst_search .srarch_form .fm_group_100{
    width: 100%;
    float: none;
    padding: 10px 0px;
    margin-bottom: 10px;
  }


  .arthst_search .srarch_form .fm_group_100 .cate_in{
    width: calc(50% - 10px);
    float: left;
    margin: 5px;
    margin-top: 0px;
  }


  .arthst_search .srarch_form .fm_group_100 button{
    width: 100%;
    margin: 0 auto;
    margin-top:10px;
    font-size: 12px;
  }

  .arthst_search .srarch_form .fm_group_100 button:hover{
    opacity: .7;
  }

  .arthst_search.search_after{
    padding: 25px 10px;
  }


  .arthst_search.search_after .search_after_title{
    text-align: center;
  }

  .arthst_search.search_after .acd-content{
    height: auto !important;
    opacity: 1 !important;
    visibility: inherit;
  }

  .arthst_search.search_after .srarch_form .fm_group_100 button{
      background-color: #26b9ec;
      box-shadow: 2px 2px 0px #eee;
      padding: 10px 0px;
      border: none;
      color: #fff;
      width: calc(50% - 20px);
      margin-left: 10px;
      margin-right: 10px;
      float: left;
  }

  .arthst_search.search_after .srarch_form .fm_group_100 button.rs{
      background-color: #eee;
      color: #000;
      text-align: center;
      border: solid 1px #999;
      padding: 8px 0px;
      

  }

}




/*top_section3*/

#top_section3{
  padding-top: 25px;
  padding-bottom: 25px;
}

.columns_container{

}

.columns_container .items{
  width: calc(50% - 12px);
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 15px;
  height: 160px;
  float: left;
  overflow: hidden;
  position: relative;
  padding-left: 270px;
  padding-right: 20px;
}

.columns_container .items .image_area{
  width: 250px;
  height: 160px;
  position: absolute;
  left: 0;
  top: 0;
}

.columns_container .items .image_area{
  width: 250px;
  height: 160px;
  object-fit: cover;
}



.columns_container .items .text_area{
 
}


.columns_container .items .text_area h3{
  line-height: 130%;
}

.columns_container .items .text_area h3 a{
  color: #000;
  font-size: 13px;
}

.columns_container .items .text_area h3 a span{
  display: block;
  font-weight: 300;
  color: #666;
  text-align: right;
}

.columns_container .items .text_area .category{
 text-align: right;
}

.columns_container .items .text_area .post_date{
 text-align: right;
}

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

  .columns_container .items{
    width: calc(100% - 12px);
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 15px;
    height: auto;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
  }

  .columns_container .items .image_area{
    width: 100%;
    height: 150px;
    position: static;
    overflow: hidden;
  }

  .columns_container .items .image_area img{
    width: 100%;
    height: 150px;
    object-fit: cover;
  }

  .columns_container .items .image_area{
    width: 100%;
    height: 150px;
    object-fit: cover;
  }





  .columns_container .items .text_area h3{
    line-height: 130%;
  }

  .columns_container .items .text_area h3 a{
    color: #000;
    font-size: 13px;
  }

  .columns_container .items .text_area h3 a span{
    display: block;
    font-weight: 300;
    color: #666;
    text-align: right;
  }

  .columns_container .items .text_area .category{
   text-align: right;
  }

  .columns_container .items .text_area .post_date{
   text-align: right;
  }

}


/*top_footer*/
.top_footer{
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: 50px;
  z-index: 3;
  background-color: #fff;
}

.top_footer .footer_area{
  padding-top: 70px;
  border-top: solid 1px #999;
}

.top_footer .footer_area .footer_left{
  float: left;
  width: 30%;
  padding-left: 40px;
}

.top_footer .footer_area .footer_left img{
  display: block;
  margin-bottom: 30px;
}

.top_footer .footer_area .footer_left a{
  color: #ccc;
  font-size: 25px;
  margin-right: 20px;
}

.top_footer .footer_area .footer_right{
  float: right;
  width: 70%;
  text-align: right;
  padding-right: 40px;
}

.top_footer .footer_area .footer_right a{
  color: #000;
}

@media screen and (max-width:768px) {
  .top_footer{
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 50px;
    z-index: 3;
    background-color: #fff;
  }

  .top_footer .footer_area{
    padding-top: 70px;
    border-top: solid 1px #999;
  }

  .top_footer .footer_area .footer_left{
    float: none;
    width: 100%;
    text-align: center;
    padding-left: 0px;
  }

  .top_footer .footer_area .footer_left span{
    display: block;
  }

  .top_footer .footer_area .footer_left img{
    display: inline-block;
    margin-bottom: 10px;
    width: 120px;
  }

  .top_footer .footer_area .footer_left a{
    color: #ccc;
    font-size: 25px;
    margin-right: 20px;
  }

  .top_footer .footer_area .footer_right{
    float: none;
    width: 100%;
    text-align: center;
    padding-right: 0px;
    padding-top: 35px;
  }

  .top_footer .footer_area .footer_right a{
    color: #000;
    margin-bottom: 5px;
  }

}

/*login*/

.main_content .loginarea{
  background-color: #fff;
  width: 500px;
  position: absolute;
  margin-top: 200px;
  left: 50%;
  margin-left: -250px;
  padding: 35px;
  border-radius: 10px;
  box-shadow: 6px 6px 10px rgba(0,0,0,.3);
  border: solid 10px #ccc;

}

.main_content .loginarea p{
  color: #ff0000;
  margin-bottom: 5px;
  margin-top: 5px;
}

.main_content .loginarea p.info{
  color: #000;
  margin-bottom: 10px;

  padding: 0;
}



.main_content .loginarea {

}


.main_content .loginarea .form_group{
  display: block;
  margin-bottom: 10px;
}

.main_content .loginarea .form_group label{
 font-weight: 700;
 color: #000;
 font-size: 12px;
 display: block;
 margin-bottom: 5px;
}

.main_content .loginarea .form_group input{
  width: 100%;
  border: solid 1px #999;
  border-radius: 4px;
  padding: 8px;
}

.main_content .loginarea .form_group input::placeholder{
  color: #ccc;
}

.main_content .loginarea .form_group input:focus{
  border: solid 1px #26b9ec;
  background-color: #eee;
}

.main_content .loginarea.singnup button{
  width: 100%;
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #26b9ec;
  box-shadow: 2px 2px 0px #eee;
  padding: 10px 0px;
  border: none;
  color: #fff;
}

.main_content .loginarea.singnup button:disabled{
  background: #ccc !important;
}

.main_content .loginarea.login input[type="submit"]{
  display: block;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #FAC75A;
  box-shadow: 2px 2px 0px #eee;
  padding: 10px 0px;
  border: none;
  color: #fff;
}

.main_content .loginarea.login input[type="submit"]:disabled{
  background: #ccc !important;
}

.main_content .loginarea .change{
  margin-top: 15px;
}

.main_content .loginarea .change a{
  display: block;
  background-color: #eee;
  color: #000;
  text-align: center;
  border: solid 1px #999;
  padding: 8px 0px;
}

.main_content .loginarea label span{
  margin-left: 8px;
  color: #ff0000;
  font-weight: 300;
}

.main_content .loginarea.error{
  border-color: #ff0000;
}

@media screen and (max-width:768px) {
  .main_content .loginarea{
    background-color: #fff;
    width: 350px;
    position: absolute;
    margin-top: 100px;
    left: 50%;
    margin-left: -175px;
    padding: 35px;
    border-radius: 10px;
    box-shadow: 6px 6px 10px rgba(0,0,0,.3);
    border: solid 10px #ccc;

  }
 
}


.page_content{
  padding-top: 110px !important;
}

.page_content .text_infomation{
  width: 880px;
  margin: 0 auto;
}

.page_content .text_infomation p.text{
  font-weight: 900;
  margin-bottom: 35px;
}

.page_content .text_infomation .text_box{
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: dotted 1px #999;
}

.page_content .text_infomation .text_box label{
  font-weight: 900;
  color: #000;
  display: block;
  padding-bottom: 10px;
}

.page_content .text_infomation .text_box ul{
  padding-left: 15px;
  margin-bottom: 10px;
  display: block;
}

.page_content .text_infomation .text_box ul li{
  margin-bottom: 8px;
}

.page_content .text_infomation .text_box ul.ul2{
  padding-left: 25px;
  font-size: 90%;
}

.page_content .text_infomation table{
  width: 100%;
}

.page_content .text_infomation table th{
  width: 25%;
  text-align: center;
  padding: 25px;
  border-bottom: solid 2px #000;
}

.page_content .text_infomation table td{
  width: 75%;
  text-align: left;
  padding: 25px;
  border-bottom: dotted 1px #000;
}

.page_content .text_infomation table td .map{
  margin-top: 35px;
}


@media screen and (max-width:768px) {
  .page_content{
    padding-top: 110px !important;
  }

  .page_content .text_infomation{
    width: 100%;
    margin: 0 auto;
  }
 

  .page_content .text_infomation table{
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
  }

  .page_content .text_infomation table tbody{
    overflow: hidden;
    box-sizing: border-box;
  }

  .page_content .text_infomation table th{
    width: 100%;
    text-align: left;
    padding: 15px;
    border-bottom: solid 2px #000;
    display: block;
  }

  .page_content .text_infomation table td{
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: left;
    padding: 25px;
    border-bottom: dotted 1px #000;
  }

  .page_content .text_infomation table td .map{
    margin-top: 35px;
    width: 100%;

  }

  .page_content .text_infomation table td .map iframe{
    width: 100% !important;
  
  }
}


.section_inner.port{
  width: 100%;
}


.page_content .user_portfolio{
  margin-top: 35px;
}


.page_content .user_portfolio .photo_content{
  width: 25%;
  float: left;
  height: 330px;
  position: relative;
}


.page_content .user_portfolio .photo_content .photo_content_in{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 330px;
   -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.page_content .user_portfolio .photo_content .photo_content_in:hover{
  top: -12px;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    z-index: 9;
    box-shadow: 4px 4px 15px rgba(0,0,0,.2);
}


.page_content .user_portfolio .photo_content img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.page_content .user_portfolio .photo_content .caption{
  position: relative;
  padding-left: 96px;
  line-height: 80px;
}

.page_content .user_portfolio .photo_content .caption .cp_now{
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 11px;
  line-height: 100%;
}

.page_content .user_portfolio .photo_content .caption img{
  position: absolute;
  left: 15px;
  top: 5px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.page_content .user_portfolio .photo_content .caption a{
  background-color: #000;
  line-height: 100%;
  margin-right: 15px;
  padding: 6px 20px;
  color: #fff;
  position: absolute;
  right: 0px;
  bottom: 20px;
}



/*fancybox*/

.usmodal {
  position:absolute;
  width:100%;
  height:100vh;
  max-height:100vh;
  overflow: hidden;
  top:0;
  z-index: 999999;
  left:0;
  display:none;
}
.usoverLay {
  position:fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,.8);

  width:100%;
  height:100vh;
  overflow-y: hidden;
  z-index:10;
}
.usmodal .modalinner {
  position:fixed;
  width: 1280px;
  height: 96vh;
  overflow-y: auto;
  z-index:11;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  padding:20px 70px;
  border-radius: 6px;
}


.usmodal .modalinner::-webkit-scrollbar {
    width: 4px;
    position: fixed;
    right: 0;
  }

.usmodal .modalinner::-webkit-scrollbar-track{
    border-radius: 10px;
    border: solid 1px #ccc;
    transition: 0.3s;
    background-color: #eee;
  }

.usmodal .modalinner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#000;
  }



.usmodalClose{
  position: fixed;
  top:5px;
  left: 5px;
  background-color: #000;
  color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.usmodalClose span{
  color: #fff;
  font-size: 35px;
}



.usmodal .modalinner .item_title{
  border-top: solid 4px;
  border-bottom: solid 4px;
  padding: 25px 25px;
  margin-top: 0px;
  margin-bottom: 25px;
  font-size: 17px;
  font-weight: 900;

}

.usmodal .modalinner .iinecounter{
  text-align: right;
  margin-bottom: 25px;

}


.usmodal .modalinner button{
  transition: 0.5s;
  border: solid 1px #000;
  border-radius: 6px;
  padding: 6px 15px;
  cursor: pointer;

}

.usmodal .modalinner button.nashi{
  background-color: #000;
  color: #fff;
  
}

.usmodal .modalinner button.ari{
  background-color: #eee;
  color: #000;
}


.usmodal .modalinner .item_main{
  text-align: center;
  padding: 0px 25px 0px 0px;
  width: 60%;
  float: left;
  box-sizing: border-box;
}

.usmodal .modalinner .item_main img{
  max-width: 100%;
  max-height: 90vh;
}


.usmodal .modalinner .item_text{
  padding: 25px;
  margin-bottom: 25px;
}

.usmodal .modalinner .item_title_area{
  width: 40%;
  float: left;
  box-sizing: border-box;

}


.as.pagenation{
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
}

.as.pagenation .pn_ul.galle{
  width: 880px;
  margin: 0 auto;
}

.as.pagenation .pn_ul li{
 float: left;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 margin-right: 4px;
}

.as.pagenation .pn_ul .not_links{
 background-color: #000;
 color: #fff;
 border: solid 2px #000;
}

.as.pagenation .pn_ul .links{
 float: left;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background-color: #ccc;
 color: #000;
 transition: 1s;
 border: solid 2px #ccc;

}

.as.pagenation .pn_ul .links a{
  display: block;
  color: #000;
}

.as.pagenation .pn_ul .links:hover{
  background-color: #26b9ec;
   border: solid 2px #000;
  transition: 1s;
}

.as.pagenation .pn_ul .links:hover a{
  display: block;
  color: #000;
  color: #fff;
}


@keyframes modal{
  0% {top:-100%}
  100% {top:50%}
}
@keyframes modalClose {
  0% {top:50%}
  100% {top:100%}
}

@media screen and (max-width:768px) {
  /*fancybox*/

  .usmodal .modalinner {
    position:fixed;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    z-index:11;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    padding:0px;

  }

  .usmodalClose{
    position: fixed;
    top:5px;
    left: 5px;
    background-color: #000;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
  }

  .

  .usmodal .modalinner .item_title{
    border-top: solid 4px;
    border-bottom: solid 4px;
    padding: 25px 25px;
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 17px;
    font-weight: 900;

  }

  .usmodal .modalinner .iinecounter{
    text-align: right;
    margin-bottom: 25px;
    position: fixed;
    top: 10px;
    right: 5px;

  }

  .usmodal .modalinner .iinecounter button{
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0px 15px;
  }



  .usmodal .modalinner .item_main{
    text-align: center;
    padding: 0px;
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding-top: 70px;
  }

  .usmodal .modalinner .item_main img{
    max-width: 100%;
    max-height: 90vh;
  }


  .usmodal .modalinner .item_text{
    padding: 0px;
    padding: 10px;
    margin-bottom: 35px;
  }

  .usmodal .modalinner .item_title_area{
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: 15px;

  }

}


.page_content .user_profile_left{
  position: relative;
  width: 880px;
  margin: 0 auto;
  min-height: 400px;
  padding: 20px;
  padding-left: 290px;
  padding-bottom: 60px;
}

.page_content .user_profile_left .user_left{
  position: absolute;
  width: 250px;
  height: 250px;
  left: 0;
}

.page_content .user_profile_left .user_left img{
  width: 250px;
  height: 250px;
  object-fit: cover;
}


.page_content .user_profile_left .user_left .follow_area{
  position: absolute;
  top: 270px;
}

.page_content .user_profile_left .user_left .follow_area .fun{
  margin-bottom: 15px;
}

.page_content .user_profile_left .user_left .follow_area .follower{
  font-weight: 900;
}


.page_content .user_profile_left .user_left .follow_area .follower{
  font-weight: 900;
}

.page_content .user_profile_left .user_left .follow_area #follow_button{
  border: solid 2px #000 !important;
  display: block;
  width: 250px;
  text-align: center;
  background-color: #000;
  color: #fff;
  padding: 6px 0px;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.5s;
}

.page_content .user_profile_left .user_left .follow_area #follow_button.un_follow{
  background-color: #eee;
  color: #000;
}

.page_content .user_profile_left .user_left .follow_area #follow_button::before,.page_content .user_profile_left .user_left .follow_area #follow_button::after{
  display: none;
}


@media screen and (max-width:768px) {
  .page_content .user_profile_left .user_left .follow_area{
    position: static;
    top: auto;
    width: 100%;
  }

  .page_content .user_profile_left .user_left .follow_area .fun{
    margin-top: 15px;
  }

  .page_content .user_profile_left .user_left .follow_area .follower{
    font-weight: 900;
  }


  .page_content .user_profile_left .user_left .follow_area .follow{
    margin-bottom: 35px;
  }

  .page_content .user_profile_left .user_left .follow_area #follow_button{
    border: solid 2px #000 !important;
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 12px 0px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.5s;
    margin-bottom: 15px;
  }

  .page_content .user_profile_left .user_left .follow_area #follow_button.un_follow{
  }

  .page_content .user_profile_left .user_left .follow_area #follow_button::before,.page_content .user_profile_left .user_left .follow_area #follow_button::after{
    display: none;
  }

}


.page_content .user_profile_left .user_right{
  padding: 0px 0px 15px 0px;
}

.page_content .user_profile_left .user_right .m-top-xs{
  line-height: 180%;
}

.page_content .user_profile_left ul.user_data{
  background-color: #f9f9f9;
  padding: 15px;
  padding-bottom: 50px;
}

.page_content .user_profile_left ul li{
  padding-top: 10px;
  color: #000;
  word-wrap : break-word;
  overflow-wrap : break-word;
}

.page_content .user_profile_left ul li.name{
  font-weight: 900;
  font-size: 15px;
}

.page_content .user_crowd{
  width: 100%;
  background-color: #f9f9f9;
  margin: 0 auto;
  margin-bottom: 45px;
  padding-top: 35px;
  padding-bottom: 35px;
}

.page_content .user_crowd .user_crowd_in{
  width: 880px;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 45px;
}

.page_content .user_crowd .user_crowd_title{
 font-weight: 900;
 margin-bottom: 20px; 
}

.page_content .user_crowd ul{
  
}

.page_content .user_crowd li{
  position: relative;
  
  border-bottom: dotted 1px #000;
  padding: 10px;
  padding-left: 100px;
  color: #666;
}


.user_right .grad-wrap{
  margin-top: 20px;
  position: relative;

  border: solid 1px #eee;

}

.user_right .grad-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    text-align: center;
    background-color: #fff;
    color: #000;
    padding: 5px 25px;
    font-size: 12px;
    width: 100%;
    border: solid 1px #999;
    box-sizing: border-box;
    opacity: 1;

  }
.user_right .grad-btn::before {
    content: "▼ 続きを読む"
  }
.user_right .grad-item {
    position: relative;
    overflow: hidden;
    max-height: 250px;
    min-height: 70px;
    padding-right: 20px;
    transition: 0.3s;
    font-size: 12px;
    background-color: #fff;
    padding: 10px 20px;

  }
.user_right .grad-trigger {
    display: none;
  }

.user_right .grad-trigger:checked ~ .grad-btn{
  bottom: -40px;
}

.user_right .grad-trigger:checked ~ .grad-btn::before {
    content: "× 閉じる";
  }
.user_right .grad-trigger:checked ~ .grad-item {
    height: auto;
    max-height: 500px;
    overflow-y: scroll;
    transition: 0.3s;
    padding-bottom: 35px;

  }

.user_right .grad-trigger:checked ~ .grad-item::-webkit-scrollbar {
    width: 4px;
  }

.user_right .grad-trigger:checked ~ .grad-item::-webkit-scrollbar-track{
    border-radius: 10px;
    border: solid 1px #ccc;
    transition: 0.3s;
  }

.user_right .grad-trigger:checked ~ .grad-item::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#000;
  }

.user_right .grad-trigger:checked ~ .grad-item::before {
    display: none; 
  }






@media screen and (max-width:768px) {
  .page_content .user_crowd{
    width: 100%;
    background-color: #f9f9f9;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 45px;
    padding: 25px;
  }

  .page_content .user_crowd .user_crowd_in{
    width: 100%;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 45px;
  }

  .page_content .user_crowd .user_crowd_title{
   font-weight: 900;
   margin-bottom: 20px; 
  }

  .page_content .user_crowd ul{
    
  }

  .page_content .user_crowd li{
    position: relative;
    
    border-bottom: dotted 1px #000;
    padding: 10px;
    padding-left: 100px;
    color: #666;
  }
}

.page_content .user_crowd li span{
  position: absolute;
  left: 0;
  color: #fff;
  line-height: 100%;
  padding: 5px 10px;
  border-radius: 6px;
}

.page_content .user_crowd li span.status0{
  background-color: #FAC75A;
}

.page_content .user_crowd li span.status1{
  background-color: #26b9ec;
}

.page_content .user_crowd li span.status3{
  background-color: #666;
}

.page_content .user_crowd li a{
  text-decoration: underline;
  color: #000;
  font-weight: 900;
}


.page_content .user_profile_right{
  min-height: auto;
  width: 880px;
  margin: 0 auto;
}

.user_profile_right .not{
  text-align: center;
  padding-top: 35px;
}

.page_content .user_profile_right .photo_content{
  width: 25%;
  float: left;
  position: relative;
}



.page_content .user_profile_right .photo_content .photo_content_in{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.page_content .user_profile_right .photo_content .photo_content_in:hover{
  top: -8px;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    z-index: 9;
    box-shadow: 4px 4px 15px rgba(0,0,0,.2);
}

.page_content .user_profile_right .photo_content .photo_content_in img{
  width: 100%;
  object-fit: cover;
}

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


  .page_content .user_portfolio .photo_content{
    width: 50%;
    float: left;
    height: 250px;
    position: relative;
  }


  .page_content .user_portfolio .photo_content .photo_content_in{
    position: static;
    width: 100%;
    height: 250px;
  }


  .page_content .user_portfolio .photo_content img{
    width: 100%;
    height: 150px;
    object-fit: cover;
  }

  .page_content .user_portfolio .photo_content .caption{
    position: relative;
    padding-left: 70px;
    line-height: 100%;
    padding: 6px 6px 6px 70px;
    height: 100px;
  }

  .page_content .user_portfolio .photo_content .caption img{
    position: absolute;
    left: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .page_content .user_portfolio .photo_content .caption a{
    background-color: #000;
    line-height: 100%;
    margin-right: 15px;
    padding: 6px 20px;
    color: #fff;
    position: absolute;
    right: 0px;
    bottom: 30px;
  }



  .page_content .user_profile_left{
    position: static;
    width: 100%;
    height:auto;
    left: 0;
    top: 0;
    padding: 15px;
    text-align: center;
    margin-top: -50px;
  }

  .page_content .user_profile_left .user_left{
    position: static;
    width: 100%;
    height: auto;
    left: 0;
    margin-top: 30px;
  }


  .page_content .user_profile_left .user_right{

  }

  .page_content .user_profile_left .user_right .m-top-xs{
    line-height: 140%;
    margin-bottom: 15px;
    margin-top: 0px;
  }

   .page_content .user_profile_left .user_right .m-top-xs.textleft{
    text-align: left;
  }

  


  .page_content .user_profile_left ul li{
    padding-bottom: 20px;
    color: #000;
  }

  .page_content .user_profile_right{
    padding-left: 0px;
    width: 100%
  }

  .page_content .user_profile_right .photo_content{
    width:calc(50% - 2px);
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    height: 200px;
    float: left;
    position: relative;
  }

  .page_content .user_profile_right .photo_content .photo_content_in{
    position: static;
    height: 200px;
    width: 100%;
  }


  .page_content .user_profile_right .photo_content .photo_content_in img{
    height: 200px;
    width: 100%;
    object-fit: cover;
  }

  .fancybox-toolbar {
      right: 0;
      top: 50px !important;
  }
}



/*QA*/
.page_content .qa_content{

}



.page_content .qa_content .qa{
  border-bottom: dotted 1px #666;
  padding-top: 20px;
  padding-bottom: 35px;
}

.page_content .qa_content .qa .title{
  font-size: 16px;
  font-weight: 900;
}

.page_content .qa_content .qa .answer{
  font-size: 12px;
}

.page_content .qa_content .qa .answer p{
  margin-bottom: 15px;
}



/*cloudfunding*/

.cloud .main_content{

}

.cloud .main_content{
  background-image: url(./../img/cloud.jpg);
}



.cloud .message h1{
  font-size: 40px;

}

.cloud section{
  padding: 40px 0px 15px 0px;
}

.cloud section h2.section_title{
  font-size: 25px !important;
  text-align: left;
  margin-bottom: 25px;
}


.cloud section p{
  font-size: 14px;
  font-weight: 300;
}

.cloud section .bold{
  font-weight: 900;
  color: #000;
  font-size: 16px;
}

.main_content .message .wtpaper{
  border: solid 3px #fff;
  border-radius: 5px;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    margin-top: 25px;
    width: 80%;
    margin: 0 auto;


}

.cloud .wtpaper:hover a{
  color: #000;
}

.cloud .wtpaper:hover{
  background-color: rgba(255,255,255,.8);
  width: 100%;
}

.cloud .wtpaper a{
  color: #fff;
  font-size: 18px;
  padding: 20px 0px;
  letter-spacing: .2em;
  font-weight: 600;
  display: block;
  border: solid 6px #fff;
    border-radius: 4px;
    text-align: center;
    background-color: rgba(0,0,0,.2);
}


#cr_section_single{
  width: 100%;
  padding-top: 10px !important;
}

.section_inner{
  position: relative;
}

.cr_top{
  width: 100%;
  margin: 0 auto;
  min-height: 600px;
  padding-top: 50px;
  text-align: center;
  margin-bottom: 65px;
  padding-left: 550px;

}

.cr_top .image_content{
  position: absolute;
  left: 0;
  top: 60px;
  width: 530px;
  text-align: center;
  overflow: hidden;
  padding-right: 25px;
}

.cr_top .image_content img{
  width: auto;
  max-height: 400px;
  object-fit: cover;
}


.cr_top .cr_top_sub{
  background-color: #eee;
  padding: 60px 30px;
  border-radius: 5px;
}

.cr_top .cr_title{
  color: #000;
  font-size: 21px;
  padding: 25px 35px;
  font-weight: 900;
  text-align: left;
  border-bottom: solid 6px #000;
  border-top: solid 6px #000;

}

.cr_top .cr_title span{
  display: block;
  font-size: 15px;
  text-align: right;
  font-weight: 300;
}


.cr_top .top_info_title{
  color: #000;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 25px;
  border-bottom: dotted 1px #666;
  padding-bottom: 20px;
}

.cr_top .top_info_title span{
  font-size: 50px;
}

.cr_top .top_info_title .gennzai_1,.cr_top .top_info_title .gennzai_2{
  font-size: 18px;
  display: block;
}

.cr_top .topinfo_second{
  color: #fff;
  font-size: 35px;
  font-weight: 900;
  margin-bottom: 25px;
}

.cr_top .complete{
  width: 80%;
  margin: 0 auto;
  color: #000;
  background-color: #FAC75A;
  margin-bottom: 25px;
  font-size: 14px;
  border-radius: 4px;
  padding: 10px 0px;
}

.cr_top .top_info_bar{
  display: block;
  width: 80%;
  height: 80px;
  margin: 0 auto;
  border-radius: 35px;
  border: solid 10px #fff;
  box-shadow: 2px 2px 10px rgba(0,0,0,.9);
  background-color: rgba(0,0,0,.3);
  overflow: hidden;
  margin-bottom: 25px;
  position: relative;
}

.cr_top .top_info_bar .bar_in{
  background-color: #26b9ec;
  height: 100%;
}

.bar_price{
  position: absolute;
  top: 0px;
  line-height: 60px;
  z-index: 2;
  color: #fff;
  font-size: 20px;
  width: 100%;
  text-align: center;

}

.cr_top .top_info_title2{
  color: #fff;
  display: inline-block;
  font-size: 13px;
  background-color: #000;
  padding: 8px 35px;
  border-radius: 6px;
  margin-bottom: 25px;
}

.cr_top .cr_top_sub .type div{
  padding: 15px 10px;
  border-radius: 15px;
  box-shadow: 3px 3px 0px rgba(0,0,0,.2);
  background-color: #26b9ec;
}

.cr_top .cr_top_sub .type div.mail_none{
  color: #fff;
  background-color: #666;
}

p.af_inf{
  font-size: 11px !important;
}

.cr_top .cr_top_sub .type a:hover{
  opacity: .8;
}

.cr_top .cr_top_sub .type a{
  display: block;
  background-color: #26b9ec;
}

.cr_top .cr_top_sub .type a{
  color: #fff;
}

.type_anuns{
  border: solid 10px #FAC75A;
  margin-top: 25px;
  padding: 25px;
  font-size: 15px;

}

.type_anuns .anuns_title{
  font-weight: 900;
  font-size: 20px;
}

.type_anuns p{
  font-weight: 900 !important;
}


#cr_section_single .main_text{
  padding: 120px 65px;
  color: #000;
  font-weight: 900;
  font-size: 18px;
}

.cr_main_single{
  margin-bottom: 65px;
}

.cr_main_single .left{
  width: 700px;
  float: left;
  font-size: 15px;
    padding-left: 10px;
  padding-right: 20px;
  line-height: 180%;
}

.cr_main_single .left img{
  width: 100%;
}

.cr_main_single .left .infomation{
  margin-bottom: 50px;
}

.cr_main_single .left .main_text{
  margin-bottom: 50px;
  border-top: solid 5px #000;
  border-bottom: solid 5px #000;
}



.cr_main_single .left .message1{
  margin-bottom: 50px;
}

.cr_main_single .left .message2{
  margin-bottom: 50px;
}

.cr_main_single .left .message3{
  margin-bottom: 50px;
}

.cr_main_single .left .message_image{
  margin-bottom: 35px;
}


.cr_main_single .left .message_title{
  margin-bottom: 35px;
  font-weight: 900;
  font-size: 15px;
  color: #000;
}


.cr_main_single .left .message_text{
  margin-bottom: 35px;
  padding-left: 10px;
  padding-right: 10px;
}



.cr_main_single .right{
  width: 380px;
  float: left;
  padding-left: 20px;
}

.cr_main_single .return{
  width: 100%;
  margin-bottom: 15px;
  border: solid 2px #ddd;
  padding-bottom: 20px;
}


.cr_main_single .return .return_head{
  background-color: #000;
  font-size: 16px;
  padding: 8px;
  color: #fff;
}

.cr_main_single .return img{
  width: 100%;
}

.cr_main_single .return .image_area{
  width: 100%;
}

.cr_main_single .return .return_in{
 padding: 10px 20px 10px 20px;
}

.cr_main_single .return .r_title{
  font-weight: 900;
  color: #000;
  margin-bottom: 10px;
}



.cr_main_single .return .return_test{
  width: 100%;
  margin-bottom: 20px;
  font-size: 13px;
}


.cr_main_single .return .entry_sub .left{
  width: 100%;
}

.cr_main_single .return .entry_sub{
  margin-bottom: 10px;
}


.cr_main_single .return .pricing{
  width: 50%;
  text-align: left;
  float: left;
  font-size: 12px;
  color: #000;
  font-weight: 900;
  color: #ff0000;
}

.cr_main_single .return .now{
  width: 50%;
  float: left;
  text-align: right;
  font-size: 12px;
  color: #000;
  font-weight: 900;
}


.cr_main_single .return .buy_bottom,.cr_main_single .return .buy_now{
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.cr_main_single .return .return_buy{
  width: 100%;
  display: block;
}

.cr_main_single .return .return_buy a{
  color: #fff;
  background-color: #26b9ec;
  border-radius: 5px;
  display: block;
  text-align: center;
  font-size: 16px;
  padding: 10px 0px;
  box-shadow: 3px 3px 0px #eee;
  margin-bottom: 15px;
}

.cr_main_single .return .return_buy.end a{
  color: #fff;
  background-color: #ccc;
  border-radius: 5px;
  display: block;
  text-align: center;
  font-size: 16px;
  padding: 10px 0px;
  box-shadow: 3px 3px 0px #eee;
  margin-bottom: 15px;
}


.cf_fixed{
  display: none;
}





@media (max-width: 480px) {
  #cr_section_single{
    width: 100%;
    padding-top: 10px !important;
  }

  #cr_section_single .section_inner{
    
  }

  .cr_top{
    width: 100%;
    margin: 0 auto;
    height: auto;
    min-height: 0px;
    padding-left: 0px;

  }

  .cr_top .image_content{
  position: static;
  left: 0;
  top: 60px;
  width: 100%;
  padding-right: 0px;
}

.cr_top .cr_top_sub{
  padding: 20px;
  margin-bottom: 45px;
  }


  .cr_top .sub_content{

  }

  .cr_top .cr_title{
    color: #000;
    font-size: 19px;
    padding: 35px 15px;
    padding-bottom: 20px;
    margin-top: 20px;

  }

  .cr_top .cr_title span{
    font-size: 14px;
  }


  .cr_top .top_info_title{
    color: #000;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 25px;
  }

  .cr_top .top_info_title span{
    font-size: 30px;
  }

  .cr_top .top_info_title .gennzai_1,.cr_top .top_info_title .gennzai_2{
    display: block;
    font-size: 18px;
  }

  .cr_top .topinfo_second{
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 25px;
  }

  .cr_top .complete{
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background-color: #FAC75A;
    margin-bottom: 25px;
    font-size: 13px;
    padding: 10px 0px;
  }

  .cr_top .top_info_bar{
    display: block;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    border: solid 5px #fff;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
  }

  .cr_top .top_info_bar .bar_in{
    background-color: #26b9ec;
    height: 100%;
  }

  .bar_price{
    position: absolute;
    top: 0px;
    line-height: 50px;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    text-shadow: 2px 2px 10px rgba(0,0,0,.9);
    width: 100%;
    text-align: center;
     font-weight: 900;
  }

  .cr_top .top_info_title2{
    color: #fff;
    display: inline-block;
    font-size: 12px;
    background-color: #000;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 8px;
  }

  .type_anuns{
    border: solid 5px #FAC75A;
    padding: 20px;
    font-size: 15px;
    width: 98%;
    margin: 0 auto;
    margin-top: 10px;

  }

  .type_anuns .anuns_title{
    font-weight: 900;
    font-size: 20px;
  }

  .type_anuns p{
    font-weight: 900 !important;
  }


  .cloud.cloud_sing #cr_section_single .main_text{
    padding: 20px;
    color: #000;
    font-weight: 900;
    font-size: 18px;
  }

  .cr_main_single{
    margin-bottom: 65px;
    padding: 10px;
  }

  .cr_main_single .movie-wrap {
       position: relative;
       padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
       height: 0;
       overflow: hidden;
  }
   
  .cr_main_single .movie-wrap iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
  }

  .cr_main_single .left{
    width: 100%;
    float: none;
    font-size: 15px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 180%;
  }

  .cr_main_single .left img{
    width: 100%;
  }

  .cr_main_single .left .infomation{
    margin-bottom: 50px;
  }

  .cr_main_single .left .main_text{
    margin-bottom: 50px;
    border-top: solid 5px #000;
    border-bottom: solid 5px #000;
  }



  .cr_main_single .left .message1{
    margin-bottom: 50px;
  }

  .cr_main_single .left .message2{
    margin-bottom: 50px;
  }

  .cr_main_single .left .message3{
    margin-bottom: 50px;
  }

  .cr_main_single .left .message_image{
    margin-bottom: 35px;
  }


  .cr_main_single .left .message_title{
    margin-bottom: 35px;
    font-weight: 900;
    font-size: 15px;
    color: #000;
  }


  .cr_main_single .left .message_text{
    margin-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
  }



  .cr_main_single .right{
    width: 100%;
    float: none;
    padding-left: 0px;
  }

  .cr_main_single .return{
    width: 100%;
    margin-bottom: 15px;
    border: solid 2px #ddd;
    padding-bottom: 20px;
  }


  .cr_main_single .return .return_head{
    background-color: #000;
    font-size: 16px;
    padding: 8px;
    color: #fff;
  }

  .cr_main_single .return img{
    width: 100%;
  }

  .cr_main_single .return .image_area{
    width: 100%;
  }

  .cr_main_single .return .return_in{
   padding: 10px 20px 10px 20px;
  }

  .cr_main_single .return .r_title{
    font-weight: 900;
    color: #000;
    margin-bottom: 10px;
  }



  .cr_main_single .return .return_test{
    width: 100%;
    margin-bottom: 20px;
    font-size: 13px;
  }


  .cr_main_single .return .entry_sub .left{
    width: 100%;
  }

  .cr_main_single .return .entry_sub{
    margin-bottom: 10px;
  }


  .cr_main_single .return .pricing{
    width: 50%;
    text-align: left;
    float: left;
    font-size: 12px;
    color: #000;
    font-weight: 900;
    color: #ff0000;
  }

  .cr_main_single .return .now{
    width: 50%;
    float: left;
    text-align: right;
    font-size: 12px;
    color: #000;
    font-weight: 900;
  }


  .cr_main_single .return .buy_bottom{
    font-size: 13px;
    font-weight: 700;
    text-align: center;
  }

  .cr_main_single .return .return_buy{
    width: 100%;
    display: block;
  }

  .cr_main_single .return .return_buy a{
    color: #fff;
    background-color: #26b9ec;
    border-radius: 5px;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 10px 0px;
    box-shadow: 3px 3px 0px #eee;
    margin-bottom: 15px;
  }

  .cr_main_single .return .return_buy.end a{
    color: #fff;
    background-color: #ccc;
    border-radius: 5px;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 10px 0px;
    box-shadow: 3px 3px 0px #eee;
    margin-bottom: 15px;
  }

  #pr_return{
    height: 50px;
  }

  .cf_fixed{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 70px;
    padding: 10px 10px;
    text-align: center;
    z-index: 10;
    padding-left: 90px;
  }

  .cf_fixed .num{
    position: absolute;
    left:0;
    top: 15px;
    font-size: 12px;
    font-weight: 900;
    width: 90px;
    height: 50px;
    text-align: center;
    line-height: 160%;
  }

  .cf_fixed .num span{
    display: block;
    font-size: 16px;
  }

  .cf_fixed button{
    background-color: #26b9ec;
    color: #fff;
    border: none;
    border-radius: 20px;
    height: 40px;
    width: 100%;
    line-height: 40px;
  }
}



/*　クラファンページのタブコンテンツ*/

/*タブ切り替え全体のスタイル*/
.product_tabs {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 1px solid #000;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}

.tab_item span{
  color: #ff0000;
}

.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  padding-top: 45px;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#project:checked ~ #project_content,
#report:checked ~ #report_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.product_tabs input:checked + .tab_item {
  background-color: #000;
  color: #fff;
}

/*ボックス全体*/
.accbox {
    padding: 0;
    width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px 11px 100px;
    color :#000;
    font-weight: bold;
    cursor :pointer;
    border-bottom: dotted 1px;
    position: relative;
}

.accbox label span{
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -10px;
  background-color: #FAC75A;
  color: #fff;
  font-size: 11px;
  font-weight: 300;
  line-height: 100%;
  padding: 3px 10px;
  border-radius: 4px;

}

/*ラベルホバー時*/
.accbox label:hover {
    background :#eee;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 35px;
    background: #fff;
    opacity: 1;
    border: solid 1px #ccc;
    margin-top: 8px;
}



@media (max-width: 480px) {
  /*タブ切り替え全体のスタイル*/


  /*タブのスタイル*/
  .tab_item {
    width: calc(100%/2);
    font-size: 12px;
  }

  

  /*ボックス全体*/
  .accbox {
      padding: 0;
      width: 100%;/*最大幅*/
  }

  /*ラベル*/
  .accbox label {
      display: block;
      margin: 1.5px 0;
      padding : 30px 12px 11px 12px;
      color :#000;
      font-weight: bold;
      cursor :pointer;
      border-bottom: dotted 1px;
      position: relative;
  }

  .accbox label span{
    position: absolute;
    left: 5px;
    top: 5px;
    margin-top: 0px;
    background-color: #FAC75A;
    color: #fff;
    font-size: 11px;
    font-weight: 300;
    line-height: 100%;
    padding: 3px 10px;
    border-radius: 4px;

  }

 

}








/*決済ページ回り*/

.payment_section{

}

.payment_section .payment_left{
  width: 650px;
  float: left;
  padding-right: 10px;

}

.payment_section .item_titlearea{
  position: relative;
  border: solid 2px #26b9ec !important;
  min-height: 300px;
  padding: 35px 25px 35px 300px; 
  margin-bottom: 45px;
}

.payment_section .item_titlearea .choice{
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  line-height: 100%;
  padding: 5px 15px;
  font-size: 13px;
  background-color: #26b9ec;
  border-radius: 0px 0px 0px 5px;
}


.payment_section .blocks{
  margin-bottom: 45px;
  font-weight: 300;
  font-size: 14px;
  padding-bottom: 45px;
  border-bottom: dotted 1px #999;
}


.payment_section_title{
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 900;
}

.payment_section_title span{
  background-color: #ff0000;
  color: #fff;
  font-size: 13px;
  line-height: 100%;
  padding: 5px 15px;
  border-radius: 4px;
  margin-left: 15px;
}

.payment_section .item_titlearea div{
  margin-bottom: 20px;
}

.payment_section .item_titlearea .item_title{
  font-size: 13px;
  font-weight: 900;
}

.payment_section .item_titlearea .item_retuen{
 font-size: 13px;
 font-weight: 300; 
}

.payment_section .item_titlearea .item_price{
  font-size: 18px;
  font-weight: 800;
  text-decoration: underline;
}

.payment_section .item_titlearea .nokoti{
  font-size: 13px;
 font-weight: 300; 
}

.payment_section .item_titlearea .otodoke{
  font-size: 13px;
 font-weight: 300; 
}


.payment_section .item_titlearea .count{
  background-color: #eee;
  padding: 10px 25px;
  font-size: 13px;
  width: auto;
  display: inline-block;
}

.payment_section .item_titlearea .count form{
  padding-top: 10px;
}

.payment_section .item_titlearea .count form select{
  width: 100px;
  padding: 10px;
}

.payment_section .item_titlearea .count form select option{
  padding: 10px;

}

.payment_section{

}


.payment_section .set_price{
  background-color: #eee;
  padding: 25px;
  border: solid 10px #f9f9f9;
}


.payment_section .set_price table{
  width: 100%;
  text-align: center;
}


.payment_section .set_price .uwanose{
  font-size: 13px;
}


.payment_section .set_price .set_top{
  font-weight: 900;
  margin-bottom: 15px;
}

.payment_section .set_price p.uw{
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
  padding-top: 10px;
}


.payment_section .set_price #set{
  font-size: 25px;
  text-decoration: underline;
  font-weight: 900;
}


.payment_section .set_price td{
  width: 50%;
  border-right: dotted 1px;
}

.payment_section .set_price td:last-child{
  border:none;
}


.payment_section .set_price td input{
  width: 150px;
  padding: 10px;
  border: solid 2px #ccc;
  border-radius: 4px;
}


.payment_section .cp_tab *, .payment_section .cp_tab *:before, .payment_section .cp_tab *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.payment_section .cp_tab {
  margin: 1em auto;
}
.payment_section .cp_tab > input[type='radio'] {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
          appearance: none;
  display: none;
}

.payment_section .cp_tab > label {
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 6px;
  color: #999;
}
.payment_section .cp_tab > label:hover,
.payment_section .cp_tab > input:focus + label {
  color: #0066cc;
}
.payment_section .cp_tab > input:checked + label {
  margin-bottom: -1px;
  border-color: #cccccc;
  background-color: #26b9ec;
  color: #fff;
  border-radius: 6px;
}





.payment_section .cp_tab2 *, .payment_section .cp_tab2 *:before, .payment_section .cp_tab2 *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.payment_section .cp_tab2 {
  margin: 1em auto;
}
.payment_section .cp_tab2 > input[type='radio'] {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
          appearance: none;
  display: none;
}

.cp_tab2 .cp_tabpanel {
  display: none;
}
.cp_tab2 > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab2 > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab2 > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab2 > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab2 > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab2 > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
  display: block;
}

.payment_section .cp_tab2 > label {
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 6px;
  color: #999;
}
.payment_section .cp_tab2 > label:hover,
.payment_section .cp_tab2 > input:focus + label {
  color: #0066cc;
}
.payment_section .cp_tab2 > input:checked + label {
  margin-bottom: -1px;
  border-color: #cccccc;
  background-color: #26b9ec;
  color: #fff;
  border-radius: 6px;
}



@media (max-width: 480px) {
  .payment_section .cp_tab2 {
    width: 100%;
    font-size: 1.5em;
  }
  .payment_section .cp_tab2 label {
    padding: 0.5em;
  }
}





.payment_section form button{
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #26b9ec;
    box-shadow: 2px 2px 0px #eee;
    padding: 10px 0px;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}


.payment_section .item_titlearea img{
  width: 250px;
  height: 250px;
  object-fit: cover;
  position: absolute;
  top: 25px;
  left: 25px;
}

.payment_section .payment_right{
  width: 300px;
  float: left;
  padding-left: 15px;
}

.payment_section .payment_right .payment_right_title{
  margin-bottom: 15px;
  font-size: 13px;
}


.payment_section .payment_right .items{
  width: 100%;
  border: none !important;
  height: 380px;
  margin-bottom: 45px;
}

.payment_section .payment_right p{
  font-size: 13px;
}


.payment_section .payment_right  .items .content_foot ul li {
    font-size: 11px;
}

.payment_section .payment_right .item_container .items .image_area{
  height: 200px;
}


.payment_section .payment_right .item_container .items .image_area img{
  height: 200px;
}


.payment_section .payment_right .item_container .items .project_title {
  font-size: 14px;
}


@media (max-width: 480px) {
  
  .cloud #cr_section_single .main_text{
    padding: 0px;
    padding-top: 60px;
  }

  .payment_section{
    width: 100%;
  }

  .payment_section .payment_left{
    width: 100%;
    float: none;
    padding-right: 0px;

  }

  .payment_section .item_titlearea{
    min-height: 300px;
    padding: 15px;
    padding-top: 25px;
    margin-bottom: 45px;
  }

  .payment_section .item_titlearea .choice{
    font-size: 12px;
  }


  .payment_section .blocks{
    margin-bottom: 45px;
    font-weight: 300;
    font-size: 14px;
    padding-bottom: 25px;
    border: none;
  }


  .payment_section_title{
    margin-bottom: 20px;
    font-size: 14px;
  }

  .payment_section_title span{
    background-color: #ff0000;
    color: #fff;
    font-size: 12px;
    line-height: 100%;
    padding: 5px 10px;
    border-radius: 4px;
    margin-left: 8px;
  }

  .payment_section .item_titlearea div{
    margin-bottom: 20px;
  }

  


  .payment_section .item_titlearea .count{
    display: block;
  }


  .payment_section .item_titlearea .count form select{
    width: 100%;
    padding: 10px;
  }



  .payment_section .set_price table{
    width: 100%;
    text-align: center;
  }


  .payment_section .set_price .uwanose{
    font-size: 13px;
  }


  .payment_section .set_price .set_top{
    font-weight: 900;
    margin-bottom: 15px;
  }
  

  .payment_section .set_price #set{
    font-size: 25px;
    text-decoration: underline;
    font-weight: 900;
  }


  .payment_section .set_price td{
    width: 100%;
    display: block;
    border-bottom: dotted 1px;
    border-right: none;
    padding: 15px;
  }

  .payment_section .set_price td:last-child{
    border:none;
  }


  .payment_section .set_price td input{
    width: 100%;
    padding: 10px;
    margin-bottom: 8px;
  }

  .payment_section .cp_tab > label {
    padding: 15px 15px;
    width: 48%;
    font-size: 13px;
    color: #999;
  }
  .payment_section .cp_tab > label:hover,
  .payment_section .cp_tab > input:focus + label {
    color: #0066cc;
  }
  .payment_section .cp_tab > input:checked + label {
    margin-bottom: -1px;
    border-color: #cccccc;
    background-color: #26b9ec;
    color: #fff;
    border-radius: 6px;
  }






  .payment_section .cp_tab2 > label {
    padding: 15px 15px;
    width: 48%;
    font-size: 13px;
    color: #999;
    text-align: center;
  }
 




  .payment_section form button{
      box-shadow: 2px 2px 0px #eee;
      padding: 15px 0px;
  }


  .payment_section .item_titlearea img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    position: static;
    top: 25px;
    left: 25px;
  }

  .payment_section .payment_right{
    width: 100%;
    float: none;
    padding-left: 0px;
  }

  .payment_section .payment_right .payment_right_title{
    margin-bottom: 10px;
  }

  .payment_section .payment_right .item_container{
    margin-bottom: 45px;
  }


  .payment_section .payment_right .items{
    width: 100%;
    border: none !important;
    height: 380px;
    margin-bottom: 45px;
    margin: 0px;
  }

  .payment_section .payment_right p{
    font-size: 13px;
  }
}



.set_payment{

}


.set_payment table{
  width: 100%;
  font-size: 14px;
}


.set_payment table th{
  width: 35%;
  padding: 25px;
  border-bottom: solid 2px #000;
  font-size: 13px;

}

.set_payment table th .error{
  display: block;
  color: #ff0000;
  font-size: 11px;
}

.set_payment table td{
  width: 65%;
  padding: 25px;
  border-bottom: dotted 1px #000;
}

.set_payment table input,.set_payment table select,.set_payment table option,.set_payment table textarea{
  width: 100%;
  padding: 10px;
  border: solid 2px #ccc;
  border-radius: 4px;
}






.set_payment table textarea{
  height: 80px;
}

.set_payment table select::-ms-expand {
  display: none;
}
.set_payment table select {
  position: relative;
}

.set_payment table select:before{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  content: '▼';
  color: #71c9f8;
  font-size: 100px;
}



.set_payment table input::placeholder {
  color: #eee !important;
}

/* IE */
.set_payment table input:-ms-input-placeholder {
  color: #eee !important;
}

/* Edge */
.set_payment table input::-ms-input-placeholder {
  color: #eee !important;
}

.set_payment .furikomi_info{
  background-color: #eee;
  padding: 15px;
  margin-bottom: 20px;
}


.set_payment .furikomi_form{
  border: solid 2px #eee;
  border-radius: 6px;
  padding: 15px;
}

.set_payment .furikomi_form label{
  display: block;
  font-weight: bold;
  text-decoration: left;
}

.set_payment .furikomi_form input{
  display: block;
  padding: 8px;
  border:solid 3px #ccc;
  border-radius: 4px;
  width: 100%;
}


.bikou{

}

.bikou .bikou_label{
  font-size: 13px;
  padding-bottom: 5px;
  font-weight: 900;
}

.bikou textarea{
  width: 100%;
  padding: 10px;
  border: solid 2px #ccc;
  border-radius: 4px;
  height: 90px;
  margin-bottom: 25px;
}



@media (max-width: 480px) {
  .set_payment{

  }


  .set_payment table{
    width: 100%;
    font-size: 14px;
  }


  .set_payment table th{
    width: 100%;
    display: block;
    padding: 10px;
    text-align: left;
    border-bottom: none;
    font-size: 13px;

  }

  .set_payment table th .error{
    display: block;
    color: #ff0000;
    font-size: 11px;
  }

  .set_payment table td{
    display: block;
    width: 100%;
    padding: 0px 0px 15px 0px;
    border-bottom: dotted 1px #ccc;
  }

  .set_payment table input,.set_payment table select,.set_payment table option,.set_payment table textarea{
    width: 100%;
    padding: 10px;
    border: solid 2px #ccc;
    border-radius: 4px;
  }






  .set_payment table textarea{
    height: 80px;
  }

  .set_payment table select::-ms-expand {
    display: none;
  }
  .set_payment table select {
    position: relative;
  }

  .set_payment table select:before{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
    content: '▼';
    color: #71c9f8;
    font-size: 100px;
  }



  .set_payment table input::placeholder {
    color: #eee !important;
  }

  /* IE */
  .set_payment table input:-ms-input-placeholder {
    color: #eee !important;
  }

  /* Edge */
  .set_payment table input::-ms-input-placeholder {
    color: #eee !important;
  }

  .set_payment .bikou{

  }

  .set_payment .bikou .bikou_label{
    font-size: 13px;
    padding-bottom: 5px;
    font-weight: 900;
  }

  .set_payment .bikou textarea{
    width: 100%;
    padding: 10px;
    border: solid 2px #ccc;
    border-radius: 4px;
    height: 90px;
    margin-bottom: 25px;
  }

}



.over_lay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(255,255,255,.95);
}


.over_lay_content{
  width: 600px;
  margin: 0 auto;
  margin-top: 50px;
  border: solid 10px #eee;
  box-shadow: 4px 4px 10px rgba(0,0,0,.5);
  background-color: #fff;
  padding: 35px;
}

.over_lay_content .over_lay_title{
  font-weight: 900;
}

.over_lay_content .over_lay_title p{
  font-size: 12px;
  margin-bottom: 25px;
}

.over_lay_content .form_group{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #999;
  position: relative;
  padding-left: 150px;
}

.over_lay_content .form_group label{
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 11px;
  font-weight: 900
}

.over_lay_content .form_group input,.over_lay_content .form_group select{
  width: 100%;
  border: solid 2px #ccc;
  padding: 10px;
  border-radius: 4px;
}


.over_lay_content .form_group input::placeholder {
  color: #ccc;
}

/* IE */
.over_lay_content .form_group input:-ms-input-placeholder {
  color: #ccc;
}

/* Edge */
.over_lay_content .form_group input::-ms-input-placeholder {
  color: #ccc;
}

.over_lay_content .form_group button{
  display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #26b9ec;
    box-shadow: 2px 2px 0px #eee;
    padding: 10px 0px;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.over_lay_content .form_group button.not_submit{
    background-color: #ccc;

}



@media (max-width: 480px) {
  
  .over_lay{
  overflow-y: scroll;
}


  .over_lay_content{
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
    border: solid 10px #eee;
    box-shadow: 4px 4px 10px rgba(0,0,0,.5);
    background-color: #fff;
    padding: 35px;
    
  }

  .over_lay_content .over_lay_title{
    font-weight: 900;
  }

  .over_lay_content .over_lay_title p{
    font-size: 12px;
    margin-bottom: 25px;
  }

  .over_lay_content .form_group{
    padding-left: 0px;
  }

  .over_lay_content .form_group label{
    position: static;
    left: 0px;
    top: 0px;
    font-size: 11px;
    font-weight: 900
  }

  .over_lay_content .form_group input,.over_lay_content .form_group select{
    width: 100%;
    display: block;
    border: solid 2px #ccc;
    padding: 10px;
    border-radius: 4px;
  }


  .over_lay_content .form_group input::placeholder {
    color: #ccc;
  }

  /* IE */
  .over_lay_content .form_group input:-ms-input-placeholder {
    color: #ccc;
  }

  /* Edge */
  .over_lay_content .form_group input::-ms-input-placeholder {
    color: #ccc;
  }

  .over_lay_content .form_group button{
    display: block;
      width: 100%;
      margin-top: 15px;
      margin-bottom: 15px;
      background-color: #26b9ec;
      box-shadow: 2px 2px 0px #eee;
      padding: 10px 0px;
      border: none;
      color: #fff;
      cursor: pointer;
      border-radius: 4px;
  }

}


/*決済回りのモーダル*/


#overlay {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, .65);
}
#modal {
    display: block;
    position: fixed;
    width: 500px;
    min-height: 400px;
    left: 50%;
    top: 100px;
    margin-left: -250px;
    z-index: 99;
    box-sizing: border-box;
    padding: 32px;
    border-radius: 8px;
    background-color: #fff;
}

#modal p{
  font-size: 13px;
}

#modal p.tes{
  font-weight: 900;
  color: #26B999;
}

#modal .mtitle{
  font-weight: 900;
  color: #26b9ec;
}

#modal .mtitle.er{
  color: #ff0000;
}

#modal table{
  border: solid 1px;
  font-size: 13px;
  width: 100%;
}

#modal table th{
  background-color: #ccc;
   font-size: 13px;
   width: 40%;
   padding: 6px;
}

#modal table td{
  font-weight: 300;
   font-size: 13px;
   width: 60%;
   padding: 6px;
}

#modal button{
  display: block;
  width: 100%;
  text-align: center;
  background-color: #26b9ec;
  color: #fff;
  padding: 20px 0px;
  border-radius: 6px;
  border: none;
}

.remove {
    display: none !important;
}


@media (max-width: 480px) {
  #modal {
    display: block;
    position: fixed;
    width: calc(100% - 20px);
    margin: 0 auto;
    min-height: 400px;
    margin-left: 10px;
    top: 50px;
    left: 0px;
    z-index: 99;
    box-sizing: border-box;
    padding: 32px;
    border-radius: 8px;
    background-color: #fff;
}


}


.qa_midashi{
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 25px;
}


.qa_midashi2{
  font-weight: 900;
  margin-bottom: 25px;
  font-size: 22px;
}

.qalist{
  border:solid 4px #ccc;
  padding: 18px;
  margin-bottom: 65px;
}


.acd-check{
    display: none;
}
.acd-label{
    background: #eee;
    color: #000;
    font-weight: 900;
    display: block;
    margin-bottom: 1px;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    position: relative;
}
.acd-label:after{
    background: #000;
    color: #fff;
    box-sizing: border-box;
    content: '＋';
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0px;
}
.acd-content{
    border: 1px solid #ccc;
    border-top: none;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    visibility: hidden;
    margin-bottom: 6px;
}

.acd-check:checked + .acd-label:after{
    content: '－';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

.acd-content p{
  padding: 10px 35px;
}


@media (max-width: 480px) {

  .qa_midashi{
  font-size: 27px;
  text-align: center;
  font-weight: 900;
  margin-bottom: 25px;
}



  .acd-label{
    background: #eee;
    color: #000;
    font-weight: 900;
    display: block;
    margin-bottom: 1px;
    min-height: 50px;
    height: auto;
    line-height: 140%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 65px;
    position: relative;
}

}


.cr_btns.qa{
  margin-top: 25px;
  margin-bottom: 55px;
}

.cr_btns.qa div{
  float: left;
  width: calc(33.333333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  background-color: #ccc;
  border-radius: 6px;
  padding: 10px 0px;

}


.cr_btns.qa div a{
  color: #000 !important;
  display: block;
}

.cr_btns.qa div a{
 
}


/*croudfunding回り*/

#top_section0 .sort_area{
  margin-bottom: 20px;
  border-bottom: solid 2px #000
}

#top_section0 .sort_area li{
  float: left;
  background-color: #fff;
  color: #000;
  border: solid 1px #ccc;
  margin-right: 5px;
  border-bottom: none;
}

#top_section0 .sort_area li.active{
  background-color: #000;
}

#top_section0 .sort_area li a{
  display: block;
  padding: 10px 40px;
  color: #000;
}

#top_section0 .sort_area li.active a{
  color: #fff;
}

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

  #top_section0 .sort_area li a{
    padding: 10px 30px;
  }

}

#top_section0 .uls ul li{
  width: calc(33.333333% - 40px);
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 30px;
  border-top: solid 3px #FAC75A;
  padding: 15px;
  background-color: #f9f9f9;
}

#top_section0 .uls li h3{
  text-align: center;
  font-size: 13px;
  color: #000;
}

#top_section0 .uls li p{
  margin-bottom: 15px;
}

#top_section0 .uls li p.icon{
  text-align: center;
  font-size: 60px;
  color: #FAC75A;
}


#top_section0 .croud_qa{
  width: 750px;
  margin: 0 auto;
}



#top_section0 .croud_qa li{
  width: 100%;
  display: block;
  border-bottom: dotted 1px;
  padding: 15px;
}

#top_section0 .croud_qa li h3{
  font-size: 22px;
  color: #000;
}

#top_section0 .croud_qa li p{
  padding-left: 10px;
  margin: 0px;
  margin-bottom: 10px;
}


.other_qa{
  width: 100%;
  display: block;
  border: solid 2px #000;
  margin-top: 35px;
  border-radius: 10px;
  text-align: center;
}

.other_qa a{
  display: block;
  color: #000 !important;
}


@media (max-width: 480px) {
  #top_section0 .uls ul li{
    width: calc(100% - 20px);
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-top: solid 3px #FAC75A;
    padding: 15px;
    background-color: #f9f9f9;
  }

  #top_section0 .uls li h3{
    text-align: center;
    font-size: 16px;
    color: #000;
  }

  #top_section0 .uls li p{
    margin-bottom: 15px;
  }

  #top_section0 .uls li p.icon{
    text-align: center;
    font-size: 60px;
    color: #FAC75A;
  }


  #top_section0 .croud_qa{
    width: 100%;
    margin: 0 auto;
  }



  #top_section0 .croud_qa li{
    width: 100%;
    display: block;
    border-bottom: dotted 1px;
    padding: 15px;
  }

  #top_section0 .croud_qa li h3{
    font-size: 22px;
    color: #000;
  }

  #top_section0 .croud_qa li p{
    padding-left: 10px;
    margin: 0px;
    margin-bottom: 10px;
  }


  .other_qa{
    width: 100%;
    display: block;
    border: solid 2px #000;
    margin-top: 35px;
    border-radius: 10px;
    text-align: center;
  }

  .other_qa a{
    display: block;
    color: #000 !important;
  }
}


/*メッセージ送信回り*/


#top_section0 .mas_prof{
  width: 30%;
  float: left;
  border-right: solid 1px #999;
  text-align: center;
}

#top_section0 .mas_prof .user_profile_left{
  width: 100%;
  padding-left: 0px;
}

#top_section0 .mas_prof .user_left{
  width: 100%;
  display: block;
  float: none;
  position: static;
}


#top_section0 .mas_prof .user_right{
  width: 100%;
  display: block;
  float: none;
}

#top_section0 .sender_area{
  width: 70%;
  float: left;
  padding-left: 45px;

}


#top_section0 .sender_area form{

}


#top_section0 .sender_area form textarea{
 display: block;
 width: 100%;
 height: 250px;
 border: solid 2px #ccc;
 border-radius: 6px;
 margin-bottom: 15px;
 padding: 8px;
}


#top_section0 .sender_area p{
  
}

  #top_section0 .sender_area form button{
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    width: 100%;
  }

#top_section0 .sender_area form button.btn-default{
  background-color: #fff;
  border: solid 1px #999;
}

#top_section0 .sender_area form button.btn-success{
  background-color: #26b9ec;
  color: #fff;
  border: solid 1px #26b9ec;

}

.section_inner .sucsess_info,.section_inner .sucsess_shita{
  width: 100%;
  border: solid 2px #26b9ec;
  padding: 15px;
  color: #26b9ec;
}

.section_inner .sucsess_info a,.section_inner .sucsess_shita a{
  background-color: #eee;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 6px;
  margin-left: 10px;
  color: #000;
  border: solid 1px #ccc;
}

.section_inner .sucsess_info a:hover,.section_inner .sucsess_shita a:hover{
  opacity: .8;
}


.section_inner .sucsess_info_er{
  width: 100%;
  border: solid 2px #ff0000;
  color: #ff0000;
  padding: 15px;
}

.section_inner .sucsess_info{
  width: 100%;
  border: solid 2px #26b9ec;
  padding: 15px;
}


@media (max-width: 480px) {
  #top_section0 .mas_prof{
    width: 100%;
    float: none;
    border-bottom: solid 1px #999;
    border-right: none;
    text-align: center;
  }

  #top_section0 .mas_prof .user_profile_left{
    width: 100%;
    padding-left: 0px;
  }

  #top_section0 .mas_prof .user_left{
    width: 100%;
    display: block;
    float: none;
    position: static;
  }


  #top_section0 .mas_prof .user_right{
    width: 100%;
    display: block;
    float: none;
  }

  #top_section0 .sender_area{
    width: 100%;
    float: none;
    padding-left: 0px;

  }


  #top_section0 .sender_area form{

  }


  #top_section0 .sender_area form textarea{
   display: block;
   width: 100%;
   height: 250px;
   border: solid 2px #ccc;
   border-radius: 6px;
   margin-bottom: 15px;
  }


  #top_section0 .sender_area p{
    
  }


  .section_inner .sucsess_info a,.section_inner .sucsess_shita a{
    display: block;
    margin-left: 0px;
    margin-top: 8px;
    padding: 15px;
  }
}