/*********************************************************

             ユーザー管理（administrator)

*********************************************************/

.admin_user_content{
	width: 1500px;
	margin: auto;
	background-color: #fff;
    margin-top: 30px;
}

.admin_user_content .controlarea{
    overflow: hidden;
    width: 1500px;
    margin: auto;
    border: 1px solid #006b33;
    border-radius: 16px;
}
.admin_user_content .controlarea h2{
    width: 170px;
    margin: 16px 0 0 32px;
    padding: 6px 0;
    color: #006b33;
    font-size: 20px;
    text-align: center;
    border: 1px solid #006b33;
    border-radius: 6px;
}
.admin_user_content .controlarea .content{
    width: 1450px;
    margin: 16px auto;
    float: none;
}
.admin_user_content .controlarea .content .control_head{
    overflow: hidden;
}
.admin_user_content .controlarea .content .control_head:after{
    content: "";
    display: block;
    clear: both;
}
.admin_user_content .controlarea .content .control_head div{
    float: left;
}
.admin_user_content .controlarea .content .control_head p{
    float: right;
    color: #f24f7d;
    margin-top: 20px;
}
.admin_user_content .controlarea .content .box{
    overflow: hidden;
}
.admin_user_content .controlarea .content .box:after{
    content: "";
    display: block;
    clear: both;
}
.admin_user_content .controlarea .content .box .in{
    display: inline-block;
    width: 140px;
    margin-right: 38px;
    margin-bottom: 32px;
}
.admin_user_content .controlarea .content .box .in:nth-child(5n){
    margin: 0;
}
.admin_user_content .controlarea .content .box .in .box_img{
    width: 140px;
    height: 140px;
    text-align: center;
    border: 1px solid #333;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}

//　リスト表示
.admin_user_content .controlarea .content .list{
    overflow: hidden;
}
.admin_user_content .controlarea .content .list:after{
    content: "";
    display: block;
    clear: both;
}
.admin_user_content .controlarea .content .list .in_long{
    display: inline-block;
    width: 200px;
    margin-right: 38px;
    margin-bottom: 32px;
}
.admin_user_content .controlarea .content .list .in_short{
    display: inline-block;
    width: 30px;
    margin-right: 38px;
    margin-bottom: 32px;
}

/** ここまで　**/

body{ 
	width: 100%;
	background-color: #555;
	color: #3f3f3f;
	background-image: url(/../images/top/top_body_bg.jpg);
	background-repeat: repeat;
	background-position: top;
}
a{
    color: #333;
    text-decoration: none;
}
header{
	
}
/*********************************************************

             header-top

*********************************************************/
header .header_toptext{
	width: 980px;
	margin: 0 auto 5px;
    font-size: 14px;
}
header .headerarea{
	background: #ffe4d7;
    margin-bottom: 10px;
}
header .headerarea .content{
	width: 980px;
    height: 150px;
	margin: auto;
/*    background-image: url(/../images/top/top_header_bd.png); */
    background-repeat: repeat;
    background-position: top;
}
header .headerarea .content .left_contents{
    width: 600px;
}
header .headerarea .content .header_head{
    margin-bottom: 4px;
    display: flex;
}
header .headerarea .content .header_head .public_menu{
    font-size: 14px;
}
header .headerarea .content .header_head .public_menu ul{
	list-style: none;
    border: dotted 2px #3F3F3F;
    border-radius: 5px;
    padding: 5px 20px;
}
header .headerarea .content .header_head .public_menu ul li{
    display: inline-block;
    margin-right: 20px;
}
header .headerarea .content .header_head .public_menu ul li a{
    color: #3f3f3f;
    text-decoration: none;
}
header .headerarea .content .header_head .member_menu{
	width: 240px;
    height: 103px;
    background-image: url(/../images/members/members_menu_back.png);
    padding: 15px 30px;
}
header .headerarea .content .header_head .member_menu .header_right_text {
    position: relative;
    top: 15px;
    font-size: 1.4rem;
}
header .headerarea .content .header_head .member_menu .header_right_text:after {
  position: absolute;
  top: -5px;
  width: 28px;
  height: 28px;
  content: "▾";
}
header .headerarea .content .header_head .login_menu{
	width: 240px;
    background-image: url(/../images/members/member_content_back.png);
    padding: 15px 30px;
    margin-left: auto;
}
header .headerarea .content .header_body{
	overflow: hidden;
    width: 830px;
    margin: auto;
}
header .headerarea .content .header_body:after{
	content: "";
	display: block;
	clear: both;
}
header .headerarea .content .header_body div.left{
	float: left;
    margin-left: 20px;
}
header .headerarea .content .header_body div.right{
	float: right;
        width: 550px;
        margin-right: 10px;
}
header .headerarea .content .header_footer{
    width: 600px;
    margin: 18px 0 0 20px;
/*    align-items: center; */
    display: flex;
#	display: table-cell;
#	vertical-align: middle;
}
header .headerarea .content .header_footer p{
	color: #F24F7D;
    font-size: 24px;
}
header .headerarea .content .right_contents .searcharea{
    overflow: hidden;
    width: 350px;
    height: 30px;
    padding: 0px 10px;
    font-size: 20px;
    color: #000;
    border: 1px solid #F24F7D;
    border-radius: 10px;
    margin-left: 6px;
    background-color: #fff;
    outline: 0;
}
header .headerarea .content .right_contents .searcharea:after{
    content: "";
    display: block;
    clear: both;
}
header .headerarea .content .right_contents .searcharea input[type="text"]{
    width: 280px;
    height: 26px;
    float: left;
}
header .headerarea .content .right_contents .searcharea input[type="submit"]{
    width: 40px;
    height: 30px;
    float: right;
    background-image: url(/../images/top/glass.png);
    background-position: 98% 40%;
    background-repeat: no-repeat;
    background-size: 66%;
}
/*********************************************************

              header-page

*********************************************************/
.page_header .header_body{
	
}
.page_header .header_body h1{
	float: left;
	margin-left: 36px;
        line-height: 0;
}
.page_header .header_body .header_search{
	float: left;
        display: flex;
        margin: 124px 0 0 30px;
	color: #F24F7D
}
.page_header .header_body .header_search p{
    color: #F24F7D;
    font-size: 24px;
}
.page_header .header_body .header_search .searcharea{
    overflow: hidden;
    width: 400px;
    height: 30px;
    padding: 0px 10px;
    font-size: 20px;
    color: #000;
    border: 1px solid #F24F7D;
    border-radius: 10px;
    margin-left: 6px;
    background-color: #fff;
    outline: 0;
}
.page_header .header_body .header_searchr .searcharea:after{
    content: "";
    display: block;
    clear: both;
}
.page_header .header_body .header_search .searcharea input[type="text"]{
    width: 330px;
    height: 26px;
    float: left;
}
.page_header .header_body .header_search .searcharea input[type="submit"]{
    width: 40px;
    height: 30px;
    float: right;
    background-image: url(/../images/top/glass.png);
    background-position: 98% 40%;
    background-repeat: no-repeat;
    background-size: 66%;
}
.page_header .header_body .weekrank{
	float: left;
        width: 180px;
	margin-left: 20px;
}
.page_header .header_body .weekrank h2{
	font-size: 13px;
        color: #fff;
        padding: 4px;
	margin-bottom: 4px;
        border-radius: 4px;
        background-color: #F24F7D;
}
.page_header .header_body .weekrank ol{
	margin-left: 0px;
        list-style: none;
}
.page_header .header_body .weekrank ol li{
    font-size: 16px;
    height: 26px;
    padding-left: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    background-size: 36% 100%;
}
.page_header .header_body .weekrank ol li:first-child{
    background-image: url(/images/top/ranking-1.png);
}
.page_header .header_body .weekrank ol li:nth-child(2){
    background-image: url(/images/top/ranking-2.png);
}
.page_header .header_body .weekrank ol li:nth-child(3){
    background-image: url(/images/top/ranking-3.png);
}
.page_header .header_body .weekrank ol li:nth-child(4){
    background-image: url(/images/top/ranking-4.png);
}
.page_header .header_body .weekrank ol li:last-child{
    background-image: url(/images/top/ranking-5.png);
}
.page_header .header_body .weekrank ol li a{
    line-height: 2;
}
/*********************************************************

              main

*********************************************************/
.main{
	width: 980px;
	margin: auto;
	background-color: #fff;
    margin-top: 60px;
}
.top_main{
	overflow: hidden;
}
.top_main:aftre{
	content: "";
	display: block;
	clear: both;
}
/*********************************************************

              footer-top

*********************************************************/

.content_footer_cat{
    overflow: hidden;
    width: 940px;
    margin: 50px auto 0;
}
.content_footer_cat h3{
    width: 170px;
    margin-bottom: 6px;
    text-align: center;
    color: #00b5be;
    border: 1px solid #00b5be;
    border-radius: 4px;
}
.content_footer_cat .category_link{
    float: left;
    width: 640px;
}
.content_footer_cat .category_link ul.category{    
    list-style: none;
    margin-left: 10px;
}
.content_footer_cat .category_link ul.category li{
    display: inline-block;
    margin-bottom: 20px;
}
.content_footer_cat .category_link ul.category li:nth-child(3n){
    margin-right: 0;
}
/*
.content_footer_cat .category_link ul.category #more_btn{
    
}
.content_footer_cat .category_link ul.category .more_btn1{
    background-image: url(/images/top/category_spring-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn2{
    background-image: url(/images/top/category_summer-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn3{
    background-image: url(/images/top/category_autumn-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn4{
    background-image: url(/images/top/category_winter-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn5{
    background-image: url(/images/top/category_life_event-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn6{
    background-image: url(/images/top/category_flameline-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn7{
    background-image: url(/images/top/category_sentence-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn8{
    background-image: url(/images/top/category_supplies-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn9{
    background-image: url(/images/top/category_character-off.png);
    background-repeat: no-repeat;
}
.content_footer_cat .category_link ul.category .more_btn a{
    display: inline-block;
}
.content_footer_cat .category_link ul.category .more_btn a:hover{
    background-color: transparent;
}
.content_footer_cat .category_link ul.category .more_btn a:hover img{
    visibility: hidden;
}
*/
.content_footer_cat .special_link{
    float: right;
    width: 290px;
}
.content_footer_cat .special_link div{
    margin-bottom: 6px;
}
footer{
    position: relative;
    width: 100%;
    margin: auto;
    padding: 0;
    text-align: center;
    background: #FFF;
}
footer p.copyright{
    width: 980px;
    margin: auto;
    padding: 160px 0 32px;
    text-align: center;
    background-color: #fff;
}
footer div{
    position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
    background-image: url(/images/top/footer_rogo_parts.png);
    background-repeat: repeat-x;
    background-position: unset;
    
}
/*********************************************************

              top

*********************************************************/
.top_main .content{
	float: left;
	width: 680px;
}
/*****************************************/
/***************left**************/
.top_main .content .left{
}
.top_main .content .left .information_area{
	margin: 0 0 10px 10px;
	padding: 50px 5px 0px 30px;
    width: 640px;
    height: 112px;
    background-image: url(/images/top/information_frame.png);
}
.top_main .content .left .information_area .information_list{
    height: 55px;
    overflow-y: scroll;
}
.top_main .content .left .information_area .information_list .item{	
    margin-bottom: 10px;
    font-size: 12px;
}
.top_main .content .left .illustarea{
	margin-bottom: 10px;
}
.top_main .content .left .illustarea .title{
	overflow: hidden;
    margin-bottom: 10px;
}
.top_main .content .left .illustarea .title h3{
	float: left;
	width: 170px;
    margin: 20px 20px 0 28px;
	font-size: 18px;
	text-align: center;
	border: 1px solid;
    border-radius: 4px;
}
.top_main .content .left .new_illust .title h3{ /*最新イラスト*/
	color: #00B5BE;
	border-color: #00B5BE;
}
.top_main .content .left .popular_illust .title h3{ /*人気のイラスト*/
	color: #F24F7D;
	border-color: #F24F7D;
}
.top_main .content .left .illustarea .title div{
	float: left;
}
.top_main .content .left .illustarea .illust_list{
    float: right;
    margin: 24px 56px 0 0;
    font-size: 16px;
    color: #00B5BE;
    border-bottom: 1px solid;
}
.top_main .content .left .illustarea .illust_list a{
    color: #00B5BE;
}
.top_main .content .left .illustarea ul{
	list-style: none;
}
.top_main .content .left .illustarea ul li{
	display: inline-block;
	margin: 0 2px;
    vertical-align: bottom;
}
.top_main .content .left .illustarea ul li div{
	border: 1px solid #000;
	border-radius: 16px;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
.top_main .content .left .new_illust ul.new li{
	margin-bottom: 10px;
}
.top_main .content .left .new_illust ul.new li div{
	width: 200px;
	height: 200px;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .top_main .content .left .new_illust ul.new li div a img{
	width: 200px;
	height: 190px;
        vertical-align: bottom;
    }
}
.top_main .content .left .new_illust ul.new li div a img{
	max-width: 200px;
	max-height: 190px;
        vertical-align: bottom;
}
.top_main .content .left .new_illust ul.new li p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.top_main .content .left .new_illust ul.new li p a{
    color: #333;
}
.top_main .content .left .new_illust ul li:first-child {
	
    margin-left: 30px;
}
.top_main .content .left .new_illust ul li:nth-child(3) div{
	
}
.top_main .content .left .new_illust ul li:nth-child(4) {
	
    margin-left: 30px;
}
.top_main .content .left .new_illust ul li:last-child div{
	
}
.top_main .content .left .illust_content{
    overflow: hidden;
    width: 590px;
    margin: auto;
}
.top_main .content .left .illust_content .illust_box{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.top_main .content .left .illust_content .illust_box:after{
    content: "";
    display: block;
    clear: both;
}
.top_main .content .left .illust_content .illust_box:nth-child(4n){
    margin-right: 0;
}
.top_main .content .left .illust_content .illust_box div{
    width: 140px;
    height: 140px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
.top_main .content .left .illust_content .illust_box div.small{
    width: 90px;
    height: 90px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .top_main .content .left .illust_content .illust_box div a img{
    height: 100%;
    width: 100%;
    vertical-align: bottom;
  }
}
.top_main .content .left .illust_content .illust_box div a img{
    max-height: 140px;
    max-width: 140px;
    vertical-align: bottom;
}
.top_main .content .left .illust_content .illust_box div.small a img{
    max-height: 90px;
    max-width: 90px;
    vertical-align: bottom;
}
.top_main .content .left .illust_content .illust_box p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.top_main .content .left .illust_content .illust_box p.small{
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.top_main .content .left .illust_content .illust_box p a{
    color: #333;
}
.top_main .content .left .use_box{
	margin: 20px;
}

/*****************************************/
/***************right**************/
.top_main .right{
	float: right;
	width: 230px;
}
.top_main .right .weekrank{
	width: 220px;
	margin-right: 24px;
}
.top_main .right .weekrank h2{
	font-size: 18px;
	font-weight: 100;
    padding-top: 2px;
    margin-bottom: 10px;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	background-color: #F24F7D;
}
.top_main .right .weekrank ol{
    list-style: none;
    margin-left: 0px;
}
.top_main .right .weekrank ol li{	
    font-size: 18px;
    padding-left: 90px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.top_main .right .weekrank ol li:first-child{
    background-image: url(/images/top/ranking-1.png);
}
.top_main .right .weekrank ol li:nth-child(2){
    background-image: url(/images/top/ranking-2.png);
}
.top_main .right .weekrank ol li:nth-child(3){
    background-image: url(/images/top/ranking-3.png);
}
.top_main .right .weekrank ol li:nth-child(4){
    background-image: url(/images/top/ranking-4.png);
}
.top_main .right .weekrank ol li:last-child{
    background-image: url(/images/top/ranking-5.png);
}
.top_main .right .weekrank ol li a{
    line-height: 2.5;
}
.top_main .right .category_illust{
    margin-right: 0px;
}
.top_main .right .category_illust .title{
	overflow: hidden;
    margin-bottom: 10px;
}
.top_main .right .category_illust .title h3{
	float: left;
	width: 170px;
    margin: 20px 8px 0 0px;
	font-size: 18px;
	text-align: center;
	color: #0010B5;
	border: 1px solid #0010B5;
    border-radius: 4px;
}
.top_main .right .category_illust .title div{
	float: left;
}
.top_main .right .category_illust ul.category{
	list-style: none;
}
.content .category_illust ul.category{
    list-style: none;
    overflow: hidden;
}
.content .category_illust ul.category #more_btn{
    width: 210px;
    float:left;
    margin-left: 10px;
    margin-bottom: 10px;
}
.content .category_illust ul.category .newline{
    clear: both;
}
.content .category_illust ul.category:after{
    clear: both;
}
/*
.content .category_illust ul.category .more_btn1{
    background-image: url(/images/top/category_spring-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn2{
    background-image: url(/images/top/category_summer-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn3{
    background-image: url(/images/top/category_autumn-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn4{
    background-image: url(/images/top/category_winter-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn5{
    background-image: url(/images/top/category_life_event-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn6{
    background-image: url(/images/top/category_flameline-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn7{
    background-image: url(/images/top/category_sentence-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn8{
    background-image: url(/images/top/category_supplies-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn9{
    background-image: url(/images/top/category_character-off.png);
    background-repeat: no-repeat;
}
.content .category_illust ul.category .more_btn a{
    display: block;
}
.content .category_illust ul.category .more_btn a:hover{
    background-color: transparent;
    text-indent: -9999px;
}
.content .category_illust ul.category .more_btn img{
    
}*/
/*****************************************/

/*********************************************************

illust-new_form

*********************************************************/
.illust-new_form{
    width: 960px;
    margin: auto;
    padding: 16px 32px;
    border: 1px solid #006b33;
    border-radius: 16px;
}
.illust-new_form h2{
    width: 180px;
    padding: 4px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: 100;
    color: #006b33;
    border: 1px solid #006b33;
    border-radius: 6px;
}
.illust-new_form h3{
    font-size: 16px;
    color: #333;
    margin: 30px;
    padding: 26px 0 16px 80px;
    background-image: url(/../images/top/game_rogo.png);
    background-position: left;
    background-repeat: no-repeat;
}
.illust-new_form .formarea{
    width: 600px;
    margin-left: 200px;
}
.illust-new_form .formarea h4{
    color: #333;
    font-size: 16px;
    margin-top: 32px;
}
.illust-new_form .formarea p{
    color: #006b33;
    border: 1px solid #006b33;
    border-radius: 6px;
}
.illust-new_form .formarea p.title_form{
    padding: 6px 0 6px 6px;
}
.illust-new_form .formarea p.title_form input{
    width: 100%;
}
.illust-new_form .formarea p.category_no_ber{
    border: none;
}
.illust-new_form .formarea p.category_no_ber input{
    display: none;
}
.illust-new_form .formarea p input:checked + .label{
    background-color: #9ccfa3;
}
.illust-new_form .formarea p .label{
    display: inline-block;
    width: 192px;
    padding: 6px 0 6px 20px;
    margin: 4px 2px;
    border: 1px solid #006b33;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
}
.illust-new_form .formarea p.advice{
    color: #ff4000;
    border: none;
}
.illust-new_form .formarea h4.illust_up_text{
    margin-top: 64px;
}
.illust-new_form .formarea div.illust_up_form {
    border: none;
    overflow: hidden;
}
.illust-new_form .formarea div.illust_up_form :after{
    content: "";
    display: block;
    clear: both;
}
.illust-new_form .formarea div.illust_up_form div{
    float: left;
}
.illust-new_form .formarea div.submit{
    margin: 32px 176px;
    padding: 6px;
    border: 1px solid #333;
    border-radius: 6px;
    text-align: center;
    background-color: #cfcfcf;
}

/*********************************************************

              controlarea

*********************************************************/
.controlarea{
    overflow: hidden;
    width: 960px;
    margin: auto;
    border: 1px solid #006b33;
    border-radius: 16px;
}
.controlarea h2{
    width: 170px;
    margin: 16px 0 0 32px;
    padding: 6px 0;
    color: #006b33;
    font-size: 20px;
    text-align: center;
    border: 1px solid #006b33;
    border-radius: 6px;
}
.controlarea .content{
    width: 880px;
    margin: 16px auto;
    float: none;
}
.controlarea .content .control_head{
    overflow: hidden;
}
.controlarea .content .control_head:after{
    content: "";
    display: block;
    clear: both;
}
.controlarea .content .control_head div{
    float: left;
}
.controlarea .content .control_head p{
    float: right;
    color: #f24f7d;
    margin-top: 20px;
}
.controlarea .content .box{
    overflow: hidden;
}
.controlarea .content .box:after{
    content: "";
    display: block;
    clear: both;
}
.controlarea .content .box .in{
    display: inline-block;
    width: 140px;
    margin-right: 38px;
    margin-bottom: 32px;
}
.controlarea .content .box .in:nth-child(5n){
    margin: 0;
}
.controlarea .content .box .in .box_img{
    width: 140px;
    height: 140px;
    text-align: center;
    border: 1px solid #333;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .controlarea .content .box .in .box_img img{
    width: 100%;
    height: 100%; 
  }
}
.controlarea .content .box .in .box_img img{
    max-width: 140px;
    max-height: 140px;
}
.controlarea .content .box .in .title{
    margin-bottom: 10px;
}
.controlarea .content .box .in .title a{
    color: #000;
}
.controlarea .content .box .in .box_controler{
    padding: 20px 0 20px 8px;
    border: 1px solid #333;
    border-radius: 16px;
    background-color: #e6e6e6;
}
.controlarea .content .box .in .box_controler p:last-child{
    width: 120px;
    text-align: center;
}

//　リスト表示
.controlarea .content .list{
    overflow: hidden;
}
.controlarea .content .list:after{
    content: "";
    display: block;
    clear: both;
}
.controlarea .content .list .in_long{
    display: inline-block;
    width: 200px;
    margin-right: 38px;
    margin-bottom: 32px;
}
.controlarea .content .list .in_short{
    display: inline-block;
    width: 30px;
    margin-right: 38px;
    margin-bottom: 32px;
}

/*********************************************************

              mypagearea

*********************************************************/
.mypagearea{
    overflow: hidden;
    width: 960px;
    margin: auto;
    border: 1px solid #006b33;
    border-radius: 16px;
}
.mypagearea .title{
    display: flex;
}
.mypagearea .title h2{
    width: 170px;
    margin: 16px 100px 0 32px;
    padding: 6px 0;
    background-color: #f08c8c;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 6px;
}
.mypagearea .title .all_dl{
    width: 240px;
    padding: 10px 10px;
    border: #f08c8c solid 1px;
    color: #f08c8c;
    margin: 16px 20px 0 0;
    font-size: 16px;
    border-radius: 6px;
}
.mypagearea .title .all_dl＿supplement{
    width: 400px;
    padding: 5px 10px;
    margin: 16px 0 0;
    font-size: 12px;
}

.mypagearea .content{
    width: 880px;
    margin: 16px auto;
    float: none;
}
.mypagearea .content .control_head{
    overflow: hidden;
}
.mypagearea .content .control_head:after{
    content: "";
    display: block;
    clear: both;
}
.mypagearea .content .control_head div{
    float: left;
}
.mypagearea .content .control_head p{
    float: right;
    color: #f24f7d;
    margin-top: 20px;
}
.mypagearea .content .box{
    overflow: hidden;
}
.mypagearea .content .box:after{
    content: "";
    display: block;
    clear: both;
}
.mypagearea .content .box .in{
    display: inline-block;
    width: 140px;
    margin-right: 38px;
    margin-bottom: 32px;
}
.mypagearea .content .box .in:nth-child(5n){
    margin: 0;
}
.mypagearea .content .box .in .box_img{
    width: 140px;
    height: 140px;
    text-align: center;
    border: 1px solid #333;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .mypagearea .content .box .in .box_img img{
    width: 100%;
    height: 100%; 
  }
}
.mypagearea .content .box .in .box_img img{
    max-width: 140px;
    max-height: 140px;
}
.mypagearea .content .box .in .title{
    margin-bottom: 10px;
}
.mypagearea .content .box .in .title a{
    color: #000;
}
.mypagearea .content .box .in .box_controler{
    padding: 20px 0 20px 8px;
    border: 1px solid #333;
    border-radius: 16px;
    background-color: #e6e6e6;
}
.mypagearea .content .box .in .box_controler p:last-child{
    width: 120px;
    text-align: center;
}

//　リスト表示
.mypagearea .content .list{
    overflow: hidden;
}
.mypagearea .content .list:after{
    content: "";
    display: block;
    clear: both;
}
.mypagearea .content .list .in_long{
    display: inline-block;
    width: 200px;
    margin-right: 38px;
    margin-bottom: 32px;
}
.mypagearea .content .list .in_short{
    display: inline-block;
    width: 30px;
    margin-right: 38px;
    margin-bottom: 32px;
}
/*********************************************************
    
              inquiry_content

*********************************************************/
.inquiry_content{
    color: #333;
}
.inquiry_content .formarea{
    width: 950px;
    margin: auto;
    padding-bottom: 64px;
    border: 1px solid #006b33;
    border-radius: 16px;
}
.inquiry_content .formarea h2{
    width: 170px;
    margin: 16px 0 0 32px;
    padding: 6px 0;
    color: #006b33;
    font-size: 20px;
    text-align: center;
    border: 1px solid #006b33;
    border-radius: 6px;
}
.inquiry_content .formarea .inquiry_head{
    overflow: hidden;
    width: 790px;
    margin: 30px auto;
}
.inquiry_content .formarea .inquiry_head:after{
    content: "";
    display: block;
    clear: both;
}
.inquiry_content .formarea .inquiry_head div{
    float: left;
}
.inquiry_content .formarea .inquiry_head p{
    float: left;
    font-size: 18px;
    margin-left: 20px;
}
.inquiry_content .formarea .box{
    width: 640px;
    margin: auto;
}
.inquiry_content .formarea .box h3{
    font-size: 18px;
    font-weight: 100;
}
.inquiry_content .formarea .box input{
    width: 640px;
    margin-bottom: 22px;
    padding: 6px 0;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
}
.inquiry_content .formarea .box textarea{
    width: 640px;
    margin-bottom: 22px;
    padding: 6px 0;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
}
.inquiry_content .formarea .box div.submit{
    width: 100px;
    margin: auto;
    padding: 7px 0;
    text-align: center;
    background-color: #b2b2b2;
    border-radius: 4px;
}
.inquiry_content .formarea .box div.submit input{
    width: 100px;
    margin: 0;
}

/*********************************************************
    
              requests_content

*********************************************************/
.requests_content{
    color: #333;
}
.requests_content .formarea{
    width: 950px;
    margin: auto;
    padding-bottom: 64px;
    border: 1px solid #006b33;
    border-radius: 16px;
}
.requests_content .formarea h2{
    width: 170px;
    margin: 16px 0 0 32px;
    padding: 6px 0;
    color: #006b33;
    font-size: 20px;
    text-align: center;
    border: 1px solid #006b33;
    border-radius: 6px;
}
.requests_content .formarea .requests_head{
    overflow: hidden;
    width: 790px;
    margin: 30px auto;
}
.requests_content .formarea .requests_head:after{
    content: "";
    display: block;
    clear: both;
}
.requests_content .formarea .requests_head div{
    float: left;
}
.requests_content .formarea .requests_head p{
    float: left;
    font-size: 18px;
    margin-left: 20px;
}
.requests_content .formarea .box{
    width: 640px;
    margin: auto;
}
.requests_content .formarea .box h3{
    font-size: 18px;
    font-weight: 100;
}
.requests_content .formarea .box input[type="text"]{
    width: 640px;
    margin-bottom: 22px;
    padding: 6px 0;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
}
.requests_content .formarea .box textarea{
    width: 640px;
    margin-bottom: 22px;
    padding: 6px 0;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
}
.requests_content .formarea .box div.submit{
    width: 100px;
    margin: auto;
    padding: 7px 0;
    text-align: center;
    background-color: #b2b2b2;
    border-radius: 4px;
}
.requests_content .formarea .box input[type="submit"]{
    width: 100px;
    margin: auto;
    padding: 7px 0;
    text-align: center;
    background-color: #b2b2b2;
    border-radius: 4px;
}


/*********************************************************

              about

*********************************************************/
.about_main{
    width: 950px;
    margin: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    border: 1px solid #006b33;
    border-radius: 16px;
}
.about_main h2{
    width: 170px;
    font-size: 18px;
    color: #006b33;
    margin-left: 46px;
    margin-bottom: 32px;
    text-align: center;
    border: 1px solid #006b33;
    border-radius: 4px;
}
.about_main .content_box{
    margin-left: 80px;
}
.about_main .content_box .pura_img{
    margin-bottom: 18px;
}
.about_main .content_box h3{
    font-size: 18px;
    color: #006b33;
    margin-bottom: 10px;
}
.about_main .content_box p{
    margin-bottom: 26px;
    font-size: 15px;
    line-height: 1.4;
}
.about_main .content_box p:last-child{
    margin-bottom: 32px;
}
.about_main .content_qa{
    margin-top: 80px;
    text-align: center;
}


/*********************************************************

              use

*********************************************************/
.use_main{
    padding-top: 10px;
    padding-bottom: 16px;
}
.use_main .content{
    float: none;
	width: 950px;
	margin: auto;
	border: 1px solid #F24F7D;
	border-radius: 16px;
}
.use_main .content h2{
    padding: 10px;
}
.use_main .content div{
	position: relative;
	margin-top: 32px;
}
.use_main .content div p{
	position: absolute;
    font-size: 14px;
    left: 32px;
    bottom: 16px;
}
.use_main .content div p a{
	color: #FF0000;
}
/*********************************************************

              post

*********************************************************/
.post_main{
	
}
.post_main h2{
	width: 845px;
    margin: 0 auto 12px;
    padding-left: 48px;
	font-size: 18px;
	color: #F24F7D;
    line-height: 3.2;
	border: 1px solid #F24F7D;
    border-radius: 4px;
	background-image: url(/../images/post/post_title_bg.png);
	background-position: left;
	background-repeat: no-repeat;
}
.post_main .illustarea{
	width: 830px;
	margin: auto;
}
.post_main .illustarea ul{
	list-style: none;
}
.post_main .illustarea ul li{
	display: inline-block;
	margin-bottom: 32px;
}
.post_main .illustarea ul li div{
	width: 200px;
	height: 200px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .post_main .illustarea ul li div img{
	width: 100%;
	height: 100%;
  }
}
.post_main .illustarea ul li div img{
	max-width: 200px;
	max-height: 200px;
}
.post_main .illustarea ul li p{
	font-size: 15px;
    margin-left: 8px;
}
.post_main .pagenation{
	margin-top: 32px;
}
.post_main .pagenation ul{
	list-style: none;
	text-align: center;
}
.post_main .pagenation ul li{
	display: inline-block;
	margin: 0 16px;
}
/*********************************************************

              single

*********************************************************/
.single_main{
	width: 680px;
  float: left;
}
.single_main .content{
	padding-bottom: 16px;
}
.single_main .illustarea{
	width: 680px;
	margin: auto;
}
.single_main .illustarea .showtitle{
    overflow: hidden;
}
.single_main .illustarea .showtitle h3{
    float: left;
	width: 170px;
	font-size: 18px;
	color: #00B5BE;
	text-align: center;
	border: 1px solid #00B5BE;
	border-radius: 6px;
}
.single_main .illustarea .showtitle .my_bookmark_add{
    float: left;
	width: 186px;
    margin-left: 30px;
}
.single_main .illustarea .showtitle p{
    float: right;
}
.single_main .illustarea .showtitle p a{
    color: #00B5BE;
    text-decoration: underline;
}
.single_main .illustarea .in{
	overflow: hidden;
    margin: 18px auto 28px;
}
.single_main .illustarea .in .box{
	float: left;
	width: 300px;
  margin: 10px 20px;
}
.single_main .illustarea .in .box:last-child{
    float: left;
}
.single_main .illustarea .in .box h4{
	text-align: center;
}
.single_main .illustarea .in .box .illust{
	width: 300px;
	height: 300px;
	text-align: center;
	border: 1px solid #000;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
#	display: table-cell;
#	vertical-align: middle;

}
.single_main .illustarea .in .box .illust img{
	max-width: 300px;
	max-height: 300px;
}
.single_main .illustarea .in .box p.color{
	width: 185px;
	margin: 16px auto 4px;
	color: #fff;
	text-align: center;
	background-color: #00B5BE;
    border-radius: 2px;
    box-shadow: 0px 0px 6px #00B5BE;
}
.single_main .illustarea .in .box p.mono{
	width: 185px;
	margin: 16px auto 4px;
	color: #fff;
	text-align: center;
	background-color: #666666;
    border-radius: 2px;
    box-shadow: 0px 0px 6px #666666;
}
.single_main .illustarea .in .box a{
    color: #FFF;
}
.single_main .illustarea .category{
    overflow: hidden;
	width: 680px;
	margin: auto;
}
.single_main .illustarea .category:after{
    content: "";
    display: block;
    clear: both;
}
.single_main .illustarea .category div{
    float: left;
    width: 100px;
    margin: 5px 6px 5px 20px;
    padding: 2px 0;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background-color: #8C8C8C;
}
.single_main .illustarea .category p{
    margin: 8px 0;
}
.single_main .illustarea .category ul{
    float: left;
    width: 450px;
    margin: 8px 0;
    list-style: none;
}
.single_main .illustarea .category ul li{
	display: inline-block;
	padding: 0 4px 0 0;
	text-align: center;
}
.single_main .otherarea{
	width: 680px;
	margin: 35px auto;
	position: relative;
}
.single_main .otherarea h3{
	width: 170px;
    margin: 0px 0 8px 22px;
	color: #00B5BE;
	text-align: center;
	background-color: #fff;
	border: 1px solid #00B5BE;
	border-radius: 6px;
}
/******************************************************/
.single_main .otherarea .swiper-container2{
	width: 650px;
    margin: 0 0 0 44px;
}
.single_main .otherarea .swiper-container2 .swiper-slide{
    width: 130px !important;
    opacity: 1!important;
}
.single_main .otherarea .swiper-container2 .swiper-slide div{
	width: 130px;
	height: 130px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
.single_main .otherarea .swiper-container2 .swiper-slide div img{
	width: 100%;
	max-height: 130px;
}


.single_main .otherarea .popular_illust_content{
    overflow: hidden;
    width: 650px;
    margin: auto;
}
.single_main .otherarea .popular_illust_content .popular_illust_box{
    float: left;
    margin-right: 18px;
    margin-bottom: 10px;
}
.single_main .otherarea .popular_illust_content .popular_illust_box:after{
    content: "";
    display: block;
    clear: both;
}
.single_main .otherarea .popular_illust_content .popular_illust_box:nth-child(4n){
    margin-right: 0;
}
.single_main .otherarea .popular_illust_content .popular_illust_box div{
    width: 140px;
    height: 140px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
.single_main .otherarea .popular_illust_content .popular_illust_box div a img{
    max-height: 140px;
    width: 100%;
    vertical-align: bottom;
}
.single_main .otherarea .popular_illust_content .popular_illust_box p a{
    color: #333;
}

/*******************************************************/
.single_main .otherarea ul{
	list-style: none;
}
.single_main .otherarea ul li{
	display: inline-block;
}
.single_main .otherarea ul li:first-child{
	margin-right: 10px;
}
.single_main .otherarea ul li:first-child div{
	border: none;
    width: 24px!important;
    height: 164px!important;
}
.single_main .otherarea ul li:last-child{
	margin-left: 10px;
}
.single_main .otherarea ul li:last-child div{
	border: none;
    width: 24px!important;
    height: 164px!important;
}
.single_main .otherarea ul li div{
	width: 140px;
	height: 140px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .single_main .otherarea ul li div img{
	width: 100%;
	height: 100%;
  }
}
.single_main .otherarea ul li div img{
	max-width: 140px;
	max-height: 140px;
}
.single_main .otherarea p{
    font-size: 15px;
    margin-left: 8px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/**********************************************
         categoryarea
**********************************************/
.categoryarea{
    width: 680px;
    margin: 0px auto 50px;
    float: left;
}
.categoryarea h2{
    font-size: 18px;
    color: #F24F7D;
    padding: 12px 0 12px 36px;
    border: 1px solid #F24F7D;
    border-radius: 6px;
}
.categoryarea .content_box{
    overflow: hidden;
    margin: 10px auto;
    width: 630px;
}
.categoryarea .content_box:after{
    content: "";
    display: block;
    clear: both;
}
.categoryarea .content_box .content_single_box{
    float: left;
    width: 200px;
    margin-right: 12px;
    margin-bottom: 20px;
}
.categoryarea .content_box .content_single_box:nth-child(3n){
    margin-right: 0;
}
.categoryarea .content_box .content_single_box .box_img{
    width: 200px;
    height: 200px;
    text-align: center;
    border: 1px solid #3f3f3f;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .categoryarea .content_box .content_single_box .box_img img{
    width: 96%;
    height: 96%;
  }
}
.categoryarea .content_box .content_single_box .box_img img{
    max-width: 200px;
    max-height: 200px;
}
.categoryarea .content_box .content_single_box p{    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.categoryarea .content_box .content_single_box .title a{
    font-size: 15px;
    color: #3f3f3f;
    margin-left: 6px;
    text-decoration: none;
}
.categoryarea .pagination{
    text-align: center;
}
.categoryarea .pagination span{
    margin: 0 10px;
}
.categoryarea .pagination span.current{
    margin: 0 16px;
    color: #fff;
    padding: 6px;
    text-align: center;
    background-color: #aaa;
}
/**********************************************
         searcharea
**********************************************/
.searcharea{
    width: 680px;
    margin: 0px auto 50px;
    float: left;
}
.searcharea h2{
    font-size: 18px;
    color: #F24F7D;
    padding: 12px 0 12px 36px;
    border: 1px solid #F24F7D;
    border-radius: 6px;
}
.searcharea .box{
    overflow: hidden;
    margin: 10px auto;
    width: 630px;
}
.searcharea .box:after{
    content: "";
    display: block;
    clear: both;
}
.searcharea .box .content{
    float: left;
    width: 200px;
    margin-right: 10px;
    margin-bottom: 16px;
}
.searcharea .box .content .box_img{
    width: 200px;
    height: 200px;
    text-align: center;
    border: 1px solid #3f3f3f;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .searcharea .box .content .box_img img{
    width: 96%;
    height: 96%;
  }
}
.searcharea .box .content .box_img img{
    max-width: 200px;
    max-height: 200px;
}
.searcharea .box .content .title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.searcharea .box .content .title a{
    font-size: 15px;
    color: #3f3f3f;
    margin-left: 6px;
    text-decoration: none;
}
.searcharea .pagination{
    text-align: center;
}
.searcharea .pagination span{
    margin: 0 10px;
}
.searcharea .pagination span.current{
    margin: 0 16px;
    color: #fff;
    padding: 6px;
    text-align: center;
    background-color: #aaa;
}


/**********************************************
         petit_categoryarea,petit_box
**********************************************/
.petit_categoryarea{
    width: 680px;
    margin: 0px auto 50px;
    float: left;
}

.petit_categoryarea h3{
    font-size: 18px;
    color: #F24F7D;
    padding: 12px 0 12px 36px;
    border: 1px solid #F24F7D;
    border-radius: 6px;
}
.petit_categoryarea .title_area{
    overflow: hidden;
    background-color: #FFF;
    border-radius: 25px;
    padding: 5px 10px;
    width: 660px;
}
.petit_categoryarea .title_area h2{
    float: left;
    width: 220px;
}
.petit_categoryarea .title_area .detail{
    float: left;
    width: 410px;
    margin-top:20px;
}

.petit_categoryarea .search p{
    color: #F24F7D;
    font-size: 24px;
}
.petit_categoryarea .search .searcharea{
    overflow: hidden;
    width: 400px;
    height: 30px;
    padding: 0px 10px;
    font-size: 20px;
    color: #000;
    border: 1px solid #000;
    border-radius: 10px;
    margin-left: 6px;
    background-color: #fff;
    outline: 0;
}
.petit_categoryarea .search .searcharea:after{
    content: "";
    display: block;
    clear: both;
}
.petit_categoryarea .search .searcharea input[type="text"]{
    width: 330px;
    height: 26px;
    float: left;
}
.petit_categoryarea .search .searcharea input[type="submit"]{
    width: 40px;
    height: 30px;
    float: right;
    background-image: url(/../images/petit/glass_black.png);
    background-position: 98% 40%;
    background-repeat: no-repeat;
    background-size: 66%;
}
.petit_categoryarea .indextitle h3{
/*    float: left;*/
	width: 260px;
}
.petit_categoryarea .content_box{
    overflow: hidden;
    margin: 10px auto;
    width: 630px;
}
.petit_categoryarea .content_box:after{
    content: "";
    display: block;
    clear: both;
}
.petit_categoryarea .content_box .content_single_box{
    float: left;
    width: 115px;
    margin-right: 12px;
    margin-bottom: 20px;
}
.petit_categoryarea .content_box .content_single_box:nth-child(5n){
    margin-right: 0;
}
.petit_categoryarea .content_box .content_single_box .box_img{
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px solid #3f3f3f;
    background: #FFF;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .petit_categoryarea .content_box .content_single_box .box_img img{
    width: 96%;
    height: 96%;
  }
}
.petit_categoryarea .content_box .content_single_box .box_img img{
    max-width: 50px;
    max-height: 50px;
}
.petit_categoryarea .content_box .content_single_box p{    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.petit_categoryarea .content_box .content_single_box .title a{
    font-size: 15px;
    color: #3f3f3f;
    margin-left: 6px;
    text-decoration: none;
}
.petit_categoryarea .pagination{
    text-align: center;
}
.petit_categoryarea .pagination span{
    margin: 0 10px;
}
.petit_categoryarea .pagination span.current{
    margin: 0 16px;
    color: #fff;
    padding: 6px;
    text-align: center;
    background-color: #aaa;
}

.content_footer_cat .category_link ul.petit_category{    
    list-style: none;
    margin-left: 10px;
}
.content_footer_cat .category_link ul.petit_category li{
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 20px;
}
.content_footer_cat .category_link ul.petit_category li:nth-child(3n){
    margin-right: 0;
}


/**********************************************
         petit_single
**********************************************/

.single_main .title_area{
    overflow: hidden;
    background-color: #FFF;
    border-radius: 25px;
    padding: 5px 10px;
    width: 660px;
}
.single_main .title_area h2{
    float: left;
    width: 220px;
}
.single_main .title_area .detail{
    float: left;
    width: 410px;
    margin-top:20px;
}

.single_main .search p{
    color: #F24F7D;
    font-size: 24px;
}
.single_main .search .searcharea{
    overflow: hidden;
    width: 400px;
    height: 30px;
    padding: 0px 10px;
    font-size: 20px;
    color: #000;
    border: 1px solid #000;
    border-radius: 10px;
    margin-left: 6px;
    background-color: #fff;
    outline: 0;
}
.single_main .search .searcharea:after{
    content: "";
    display: block;
    clear: both;
}
.single_main .search .searcharea input[type="text"]{
    width: 330px;
    height: 26px;
    float: left;
}
.single_main .search .searcharea input[type="submit"]{
    width: 40px;
    height: 30px;
    float: right;
    background-image: url(/../images/petit/glass_black.png);
    background-position: 98% 40%;
    background-repeat: no-repeat;
    background-size: 66%;
}

.single_main .illustarea .petit_in{
	overflow: hidden;
    margin: 18px auto 28px;
	width: 500px;
}
.single_main .illustarea .petit_in .petit_box{
	float: left;
	width: 170px;
  	margin: 10px 40px;
}
.single_main .illustarea .petit_in .petit_box:last-child{
    float: left;
}
.single_main .illustarea .petit_in .petit_box h4{
	text-align: center;
}
.single_main .illustarea .petit_in .petit_box .illust{
	width: 140px;
	height: 140px;
	margin: auto;
	text-align: center;
	border: 1px solid #000;
        border-radius: 70px;
        display: flex;
	background: #FFF;
        align-items: center;
        justify-content: center;
#	display: table-cell;
#	vertical-align: middle;

}
.single_main .illustarea .petit_in .petit_box .illust img{
	max-width: 70px;
	max-height: 70px;
}
.single_main .illustarea .petit_in .petit_box p.color{
	width: 185px;
	margin: 16px auto 4px;
	color: #fff;
	text-align: center;
	background-color: #00B5BE;
    border-radius: 2px;
    box-shadow: 0px 0px 6px #00B5BE;
}
.single_main .illustarea .petit_in .petit_box p.mono{
	width: 185px;
	margin: 16px auto 4px;
	color: #fff;
	text-align: center;
	background-color: #666666;
    border-radius: 2px;
    box-shadow: 0px 0px 6px #666666;
}
.single_main .illustarea .petit_in .petit_box a{
    color: #FFF;
}

.single_main .petit_otherarea{
	width: 680px;
	margin: 35px auto;
	position: relative;
}
.single_main .petit_otherarea h3{
	width: 230px;
    margin: 0px 0 15px 15px;
	color: #00B5BE;
	text-align: center;
	background-color: #fff;
	border: 1px solid #00B5BE;
	border-radius: 6px;
}
.single_main .petit_otherarea .swiper-container2{
	width: 650px;
    margin: 0 0 0 44px;
}
.single_main .petit_otherarea .swiper-container2 .swiper-slide{
    width: 80px !important;
    opacity: 1!important;
}
.single_main .petit_otherarea .swiper-container2 .swiper-slide div{
	width: 80px;
	height: 80px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 40px;
	background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
.single_main .petit_otherarea .swiper-container2 .swiper-slide div img{
	max-width: 50px;
	max-height: 50px;
}


.single_main .petit_otherarea .popular_illust_content{
    overflow: hidden;
    width: 550px;
    margin: auto;
}
.single_main .petit_otherarea .popular_illust_content .popular_illust_box{
    float: left;
    margin-right: 18px;
    margin-bottom: 10px;
}
.single_main .petit_otherarea .popular_illust_content .popular_illust_box:after{
    content: "";
    display: block;
    clear: both;
}
.single_main .petit_otherarea .popular_illust_content .popular_illust_box:nth-child(5n){
    margin-right: 0;
}
.single_main .petit_otherarea .popular_illust_content .popular_illust_box div{
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px solid #000;
   background: #FFF;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
.single_main .petit_otherarea .popular_illust_content .popular_illust_box div a img{
    max-width: 50px;
    max-height: 50px;
    vertical-align: bottom;
}
.single_main .petit_otherarea .popular_illust_content .popular_illust_box p a{
    color: #333;
}

/*******************************************************/
.single_main .petit_otherarea ul{
	list-style: none;
}
.single_main .petit_otherarea ul li{
	display: inline-block;
}
.single_main .petit_otherarea ul li:first-child{
	margin-right: 10px;
}
.single_main .petit_otherarea ul li:first-child div{
	border: none;
    width: 24px!important;
    height: 164px!important;
}
.single_main .petit_otherarea ul li:last-child{
	margin-left: 10px;
}
.single_main .petit_otherarea ul li:last-child div{
	border: none;
    width: 24px!important;
    height: 164px!important;
}
.single_main .petit_otherarea ul li div{
	width: 140px;
	height: 140px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .single_main .petit_otherarea ul li div img{
	width: 100%;
	height: 100%;
  }
}
.single_main .petit_otherarea ul li div img{
	max-width: 140px;
	max-height: 140px;
}
.single_main .petit_otherarea p{
    font-size: 15px;
    margin-left: 8px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/**********************************************
         petit_searcharea
**********************************************/

/*******************************
special_illust
*******************************/
.specialarea{
    
}
.specialarea .special_illust_img{
    text-align: center;
}
.specialarea .keyword{
    margin: 10px 0 0 74px;
}
.specialarea .content_box{
    width: 800px;
    margin: 32px auto;
}
.specialarea .content_box .content_single_box{
    display: inline-block;
    width: 190px;
    margin-right: 6px;
    margin-bottom: 16px;
}
.specialarea .content_box .content_single_box:nth-child(3n){   
    margin-right: 0px;
}
.specialarea .content_box .content_single_box .box_img{
    width: 200px;
    height: 180px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
#	display: table-cell;
#	vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .specialarea .content_box .content_single_box .box_img img{
    width: 180px;
    height: 180px;
    vertical-align: bottom;
  }
}
.specialarea .content_box .content_single_box .box_img img{
    max-width: 180px;
    max-height: 180px;
}
.specialarea .content_box .content_single_box p.title{
    margin: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.specialarea .content_box .pagination{
    text-align: center;
}
.specialarea .content_box .pagination span{
    margin: 0 16px;
}
.specialarea .content_box .pagination span.current{
    margin: 0 16px;
    color: #fff;
    padding: 6px;
    text-align: center;
    background-color: #aaa;
}
.specialarea .content_footer_cat{
    overflow: hidden;
    width: 940px;
    margin: auto;
}

.specialarea .special_illust_img2024{
    text-align: center;
    padding:60px 0;
}

.specialarea .special_illust_img2025{
    text-align: center;
    padding:20px 0;
}

/*********************************************************
    
              管理ページログイン

*********************************************************/
.admin_login_content{
    color: #333;
}
.admin_login_content .formarea{
    width: 950px;
    margin: auto;
    padding-bottom: 64px;
    border: 1px solid #006b33;
    border-radius: 16px;
}
.admin_login_content .formarea h2{
    width: 170px;
    margin: 16px 0 0 32px;
    padding: 6px 0;
    color: #006b33;
    font-size: 20px;
    text-align: center;
    border: 1px solid #006b33;
    border-radius: 6px;
}
.admin_login_content .formarea .admin_login_head{
    overflow: hidden;
    width: 790px;
    margin: 30px auto;
}
.admin_login_content .formarea .admin_login_head:after{
    content: "";
    display: block;
    clear: both;
}
.admin_login_content .formarea .admin_login_head div{
    float: left;
}
.admin_login_content .formarea .admin_login_head p{
    float: left;
    font-size: 18px;
    margin-left: 20px;
}
.admin_login_content .formarea .box{
    width: 640px;
    margin: auto;
}
.admin_login_content .formarea .box h3{
    font-size: 18px;
    font-weight: 100;
}
.admin_login_content .formarea .box input[type="email"],
.admin_login_content .formarea .box input[type="password"]{
    width: 640px;
    margin-bottom: 22px;
    padding: 6px 0;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
}
.admin_login_content .formarea .box textarea{
    width: 640px;
    margin-bottom: 22px;
    padding: 6px 0;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
}
.admin_login_content .formarea .box div.submit{
    width: 100px;
    margin: auto;
    padding: 7px 0;
    text-align: center;
    background-color: #b2b2b2;
    border-radius: 4px;
}
.admin_login_content .formarea .box div.submit input{
    width: 100px;
    margin: 0;
}


/*********************************************************
    
              パスワードを忘れた場合

*********************************************************/
.admin_login_content .formarea .box div.forget_submit{
    width: 300px;
    margin: auto;
    padding: 7px 0;
    text-align: center;
    background-color: #b2b2b2;
    border-radius: 4px;
}
.admin_login_content .formarea .box div.forget_submit input{
    width: 300px;
    margin: 0;
}

.controlarea .control_head .searcharea{
    overflow: hidden;
    width: 500px;
    height: 30px;
    padding: 0px 10px;
    font-size: 20px;
    color: #000;
    border: 1px solid #006b33;
    border-radius: 10px;
    margin-left: 6px;
    background-color: #fff;
    outline: 0;
}
.controlarea .control_head .searcharea:after{
    content: "";
    display: block;
    clear: both;
}
.controlarea .control_head .searcharea input[type="text"]{
    width: 430px;
    height: 26px;
    float: left;
}
.controlarea .control_head .searcharea input[type="submit"]{
    width: 40px;
    height: 30px;
    float: right;
    background-image: url(/../images/top/glass.png);
    background-position: 98% 40%;
    background-repeat: no-repeat;
    background-size: 66%;
}


/*********************************************************

             petitillust

*********************************************************/
body.petit_layout{ 
	background-color: #FCFAE3;
	background-image: none;
	background-repeat: repeat;
}


.petit_main{
	width: 980px;
	margin: auto;
    padding-top: 32px;
	overflow: hidden;
}

/*********************************************************

             header-top

*********************************************************/
.petit_header .header_right{
	width: 600px;
	margin: 20px 30px 20px 0;
	float:left;
}
.petit_header .header_toptext{
	font-size: 12px;
	padding: 0;
}
.petit_header h1{
	float:left;
}
.petit_header .headerarea{
/*	background-image: url(/../images/top/top_header_bd.png); */
	background-repeat: repeat;
	background-position: top;
	background-color: #FFF;
}
.petit_header .headerarea .content{
	width: 980px;
	margin: auto;
        padding: 0px;
}
.petit_header .headerarea .content .header_head{
	margin-left: 22px;
        margin-bottom: 4px;
	overflow: hidden;
}

/*********************************************************

             イラストセットモーダル

*********************************************************/
.set_item{
    cursor:pointer;
}
.set_popup {
    display: none;
    height: 100vh;
    width: 100%;
    background:rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index:100;
}
  
.set_popup-content{
    padding: 2rem;
    width: 90vw;
    height:80vh;
    overflow-y:auto;
    position:relative;
}
.popup-show {
    display: flex;
    justify-content: center;
    align-items: center;
}
i.close{
    font-size:4rem;
    cursor:pointer;
    position:absolute;
    top:2%;
    right:2%;
    color:#fff;
}
 
@media screen and (min-width: 769px) {
 
.set_popup-content{
    width: 65%;
    max-width:60rem;
    height:90vh;
}
}

/*********************************************************

             AWARD2021

*********************************************************/

.award2021::after{
    clear: both;
}
.award2021 .first{
    width: 500px;
    margin: auto;
    margin-bottom: 100px;
}
.award2021 .cat_bundling_title{
    text-align:center;
}
.award2021 .cat_bundling_content::after{
    clear: both;
}
.award2021 .cat_bundling_content div{
    width: 242px;
    float: left;
    margin-left: 5px;
}

.award2021 .second_spring_h,.second_summer_h,.second_automn_h,.second_winter_h,.second_event_h,.second_flame_h,.second_letter_h,.second_articles_h,.second_character_h{
    width: 600px;
    margin: auto;
    display: none;
    margin-bottom:100px;
}
.award2021 .second_spring,.second_summer,.second_automn,.second_winter,.second_event,.second_flame,.second_letter,.second_articles,.second_character{
    width: 600px;
    margin: auto;
    display: block;
    margin-bottom:100px;
    clear:both;
    overflow: hidden;
}
.award2021 .cat_title{
    text-align:center;
    margin-bottom:30px;
}
.award2021 .cat_illust_content::after{
    clear: both;
}

.award2021 div.illust_box_1,div.illust_box_2,div.illust_box_3{
    width: 175px;
    float: left;
}
.award2021 div.illust_box_1 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #CAA846;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2021 div.illust_box_1 p.small{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2021 div.illust_box_1  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2021 div.illust_box_2 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #B2B2B2;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2021 div.illust_box_2 p.small{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2021 div.illust_box_2  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2021 div.illust_box_3 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #B78B5F;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2021 div.illust_box_3 p.small{
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2021 div.illust_box_3  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2021 div.illust_box_4{
    clear: both;
}

.award2021 div.illust_box_4,div.illust_box_5,div.illust_box_6,div.illust_box_7,div.illust_box_8,div.illust_box_9,div.illust_box_10{
    width: 280px;
    float: left;
}

.award2021 div.illust_box_4 div.rank_num,div.illust_box_5 div.rank_num,div.illust_box_6 div.rank_num,div.illust_box_7 div.rank_num,div.illust_box_8 div.rank_num,div.illust_box_9 div.rank_num,div.illust_box_10 div.rank_num{
    width: 50px;
    font-size: 16px;
}
.award2021 div.illust_box_4 p.small,div.illust_box_5 p.small,div.illust_box_6 p.small,div.illust_box_7 p.small,div.illust_box_8 p.small,div.illust_box_9 p.small,div.illust_box_10 p.small{
    width: 150px;
    float: left;
    margin-left:10px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.award2021 div.illust_box_4 div.small,div.illust_box_5 div.small,div.illust_box_6 div.small,div.illust_box_7 div.small,div.illust_box_8 div.small,div.illust_box_9 div.small,div.illust_box_10 div.small{
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px solid #B78B5F;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2021 div.illust_box_4 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2021 div.illust_box_5 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2021 div.illust_box_6 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2021 div.illust_box_7 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2021 div.illust_box_8 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2021 div.illust_box_9 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2021 div.illust_box_10 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2021_bn{
    width: 980px;
    margin: auto;
    position: relative;
}
.award2021_bn img{
    position: absolute;
    top: -65px;
}


/*********************************************************

             AWARD2022

*********************************************************/

.award2022::after{
    clear: both;
}
.award2022 .first{
    width: 500px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 100px;
    overflow: hidden;
}
.award2022 .cat_bundling_title{
    text-align:center;
}
.award2022 .cat_bundling_content::after{
    clear: both;
}
.award2022 .cat_bundling_content div{
    width: 160px;
    float: left;
    margin-left: 5px;
}

.award2022 .second_spring_h,.second_summer_h,.second_automn_h,.second_winter_h,.second_event_h,.second_flame_h,.second_letter_h,.second_articles_h,.second_character_h,.second_nursing_h,.second_facility_h,.second_petit_h{
    width: 600px;
    margin: auto;
    display: none;
    margin-top:100px;
}
.award2022 .second_spring,.second_summer,.second_automn,.second_winter,.second_event,.second_flame,.second_letter,.second_articles,.second_character,.second_nursing,.second_facility,.second_petit{
    width: 600px;
    margin: auto;
    display: block;
    margin-bottom:100px;
    clear:both;
    overflow: hidden;
}
.award2022 .cat_title{
    text-align:center;
    margin-bottom:30px;
}

.award2022 .cat_illust_content{
    overflow: hidden;
}

.award2022 .cat_illust_content::after{
    clear: both;
}

.award2022 div.illust_box_1,div.illust_box_2,div.illust_box_3{
    width: 175px;
    float: left;
}
.award2022 div.illust_box_1 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #CAA846;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2022 div.illust_box_1 p.small{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2022 div.illust_box_1  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2022 div.illust_box_2 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #B2B2B2;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2022 div.illust_box_2 p.small{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2022 div.illust_box_2  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2022 div.illust_box_3 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #B78B5F;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2022 div.illust_box_3 p.small{
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2022 div.illust_box_3  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2022 div.illust_box_4{
    clear: both;
}

.award2022 div.illust_box_4,div.illust_box_5,div.illust_box_6,div.illust_box_7,div.illust_box_8,div.illust_box_9,div.illust_box_10{
    width: 280px;
    float: left;
}

.award2022 div.illust_box_4 div.rank_num,div.illust_box_5 div.rank_num,div.illust_box_6 div.rank_num,div.illust_box_7 div.rank_num,div.illust_box_8 div.rank_num,div.illust_box_9 div.rank_num,div.illust_box_10 div.rank_num{
    width: 50px;
    font-size: 16px;
}
.award2022 div.illust_box_4 p.small,div.illust_box_5 p.small,div.illust_box_6 p.small,div.illust_box_7 p.small,div.illust_box_8 p.small,div.illust_box_9 p.small,div.illust_box_10 p.small{
    width: 150px;
    float: left;
    margin-left:10px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.award2022 div.illust_box_4 div.small,div.illust_box_5 div.small,div.illust_box_6 div.small,div.illust_box_7 div.small,div.illust_box_8 div.small,div.illust_box_9 div.small,div.illust_box_10 div.small{
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px solid #B78B5F;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2022 div.illust_box_4 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2022 div.illust_box_5 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2022 div.illust_box_6 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2022 div.illust_box_7 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2022 div.illust_box_8 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2022 div.illust_box_9 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2022 div.illust_box_10 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2022_bn{
    width: 980px;
    margin: auto;
    position: relative;
}
.award2022_bn img{
    position: absolute;
    top: -65px;
}

/*********************************************************

             AWARD2023

*********************************************************/

.award2024::after{
    clear: both;
}
.award2024 .first{
    width: 500px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 100px;
    overflow: hidden;
}
.award2024 .cat_bundling_title{
    text-align:center;
}
.award2024 .cat_bundling_content::after{
    clear: both;
}

.award2024 .cat_bundling_content{
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
}

.award2024 .cat_bundling_content div{
	width: 32%;
}

.award2024 .second_spring_h,.second_summer_h,.second_automn_h,.second_winter_h,.second_event_h,.second_flame_h,.second_letter_h,.second_articles_h,.second_character_h,.second_nursing_h,.second_facility_h,.second_petit_h{
    width: 600px;
    margin: auto;
    display: none;
    margin-top:100px;
}
.award2024 .second_spring,.second_summer,.second_automn,.second_winter,.second_event,.second_flame,.second_letter,.second_articles,.second_character,.second_nursing,.second_facility,.second_petit{
    width: 600px;
    margin: auto;
    display: block;
    margin-bottom:100px;
    clear:both;
    overflow: hidden;
}
.award2024 .cat_title{
    text-align:center;
    margin-bottom:30px;
}

.award2024 .cat_illust_content{
    overflow: hidden;
}

.award2024 .cat_illust_content::after{
    clear: both;
}

.award2024 div.illust_box_1,div.illust_box_2,div.illust_box_3{
    width: 175px;
    float: left;
}
.award2024 div.illust_box_1 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #CAA846;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2024 div.illust_box_1 p.small{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2024 div.illust_box_1  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2024 div.illust_box_2 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #B2B2B2;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2024 div.illust_box_2 p.small{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2024 div.illust_box_2  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2024 div.illust_box_3 div.small{
    width: 160px;
    height: 160px;
    text-align: center;
    border: 1px solid #B78B5F;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2024 div.illust_box_3 p.small{
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.award2024 div.illust_box_3  div.small a img{
    max-height: 160px;
    max-width: 160px;
    vertical-align: bottom;
}

.award2024 div.illust_box_4{
    clear: both;
}

.award2024 div.illust_box_4,div.illust_box_5,div.illust_box_6,div.illust_box_7,div.illust_box_8,div.illust_box_9,div.illust_box_10{
    width: 280px;
    float: left;
}

.award2024 div.illust_box_4 div.rank_num,div.illust_box_5 div.rank_num,div.illust_box_6 div.rank_num,div.illust_box_7 div.rank_num,div.illust_box_8 div.rank_num,div.illust_box_9 div.rank_num,div.illust_box_10 div.rank_num{
    width: 50px;
    font-size: 16px;
}
.award2024 div.illust_box_4 p.small,div.illust_box_5 p.small,div.illust_box_6 p.small,div.illust_box_7 p.small,div.illust_box_8 p.small,div.illust_box_9 p.small,div.illust_box_10 p.small{
    width: 150px;
    float: left;
    margin-left:10px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.award2024 div.illust_box_4 div.small,div.illust_box_5 div.small,div.illust_box_6 div.small,div.illust_box_7 div.small,div.illust_box_8 div.small,div.illust_box_9 div.small,div.illust_box_10 div.small{
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px solid #B78B5F;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.award2024 div.illust_box_4 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2024 div.illust_box_5 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2024 div.illust_box_6 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2024 div.illust_box_7 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2024 div.illust_box_8 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2024 div.illust_box_9 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2024 div.illust_box_10 div.small a img{
    max-height: 80px;
    max-width: 80px;
    vertical-align: bottom;
}
.award2024_bn{
    width: 980px;
    margin: auto;
    position: relative;
}
.award2024_bn img{
    position: absolute;
    top: -65px;
}


/*********************************************************

             セットバナー

*********************************************************/

.top_illustset_bn, .illustset_bn{
    width: 980px;
    margin: auto;
    position: relative;
}
.top_illustset_bn img{
    position: absolute;
    top: -10px;
}
.illustset_bn img{
    position: absolute;
    top: -10px;
}


/*********************************************************

             フレーベル館✖️いらすとぷらす

*********************************************************/

#kinderbook_wrap img {
    /*max-width: 100%;*/
    height: auto;
  }
  #kinderbook_wrap{
      width:100%;
      margin:auto;
      text-align: center;
      background: #f5f1ed;
  }
  #kinderbook_wrap .white{
      background-color: white;
      width:980px;
      margin:auto;
      position: relative;
  }
  #kinderbook_wrap .layout-header{
      background: url(/../images/kinderbook/header_back.png) center top no-repeat;
      text-align:center;
      height: 1518px;
      position: relative;
  }
  #kinderbook_wrap .keyvisual{
      position: absolute;
      top: 0;
      left: 0;
  }
  #kinderbook_wrap .contents_01{
      position: relative;
      padding-top: 727px;
      padding-bottom: 45px;
  }
  
  #kinderbook_wrap .layout-body{
      background: url(/../images/kinderbook/header_back.png) center top repeat-y;
      text-align:center;
  }
  #kinderbook_wrap .contents_02{
      height: 362px;
      background: url(/../images/kinderbook/contents_02.png) center top no-repeat;
      text-align: center;
      background-size: unset;
      margin: 156px auto 0;
  }
  #kinderbook_wrap .body_back{
      background: url(/../images/kinderbook/header_back.png) center top repeat-y;
      text-align:center;
      padding-top: 45px;
      padding-bottom: 300px;
  }
  #kinderbook_wrap .contents_04{
      margin: 50px auto;
  }
  #kinderbook_wrap .contents_05{
      margin: 50px auto;
      position: relative;
  }
  #kinderbook_wrap .fb{
      position: absolute;
      top: 210px;
      left: 55px;
      border: 7px solid lightgray;
  }
  #kinderbook_wrap .book_01{
      position: absolute;
      top: 200px;
      right: 365px;
  }
  #kinderbook_wrap .book_02{
      position: absolute;
      top: 175px;
      right: 265px;
  }
  #kinderbook_wrap .book_03{
      position: absolute;
      top: 175px;
      right: 170px;
  }
  #kinderbook_wrap .book_04{
      position: absolute;
      top: 175px;
      right: 75px;
  }
  #kinderbook_wrap .book_05{
      position: absolute;
      top: 410px;
      right: 345px;
  }
  #kinderbook_wrap .book_06{
      position: absolute;
      top: 410px;
      right: 205px;
  }
  #kinderbook_wrap .book_07{
      position: absolute;
      top: 410px;
      right: 75px;
  }
  #kinderbook_wrap .book_08{
      position: absolute;
      top: 655px;
      right: 370px;
  }
  #kinderbook_wrap .book_09{
      position: absolute;
      top: 654px;
      right: 265px;
  }
  #kinderbook_wrap .book_10{
      position: absolute;
      top: 650px;
      right: 173px;
  }
  #kinderbook_wrap .book_11{
      position: absolute;
      top: 656px;
      right: 73px;
  }
  #kinderbook_wrap .contents_06{
      margin: 50px auto;
  }
  
  #kinderbook_wrap .link_area{
      width: 980px;
      display: flex;
      margin: auto;
      justify-content: space-around;
      margin: 35px auto 60px;
  }


  #kinderbook_wrap .contents{
    background: url(/../images/kinderbook/parts.png);
    padding: 11px;
    width: 96%;
    margin: auto;
    border-radius: 40px;
  }
  #kinderbook_wrap .fbbookflex{
    display: flex;
    margin: auto;
    text-align: center;
    padding: 10px;
    background: #fff;
    border-radius: 33px;
}
#kinderbook_wrap .fbmain{
    width: 40%;
}
#kinderbook_wrap .fbmain h2{
    margin: 25px auto 40px;
}
#kinderbook_wrap .fbmain h2 img{
    width:80%;
}
#kinderbook_wrap .l-section h3{
    color: #ED1C24;
    font-size: 15px;
    text-align: left;
    margin: 35px 0px 0 10px;
}
#kinderbook_wrap .contents_07{
    margin: 50px auto;
}

