body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;background-color: #f7f7f7;color:#404040; font-size:16px; /*margin: 20px;*/}
html{ overflow-x: hidden;overflow-y: scroll; -webkit-overflow-scrolling: touch;}
a{color:#404040;text-decoration:none;}
a:hover{color:#888;}
main{margin:50px auto;}
.btn-primary{background-color:#FD6E76 !important;border-color:#FD6E76 !important;}
.btn-dark{background-color:#666 !important;color:#fff !important;border-color:#666 !important;}
.btn-secondary{background-color:#FD6E76 !important;border-color:#FD6E76 !important;}
.text-pink{color:#FD6E76 !important;}
.text-normal{color:#404040 !important;}
.bd{font-weight:bold;}
.navbar img{width:300px;}


/* iOSのスタイルを消去*/
input[type="submit"],input[type="button"] {border-radius: 0 !important;-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;border: none;box-sizing: border-box;cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}
select {-moz-appearance: none;-webkit-appearance: none;appearance: none;}

/* form */
#form h2{text-align:center;font-size:1.5rem;}
#form h3{font-size:1rem;text-align:left;}
#form .form_bg{border-radius:18px;background: rgba(255, 255, 255, 0.7);box-shadow: 22px 16px 16px 27px rgba(0, 0, 0, 0.01);}
#form .flt .col{display:flex;}
#form .flt input{float:left;display:inline-block;}
#form .flt .col span{float:left;margin-top:15px;margin-left:5px;}
#form .btn-check label{border-radius:60px;}
.progress{border-radius:0;}
.progress-bar{background-color:#579DC5;}
form input[type="button"],form input[type="radio"] {-webkit-appearance:none;border-radius: 0;}
.form-control{border:1px solid #CCCCCC;border-radius:5px;color:rgba(0,0,0,0.6);padding:3px; height: 46px;}
.btn-check:active+.btn-secondary,.btn-check:active+.btn-dark, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle,.form-check-input:checked{background-color: #C74AC2 !important;border-color: #C74AC2 !important;}
#form .radio-btn .btn-dark{background-color:#fff !important;border-color:#666 !important;color:#666 !important;}
#form .radio-btn .btn-check:checked+.btn-dark {background-color:#666 !important;color:#fff !important;}
#form .radio-btn .btn-check:first-of-type+.btn-dark{border-radius:50px 0 0 50px;}
#form .radio-btn .btn-check:last-of-type+.btn-dark{border-radius:0px 50px 50px 0px;}
#form .radio-btn .btn-check:not(first-of-type)+.btn-dark{border-radius:0px 0px 0px 0px;}
#form .radio-btn .btn-check:not(last-of-type)+.btn-dark{border-radius:0px 0px 0px 0px;}
#form .radio-list .btn{display:inline-block;color:rgba(0,0,0,0.6);width: 90%;text-align: left;margin-left:0px;}
#form .radio-list .btn-check{position:initial;transform: scale(1.5);accent-color:#666 !important;}
#form select {-moz-appearance: menulist-button;-webkit-appearance: menulist-button;appearance: menulist-button;}
.select_wrapper {
    position: relative;
}

.select_wrapper::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 16px;
    width: 12px;
    height: 12px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
}

select {
    -webkit-appearance: none;
    appearance: none;
}
#form .radio-list-avatar .btn-check:checked+label{border:10px solid #ddd;}

/* cherry-blossom */
.cherry-blossom{background-image:url("../images/bg.jpg");background-size:100%;}
.cherry-blossom-container {position: relative;height: 100vh;width: 100%;overflow: hidden;}
.petal {position: absolute;background-color: #ffc0cb;border-radius: 150% 0 150% 0;animation: animate-petal 10s linear;}
.petal::after {content: "";position: absolute;top: -14%;left: -10%;display: block;width: 100%;height: 100%;background-color: #ffc0cb;border-radius: 150% 0 150% 0;transform: rotate(15deg);}
@keyframes animate-petal {
  0% {top: 0;opacity: 0;transform: rotate(0deg);}
  10% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;top: 100vh;transform: rotate(3000deg);}
}


/* index */
#index{background-image:url("../images/bg.jpg");background-size:100%;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
#index h2{font-size:3rem;}
#index .slider img{width:200px;border-radius:10px;}
#index .form_box{box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;padding:20px;}
#index h3{font-size: 16px;text-align: left;}
#index .accordion p{cursor: pointer}
#index .accordion ul{display:none;}
#index .cta{border-bottom:1px solid #ddd;text-align:center;background-image:url("https://eigosapuri.jp/assets/images/pages/index/diagnosis_bg_pc.jpg");background-repeat:no-repeat;background-position:center;background-size:100%;}
#index .cta h2{text-align:center;}
#index #about .container .bg-white{border: 3px solid #FD6E76;border-bottom: 10px solid #FD6E76;border-radius:20px;}
#index #howto .bg-white{border: 3px solid #FD6E76;border-bottom: 6px solid #FD6E76;border-radius:20px;}
#index .form-control {width:100%;}
#index .navbar-nav .btn{font-size:0.8rem;}

/* category */
#category .category_progress{position: relative;}
#category .toast{opacity:1;margin:0 auto;position:fixed;bottom:85px;left: 50%;transform: translateX(-50%);background: rgba(77,58,55,0.9) radial-gradient(rgba(102,77,77,0.6) 0%, rgba(51,51,51,0.7) 100%);color:#fff;box-shadow: 0 6px 11px 0 rgba(0,0,0,0.3);z-index:99999;}
#category .toast .btn{width:60px;height:32px;}

/* taikenki */
#taikenki .container{min-width:1360px;}
#taikenki .navbar img{width:100%;}
#taikenki h2{font-size:1.5rem;}
#taikenki h3{font-size:1.2rem;}
#taikenki i{color:#ccc;margin-right:5px;}
#taikenki .check-btn input{display:none;}
#taikenki .check-btn label{border: 1px solid #666666;padding: 5px 20px;border-radius: 60px;}
#taikenki .check-btn input[type="checkbox"]:checked + label{background-color:#666;color:#fff;}
.range_slider {display: flex;padding: 10px 0px 0px;}
.range_slider_min,.range_slider_max {padding: 0px 5px;}
.range_slider_input {position: relative; width: 100%;}
.range_slider_input_current {position: relative;margin: 0px auto;width: 95.5%;}
.range_slider_input_current span {position: absolute;top: -30px;left: 50%;transform: translateX(-50%);padding: 0px;background-color: #1C8B3B;color: #fff;font-size:0.8rem;width:55px;text-align:center;}
.range_slider_input_current span:after{content:"点";}
.range_slider_input_current span:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 6px solid #1C8B3B;}
.range_slider_input input[type=range] {position: absolute;top: 50%;left: 0px;transform: translateY(-50%);width: 100%;border: none;-webkit-appearance: none;}
.range_slider_input input[type=range]:focus {outline: 0px;}
.range_slider_input input[type=range]::-webkit-slider-runnable-track {background: #8FD7A3;height: 20px;border-radius:10px;}
.range_slider_input input[type=range]::-moz-range-track {background: #8FD7A3;height: 22px;}
.range_slider_input input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;color: #fff;height: 22px;width: 22px;background: #fff;border:1px solid #1C8B3B;margin-top: -10px;border-radius: 50%;cursor: pointer;margin-top:-1px;}
.range_slider_input input[type=range]::-moz-range-thumb {color: #fff;height: 20px;width: 20px;background: #1C8B3B;margin-top: -10px;border-radius: 50%;cursor: pointer;}
#taikenki .radio-btn .btn-dark{background-color:#fff !important;border-color:#666 !important;color:#666 !important;}
#taikenki .radio-btn .btn-check:checked+.btn-dark {background-color:#666 !important;color:#fff !important;}
#taikenki .radio-btn .btn-check:first-of-type+.btn-dark{border-radius:50px 0 0 50px;}
#taikenki .radio-btn .btn-check:last-of-type+.btn-dark{border-radius:0px 50px 50px 0px;}
#taikenki .radio-btn .btn-check:not(first-of-type)+.btn-dark{border-radius:0px 0px 0px 0px;}
#taikenki .radio-btn .btn-check:not(last-of-type)+.btn-dark{border-radius:0px 0px 0px 0px;}
#taikenki .radio-list .btn{display:inline-block;color:rgba(0,0,0,0.6);width: 90%;text-align: left;}
#taikenki .radio-list .btn-check{position:initial;transform: scale(1.5);accent-color:#666 !important;}
#taikenki select {-moz-appearance: menulist-button;-webkit-appearance: menulist-button;appearance: menulist-button;}
#taikenki .check-list{font-size:1rem;}
#taikenki .check-list .form-check-input{position:initial;transform: scale(1.5);accent-color:#666 !important;margin-top:10px;}
#taikenki #taikenki_photo input[type="file"] {display: none;}
#taikenki #taikenki_photo .img-thumbnail{position: relative;border-radius: 50%;width: 200px;height: 200px;object-fit: cover;color: #fff;text-decoration: none;margin:0 auto;}
#taikenki #taikenki_photo .img-thumbnail:hover:before {position: absolute;content: '';width: 200px;height: 200px;left: 0;top: 0;background-color: rgba(0,0,0,.5);background: url("../images/taikenki/upload_btn.png") center center / cover;border-radius:50%;cursor: pointer;}
#taikenki #taikenki_photo h3{border: solid 3px #FD6E76;border-radius: 10px;}
#taikenki #taikenki_nav{top:25px;}
#taikenki .btn-edit{color:#222222;width: 150px;height: 48px;border-radius: 5px;background-color: #fff;border-width: 1px;border-color:#222;}
#taikenki .btn-complete{color:#222222;width: 150px;height: 48px;border-radius: 5px;background-color: #222222;border-width: 1px;color:#fff;}
#taikenki .btn-cancel{color:#222222;width: 150px;height: 48px;border-radius: 5px;background-color: #222222;border-width: 1px;color:#fff;}
#taikenki .form-control{border:1px solid #ddd;border-radius:4px;color:rgba(0,0,0,0.6);}
#taikenki .form-control:disabled{background-color: #f8f7f7;border:1px solid #f8f7f7;border-radius:4px;color:rgba(0,0,0,0.6);padding: 10px;}
#taikenki .timeline-list-item .content {position: relative;width: 100%;padding: 0 0px 60px 30px;border-left: 1px solid #ccc;}
#taikenki .timeline-list-item .content::before {content: "";position: absolute;top: 0;left: -10px; width: 20px;height: 20px;background-color: #ccc;border-radius: 10px;}
#taikenki .num-badge::before {position: absolute;top: -10px;left:0px;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;background: #FD6E76;color: white;font-size:1rem;text-align: center;text-transform: uppercase;font-weight:bold;}
#taikenki .num-badge:nth-of-type(1)::before {content: '1';}
#taikenki .num-badge:nth-of-type(2)::before {content: '2';}
#taikenki .num-badge:nth-of-type(3)::before {content: '3';}
#taikenki #taikenki_comment label>input{display:none;}
#taikenki #taikenki_comment label>input{display:none;}


@media screen and (max-width:1024px) {
	body,html{overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
	/* taikenki */
	#taikenki{margin:0;}
	#taikenki .navbar-brand{width:200px;margin:0 auto;}
	#taikenki .container{min-width:100%;width:100%;margin:0 auto;}
	#taikenki #taikenki_nav{display:none;}
	#taikenki .w-75{width:100% !important;}
	#taikenki h2{font-size:1.2rem;}
	#taikenki .col-xs-12{padding:0;}
	#taikenki .timeline-list-item{width:85%;margin:0 auto;}
	#taikenki #submission a{border-radius:0px;padding:10px 0;position:fixed;bottom:0px;width:100% !important;margin-bottom:0 !important;font-weight:bold;font-size:1.2rem;}
	#taikenki .sticky-top .graph02{display:none;}
	
	/* index */
	#indexLogo{display: block;height: auto !important;padding: 50px 0;margin-bottom: 10px;}
	#index .navbar img {width:220px;}
	#index .navbar-brand{margin:initial;}
	#index .cta{padding:20px 0;background-size:cover;}
	#index .col-md-6:first-of-type{line-height:2;}
	#index h2{font-size:1.5rem;}
	#index .slider img {width:120px;}
	
	/* form */
	#form h2{font-size:20px;line-height:1.5;margin-bottom:20px;}
}

/*スマホで記入時用の編集ボタンを非表示*/
@media screen and (min-width:992px) {
	.btn-phone{
		display: none;
	}
}