@charset "UTF-8";

body{
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	font-family: "Karla","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	overflow-wrap: break-word;
	display: flex;
flex-flow: column;
min-height: 100vh;
}
p{margin:0;font-size: 16px; }
a{text-decoration: none;color: inherit;}
a:hover{text-decoration: none;color: inherit;}
a.txt-underline {
	text-decoration: underline;
}

.left{float: left;}
.right{float: right;}
ul,li{padding: 0;margin:0; }

.cFix:after {
display: block;
clear: both;
content: "";
}
.sp_view {
	display: none;
}
.pc_view {
	display:block;
}
.row{margin:0; }

ul,li{
	list-style: none;
}
.container{max-width: 960px;}
p.error{
font-weight: bold;
color: red;
margin: .5rem 0;

}


header {
	background-color: #fff;
	padding: 1rem;
}
header .row{
	display: flex;
	height: auto;
	align-items: center;
}
.headerLogo{
text-align: left;
}
.headerLogo img{
max-width: 100px;
}
.dropdown-toggle::after{
display: none;
}
.dropleft .dropdown-toggle::before{
display: none;
}

header p{
letter-spacing: -1px;
}

.my-link-erea{
padding: .5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
border:1px solid #b9b9b9;
}

.my-link-erea button{
margin-left: auto;
font-size: 80%
}
.G-menu{
padding:.5rem 0 0;
}
.G-menu ul {
display: flex;
justify-content: space-between;
/*border-bottom:1px solid #b9b9b9;*/
height:45px;
}
.G-menu ul a{
width: 100%;
}
.G-menu ul li{
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.G-menu ul li.active{
border-bottom:3px solid #9f21a3;
font-weight: bold;
color:  #9f21a3;
}


div.bg_main{
	flex: 1;
	background-color: #f3f1f4;
}


.main-area{
	background-color: #fff;
	margin: 1rem auto;
	border-radius: 10px;
	padding: 1rem;
	max-width: 960px;
}
.total_box .period{
font-size: 14px;
}
.total_box .period i{
margin-right: .5rem;
}

.date-period{
padding:.5rem 1rem;
}
.date-period input{
width: 100%;
}
.date-inDetail{
border:1px solid #9f21a3;
color:  #9f21a3;
font-weight: 500;
font-size: 80%;
padding: .4rem;
}
.date-inDetail i{margin-left: .3rem;}
.date-inDetail:hover{
background-color:  #9f21a3;
color: #fff;
}
.total_count{
padding:2rem 0 1rem;
}
.total_count .col-6{
padding:0;
}
.total_count p{
font-size: 24px;
font-weight: bold;
}
.total_count p span{
font-size: 60%;
margin-left: .2rem;
}

p.sent-mail{
font-weight: bold;
color: #5fb5ec;
margin-top: 1rem;
}


/*****admin_cssここから******/
.content {
	margin: 0px auto;
	width: 100%;
}
.profile-img-erea {
	-webkit-box-align: center;
	align-items: center;
	flex-direction: column;
	margin-top: 12px;
	margin-bottom: 15px;
	width: 100%;
	display: flex;
}
.profile-img {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: block;
	object-fit: contain;
	object-position: initial;
	filter: none;
	margin-bottom: 16px;
}
.DI-erea{
	margin-bottom: 16px;
}
.ID-name{
margin: 0px;
	font-size: 16px;
	line-height: 1.5;
	text-overflow: ellipsis;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 700;
}
.link-erea{
position: relative;
width: 100%;
}
.link-box{
	position: relative;
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
	border-radius: 5px;
	box-shadow: 0 0 3px 0px rgb(131 136 136 / 75%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
.link-box:hover {
		background-color: rgb(250 236 251);
}
.link-list{
	border:1px solid #9f21a3;
	border-radius: 5px;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: auto;
	position: relative;
	/*padding: 16px 20px;*/
	margin: 0px;
	width: 100%;
	cursor: pointer;
	appearance: none;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
	overflow-wrap: break-word;
	word-break: break-word;
	white-space: normal;
	background: none;
	color: inherit;
}
.link-list i{
padding: 1.3rem 1rem 1.3rem 1rem;
}
.hide{
box-shadow: none;
color: #717171;
}
.hide .link-list{
border: #b1b0b0 solid 1px;
}
.link-box-grow{
	position: relative;
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
	border-radius: 50px;
}

.link-list_grow{
	border-radius: 50px;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: auto;
	position: relative;
	/*padding: 16px 20px;*/
	margin: 0px;
	width: 100%;
	cursor: pointer;
	appearance: none;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
	overflow-wrap: break-word;
	word-break: break-word;
	white-space: normal;
	color: #fff;
	background-color: #9f21a3;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;

}
.link-box-grow a:hover{
opacity:0.8;
color: #fff;
}
.link-box-grow .link-title{
padding: 1rem;
}
.link-title{
padding: 1rem 2rem 1rem 0;
line-height: 1.5;
width: 100%;
font-weight: 700;
}
.collapse{
margin-bottom: 1rem;
}
.collapse label{
margin-bottom: 0;
}
.addition_btn,.delete_btn{
border-radius: 50px;
float: right;
}
.delete_btn{
border-radius: 50px;
float: left;
}
.recommended_icon{
	margin-top: -15px;
	width: 25px;
}

/*****admin_cssここまで******/

/***settingのトグルスイッチ***/

.cmn-toggle {
position: absolute;
margin-left: -9999px;
visibility: hidden;
}
.cmn-toggle + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
}
input.cmn-toggle-round-flat + label {
padding: 2px;
width: 58px;
height: 33px;
background-color: #dddddd;
border-radius: 60px;
transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
display: block;
position: absolute;
content: "";
}
input.cmn-toggle-round-flat + label:before {
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
/*background-color: #fff;*/
border-radius: 60px;
transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
top: 4px;
left: 4px;
bottom: 4px;
width: 25px;
background-color: #fff;
border-radius: 60px;
transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
background-color: #49b54d;
}
input.cmn-toggle-round-flat:checked + label:after {
margin-left: 25px;
background-color: #fff;
}
/***　▲ スイッチここまで ▲　***/

/*****admin_acct_cssここから******/
.imgChange p{
font-size: 80%;
padding: .3rem 1rem;
border-radius: 3px;
border:1px solid #b9b9b9;
color: #717070;
}
.imgChange p:hover{
background-color: #e0e0e0;
}
.acct-form{
padding: 2rem 0 ;
}
.acct-form .form-group{
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem 0;
border-bottom:1px dotted #ced4da;

}
.acct-btn{
border-radius: 50px;
background-color: #9f21a3;
color:#fff;
margin-bottom: 1rem;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
.acct-btn:hover{
opacity: 0.8;
color: #fff;
}
.go_album{
margin-top: 1rem;
text-align: center;
}
.go_album label {
color: #9f21a3;
background-color: #fff;
border:1px solid #9f21a3;
padding: 6px 50px 4px;
border-radius: 20px;
font-weight: bold;
}
.go_album label:hover{
color: #fff;
background-color:  #9f21a3;
}
/*****admin_design_cssここから******/

.themes-erea .thema-img{
padding-top: .5rem;
margin-bottom: 1rem;
}
.themes-erea .thema-img img{
border-radius: 10px;
box-shadow: 0 0 2px 0px rgb(131 136 136 / 47%);
width: 98%;
margin: 0 auto;
}

.themes-erea input[type="radio"] {
display: none;/* ラジオボタンの○を消す */
}
.themes-erea .thema-img img:hover{
border-radius: 10px;
border: 2px solid #9f21a3e3;

}
.themes-erea .thema-img img.active02{
border-radius: 10px;
border: 3px solid #9f21a3e3;
box-shadow: 0 0 6px 0px rgb(159 33 163 / 64%);
}
/*input[type="radio"]:checked + label img {
border-radius: 10px;
border: 3px solid #9f21a3e3;
box-shadow: 0 0 6px 0px rgb(159 33 163 / 64%);
}*/

p.category{
font-size: 18px;
font-weight: bold;
line-height: 1.8;
border-bottom: 1px solid #9f21a3;
margin-bottom: 10px;
text-align: left;
padding-left: .8rem;
border-left: 8px solid #9f21a3;
}

p.category span{
vertical-align: text-top;
	margin-left: .5rem;
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin: 0 0 10px;
}

/*****　▲　admin_design_cssここまで　▲　******/

/*****manage_cssここから******/

.manage-heder{
background-color: #9f21a3;
color: #fff;
}
.manage-heder header{
background-color:  #9f21a3;
}
.manage-heder header i{
color: #fff;
}
.manage .table  th{
text-align: left;
font-weight: normal;
}
.manage .table  td{
text-align: right;
}
.manage .table  a{
color: #12b2c0;
}
.manage .table  a:hover{
color: #212529;
}

/*****　▲　manage_cssここまで　▲　******/


/*****contact_cssここから******/
p.sign_up .btn{
background-color: #9f21a3;
color: #fff;
}
.contact-form{
padding: 0 ;
}

.contact-form .row{
margin: 1rem 0;
}


/*****　▲　contact_cssここまで　▲　******/

/*****manage_cssここから******/
.withdrawal .form-group{
margin-bottom: 1rem;
}
.withdrawal .login-form {
	padding: 1.5rem;
	background: #f3f1f4;
	margin-top: 2rem;
}

.withdrawal .withdrawal-btn{
	background-color:#212529;
	color: #fff;
	margin-bottom: 1rem;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.withdrawal .withdrawal-btn:hover{
opacity: 0.7;
}
.withdrawal .check{
padding-top: 2rem;
border-top: 1px dotted #ccc;
}
.withdrawal .form-group p{
font-weight: bold;
}
/*****withdrawal_cssここまで******/


/*****404_cssここから******/

.notfound404-area{
flex: 1;
padding-bottom: 2rem;
}

.notfound404-area h1{
display: inline-block;
width: 200px;
height: 200px;
margin-bottom: 16px;
border-radius: 50%;
background: rgb(255,102,164);
background: linear-gradient(180deg, rgba(255,102,164,1) 0%, rgba(159,33,163,1) 100%);
text-align:center;
line-height: 200px;
color: #fff;
font-size: 4.5rem;
}

/*****　▲　404_cssここまで　▲　******/

/*****about_cssここから******/
.table .about th{
text-align: left;
font-weight: normal;
width: 20%;

}
.about .table td{
text-align: left;
}
.about .table td ul{
padding-left: .5rem;
}
.about .table td li{
list-style: disc;
padding-bottom: .5rem;
}

/*****rule_cssここから******/
.rule h2{
font-size: 1.3rem;
font-weight: bold;
margin-top: 2rem;
padding-left: .7rem;
border-left: 8px solid #9f21a3;
}
.rule ul{
padding-left: 1rem;
padding-top: 1rem;
}
.rule ul li{
list-style: decimal;
margin-bottom: .7rem;
}
.rule ul.ul02{
padding-left: 1rem;
}
.rule ul.ul02 li {
list-style: lower-alpha;
margin-bottom: .3rem;
}

/*****privacy_cssここから******/

.privacy h2{
font-size: 1.3rem;
font-weight: bold;
margin-top: 2rem;
padding-left: .7rem;
border-left: 8px solid #9f21a3;
}
.privacy p{
padding-top: 1rem;
}
.privacy ul{
padding-left: 1rem;
padding-top: 1rem;
}
.privacy ul li{
list-style:disc;
margin-bottom: .7rem;
}
.privacy ul.ul02{
padding-left: 1rem;
}
.privacy ul.ul02 li {
list-style: decimal;
margin-bottom: .3rem;
}

/*****manual_cssここから******/

.manual .row{
padding-bottom: 1rem;
}
.question,.answer{
text-align: center;

}
.question p,.answer p{
padding: .5rem;
color: #fff;
font-weight: bold;
}
.question p{
background-color:#2196f3;
}
.answer p{
background-color: #ffc107;
}
.question-in{
display: flex;
align-items: center;
color: #2196f3;
font-weight: bold;
}
.answer-in p a{
text-decoration: underline;
color: #2196f3;

}


/*****data_cssここから********/
.data .G-menu ul {
display: flex;
justify-content: space-between;
border-bottom:1px solid #b9b9b9;
height:45px;
}

.data .table td,.data .table th {
border-bottom: 1px solid #dee2e6;
border-top:none;
font-weight: normal;
}
.data .table td {
text-align: right;
font-weight: bold;
font-size: 24px;
}
.data .table td span{
font-size: 60%;
margin-left: .2rem;
}
.date-more {
border: 1px solid #9f21a3;
color: #9f21a3;
font-weight: 500;
font-size: 80%;
padding: .4rem 2rem;
}
.date-more:hover{
background-color: #9f21a3;
color: #fff;
}

/*****sns_ereaとfooter_cssここから******/

.official-erea{
padding: 1rem;
}
.sns_box{
font-size: 20px;
padding: .3rem 0;
border-bottom: 1px solid #929191;
}
.sns_box a{
margin-right: 1rem;
}
.sns_box a:hover{
color: #9f21a3;
}


footer{
	background: #fff;
	color: #212529;
	padding:0 .5rem .5rem;
margin: 0 auto;
max-width: 960px;
}
.other-pages{
margin-bottom: .3rem;
}
.other-pages a{
color: #212529;
margin:0 1rem;
display: inline-block;
}
.other-pages a:hover{
font-weight: bold;
color: #9f21a3;
}


/****ここからレスポンシブcss*****/




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

}

@media screen and (max-width: 767px){
body{
	font-size: 16px;
}
.themes_bg{
background-attachment: fixed;
}
}


@media screen and (max-width: 582px){
.sp_view {
	display: block;
}
.pc_view {
	display:none;
}
.G-menu ul li{
font-size: 12px;
}
.other-pages a{
font-size: 11px;
margin:0 .3rem;
}


}
@media screen and (max-width: 575px){
.total_box .period{
font-size: 12px;
padding:.4rem .5rem;
}
.headerLogo{text-align: center;}
.headerLogo img{
margin-bottom: .5rem;
}
.acct-form{
padding: 1rem 0;
}
.manage,.about,.rule,.privacy,.manual,.index{
padding:0;
}
.table{
font-size: 90%;
}
.about .table  th{
display: block;
width: 100%;
background-color: #dee2e6;
}
.about .table td{
display: block;
}

h1{
font-size: 1.5rem;
}
h1 p{
font-size: .9rem;
line-height: 1.6;
}
.rule h2{
font-size: 1.1rem;
margin-bottom:0;
}
.question-in p,.answer-in p{
margin-top: .5rem;
}
}

	}
@media screen and (max-width: 428px){
.FV-container{
padding:.5rem;
}
div.bg_main{
padding:.5rem;
}
.my-link-erea p{
font-size: 14px;
}

}

@media screen and (max-width: 376px){
.my-link-erea button{
padding:.2rem;
}
.float-left,.float-right{
width: 100%;
}
.total_box .period{
width: 100%;
margin-bottom: .5rem;
}
.date-inDetail{
width: 100%;
}
}

.selectbox-inline {
	display: inline-block;
	width: auto;
	padding: 3px 6px;
}

.manage_search_item {
	margin-bottom: 0px;
}

.login_item {
	height: 45px;
}
.err_msg_formatted_date{
	font-size: 80%;
	color:red;
	padding-top:1rem;
	font-weight: bold;
}
/* ページャー */
.input-sm{
	overflow: hidden;
}
.cv_pagination ul.pagination {
	justify-content: center!important;
	margin-bottom: 0;
}
.pagination li a{
		color: #858788;
		text-decoration: none;
		padding: .4rem .8rem;
		line-height: 1.5;
		display: block;
}
.pagination li.active a{
	background: #858788;
	color: #fff;
	border-radius: 5px;
}
.table-report>thead>tr>th{
	padding: 5px;
	background: #17a2b8;
	color: #fff;
}