#kinderbook_wrap .youtube{

    position: relative;


}
#kinderbook_wrap .caption{
    width:850px;
    height: 130px;
    background-color: #333333;
    color:white;
    text-align: left;
    padding: 20px;
    margin: -8px auto 65px;
}
#kinderbook_wrap .caption p{
    padding: 2px;
}
#kinderbook_wrap .caption .right{

    text-align: right;
}
#kinderbook_wrap .caption .right a{
    color: #FFFFFF;
}
  
  
  #kinderbook_wrap .layout-footer{
    /*  background: url(/../images/footer.png) center top no-repeat;*/
      text-align:center;
      height: 270px;
  }
  #kinderbook_wrap .footer{
      background: url(/../images/kinderbook/footer.png) center top no-repeat;
      text-align:center;
      margin:auto;
      height: 280px;
      position: relative;
      margin: -220px 0 0 0;}


/* 月間保育絵本のご紹介 */
/* SP */
#kinderbook_wrap .c-products-heading {
    position: relative;
    margin: -40px 0 -24px;
}

#kinderbook_wrap .p-products-content-wrap {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    align-items: flex-end;
}

#kinderbook_wrap .c-products-title {
    margin: 25px auto;
    padding: 4px 0;
    font-weight: bold;
    text-align: center;
    border-radius: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

