@charset "euc-jp";

/*
Site Name: げっとま
Description: アンケートページ
Last Update: 2023/10/30 m-ido
*/

/*-------------------------------------------*/
/*  CONTENTS:
/*--------------------------------------------
1.0 - ローテバナー
    1.1 - ローテバナー
    1.2 - 注意事項誘導
2.0 - ボタン
    2.1 - 非表示・表示
    2.2 - もっと見る
    2.3 - ログイン・登録
3.0 - アンケートリスト
    3.1 - アイコン
    3.2 - リスト
    3.3 - その他
4.0 - 注意事項ページ

/*-------------------------------------------*/
/*  1.0 - ローテバナー
/*-------------------------------------------*/

/*  1.1 - ローテバナー
-------------------------------------------- */
.slider{
    padding-bottom: 10px;
    overflow: hidden;
    width: 100%;
    background: #fff;
}
.slider img{
    height: auto;
    width: 100%;
}
.slick-dots {
    width: auto;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
}
.slick-dots li {
    width: 17px;
    height: 20px;
    display: inline;
    background: none;
    box-shadow: none;
    margin: 0 7px;
    padding: 0;
}
.slick-dots li button {
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 15px;
    background: #666;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.slick-dots li.slick-active  button { background: #17ccd6;}

.slick-track {
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after { clear: both;}
.slick-slide {
    display: none;
    float: left;
   height: 100%;
    min-height: 1px;
}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-initialized .slick-slide { display: block;}

/*  1.2 - 注意事項誘導
-------------------------------------------- */
.nav_survey {
    background-color: #47c2C9;
    padding: 10px;
}
.nav_survey a {
    display:block;
    position: relative;
    background:#fff;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 0px 0 3px rgba(0,0,0,0.15);
    font-size: 1.3rem;
    text-align: center;
    text-decoration: none;
    color: #534741;
    line-height:1.2;
}
.nav_survey a:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: 10px;
    background: #534741;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav_survey a:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: 13px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*-------------------------------------------*/
/*  2.0 - ボタン
/*-------------------------------------------*/

/*  2.1 - 非表示・表示
-------------------------------------------- */
.button {
    margin: 10px 20px;
}
.button input{
    width: 100%;
    display: block;
    padding: 10px 0;
    border-radius: 6px;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #c9c9c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#c9c9c9));
    background: -webkit-linear-gradient(top,  #fbfbfb 0%, #c9c9c9 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #c9c9c9 100%);
    box-shadow: 0 -1px 1px #f5f5f5 inset;
    text-shadow: 0 1px 0 #f0f0f0;
    text-align: center;
    font-size: 1.4rem;
    border: #a6a6a6 1px solid;
    color: #534741;
}

/*  2.2 - もっと見る
-------------------------------------------- */
.list_survey li.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding:0;
}
.more {
    width: 80%;
    display: block;
    margin: 15px auto 0;
    padding: 10px 0;
    border: #bbb110 1px solid;
    border-radius: 6px;
    background: -moz-linear-gradient(top, #fcfcd9 0%, #fce864 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcd9), color-stop(100%,#fce864));
    background: -webkit-linear-gradient(top,  #fcfcd9 0%, #fce864 100%);
    background: linear-gradient(to bottom, #fcfcd9 0%, #fce864 100%);
    text-shadow: 0 1px 0 #ffffee;
    box-shadow: 1px 1px 3px #829f9f;
    cursor: pointer;
    text-align: center;
    letter-spacing: 2px;
    font-size: 1.5rem;
}

.more button {
    text-shadow: 0 1px 0 #ffffee;
    font-size: 1.4rem;
    border: none;
    background: transparent;
    padding-right: 20px;
    background: url("../img/survey/ico_arrow.png") right center no-repeat;
    background-size: 14px 10px;
    color: #6c4a0a;
}

/*  2.3 - ログイン・登録
-------------------------------------------- */
#article .login {
    margin: 0 20px;
}
#article .login a {
    width: 100%;
    margin: 10px 0;
    padding: 15px 0;
    box-sizing: border-box;
    display: block;
    border-radius: 6px;
    box-shadow: 1px 1px 3px #a8a8a8;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
}
.login .btn_login a {
    border: #d13f4a 1px solid;
    background :#ee6670;
    background: -moz-linear-gradient(top, #fff4f7 0%, #ee646e 3%, #ee6670 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff4f7), color-stop(3%,#ee646e), color-stop(100%,#ee6670));
    background: -webkit-linear-gradient(top, #fff4f7 0%, #ee646e 3%, #ee6670 100%);
    background: linear-gradient(to bottom, #fff4f7 0%, #ee646e 3%, #ee6670 100%);
}
.login .btn_regist a {
    border: #17978c 1px solid;
    background :#27aba0;
    background: -moz-linear-gradient(top, #9fe7e1 0%, #2bafa4 3%, #27aba0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fe7e1), color-stop(3%,#2bafa4), color-stop(100%,#27aba0));
    background: -webkit-linear-gradient(top, #9fe7e1 0%, #2bafa4 3%, #27aba0 100%);
    background: linear-gradient(to bottom, #9fe7e1 0%, #2bafa4 3%, #27aba0 100%);
}

/*-------------------------------------------*/
/*  3.0 - アンケートリスト
/*-------------------------------------------*/

/*  3.1 - アイコン
-------------------------------------------- */
.list_survey li .status {
    background: #ef666b;
    width:50px;
    text-align:center;
    display:inline-block;
    padding:2px 10px;
    color:#fff;
    border-radius:30px;
}
.list_survey li.finish .status {
    background: #555;
    color: #fff;
}
.list_survey li.answered .status {
    background: #fff;
    color: #555;
}
.list_survey li.finish, .list_survey li.answered {
    background: #e5e5e5;
}
/*  3.2 - リスト
-------------------------------------------- */
.list_survey {
    border-bottom: 1px solid #bebebe;
}
.list_survey li {
    background: #fff;
}
.list_survey li a {
    display: block;
    position:relative;
    padding:10px 20px 10px 10px;
    border-top: 1px solid #bebebe;
    text-align:left;
    text-decoration:none;
    color:#555555;
}
.list_survey li:nth-of-type(4n) a {
    border-bottom: 1px solid #bebebe;
}
.list_survey li:last-child a{
    border-bottom: none;
}
.list_survey li .num{
    display:inline-block;
    font-size: 1.1rem;
    color:#737373;
    margin:0 0 0 4px;
}
.list_survey h3 {
    margin: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.3rem;
    font-weight: normal;
}
.list_survey .point {
    display: flex;
    flex-wrap:wrap;
    font-size: 1.3rem;
    margin-bottom: 5px;
}
.list_survey .point p { margin-right: 20px;}
.list_survey .point p:last-child { margin-right: 0;}
.list_survey .point span {
    display: inline-block;
    background-image: url("../img/14/common/ico_point.png");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 14px 14px;
    margin: 0 0 0 3px;
    color: #e54a5c;
    padding-left: 17px;
    font-weight: bold;
    font-size: 1.6rem;
}
.list_survey ins.adsbygoogle {
    display: block !important;
    margin: 0 auto;
    padding: 10px 0;
}

/*  3.3 - その他
-------------------------------------------- */
.message {
    padding: 10px;
    margin: 10px 20px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
}


/*-------------------------------------------*/
/*  4.0 - 注意事項ページ
/*-------------------------------------------*/
.survey_help {
}
.survey_help h1, .survey_help h2 {
    clear: both;
    padding: 5px;
    background: #f0666c;
    font-weight: normal;
    font-size: 1.4rem;
    letter-spacing: 2px;
    color: #fff;
}
.survey_help h2 {
    margin-top: 20px;
}
.survey_help h3 {
    clear: both;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #e9e9e9;;
    font-size: 1.4rem;
    letter-spacing: 2px;
    color: #555;
    font-weight: bold;
}
.survey_help h3 span {
    background: #f0666c;
    display: inline-block;
    width: 20px;
    font-weight: normal;
    margin: 0 6px 0 0;
    text-align: center;
    border-radius: 50px;
    color: #fff;
}
.survey_help img {
    width: 100%;
}
.survey_help .list a:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: 20px;
    background: #534741;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.survey_help .list a:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: 22px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.survey_help .main {
    background: #fff;
}
.survey_help .main li {
    padding-bottom: 10px;
}
.survey_help .main > p {
    margin: 10px 0;
}
.survey_help .main p {
    padding: 0 10px 5px;
    line-height: 1.5;
}
.survey_help .point, .survey_help p span {
    color: #ce373e;
    font-weight: bold;
}