@charset "UTF-8";

/* layout
----------------------------- */
.co_container_box_inner{
margin: 0 15px;
}
.co_container_box_inner:after {
content: " ";
display: block;
clear: both;
}
.contents_right {
float: left;
width: 770px;
margin: 0 0 0 20px;
padding-bottom: 8px;
background:#eae6cf;
text-align: left;
color: #333;
z-index: 1;
}
.pc_content {
width: 770px;
margin: 0 auto 10px;
padding-bottom: 20px;
background: #eae6cf;
}
.pc_content * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pc_content img {
width:100%;
height:auto;
}
.tab_panel {
width: 700px;
margin: 0 auto 30px;
padding: 28px 0;
background: #eae6cf;
border: 2px #000 solid;
border-top: none;
}
.section_wrapper {
width: 640px;
margin: 0 auto 60px;
background: #eae6cf;
}
#movie_area.section_wrapper {
margin: 0 auto 32px;
}
#sns_area.section_wrapper {
width: 700px;
}
.section_inner {
padding: 20px 2%;
background: #fff;
}
.pc_content p {
font-size: 16px;
}
.pc_content ul {
list-style:none;
}
/* common
----------------------------- */
.underline {
text-decoration: underline;
text-underline-position: under;
text-decoration-line: underline;
text-decoration-skip-ink: none;
}
.indent_1em {
padding-left: 1em;
text-indent: -1em;
}
.indent_2em {
padding-left: 2em;
text-indent: -2em;
}
/* imgBlock
----------------------------- */
.imgBlock {
display: flex;
justify-content: center;
align-items: stretch;
margin: 0 auto;
text-align: center;
}
.imgBlock.title {
margin-bottom: 20px
}
.imgBlock.banner {
margin-bottom: 40px
}
.imgBlock a {
display: block;
}
.imgBlock img {
width: 100%;
height:auto;
}
.imgBlock.title img {
max-width: 640px;
}
.two_cells a ,
.three_cells a {
display: block;
}
/* banner01/banner02
----------------------------- */
#banner01.section_wrapper {
width: 640px;
margin: 0 auto 30px;
}
#banner02.section_wrapper {
width: 640px;
}
.banner01 .banner_catch,
.banner02 .banner_catch {
margin-top: 8px;
text-align: center;
}
/* loginArea
----------------------------- */
.loginArea {
max-width: 600px;
margin: 30px auto 15px;
padding: 8px 0;
text-align: center;
}
.loginArea .loginBtn {
width: 98%;
margin: 0 auto 7px;
}
.loginArea .loginBtn a {
float: left;
display: block;
width: 49%;
height: 62px;
margin: 0 auto;
padding: 5px 0;
background: #a68f0e;
border-radius: 31px;
text-align: center;
font-size: 16px;
color: #fff;
text-decoration: none;
}
.loginArea .loginBtn a + a {
float: right;
}
.loginArea .loginBtn a:hover {
opacity: .8;
}
.loginArea .loginBtn .left_text {
display: block;
padding-top: 7px;
}
.loginArea .loginBtn .right_text {
display: block;
padding: 15px 0;
font-size: 20px;
}
.loginArea p {
font-size: 16px;
color: #000;
}
/* header
----------------------------- */
.head_area img {
width: 770px;
height: 320px;
}
/* top_lead
----------------------------- */
.top_lead {
margin: 18px auto;
}
.top_lead .catch {
margin: 18px auto;
text-align: center;
}
.top_lead .catch p {
font-size: 18px;
}
.top_lead .catch br {
display: none;
}
.top_lead .lead_text {
margin-bottom: 8px;
padding: 13px;
line-height: 1.2;
text-align: center;
font-weight: bold;
font-size: 20px;
color: #000;
}
/* free_area
----------------------------- */
.free_area p {
font-size: 16px;
color: #333;
}
.free_area a {
font-size: 16px;
font-weight: normal;
color: #333;
}
/* entry_area
----------------------------- */
.entry_area {
margin: 18px auto 28px;
text-align: center;
}
.detail_area .entry_area {
margin: 40px auto 25px;
}
.entry_area .entry_btn_area {
display: flex;
justify-content: space-around;
width: 640px;
margin: 0 auto;
}
.entry_area .entry_btn_area .entry_btn_inner {
display: block;
width: 48%;
}
.entry_area .entry_btn_area .entry_btn_inner:nth-child(1) {
margin-right: 2%;
text-align: left;
}
.entry_area .entry_btn_area .entry_btn_inner:nth-child(2) {
margin-left: 2%;
text-align: right;
}
.entry_area .entry_btn_area input[type="image"],
.entry_area .entry_btn_area .entry_btn {
width: 100%;
height:auto;
}
.entry_area .entry_btn_area img.entry_btn.before {
opacity: 0.3;
}
.entry_area .entry_txt {
display:block;
margin-top: 8px;
line-height:20px;
text-align:center;
font-size: 16px;
}
.entry_area .entry_before_txt {
width: 530px;
margin: 8px auto 0;
text-align: left;
}
.entry_area .entry_before_txt span {
font-weight: bold;
color: #db2828;
}
.entry_area .entry_offline_txt {
margin-left: 350px;
}
.entry_area .catch {
margin: 10px auto;
text-align: center;
}
.entry_area .qr_area {
display: flex;
align-items: center;
width: 420px;
margin: 18px auto;
text-align: left;
}
.entry_area .qr_area .qr_img {
margin-right: 1em;
}
.entry_area .qr_area .qr_img img {
width: 100%;
max-width: 98px;
height: auto;
}
.entry_area .qr_area .qr_txt p {
font-size: 14px;
}
/* anchorBtnArea
----------------------------- */
.anchorBtnArea {
display: flex;
justify-content: space-between;
width: 350px;
margin: 13px auto 23px;
}
.anchorBtnArea a {
width: 50%;
margin: 0 auto;
}
.anchorBtnArea a:nth-child(1) {
text-align: left;
}
.anchorBtnArea a:nth-child(2) {
text-align: right;
}
.anchorBtnArea img {
width: 100%;
max-width: 155px;
height: auto;
}
/* tab_area
------------------------------*/
.tab_area {
display: table;
table-layout: fixed;
width: 700px;
margin: 0 auto;
}
.tab_area li {
display: table-cell;
vertical-align: bottom;
}
.tab_area li a,
.tab_area li.tabAll span {
display: block;
height: 45px;
background: #000;
border: 1px #fff solid;
border-bottom: 2px #000 solid;
border-radius: 5px 5px 0 0;
line-height: 45px;
text-align: center;
font-size: 20px;
color: #fff;
text-decoration: none;
}
.tab_area li:nth-child(odd) a,
.tab_area li.tabAll:nth-child(odd) span {
background: #000;
}
.tab_area li:nth-child(even) a,
.tab_area li.tabAll:nth-child(even) span {
background: #a68f0e;
}
.tab_area li.selected a {
height: 50px;
background: #eae6cf;
border-top: 3px #000 solid;
border-right: 2px #000 solid;
border-bottom: none;
border-left: 2px #000 solid;
line-height: 50px;
font-weight: bold;
color: #333;
}
/* dropMenu
------------------------------*/
.dropMenu{
position: relative;
}
.dropMenuInner{
list-style:none;
display:inherit;
position:absolute;
right:0;
top:0;
width:107px;
background:#fff;
border:1px solid #ddd;
border-top: none;
z-index:900;
}
.dropMenuInner .menu{
height:34px;
border-bottom:1px dotted #cdcdcd;
line-height:34px;
text-align:left;
font-size:12px;
letter-spacing:-1px;
}
.dropMenuInner .menu:last-child{
border-bottom:none;
}
.dropMenuInner .menu a{
display:block;
height:34px;
padding:0 0 0 8px;
color: #333;
text-decoration:none;
}
.dropMenuInner .menu.close{
padding-right:3px;
text-align:right;
}
.dropMenuInner .menu.close img{
width:8px;
padding:0 6px 2px 0;
}
/* nav_btn
----------------------------- */
.nav_btn.imgBlock {
width: 640px;
margin: 0 auto 30px;
}
.nav_btn.imgBlock img {
max-width: 210px;
}
.nav_btn.imgBlock a + a {
margin-left: 5px;
}
/* newly_drawn
----------------------------- */
.newly_drawn .report_txt {
margin-bottom: 3px;
line-height:20px;
text-align:center;
font-size: 16px;
}
.newly_drawn .contents_inner{
margin: 0 auto;
}
.newly_drawn .contents_inner + .contents_inner{
margin-top: 60px;
}
.newly_drawn .title_name {
margin-bottom: 15px;
padding: 8px;
background:#000;
}
.newly_drawn .title_name a{
font-size:24px;
font-weight: normal;
color:#fff;
text-decoration: none;
}
.newly_drawn .container{
display: flex;
margin-bottom: 20px;
background: #fff;
}
.newly_drawn .thum_box{
width: 224px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.newly_drawn .thum_box a{
display:block;
}
.newly_drawn .thum_box img{
width:204px;
border:1px solid #000;
}
.newly_drawn .text_box{
flex: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.newly_drawn .author_name {
margin-bottom: 13px;
line-height: 22px;
font-size: 18px;
color: #000;
}
.newly_drawn .author_name a {
color:#00a452;
}
.newly_drawn .author_comment{
margin: 0 2px 20px 0;
padding: 5px 8px;
border: 1px #000 dashed;
line-height: 20px;
font-size: 16px;
color: #000;
}
.newly_drawn .btn_box{
display: flex;
justify-content: flex-end;
margin: 0 auto 18px;
text-align: center;
}
.newly_drawn .btn_box a,
.newly_drawn .btn_box span.blank{
display:block;
}
.newly_drawn .btn_box a + a,
.newly_drawn .btn_box span.blank + a {
margin-left: 2%;
}
.newly_drawn .btn_box img{
width: 96%;
max-width: 140px;
margin: 0 2%;
}
.newly_drawn .btn_box span.blank{
width: 169px;
}
.newly_drawn .koma_thumb{
margin: 0 auto 10px;
background: #fff;
text-align: center;
}
.newly_drawn .koma_thumb a{
display: block;
width: 100%;
}
.newly_drawn .koma_thumb img{
width: 100%;
max-width: 480px;
height: auto;
}
/* pamphlet_area
----------------------------- */
.pamphlet_area .contents_inner{
margin: 0 auto;
}
.pamphlet_area .container{
display: flex;
margin-bottom: 20px;
background: #fff;
}
.pamphlet_area .thum_box{
width: 224px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pamphlet_area .thum_box a{
display:block;
}
.pamphlet_area .thum_box img{
width:204px;
border:1px solid #000;
}
.pamphlet_area .text_box{
flex: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pamphlet_area .title_name {
margin-bottom: 8px;
color: #00a452;
}
.pamphlet_area .title_name a{
font-size:24px;
color: #00a452;
}
.pamphlet_area .author_name {
margin-bottom: 13px;
line-height: 22px;
font-size: 18px;
font-weight: normal;
color: #000;
}
.pamphlet_area .author_name a {
font-size: 18px;
color: #000;
}
.pamphlet_area .intro{
margin-bottom: 20px;
line-height: 20px;
font-size: 16px;
color: #000;
}
.pamphlet_area .btn_box{
display: flex;
justify-content: flex-end;
margin: 0 auto 18px;
text-align: center;
}
.pamphlet_area .btn_box a,
.pamphlet_area .btn_box span.blank{
display:block;
}
.pamphlet_area .btn_box a + a,
.pamphlet_area .btn_box span.blank + a {
margin-left: 2%;
}
.pamphlet_area .btn_box img{
width: 96%;
max-width: 140px;
margin: 0 2%;
}
.pamphlet_area .btn_box span.blank{
width: 169px;
}
/* author_area
----------------------------- */
.author_area .author_list{
display: flex;
flex-wrap: wrap;
width: 80%;
margin: 13px auto;
padding: 20px 20px 15px;
border: 1px #000 dashed;
}
.author_area .author_list li{
width: 50%;
margin-bottom: 8px;
font-size: 20px;
font-weight: bold;
color: #000;
letter-spacing: 1px;
}
.author_area .author_list li:nth-child(even){
padding-left: 20px;
}
.author_area .author_list li::first-letter {
color: #00a452;
}
.author_area .author_list li a {
font-size: 20px;
color: #000;
}
.author_area .author_list li .font_s {
font-size: 18px;
font-weight: normal;
}
/* cast
----------------------------- */
.cast .contents_inner {
width: 600px;
margin: 0 auto;
}
.cast .contents_inner + .contents_inner {
margin: 40px auto 0;
}
.cast .container {
display: flex;
justify-content: center;
}
.cast .thum_box {
width: 28%;
margin-right: 2%;
}
.cast .thum_box img {
width: 100%;
max-width: 400px;
border: 1px #808080 solid;
border-radius: 8px;
}
.cast .text_box {
width: 70%;
}
.cast .cast_name {
margin-bottom: 10px;
font-size: 20px;
font-weight: bold;
}
.cast .cast_prf {
font-size: 14px;
}
.cast .cast_comment {
margin-top: 10px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
}
/* movie_area
----------------------------- */
.movie_area .movie_catch {
width: 98%;
margin: 0 auto 8px;
text-align: left;
font-size: 16px;
}
.movie_area .movie_catch p {
font-size: 16px;
}
.movie_area .one_cell,
.movie_area .two_cells,
.movie_area .three_cells,
.movie_area .four_cells{
display: flex;
justify-content: flex-start;
width: 98%;
margin: 0 auto 18px;
text-align: center;
}
.movie_area .one_cell{
justify-content: center;
}
.movie_area .two_cells,
.movie_area .three_cells{
justify-content: space-between;
}
.movie_area .one_cell a,
.movie_area .two_cells a,
.movie_area .three_cells a,
.movie_area .four_cells a{
padding: 5px;
background-color: #fff;
box-shadow: 0px 1px 6px 0px rgba(12, 4, 8, 0.3);
text-decoration: none;
}
.movie_area .one_cell a{
width: 50%;
}
.movie_area .two_cells a{
width: 49%;
}
.movie_area .three_cells a{
width: 32%;
}
.movie_area .four_cells a{
width: 24%;
}
.movie_area .one_cell .play,
.movie_area .two_cells .play,
.movie_area .three_cells .play,
.movie_area .four_cells .play{
position: relative;
}
.movie_area .one_cell .play img,
.movie_area .two_cells .play img{
max-width: 400px;
}
.movie_area .one_cell .play::after,
.movie_area .two_cells .play::after,
.movie_area .three_cells .play::after,
.movie_area .four_cells .play::after{
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 15px;
width: 30px;
height: 30px;
margin: auto;
background: url(/cc/N/special/ficusparty/images/play.png) 0 0 no-repeat;
background-size: 30px;
}
.movie_area .one_cell figcaption,
.movie_area .two_cells figcaption,
.movie_area .three_cells figcaption,
.movie_area .four_cells figcaption{
display: block;
height: auto;
margin: 3px auto 0;
line-height: 16px;
text-align: left;
font-size: 12px;
color: #000;
}
.movie_area .four_cells a:nth-child(1),
.movie_area .four_cells a:nth-child(2),
.movie_area .four_cells a:nth-child(3){
margin-right: 1%;
}
/* detail_area
------------------------------*/
.detail_area {
width: 700px;
margin: 40px auto 0;
}
.detail_area hr.separator {
height: 1px;
margin: 15px auto;
}
.detail_title {
height: 50px;
padding-left: 10px;
background: #000;
line-height: 52px;
text-align: center;
}
.detail_title br {
display: none;
}
.detail_contents + .detail_title {
margin-top: 30px;
}
.detail_title h3 {
font-size: 20px;
font-weight: bold;
color: #fff;
}
.detail_contents {
padding: 20px;
background: #fff;
border: 1px solid #000;
}
.detail_contents p {
font-size: 16px;
}
.detail_contents dt {
font-weight: bold;
}
.detail_contents dt,
.detail_contents dd {
line-height: 1.3;
font-size: 16px;
}
.detail_contents dd + dt,
.detail_contents dt + dt {
margin-top: 10px;
}
.detail_contents .author_name {
display: inline-block;
width: 10em;
}
.detail_area .acct_cfm_btn{
width:450px;
margin: 30px auto;
text-align: center;
}
.detail_area .acct_cfm_btn a,
.detail_area .acct_cfm_btn a:hover{
position:relative;
display:block;
width:100%;
margin: 0 auto;
padding: 13px;
background: #fafafa;
border:1px solid #a68f0e;
border-radius: 8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
font-size: 16px;
color:#695b0c;
text-decoration: none;
}
.detail_area .acct_cfm_btn a:after{
content:'';
display:block;
clear:both;
position:absolute;
top:50%;
right:8px;
width:6px;
height:6px;
margin-top:-5px;
border-top:2px solid #695b0c;
border-right:2px solid #695b0c;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
/* faq_area
----------------------------- */
.faq_area {
width: 700px;
margin: 40px auto 0;
}
.faq_area .faq_title {
height: 50px;
padding-left: 10px;
background: #000;
line-height: 52px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.faq_area .faq_subtitle {
padding: 8px;
background: #a68f0e;
font-size: 16px;
color: #fff;
}
.faq_area .faq_contents {
background: #fff;
border: 1px solid #000;
font-size: 16px;
}
.faq_area details {
padding: 10px 0;
background: #fff;
text-align: left;
font-size: 16px;
}
.faq_area details + details {
border-top: 1px dotted #a68f0e;
}
.faq_area details .answer {
margin: 6px 10px 6px 21px;
padding: 10px 4px;
background: #fbf9ea;
border: 1px solid #a68f0e;
border-radius: 4px;
}
.faq_area details p {
padding: 0 6px;
font-size: 16px;
}
.faq_area summary::-webkit-details-marker {
display:none;
}
.faq_area summary {
position: relative;
padding: 0 6px 0 30px;
font-size: 16px;
cursor: pointer;
}
.faq_area summary:before {
content: "";
display: block;
position: absolute;
top: 3px;
left: 10px;
width: 14px;
height: 14px;
background: #a68f0e;
border-radius: 14px;
}
.faq_area summary:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 7px;
left: 13.5px;
width: 4px;
height: 4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.faq_area details[open] summary:after {
top: 6.5px;
left: 14px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
/* wacha_area
------------------------------*/
.wacha_area .wacha_catch {
margin: 0 auto 8px;
text-align: center;
font-size: 16px;
font-weight: bold;
}
.wacha_area .wacha_appeal {
margin: 0 0 20px 10px;
line-height: 20px;
font-size: 16px;
}
.wacha_area .wacha_cast,
.wacha_area .wacha_read {
display: table;
table-layout: fixed;
margin: 0 0 20px 10px;
line-height: 22px;
}
.wacha_area .wacha_cast li,
.wacha_area .wacha_read li {
font-size: 16px;
}
.wacha_area .wacha_cast .headline,
.wacha_area .wacha_read .headline {
display: table-cell;
width: 95px;
font-weight: bold;
}
.wacha_area .wacha_cast .contents,
.wacha_area .wacha_read .contents {
display: table-cell;
}
.wacha_area .wacha_cast a,
.wacha_area .wacha_read a {
color: #00a452;
}
.wacha_area .container{
display: flex;
justify-content: space-between;
margin: 0 18px 20px;
background: #fff;
}
.wacha_area .thum_box{
width: 31%;
margin: 0 auto;
text-align: center;
}
.wacha_area .container.two .thum_box{
width: 46%;
}
.wacha_area .container.one .thum_box{
width: 50%;
}
.wacha_area .thum_box a{
display:block;
}
.wacha_area .thum_box img{
width:100%;
max-width: 180px;
}
/* btn_areas
------------------------------*/
.btn_areas {
margin: 10px;
padding-top: 2px;
}