#kinderbook_wrap .c-products-title_total {
    margin-top: 64px;
    background-color: #fab400;
}

#kinderbook_wrap .c-products-title_study {
    background-color: #50c8fd;
}

#kinderbook_wrap .c-products-title_science {
    background-color: #8dc760;
    margin: 25px auto 40px !important;
}

#kinderbook_wrap .c-products-title_tale {
    background-color: #ff9698;
}

#kinderbook_wrap .c-products-content {
    display: flex;
    flex-basis: calc((100% - 16px) /2);
    flex-direction: column;
    text-align: center;
}

#kinderbook_wrap .p-products-flex-pc {
    display: block;
}

#kinderbook_wrap .c-products-content-fig img {
    box-shadow: 0 3px 4px hsl(0deg 0% 50% / 33%);
    border: 1px solid #CCCCCC;
}

#kinderbook_wrap .kj > img,
#kinderbook_wrap .kb1 > img,
#kinderbook_wrap .kb2 > img {
    border-radius: 10px 0 0 10px;
}

#kinderbook_wrap .kk > img,
#kinderbook_wrap .km > img {
    border-radius: 0 10px 10px 0;
}

#kinderbook_wrap .c-products-content-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
    height: 32px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.0;
    color: #7a6a56;
    white-space: nowrap;
}

#kinderbook_wrap .c-products-content-txt_3lines_sp {
    height: 48px;
}

#kinderbook_wrap .c-products-content-age {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0 16px;
    padding: 4px;
    font-size: 10px;
    border: 1px solid #7a6a56;
    border-radius: 6px;
    background-color: #fff;
    text-align: center;
    color: #7a6a56;
}

#kinderbook_wrap .c-products-content-age_large {
    font-size: 13px;
    font-weight: bold;
}

#kinderbook_wrap .c-products-content-age_onecolumn {
    margin: 8px 0 16px;
    width: 100%;
}

#kinderbook_wrap .c-products-catch {
    animation: fuwafuwa 2s infinite ease-in-out 0s alternate;
}

/* TAB */
@media screen and (min-width: 768px) {
    #kinderbook_wrap .p-middle-wrap{
        position: relative;
        margin: 0 auto;
        max-width: 1040px;
        background-image: url(/images/spring/index/index/img/back-main.jpg);
    }

    #kinderbook_wrap .p-section-products {
        margin: 0 auto;
        /*width: 768px;*/
        width: 57%;
        border-radius: 40px;
        background-color: #fff;
    }

    #kinderbook_wrap .c-products-heading {
        margin: -40px auto 16px;
        width: 480px;
    }

    #kinderbook_wrap .c-products-title {
        margin: 25px auto;
    }

    #kinderbook_wrap .c-products-title_total {
        margin-top: 25px;
        position: relative;
    }

    #kinderbook_wrap .c-products-catch {
        position: absolute;
        top: -160px;
        left: -88px;
        width: 144px;
    }

    #kinderbook_wrap .p-products-flex-pc {
        display: flex;
        margin: 0 -24px 0 0;
    }

    #kinderbook_wrap .p-products-flexbox-pc {
        margin: 0 24px 0 0;
    }

    #kinderbook_wrap .c-products-content {
        flex-basis: 25%;
    }

    #kinderbook_wrap .p-products-flexbox-pc .p-products-content-wrap {
        justify-content: space-evenly;
    }

    #kinderbook_wrap .p-products-flexbox-pc .c-products-content {
        flex-basis: 146px;
    }

    #kinderbook_wrap .c-products-content-link {
        margin: 0 3px;
    }

    #kinderbook_wrap .c-products-content-fig {
        cursor: pointer;
        min-width: 107px;
        text-align: center;
    }

    #kinderbook_wrap .c-products-content-txt_3lines_sp {
        height: 32px;
    }

    #kinderbook_wrap .c-products-content-age {
        padding: 2px;
        font-size: 9px;
        border-width: 2px;
        border-radius: 16px;
    }

    #kinderbook_wrap .c-products-content-age_large {
        font-size: 9px;
    }
}

/* TAB_SMALL */
@media screen and (min-width: 768px) and (max-width: 900px) {
    #kinderbook_wrap .c-products-catch {
        left: -20px;
    }
}

/* ボタン群 */
/* SP */
#kinderbook_wrap .c-products-guide {
    margin: 32px 0 0;
    padding: 16px 0 0;
    border-top: 1px dotted #7a6a56;
}

#kinderbook_wrap .c-products-guide-link {
    display: block;
    position: relative;
}

#kinderbook_wrap .c-products-guide-owl {
    position: absolute;
    top: 0;
    left: 10%;
    width: 10%;
}

#kinderbook_wrap .p-products-about {
    margin: 16px 0 0;
    padding: 16px 48px;
    border-top: 1px dotted #7a6a56;
}

#kinderbook_wrap .c-products-about-link {
    display: block;
    position: relative;
    margin-bottom: 16px;
    width: 100%;
}

#kinderbook_wrap .c-products-guide-acom {
    position: absolute;
    top: 16%;
    left: 10%;
    width: 8%;
}

#kinderbook_wrap .c-products-about-btn {
    margin: 0 auto;
}

/* TAB */
@media screen and (min-width: 768px) {
    #kinderbook_wrap .c-products-guide {
        margin: 96px 8px 0;
        padding: 8px 40px 0;
    }

    #kinderbook_wrap .c-products-guide-owl {
        top: 0;
        left: 64px;
        width: 62px;
    }

    #kinderbook_wrap .p-products-about {
        display: flex;
        justify-content: space-around;
        margin: 24px -32px 24px 8px;
        padding: 40px 40px 0;
    }

    #kinderbook_wrap .c-products-about-link {
        flex-basis: 50%;
        margin: 0 40px 16px 0;
    }

    #kinderbook_wrap .c-products-about-btn {
        width: 100%;
    }

}


  
  /* colorbox */
  #cboxOverlay {
      background: #000;
    }
    #cboxLoadedContent {
      background: #fff;
    }
    #cboxLoadedContent {
      padding: 0;
      overflow: auto;
      -moz-box-shadow: 0px 1px 10px #000000;
      -webkit-box-shadow: 0px 1px 10px #000000;
      box-shadow: 0px 1px 10px #000000;
    }
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
      top: -30px;
    }
    #colorbox, #cboxOverlay, #cboxWrapper {
      overflow: visible ;
    }
    #cboxTitle {
      color: #fff;
    }
    #inline-content {/* インラインを使用する時のみ */
      margin: 20px;
    }
    #ajax-wrap {/* ajaxを使用する時のみ */
      margin: 20px;
    }



/* Swiper調整（絵本スライダー）(追加) */
.swiper,
.swiper-thumbnail {
	width: 85% !important;
	height: auto;
	margin: 3rem auto;
}

.swiper-container {
	width: 100%;
	overflow: hidden;
}

.main-slider,
.swiper-thumbnail .thumbnail {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.swiper-slide.main-slide {
	background-color: #333333;
}



.swiper-slide .youtube {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.swiper-slide .details {
	padding: 1rem;
	line-height: 1.6;
	color: #fff;
}

.swiper-slide .details span {
	display: block;
	text-align: left;
}

.swiper-slide .details span.original {
	text-align: right;
}

span.original a {
	text-decoration: none;
	color: #fff;
}


.swiper-thumbnail .thumbnail img {
	aspect-ratio: 16 / 9;
	width: 100%;
}

.swiper-thumbnail .thumbnail {
	position: relative;
}

.swiper-thumbnail .thumbnail::after {
	content: '';
	background: url(/../thumbnail/play.png) no-repeat;
	aspect-ratio: 4/3;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 20%;
	background-size: contain;
	z-index: 1;

}

.swiper-thumbnail .swiper-slide span {
	display: block;
	font-size: 12px;
	text-align: left;
}

/* //Swiper調整（絵本スライダー）(追加終了) */


/*---------------
*
*
*
/*---------------
*
* members_header（会員ページ、アンケートのページ共通）
*
/*---------------
*
*
*
---------------*/

#members_header {
    position: relative;
    width: 100%;
    height: 94px;
    background-image: url(/../images/members/headerbg02.png);
    background-repeat: repeat-x;
  }
  #members_header:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 37px;
    content: "";
    background-image: url(/../images/members/header_bg1.png);
    background-repeat: repeat-x;
    background-position: center;
  }
  #members_header .inner {
    max-width: 980px;
    margin: auto;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #members_header .inner .logo {
    padding-top: 10px;
  }
  #members_header .inner .header_right .header_right_text {
    position: relative;
    top: 10px;
    right: 50px;
    font-size: 1.4rem;
  }
  #members_header .inner .header_right .header_right_text:after {
    position: absolute;
    top: -5px;
    right: -30px;
    width: 28px;
    height: 28px;
    content: "▾";
  }
  
  #main_contents {
    margin-top: 30px;
  }
  #main_contents .inner #keyvisual {
    margin-bottom: 50px;
  }
  #main_contents .inner #member .member_img {
    margin-top: 35px;
    margin-bottom: 80px;
  }
  #main_contents .inner #member .member_img img:nth-of-type(2) {
    margin-top: 30px;
  }
  #main_contents .inner #point .point_bar {
    margin-bottom: 75px;
  }
  #main_contents .inner #point .point_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 945px;
    height: 100%;
    padding: 50px;
    border: solid 3px #da4e65;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 5px rgb(70, 69, 69);
            box-shadow: 0 5px 5px rgb(70, 69, 69);
  }
  #main_contents .inner #point .point_box + div {
    margin-top: 60px;
  }
  #main_contents .inner #point .point_box .point_box_para {
    font-size: 2rem;
    font-weight: bold;
  }
  #main_contents .inner #point .point_box .point_box_para2 {
    font-size: 2.5rem;
    font-weight: bold;
  }
  #main_contents .inner #point .point_box .point_box_para2 .point_box_text {
    color: #f27457;
    font-size: 3.4rem;
    font-weight: bold;
  }
  #main_contents .inner #point .point_box_btn {
    margin-top: 50px;
  }
  #main_contents .inner #game .game_box {
    margin-top: 70px;
  }
  #main_contents .inner #game .game_box .game_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 70px;
    gap: 30px;
  }
  #main_contents .inner #game .game_box .game_item img {
    width: 30%;
  }
  

/*==============================================================================================================================================================================================
*
*
* 会員メニュー
*
==============================================================================================================================================================================================*/


.member_menu_lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 300px;
    position: absolute;
    background-color: #f1c99e;
    transition: all .3s;
    font-size: 12px;
    color: #333;
    border-radius: 10px;
    padding: 10px;
    list-style: none;
    z-index: 10;
}
.header_right_text:hover .member_menu_lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.member_menu_lists:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #f1c99e;
    position: absolute;
    top: 0;
    left: 0;
}
.member_menu_lists a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.member_menu_lists .user_point {
    padding:10px 0;
    border-bottom: solid 1px #333;
}
.member_menu_lists .user_bonus {
    padding:10px 0;
    border-bottom: solid 1px #333;
}
.member_menu_lists .toppage_links {
    padding:10px 0;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 1px #333;
}
.member_menu_lists .logout {
    color: #fff;
    background: #f08c8c;
    padding: 3px;
}

  

/*==============================================================================================================================================================================================
*
*
* アンケートのページ(管理者用）
*
==============================================================================================================================================================================================*/

#questionnaire_admin {
    margin-top: 100px;
  }
.heading02 {
    font-size: 35px;
    font-weight: 400;
    background-color: #eec7c9;
    padding: 5px 60px;
    border-radius: 5px;
    margin-bottom: 40px;
  }
  #questionnaire_admin .inner .questionnaire_lead {
    font-size: 16px;
    font-weight: 500;
    width: 20%;
  }
  #questionnaire_admin .inner .questionnaire_lead span{
    padding: 5px 25px;
    background-color: #eec7c9;
    border-radius: 5px;
    
  }
  #questionnaire_admin .inner .questionnaire_box {
    width: 100%;
    border: 2px solid #d58a92;
    padding: 36px 36px 21px 25px;
    border-radius: 2px;
    background-color: #fff;
    margin-bottom:20px;
  }
  #questionnaire_admin .inner .questionnaire_box .heading03 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid #666666;
    padding-bottom: 2px;
    margin-bottom: 10px;
  }
  #questionnaire_admin .inner .questionnaire_box .heading03 .questionnaire_box_btn {
    float: right;
    width: 12%;
    background-color: #e6e6e6;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
  }
  #questionnaire_admin .inner .questionnaire_box .heading03 .questionnaire_box_btn .questionnaire_box_btn01 {
    font-size: 34px;
    font-weight: 500;
  }
  #questionnaire_admin .inner .questionnaire_box .heading03 .questionnaire_box_btn .questionnaire_box_btn02 {
    font-size: 16px;
  }
  #questionnaire_admin .inner .questionnaire_box .line_under_box .line_under_box_item .day_text {
    font-size: 17px;
    font-weight: bold;
  }
  #questionnaire_admin .inner .questionnaire_box .line_under_box .line_under_box_item .edit_btn {
    width: 10%;
    background-color: #e6e6e6;
    padding: 2px 5px;
  }
  #questionnaire_admin .inner .questionnaire_box .line_under_box .line_under_box_item .delete_btn {
    width: 10%;
    background-color: #e6e6e6;
    padding: 2px 5px;
  }

  .preview_link a{
    width: 200px;
    padding: 3px 10px;
    margin-bottom: 30px;
  }

/*==============================================================================================================================================================================================
*
*
* アンケートのページ
*
==============================================================================================================================================================================================*/

.questionnaire_answer_box {
    height: 100%;
    padding: 30px;
    margin: 50px;
    border-width: 5px;
    border-style: solid;
    background-color: #FFFBC4;
    border-color: rgb(218, 78, 101);
    -webkit-box-shadow: rgb(70, 69, 69) 0 5px 5px;
            box-shadow: rgb(70, 69, 69) 0 5px 5px;
            
  }
  .questionnaire_answer_box .choice_area {
    display: flex;
    flex-wrap: wrap;
  }
  .questionnaire_answer_box .choice_area>* {
    flex: 1 1 250px;
    margin: 10px;
  }
  .questionnaire_answer_box input, .questionnaire_answer_box select, .questionnaire_answer_box textarea {
    margin-bottom: 10px;
    padding: 6px 0;
    border: 1px solid #b2b2b2;
  }
  
  .questionnaire_box2_item_content_para1_select {
  position: relative;
  display: flex;
  align-items: center;
  margin: 2em auto;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
}
/*プルダウンの三角を設定*/
.questionnaire_box2_item_content_para1_select::before {
  position: absolute;
  right: 15px;
  content: '';
  width: 16px;
  height: 8px;
  background: #666666;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.questionnaire_box2_item_content_para1_select select {
  width: 100%;
  padding: 10px 45px 10px 10px;
  color: #666666;
  cursor: pointer;
  text-overflow: ellipsis;/*テキストがオーバーしたら'...'で省略*/
  z-index: 1;
  /* 標準のスタイルを無効にする */
  border: none;
  appearance: none;
  outline: none;
  background: transparent;
}

#questionnaire_main_contents {
    margin-top: 30px;
  }
  #questionnaire_main_contents #questionnaire_keyvisual {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }
  #questionnaire_main_contents .inner #questionnaire .point_bar {
    margin-bottom: 75px;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_lead {
    width: 730px;
    position: relative;
    margin: auto;
    font-size: 1.7rem;
    line-height: 1.2;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_lead span{
    color: #FFF;
    background-color: #FF5475;
    padding: 30px 15px;
    border-radius: 20px;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box1 {
    width: 770px;
    height: 100%;
    margin: auto;
    margin-bottom: 50px;
    padding: 60px 20px;
    border: solid 5px #da4e65;
    border-radius: 10px;
    background-color: #fffbc4;
    -webkit-box-shadow: 0 5px 5px rgb(70, 69, 69);
            box-shadow: 0 5px 5px rgb(70, 69, 69);
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box1 .questionnaire_box_para {
    padding-bottom: 10px;
    margin-bottom: 30px;
    color: #da4e65;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: solid 3px #da4e65;
  }
  
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box1 .questionnaire_box_para2 {
    display: flex;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box1 .questionnaire_box_para2 .point_disp {
    width: 486px;
    background-image: url(/../images/members/answer_point_disp.png);
    color: #FFF;
    font-size: 1.8rem;
    font-weight: bold;
    padding-left: 130px;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box1 .questionnaire_box_para2 .point_disp span {
    font-size: 2.2rem;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box1 .questionnaire_box_para2 .deadline_disp {
    font-size: 0.9rem;
    text-align: right;
    padding: 20px 30px;
  }
  
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box1 .questionnaire_box_para3 {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 10px 0;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box2 .questionnaire_box2_item {
    width: 610px;
    margin: auto;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box2 .questionnaire_box2_item_text {
    position: relative;
    width: 610px;
    margin-bottom: 5px;
    margin-left: 67px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 3;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box2 .questionnaire_box2_item_text:before {
    position: absolute;
    top: -20px;
    left: -60px;
    width: 60px;
    height: 60px;
    content: "";
    border: 2px solid #333;
    border-radius: 50px;
    background-image: url(/../images/members/questionnaire_img01.png);
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box2 .questionnaire_box2_item .questionnaire_box2_item_content {
    height: 100%;
    margin: auto;
    padding: 30px 50px;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(218, 78, 101);
    -webkit-box-shadow: rgb(70, 69, 69) 0 5px 5px;
            box-shadow: rgb(70, 69, 69) 0 5px 5px;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box2 .questionnaire_box2_item .questionnaire_box2_item_content .questionnaire_box2_item_content_para1 {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 500;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box2 .questionnaire_box2_item .questionnaire_box2_item_content .questionnaire_box2_item_content_text {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
  }
  #questionnaire_main_contents .inner #questionnaire .questionnaire_box2 .questionnaire_box2_item + .questionnaire_box2_item {
    margin-top: 50px;
  }
  
  /*==============================================================================================================================================================================================
  *
  *
  *Parts
  *
  *
  ==============================================================================================================================================================================================*/
  .questionnaire_box2_item_textb {
    position: relative;
    width: 610px;
    margin-bottom: 5px;
    margin-left: 67px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 3;
  }
  .questionnaire_box2_item_textb:before {
    position: absolute;
    top: -20px;
    left: -60px;
    width: 60px;
    height: 60px;
    content: "";
    border: 2px solid #333;
    border-radius: 50px;
    background-image: url(/../images/members/questionnaire_img02.png);
  }
  
  .questionnaire_box2_item_textc {
    position: relative;
    width: 610px;
    margin-bottom: 5px;
    margin-left: 67px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 3;
  }
  .questionnaire_box2_item_textc:before {
    position: absolute;
    top: -20px;
    left: -60px;
    width: 60px;
    height: 60px;
    content: "";
    border: 2px solid #333;
    border-radius: 50px;
    background-image: url(/../images/members/questionnaire_img03.png);
  }/*# sourceMappingURL=style.css.map */

  .answer_point_disp {
    background-image: url(/../images/members/answer_create_back.png);
    width: 973px;
    height: 800px;
  }
  .answer_point_disp .get_point{
    padding: 350px 0 0 400px;
    font-size: 120px;
    color: #fff;
  }
  .answer_point_disp .enquete_back{
    margin-top: 50px;
    margin-left: 500px;
  }
  
  /*# sourceMappingURL=style.css.map */



  /*==============================================================================================================================================================================================
  *
  *
  *Register
  *
  *
  ==============================================================================================================================================================================================*/
 .regist_area{
    background-image:url(/../images/regist/registration_back.png);
    width: 772px;
    height: 738px;
    overflow: hidden;
 }
 .regist_area .input_area{
    margin: 220px 200px 100px;
 }
 .regist_area .input_area .new_user{
    margin-bottom: 30px;
 }
 .regist_area .input_area .field{
    margin-bottom: 10px;
 }
 .regist_area .input_area input{
    border: #333 1px solid;
    width: 300px;
 }
 .regist_area .input_area .actions input{
    padding: 10px;
    margin-top: 10px;
 }
 .regist_conf_area{
    background-image:url(/../images/regist/registration_conf_back.png);
    width: 772px;
    height: 738px;
    overflow: hidden;
 }
 .regist_conf_area .disp_area{
    margin-top: 470px;
    text-align: center;
 }


/* 
    Document   : くるくるスロット（移植）
    Description:
        Purpose of the stylesheet follows.
*/

#slot_wrap{
    width: 682px;
    height: 991px;
    position: relative;
    background: url(/../images/members/bonus_no1/slot_back.jpg) no-repeat;
    margin-top: -10px;
}
#slot_adult_wrap{
    width: 682px;
    height: 991px;
    position: relative;
    background: url(/../images/members/bonus_no1/slot_adult_back.jpg) no-repeat;
    margin-top: -10px;
}
#slot_kids_wrap{
    width: 682px;
    height: 991px;
    position: relative;
    background: url(/../images/members/bonus_no1/slot_kids_back.jpg) no-repeat;
    margin-top: -10px;
}
#slot_zone{
    margin:190px 50px 0 80px;
    position: absolute;
}
#slot_zone_top{
    margin:200px 50px 0 80px;
    position: absolute;
}
.kuji_turn{
    width: 165px;
    height: 167px;
    background: url(/../images/members/bonus_no1/kuji_back.gif) no-repeat;
    text-align:center;
}

.kuji_stop{
    background-color: #FFFF99;
}



/*  ---------------------
/* レイアウト (index/game/clear)
/*---------------------*/
.scratch_wrap{
    background: url(/../images/members/bonus_no2/bg.png) no-repeat center center;
    width:684px;
    min-height:733px;
    margin:auto;
    position:relative;
    }
  
  /*  スクラッチゲーム.box */
  .scratch_wrap .scratch{
      position: absolute;
      width: 503px;
      height: 320px;
      top: 225px;
      left: 90px;
    }
  
  /*  ---------------------
  /*  スクラッチゲーム .scratchページ毎設定
  /*---------------------*/
  /*  スクラッチゲーム. .rule > .scratch*/
  .scratch_rule > .scratch{ background:url(/../images/members/bonus_no2/rule.png) center center no-repeat; }
  
  .scratch_wrap .scratch_mode-button{ 
    margin:170px 0 0;
    text-align:center;
     }
  .scratch_wrap .scratch_mode{
    display:inline-block;
    margin:0 5px;
    position:relative;
    }   
  .scratch_wrap .scratch_mode.scratch_easy:after{ 
    position:absolute;
    content:url(/../images/members/bonus_no2/easy_bubble.png);
    display:inline-block;
    right:40px;
    top:30px;
  }   
  .scratch_wrap .scratch_mode.scratch_hard:after{
    position:absolute;
    content:url(/../images/members/bonus_no2/hard_bubble.png);
    display:inline-block;
    top: 35px;
    right: 60px;
     }
  
  /*  .スタート画面 .start > .scratch*/
  .scratch_wrap .start-box{
    position:absolute;
    background:url(/../images/members/bonus_no2/scratch/bg.png) no-repeat center center;
    width:525px;
    height: 325px;
    z-index:5;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    top: 0px;
    left: 0px;
    }
  .start-box button{ 
    position: relative;
    top: 40px;
  }
  
  
  /*  スクラッチゲーム 共通*/
  .scratch_wrap .scratch_box{
    width:525px;
    height: 325px;
    overflow:hidden;
    border:3px solid #006b33;
    border-radius: 15px;
    background:#fef0d8;
    text-align:center;
     }
  
  /*  スクラッチゲーム.ゲーム画面 */
  .scratch_wrap .animal_card{
    width:520px;
    height: 320px;
    margin:2px auto;
    }
  
  /*  スクラッチゲーム.回答フォーム */
  .scratch_wrap .question-box{
    position:absolute;
    z-index:5;
    top:0;
    left:0;
    display:none;
    }
    
  .scratch_wrap #answerForm{
    position: absolute;
    top: 100px;
    left: 60px;
    text-align: left;
    line-height:3;
    }
  
  .scratch_wrap #answerForm > p{
    margin:0 0 12px;
    }
    
    
  .scratch_wrap .question-box.pouse{
    background:none;
    display:block;
    }
  .scratch_wrap .question-box.pouse #answerForm{ display:none; }.scratch_wrap .question-box.pouse #ansChoices{ display:none; }
  
  .scratch_wrap .question-box.restart{
    display:block;
    }
  .scratch_wrap .question-box.restart #answerForm{ display:block; }
  .scratch_wrap .question-box.restart #ansChoices{ display:block; }
  /*  スクラッチゲーム.答え合わせ */
  .scratch_wrap .answer-box{
    position:relative;
    }
  
  .scratch_wrap .animal_name{
    position:absolute;
    bottom:10px;
    right:10px;
    
    }




  /*  ---------------------
  /*  じゃんけんゲーム .jankenページ毎設定
  /*---------------------*/

  div#janken_all{
    background-color: #ffffff;
    width: 681px;
    height: 700px;
    /*    overflow: scroll;*/
}

#janken_wrap{
    width: 681px;
    position: relative;
}

#janken_zone{
	width: 681px;
	height: 545px;
	background: url(/images/members/bonus_no3/bg.png) no-repeat;
	position: absolute;
}

/* ももちゃんがわ */
#janken_zone #pc{/* 手を表示 */
	width: 200px;
	height: 170px;
	position: absolute;
	left: 37px;
	top: 192px;
}

/* ユーザー側 */

#janken_zone #player{/* 手を表示 */
	width: 164px;
	height: 90px;
	position: absolute;
	left: 488px;
	top: 266px;
	text-align:center
}

#janken_zone #janken_result{/* "君が出したのは"  初期値ではjsで隠してる*/
	position: absolute;
	left: 510px;
	top: 202px;
	width: 120px;
	height: 53px;
	display:none;
}


/* ボタンエリア */
#janken_zone #bonus3_rule {
    border: 1px solid #2c628b;
    width: 150px;
    position: relative;
    top: 140px;
    left: 250px;
}
#janken_zone input[type="button"]:hover {
    /* マウスが載ったとき */
    background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
    border: 1px solid #2c628b;
 }

#janken_zone #ctrlArea{/* スタートボタンと残り回数を表示させる場所 */
	width:680px;
	height:86px;
	position:absolute;
	left:0px;
	bottom:6px;
	text-align:center;
}


#janken_zone #text{/* ポイントを表示させる場所 */

	width:390px;
	height:28px;
	display:none;
	margin:20px auto;
	background:url(/images/members/bonus_no3/get_point.png) no-repeat;
}
	

#janken_zone #rest{/* 残り回数文字設定 */
	width:48px;
	height:70px;
	position:absolute;
	color:#EB6464;
	font-size:48px;
	font-weight:bold;
	left: 217px;
	top: 90px;
}


#janken_zone .winfreq,#janken_zone .winpoint{/* 勝利回数・ポイント文字設定 */
	width:10px;
	height:25px;
	position:relative;
	color:#EB6464;
	font-size:24px;
	font-weight:bold;
}


#janken_zone .winfreq{/* 勝利回数表示場所設定 */
	left:-80px;
	top: 0px;
}
	
#janken_zone .winpoint{/* ポイント表示場所設定 */
	left: 90px;
	top: 0px;
}

/* jAlert */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #EE60AA;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #EE60AA;
	background: #FFE6F3 top repeat-x;
	border: solid 1px #FFF;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 5px 0 no-repeat url(/img/momo_icon.gif);
	padding: 1em 1.75em;
	margin: 0em;
}
/*
#popup_content.alert {
	background-image: url(/img/momo_icon.gif);
}
*/
#popup_content.confirm {
	background-image: url(/img/momo_icon.gif);
}

#popup_content.prompt {
	background-image: url(/img/momo_icon.gif);
}

#popup_message {
	padding-left: 48px;
	font-size: 18px;
	color : #666666;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_panel input[type="button"]{
    border: 1px solid #2c628b;
    width: 100px;
    margin: 10px auto;
    font-size: 20px;
    padding: 5px 0;
}

#popup_prompt {
	margin: .5em 0em;
}




  
  /*  ---------------------
  /*  ポイント交換 point_exchange
  /*---------------------*/

#wrapper_point_exchange {
  width: 100%;
}
#wrapper_point_exchange .inner #point_space1 {
  margin-top: 20px;
}
#wrapper_point_exchange .inner #point_space1 img:nth-of-type(1) {
  margin-bottom: 20px;
  margin-left: 30px;
}
#wrapper_point_exchange .inner #point_space1 img:nth-of-type(2) {
  margin-bottom: 30px;
}
#wrapper_point_exchange .inner #point_space1 .flex_box1 {
  padding: 0 25px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#wrapper_point_exchange .inner #point_space1 img:nth-of-type(3) {
  padding-top: 30px;
  padding-bottom: 30px;
  margin: auto;
}
#wrapper_point_exchange .inner #point_space2 img:nth-of-type(1) {
  margin-bottom: 30px;
}
#wrapper_point_exchange .inner #point_space2 img:nth-of-type(2) {
  margin: 0 auto;
}
#wrapper_point_exchange .inner #point_space2 .point_space_box {
  padding-bottom: 80px;
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#wrapper_point_exchange .inner #point_space2 .point_space_box div {
  width: 48%;
  padding: 0 30px;
}
  #wrapper_point_exchange .inner #next_chance .next_chance_box {
    position: relative;
    margin-top: 20px;
    background-image: url(/images/members/point_exchange/pointget_bnr.png);
    background-repeat: no-repeat;
    height: 375px;
  }
  #wrapper_point_exchange .inner #next_chance .next_chance_box .next_chance_box_flexbox {
    width: 85%;
    top: 70%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }