.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
} .clearfix {
zoom: 1;
} .wp-caption {}
.wp-caption-text {}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
display: flex;
justify-content: center; flex-flow: column;
}
.gallery-caption {}  body {
padding-top: 0;
background: url(https://www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/bg.jpg) fixed top center;
}
#main {
width: 100%;
float: left;
margin-left: -278px;
padding-left: 278px;
margin-right: -278px;
padding-right: 278px;
box-shadow: none;
}
.page_content #main {
margin-left: 0px;
padding-left: 0px;
display: inline-flex;
}
@media screen and (max-width: 980px) {
.home #main {
margin-right: 0;
padding-right: 0;
float: right;
}
}
@media screen and (max-width: 714px) {
#main {
margin-left: 0;
padding-left: 0;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.page #main,
.archive #main,
.search #main,
.single #main{
margin-right: 0px;
padding-right: 0px;
}
}
#main > div {
background: #fff;
border-left: 1px #DEDEDE solid;
border-right: 1px #DEDEDE solid;
width: 100%;
box-sizing: border-box;
}
@media (max-width: 714px){
#main > div {
border-left: none;
border-right: none;
}
}
.post_content {
padding: 10px 10px 0 10px;
}
.brand {
position: absolute;
left: 1;
z-index: 999;
overflow: hidden;
}
#sidebar1 {
padding-top: 0px;
}
#menu-top-nav {}
.social li {
margin: -4px 0px 0px -15px;
height: 30px;
}
.nav-container {
padding-left: 0;
padding-right: 0;
}
#inner-header {
width: 100%;
}
input,
textarea,
select,
.uneditable-input {
margin-bottom: 0;
}
.navbar-form,
.navbar-search {
margin: 0 0 9px;
}
.navbar-search {
padding-left: 0;
}
#s {
width: 100px;
}
#content {
padding: 0 0 0 0;
position: relative;
display: flex;
}
#content.page_content {
display: flex;
}
@media screen and (max-width: 980px) {
#content {
display: block;
}
}
@media screen and (max-width: 714px) {
#content {
display: flex !important;
flex-flow: column nowrap;
}
}
.pagination {
margin: 0 auto;
height: auto;
}
.more-link {
white-space: nowrap;
}
.footer-links {
float: right;
margin-bottom: 18px;
}
#menu-footer-nav {
list-style-type: none;
margin-left: 0;
}
#menu-footer-nav li {
float: left;
margin-left: 10px;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
} a {
color: #0022a0;
}
a:hover {
color: #0022a0;
text-decoration: underline;
}
.news_head {
background: url(https://www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/news_title_bg.jpg) repeat;
text-indent: 10px;
padding: 3px 0 0 0;
color: #fff;
margin: 0 1px;
margin-bottom: 5px;
}
.pickup {
background: url(https://www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/news_pickup_bg.png) repeat;
}
#main p.meta {
font-style: italic;
color: #808080;
}
#main article {
margin-bottom: 0px;
border-bottom: 1px dotted #ddd;
padding: 0 3px;
}
.single #main article{
padding: 0px;
}
#main article .label {
font-size: 9px;
}
time {
font-size: 11px;
color: #99CC00;
}
.thumb_pickup {
float: left;
padding-right: 8px;
width: 100px;
}
.thumb {
float: left;
padding-right: 8px;
width: 55px;
}
.text {
overflow: auto;
zoom: 1;
font-size: 0.9em;
line-height: 1em color:#666666;
margin: 0;
padding: 0;
}
.text h2 {
font-size: 1.4em;
font-weight: 900;
letter-spacing: 0px;
margin: 0;
padding: 0;
line-height: 120%;
color: #0000cd;
}
.sidebar { }
#main article footer {
border-top: none;
margin-top: 0;
padding-top: 0;
position: relative;
min-height: 10px;
}
#main article footer a.edit-post {
position: absolute;
right: 0;
top: 0;
display: none;
}
.post:hover a.edit-post {
display: inline;
}
p.tags {
line-height: 10px;
font-size: 10px;
}
div[id*='attachment_'] {
max-width: 100%;
height: 100%;
}
#main article img {
max-width: 100%;
}
img.alignleft {
margin-right: 10px;
float: left;
}
img.alignright {
margin-left: 10px;
float: right;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
.post header img {
margin-bottom: 18px;
}
.archive #main .post h3 {
line-height: 24px;
margin-bottom: 10px;
}
video {
max-width: 100%;
height: auto;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper {
width: 630px;
max-width: 100%;
margin-bottom: 18px;
} .page-template-page-homepage-php #main article {
border-bottom: none;
}
.page-template-page-homepage-php .hero-unit,
.blog .hero-unit {
padding: 1em;
}
.hero-unit h1 {
font-size: 3em;
}  .attachment #main .post_content img {
max-width: 100%;
}
.ie8 #main .media-grid img {
max-height: none !important;
max-width: none !important;
}
.attachment-img {
margin-bottom: 18px;
}
.metadata p.alert-message {
margin-right: 0;
margin-bottom: 18px;
}
#gallery-nav {
list-style-type: none;
margin-left: 0;
}
li.next a,
li.previous a {
position: relative;
}
li.next a:hover:before { }
li.previous a:hover:before { } .widget {
margin-bottom: 20px;
}
.widgettitle {
margin-bottom: 5px;
padding: 7px 0 5px 5px;
background: url(https://www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/h2_bg.png);
color: #fff;
text-indent: 5px;
}
#tag-cloud {
margin-bottom: 18px;
line-height: 160%;
} .label {
text-transform: uppercase;
} #tag-cloud a:hover,
.tags a:hover {
color: #ffffff;
text-decoration: none;
}
#tag-cloud a {
white-space: pre;
text-transform: uppercase;
} .widget_search form {
padding-left: 0;
}
.widget_search input {
width: 121px;
} #calendar_wrap {
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
font-weight: bold;
padding: 8px;
}
#wp-calendar tr {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#wp-calendar tr:last-child {
border-bottom: none;
}
#wp-calendar td {
text-align: center;
padding: 8px 0;
}
blockquote.pull-left {
padding-right: 15px;
}
@media only screen and (min-width: 1040px) {
body {}
.container-fluid {
max-width: 1040px;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
}
#inner-footer {
padding: 0;
}
#content {
padding-left: 0;
padding-right: 0;
}
.topbar-inner {
padding: 0;
}
.topbar form.pull-right {
float: right;
}
.navbar-form,
.navbar-search {
margin-top: 6px;
margin-bottom: 0;
}
.navbar-search {
padding-left: 0;
}
.sidebar {
margin-top: 0 !important;
}
.widget_search input {
width: 121px;
}
.blog .hero-unit {
margin-top: 10px;
}
.page-template-page-homepage-php .hero-unit,
.blog .hero-unit {
padding: 60px;
}
.hero-unit h1 {
font-size: 60px;
}
#s {
width: 210px;
}
} ul.copy_list {
font-size: 9px;
letter-spacing: 0px;
line-height: 100%;
height: auto;
display: block;
overflow: hidden;
word-break: break-all;
width: auto;
margin-left: 0px;
}
.copy_list li {
float: left;
display: inline;
margin: 0 0 0 5px;
word-break: break-all;
}
.footer_txt {
font-size: 10px;
background: #fff;
border: 1px #ddd solid;
color: #999;
padding: 10px;
text-align: left;
width: 100%;
float: right;
line-height: 120%;
margin-bottom: 10px;
}
.article_container {
padding: 10px;
}
.ul-social {
text-align: center;
margin: 0 auto -30px;
}
.ul-social li {
display: inline-block;
margin: 0 0.5em;
}
#text-67 li{
line-height: 2.2;
} .page_content .custom_nav.span4{
width: 278px;
}
@media (max-width: 714px){
.page_content .custom_nav.span4{
width: 100%;
order: 2;
}
}
.custom_nav {
box-sizing: border-box;
margin-left: 0;
margin-bottom: 10px;
list-style: none; }
.custom_nav > li > a {
display: block;
}
.custom_nav > li > a:hover {
text-decoration: none;
background-color: #eeeeee;
}
.custom_nav ul {
width: 100%;
margin-left: 0px;
}
.custom_nav li {
list-style: none;
}
.custom_nav li a {
display: block;
padding: 10px 5px 10px 10px;
font-size: 13.5px;
line-height: normal;
margin-bottom: 0;
color: #FFF;
text-align: left; vertical-align: middle; cursor: pointer; *margin-left: .3em;
background-color: #666;
border-bottom: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.custom_nav li a:hover { text-decoration: none;
background-color: #333333;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
text-decoration: none;
border-left: 2px solid #FFF;
padding-left: 8px;
}
.custom_nav li:first-child a {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.custom_nav li:last-child a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.custom_nav li a:hover {
border-color: #ddd;
z-index: 2;
} .article_container h2 {
background: #404040;
padding: 4px 14px;
margin: 10px 0 5px 0;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #fff;
font-size: 18px;
}
.date_head {
border-top: 2px #99cc33 solid;
border-bottom: 1px #ddd solid;
background: #f9f9f9;
padding: 5px 0;
text-indent: 10px;
}
.page_content #sidebar1 {
float: right;
} .wrap {
width: auto;
}
.wrap h5 {
font-size: 15px;
background: #15a63c;
padding: 5px;
color: #fff;
margin: 0 0 5px 0;
}
.box {
margin: 5px;
padding: 0px;
float: left;
display: inline; }
.thumbnails img {
display: block;
margin: 0 auto;
text-align: center;
} h1,
h2,
h3,
h4,
h5,
h6 {
}
body {
font-family: "Varela Round","Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
font-weight: normal;
color: #404040;
}
.page #main{
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.navbar {
position: static;
}
body {
padding-top: 0;
}
.navbar-inner,
.navbar .fill {
background-color: #171717;
}
.navbar-inner,
.navbar .fill {
background-image: -khtml-gradient(linear, left top, left bottom, from(#011b0e), to(#404040));
background-image: -moz-linear-gradient(top, #011b0e, #404040);
background-image: -ms-linear-gradient(top, #011b0e, #404040);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #011b0e), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(top, #011b0e, #404040);
background-image: -o-linear-gradient(top, #011b0e, #404040);
background-image: linear-gradient(top, #011b0e, #404040);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#011b0e', endColorstr='#404040', GradientType=0);
}
.navbar .nav {
margin-right: 0px;
top: 2px;
}
.navbar .nav li a {
color: #ffffff;
}
.navbar .nav li a:hover {
color: #FFFFFF;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
background-color: #b3db11;
}
.dropdown-menu a {
color: #555555 !important;
}
.dropdown-backdrop {
position: static;
}
.hero-unit {
background-color: #F5F5F5;
}
.pager {
margin-top: 10px;
}
.navbar-cc2 {
overflow: visible;
margin-bottom: 0px;
}
.navbar-cc2 .navbar-inner {
padding: 5px 5px;
background-color: #fff;
height: 30px;
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(top, #ffffff, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.navbar-cc2 .brand {
float: left;
display: block;
padding: 0px 8px 0px 12px;
margin-left: -10px;
color: #ffffff;
height: 29px;
width: 240px;
}
.navbar-cc2 .brand img{
-webkit-backface-visibility: hidden;
} .navbar-cc2 .brand {
width: 290px;
}
@media screen and (max-width:349px){
.navbar-cc2 .brand img:first-of-type{
width: 213px;
}
}
.navbar-cc2 .brand .img-25th{
height: 29px;
margin-left: 0.5em;
} .navbar-cc2 .navbar-text {
margin-bottom: 0;
line-height: 40px;
color: #999999;
}
.navbar-cc2 .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
}
.navbar-cc2 .nav.pull-right {
float: right;
}
.navbar-cc2 .nav > li {
display: block;
float: left;
} #ust-info {
background: url(http: //www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_120411/img/ust_info_bg_bk.jpg) no-repeat;
margin: 0 0 0 5px;
width: 805px;
height: 47px;
padding: 15px 100px 0 60px;
font-weight: bold;
}
#ust-info-announce {
background: url(http: //www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_120411/img/ust_info_bg2_bk.jpg) no-repeat;
color:#fff;
margin: 0 0 0 5px;
width: 805px;
height: 47px;
padding: 15px 100px 0 60px;
font-weight: bold;
}
#niconama-info {
background: url(http: //www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_120411/img/niconama_info_bg.jpg) no-repeat;
margin: 0 0 0 5px;
width: 805px;
height: 47px;
padding: 15px 100px 0 60px;
font-weight: bold;
}
#niconama-info-announce {
background: url(http: //www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_120411/img/niconama_info_bg2.jpg) no-repeat;
margin: 0 0 0 5px;
width: 805px;
height: 47px;
padding: 15px 100px 0 60px;
font-weight: bold;
} img {
border: 0; }
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
#image-navigation {
padding: 0;
width: 820px;
float: left;
margin: 0px 0 5px 5px;
background-color: #000;
}
#image-navigation a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
#image-navigation-area {
height: 267px;
background: #000000;
padding: 5px;
}
#image-navigation ul li a {
display: block;
width: 132px;
height: 74px;
}
#image-navigation .navi {
margin-top: 271px;
width: 820px;
}
#image-navigation .navi li {
float: left;
padding-top: 1px;
padding-right: 3.5px;
padding-bottom: 5px;
}
#image-navigation-text .navi-image {
position: relative;
}
#image-navigation-text .navi-image a {
display: block;
}
#image-navigation-text .navi-image a {
position: absolute;
top: 0;
left: 0;
z-index: 8;
}
#image-navigation-text .navi-image a.active {
z-index: 10;
}
#image-navigation-text .navi-image a.last-active {
z-index: 9;
}
ul#wishlist {
margin: 0;
padding: 0;
}
ul#wishlist li {
font-size: 15px;
font-weight: bold;
text-align: center;
margin: 0 5px 0px 5px;
float: left;
width: 47.5%;
background-color: #8fc41c;
border: solid 1px #ABC476;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
@media screen and (min-width: 845px) and (max-width: 1080px) {
ul#wishlist li {
margin: 10px 0;
width: 100%;
}
}
@media screen and (max-width: 600px) {
ul#wishlist li {
margin: 10px 0;
width: 100%;
}
}
ul#wishlist li a {
padding: 10px 0;
color: #fff;
width: 100%;
display: block;
padding: 10px 0;
box-shadow: 0 1px 5px 0 #bbb, inset 0 1px 1px #fff;
text-shadow: 0px 2px 2px #83b31d, 0px 0px 1px #8dd668;
line-height: 1.4em;
}
ul#wishlist li a:hover {
color: #4B6610;
box-shadow: 0px 0px 20px 2px #709918 inset;
-moz-box-shadow: 0px 0px 20px 2px #709918 inset;
-webkit-box-shadow: 0px 0px 20px 2px #709918 inset;
text-decoration: none;
text-shadow: 0px 2px 2px #83b31d, 0px 0px 1px #8dd668;
}
.clear_fix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear_fix {
display: inline-table;
}/*\*/* html .clear_fix {
height: 1%;
}
.clear_fix {
display: block;
}/**/td.face_btn p {
margin: -5px 0 0 0;
}
td.face_btn {
margin: -10px 0 0 0;
}
ul.twitter_web {
margin: 0;
padding: 0;
}
ul.twitter_web li {
margin: 0 5px 0px 5px;
float: left;
width: 47%;
}
@media screen and (min-width: 845px) and (max-width: 1080px) {
ul.twitter_web li {
margin: 10px 0;
width: 100%;
}
}
@media screen and (max-width: 600px) {
ul.twitter_web li {
margin: 10px 0;
width: 100%;
}
}
@media (max-width:714px){
iframe.twitter-timeline{
height: 50vh!important;
min-height: 320px!important;
}
} a:hover {
transition: 0.5s;
}
.thum a:hover,
a:hover img {
opacity: 0.7;
transition: 0.5s;
}
body {
background: none;
background-color: #F1F1F1;
}
.container-fluid {
border: 1px #DEDEDE solid;
background-color: #F8F8F8;
margin-top: 10px;
}
@media (min-width: 980px){
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 100%;  
max-width: 1040px;
}
}
@media (max-width: 979px) and (min-width: 768px){
.container, .navbar-cc2 .container, .navbar-fixed-bottom .container {
width: 100%;
}
}
.font-awesome {
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
.font-awesome-bold {
font-weight: 600;
}
#sidebar1,
#sidebar2,
#main,
.sidebar_wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#sidebar1 {
float: left;
}
#sidebar2,
.sidebar_wrap {
float: right;
}
#sidebar1,
#sidebar2,
.sidebar_wrap {
width: 278px;
padding: 12px;
position: relative;
}
@media screen and (max-width: 980px) {
#sidebar1,
#sidebar2,
.sidebar_wrap {
float: left;
border-top: 1px solid #DEDEDE;
}
}
@media screen and (max-width: 714px) {
#sidebar1,
#sidebar2,
.sidebar_wrap {
width: 100%;
}
#sidebar1 {
order: 2;
}
#sidebar2,
.sidebar_wrap { order: 3;
}
}
@media (max-width:714px) and (min-width: 450px){
.home #sidebar1, 
.home #sidebar2 {
width: 50%;
}
body:not(.home) .sidebar_in > div:not(.custom_nav){
width: 50%;
padding-right: 5px;
box-sizing: border-box;
}
}
#sidebar1 img,
#sidebar2 img,
.sidebar_wrap img {
width: 100%;
}
@media (max-width:714px) and (min-width:450px){
#content{
flex-flow: wrap;
}
} @media (max-width:714px) and (min-width: 450px){
body:not(.home) .sidebar_in .sticky{
position: absolute;
top:0;
right: 0;
padding-left: 5px;
box-sizing: border-box;
padding-right: 0px;
}  
} 
#main > div {
margin-bottom: 0px;
}
@media screen and (max-width: 714px) {
#sidebar1 .sticky img{
margin-bottom: 5px;
}
}
#sidebar1 .widget,
#sidebar2 .widget,
.sidebar_wrap .widget {
margin-bottom: 5px;
}
#sidebar1 .widgettitle,
#sidebar2 .widgettitle,
.sidebar_wrap .widgettitle {
background: none;
color: #000;
text-indent: 0;
padding-left: 0px;
padding-bottom: 0px;
margin-top: 0px;
font-size: 92%;
font-weight: 500;
display: flex;
align-items: center;
}
@media screen and (min-width: 980px) { }
@media screen and (max-width:1042px) { }
#sidebar1 .widgettitle:after,
#sidebar2 .widgettitle:after,
.sidebar_wrap .widgettitle:after {
content: "";
flex-grow: 1;
height: 1px;
background: #444;
display: block;
margin-left: 0.4em;
}
#sidebar2 .widget_search #s,
.sidebar_wrap .widget_search #s {
float: left;
width: 70%;
}
#sidebar2 .widget_search #searchsubmit,
.sidebar_wrap .widget_search #searchsubmit {
float: left;
width: 25%;
}
#sidebar2 .widget_search .screen-reader-text,
.sidebar_wrap .widget_search .screen-reader-text {
display: none;
}
#sidebar2 .widget_search input,
.sidebar_wrap .widget_search input {
border-radius: 0px;
}
#sidebar2 .widget_search:after,
.sidebar_wrap .widget_search:after {
clear: both;
content: "";
display: table;
}
@media (max-width:714px) and (min-width: 450px){
.home #sidebar1{
padding-right: 5px;
}
.home #sidebar2{
padding-left: 5px;
margin-left: auto;    
}
}
.sidebar_in{
position: relative;
display: contents;
}
@media (max-width:714px) and (min-width: 450px){
.sidebar_in{
display: block;
}
}
.pv-wrap{
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.pv-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fb-wrap{
width: 100%;
}
.fb-wrap> .fb-page { width:100%; }
.fb-wrap > .fb-page > span,
.fb-wrap iframe {
width: 100% !important;
} .center-item.slick-slider .slick-track,
.center-item.slick-slider .slick-list {
background: #000;
}
.center-item.slick-slider .slick-center{
background: #FFF;
}
.center-item.slick-initialized .slick-slide {
opacity: 0.6; }
.center-item.slick-initialized .slick-slide.slick-active {
opacity: 1; }
.center-item.slick-dotted.slick-slider {
margin-bottom: 0px;
}
.slick-arrow {
z-index: 999;
}
.center-item .slick-prev {
left: 0px;
}
.center-item .slick-next {
right: 0px;
}
.center-item .slick-dots {
bottom: 5px;
}
.center-item .slick-dots li button:before {
font-size: 12px;
}
.slick-dots li button:before{
content: ""!important;
background: url(//www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/dot.svg) no-repeat center center;
background-size: 50%;
} .slick-dots li button:before{ opacity: 0.25;
}
.slick-dots li button:focus:before{
opacity: 0.25;
}
.slick-dots li.slick-active button:before
{
opacity: .75; }
.center-item .slick-prev,
.center-item .slick-next {
width: 15%;
font-size: 200%;
height: 100%;
}
@media (max-width:780px){
.center-item .slick-prev,
.center-item .slick-next {
font-size: 70%;
}
}
.center-item .slick-next {
text-align: left;
}
.center-item .slick-prev {
text-align: right;
}
.center-item .slick-prev:before,
.center-item .slick-next:before { display: block;
content: "";
z-index: 2;
height: 80px;
opacity: 0.75;
}
@media (max-width: 768px){
.center-item .slick-prev:before,
.center-item .slick-next:before {
height: 60px;
}
}
@media (max-width: 400px){
.center-item .slick-prev:before,
.center-item .slick-next:before {
height: 40px;
}
}
.center-item .slick-prev:before {  background: url(//www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/arrw_l.svg) no-repeat center top;
background-size: contain;
}
.center-item .slick-next:before {  background: url(//www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/arrw_r.svg) no-repeat center top;
background-size: contain;
}
.center-item { }
.center-item div { }
.center-item .slick-slide img {
width: 100%;
height: auto;
}
.thumb-item-nav {
display: flex;
flex-wrap: nowrap;
background-color: #000;
justify-content: center;
}
@media screen and (max-width:840px) {
.thumb-item-nav {
display: none;
}
.slick-prev, .slick-next {
font-size: 2.0vw;
}
}
.thumb-item {
position: relative;
margin: 5px 2px 5px;
cursor: pointer;
}
.thumb-item img{
width: 100%;
}
.thumb-item::before {
opacity: 0;
box-sizing: border-box;
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 4px solid rgba(255, 255, 255, .85);
transition: opacity .2s ease-out;
}
.thumb-item.current::before {
opacity: 1;
}
.slider-pickup { height: 510px;
}
@media (max-width:490px){
.slider-pickup{
height: 367px;
}  
}
.slider-pickup div li {
box-sizing: border-box;
float: left;
display: inline-block;
height: 250px;
margin: 0 10px;
}
@media (max-width:490px){
.slider-pickup div li {
height: 186px;
}
.slider-pickup .slick-dots{
bottom: -37px;
}
}
.slider-pickup:after {
clear: both;
content: "";
display: table;
}
.slider-pickup .thum { }
.tab_panel ul{
margin: 15px 8px;
}
.tab_panel .thum a {
text-indent: -9999px;
display: inline-block;
width: 100%;
height: 151px;
border: 1px solid #DEDEDE;
border-radius: 5px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-bottom: 5px;
}
@media (max-width:490px){
.tab_panel .thum a {
height: 92px;
}
}
.tab_panel .textlink {
position: relative;
}
.tab_panel .textlink a {
max-height: 5.4em;
overflow: hidden;
position: relative;
display: block;
line-height: 1.4;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
@media (max-width:490px){
.tab_panel .textlink a {
height: 64px;
-webkit-line-clamp: 4;
line-height: 1.3;
}
}
.tab_panel li{
position: relative;
}
.tab_panel .i_new,
.main-list .i_new {
position: absolute;
top: 2px;
left: -2px;
background-color: #F00;
color: #FFF;
padding: 0 0.3em; z-index: 2;
font-size: 0.85em;
line-height: 1.3;
}
.tab_panel time {
display: block;
color: #888;
text-align: right;
margin-bottom: 15px;
}
.tab_panel .slick-slide,
.tab_panel .slick-track { }
.tab_panel .slick-slide > div {
display: flex;
}
.tab_panel .slick-prev {
left: -15px;
}
.slider-pickup .slick-next {
right: -15px;
}
@media (max-width:980px){
.slider-pickup .slick-next{
right: -12px;
}
.slider-pickup .slick-prev {
left: -12px;
}
}
.slider-pickup .slick-prev:before,
.slider-pickup .slick-next:before {
font-size: 25px;
color: #7A7A7A;
content: "";
z-index: 2;
height: 20px;
width: 20px;
display: block;
}
.slider-pickup .slick-prev:before{
background: url(//www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/arrw_l2.svg) no-repeat left top;
background-size: contain;
}
.slider-pickup .slick-next:before {
background: url(//www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/arrw_r2.svg) no-repeat left top;
background-size: contain;
margin-left: auto;
}
.slick-initialized .slick-slide {
pointer-events: none;
}
.slick-initialized .slick-active {
pointer-events: all;
}
.list-recruit {
background-color: #0A2674;
padding: 5px 7px 0px;
color: #FFF;
border-radius: 5px;
}
.list-recruit img {
margin-bottom: 5px;
}
.list-recruit h4 {
font-size: 120%;
color: #FFF;
font-weight: 500;
padding: 0.2em;
}
.list-recruit h4:after {
flex-grow: 0;
}
.list-recruit ul {
background-color: #e2ecff;
padding: 0px 5px;
font-size: 90%;
line-height: 1.2;
margin-bottom: 5px;
}
.list-recruit ul img {
box-sizing: border-box;
float: left;
width: 40%;
margin-right: 5px;
}
.list-recruit ul li {
padding: 10px 5px;
position: relative;
}
.list-recruit ul li:not(:first-child) {
border-top: 1px solid #002978;
}
.list-recruit ul li:after {
clear: both;
content: "";
display: table;
}
.list-recruit ul .thum {
float: left;
}
.list-recruit ul .thum a {
text-indent: -9999px;
display: inline-block;
width: 80px;
height: 80px;
border: 1px solid #DEDEDE;
border-radius: 3px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.list-recruit ul .textlink a {
max-height: 5.4em;
overflow: hidden;
position: relative;
display: block;
line-height: 1.4;
padding-left: 0.5em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.list-recruit time {
display: block;
color: #888;
text-align: right;
margin-top: 3px;
}
.list-recruit .li-pickup time { }
.list-recruit .pickup-tag {
position: absolute;
background-color: #8a919a;
display: inline-block;
padding: 0 0.3em;
left: 89px; bottom: 1.2em;
font-size: 0.9em;
z-index: 2;
margin-left: 5px;
line-height: 1.4;
}
.copy_list.well {
border-radius: none;
box-shadow: none;
background: none;
border: none;
}
#text-67,
#text-76{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #353535;
color: #FFF;
padding: 20px 30px;
font-size: 90%;
}
#text-67 {
margin-bottom: 0;
padding-bottom: 0;
}
#text-76 {
margin-bottom: 30px;
padding-bottom: 0;
}
#text-67 a {
text-decoration: none;
color: #FFF;
display: block;
}
#text-67 a:hover {
text-decoration: underline;
}
#text-67 h4 {
font-size: 120%;
color: #FFF;
padding-bottom: 10px;
}
#text-67 ul,
#text-76 ul {
padding: 0 0 10px 10px;
}
#text-67 .col-md-3 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 25%;
}
@media screen and (max-width: 714px) {
#text-67 .col-md-3 {
width: 50%;
}
}
@media screen and (max-width: 440px) {
#text-67 .col-md-3 {
float: none;
width: 100%;
}
}
#inner-footer .copy-cc2 {
clear: both;
margin-top: 15px;
}
#inner-footer #page-top {
position: fixed;
font-size: 4.5rem;
bottom: 0.5rem;
right: 0.5rem;
width: 4.5rem;
margin-bottom: 0;
text-align: right;
}
#inner-footer #page-top a {
color: #B4B4B4;
background: url(//www.cc2.co.jp/cms/cc2web_top/wp-content/themes/cc2web_190212/img/pagetop.svg) no-repeat center top;
background-size: contain;
display: block;
height: 65px;
text-indent: 9999px;
opacity: 0.5;
z-index: 2;
}
#inner-footer #page-top a:hover {
opacity: 0.75;
}
.wid-050 {
width: 50% !important;
float: left !important;
} .list-pickup{
padding: 7px;
}
.list-pickup h3 {
background-color: #FF2727;
color: #FFF;
float: left;
height: 32px;
line-height: 32px;
display: inline-block;
padding: 0 10px;
font-weight: normal;
font-size: 90%;
border-top-left-radius: 7px;
font-weight: bold;
text-shadow: #000000a0 0px 0px 5px;
}
.list-pickup input[type="radio"] {
display: none;
}
.list-pickup .tab_area {
background-color: #757575;
height: 32px;
font-size: 0px;
display: flex;
border-top-right-radius: 7px;
}
.list-pickup .tab_area label {
flex-wrap: nowrap;
width: 100%;
max-width: 25%;
display: inline-block;
text-align: center;
font-size: 13px;
cursor: pointer;
transition: ease 0.2s opacity;
color: #FFF;
height: 32px;
line-height: 32px;
border-left: 1px solid #999;
border-top: 1px solid #757575;
box-sizing: border-box;
}
.list-pickup .tab_area label:first-child {
border-left: none; 
}
.list-pickup .tab_area label:last-child{
border-top-right-radius: 7px;
border-right: 1px solid #757575;
}
@media screen and (max-width:450px) {
.list-pickup .tab_area label {
font-size: 11px;
}
}
.list-pickup .tab_area label:hover {
background-color: #333;  }
.list-pickup .panel_area {
background: #fff;
}
.list-pickup .tab_panel {
display: none;
}
.list-pickup .tab_area_wrap{
padding: 3px;
}
#tab0 ~ .panel_area #panel0,
#tab1 ~ .panel_area #panel1,
#tab2 ~ .panel_area #panel2,
#tab3 ~ .panel_area #panel3,
#tab4 ~ .panel_area #panel4,
#tab5 ~ .panel_area #panel5,
#tab6 ~ .panel_area #panel6 {
display: none;
}
#tab0:checked ~ .tab_area .tab0_label,
#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab3:checked ~ .tab_area .tab3_label,
#tab4:checked ~ .tab_area .tab4_label,
#tab5:checked ~ .tab_area .tab5_label,
#tab6:checked ~ .tab_area .tab6_label {
background: #fff;
color: #000;
}
#tab0:checked ~ .panel_area #panel0,
#tab1:checked ~ .panel_area #panel1,
#tab2:checked ~ .panel_area #panel2,
#tab3:checked ~ .panel_area #panel3,
#tab4:checked ~ .panel_area #panel4,
#tab5:checked ~ .panel_area #panel5,
#tab6:checked ~ .panel_area #panel6 {
z-index: 100;
display: block;
transition: 0.5s;
opacity: 1;
-webkit-transition: opacity ease-out 0.2s 0.1s;
-moz-transition: opacity ease-out 0.2s 0.1s;
-o-transition: opacity ease-out 0.2s 0.1s;
-ms-transition: opacity ease-out 0.2s 0.1s;
transition: opacity ease-out 0.2s 0.1s;
}
.main-list > ul {
margin-left: 10px;
margin-right: 10px;
}
.main-list > ul > li {
padding-bottom: 7px;
border-bottom: 1px solid #DEDEDE;
margin-bottom: 7px;
}
.main-list .thum {
margin-right: 10px;
}
.main-list .thum > a {
text-indent: -9999px;
display: inline-block;
width: 98px;
height: 69px;
float: left;
background-size: cover;
background-repeat: no-repeat;
border: 1px solid #DEDEDE;
background-position: center center;
background-color: #EDEDED;
border-radius: 5px;
}
.paged .main-list .thum > a {
width: 132px;
height: 92px;
} .paged .main-list h1 strong{
display: block;
background-color: #FFF;
padding: 0.5em 1em 0 0.7em;
text-shadow: none;
color: #404040;
font-size: 22px;
font-weight: normal;
}
.list-whatsnew .thum > a {
width: 132px;
height: 92px;
}
.main-list time {
color: #838383;
display: block;
text-align: right;
}
.main-list .textlink > div,
.main-list .textlink > p {
display: block;
}
.main-list .textlink > p {
font-size: 89%;
margin-bottom: 0;
}
.main-list .textlink a {
font-weight: bold;
font-size: 1.1em;
}
.main-list .textlink {
position: relative;
margin-left: 110px;
}
.paged .main-list .textlink {
margin-left: 144px;
} .list-whatsnew .textlink {
margin-left: 144px;
}
.main-list li{
position: relative;
}
.list-whatsnew .i_new { }
.main-list h3,
.paged .main-list h1{
font-size: 0.8rem;
color: #FFF;
background-color: #F0F0F0; margin: 0 7px 1em;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
.main-list h3 strong {
display: inline-block;
background-color: #FF25A5;
padding: 0 1em;
text-shadow: #000000a0 0px 0px 5px;
border-top-left-radius: 7px;
}
.list-event h3,
.paged .list-event h1 {
border-color: #1260FF;
}
.list-event h3 strong {
background-color: #1260FF;
}
.list-goods h3,
.paged .list-goods h1 {
border-color: #ff9d12;
}
.list-goods h3 strong {
background-color: #ff9d12;
}
.list-blog h3,
.paged .list-blog h1 {
border-color: #4dc136;
}
.list-blog h3 strong {
background-color: #4dc136;
}
.list-other h3,
.paged .list-other h1 {
border-color: #0aa9b3;
}
.list-other h3 strong {
background-color: #0aa9b3;
}
.list-publish h3,
.paged .list-publish h1 {
border-color: #bc5eec;
}
.list-publish h3 strong {
background-color: #bc5eec;
}
.morelink {
text-align: center;
padding-bottom: 1em;
}
.morelink a {
border: 1px solid #FF25A5;
border-radius: 3em;
margin: 0 auto;
display: inline-block;
text-align: center;
padding: 0.2em 2em;
background: linear-gradient(0deg, #EEE 0%, #EEE 50%, #FFF 50%, #FFF 100%);
color: #222;
}
.morelink a i {
padding-right: 0.5em;
}
.morelink a:hover {
text-decoration: none;
}
.list-event .morelink a {
border-color: #1260FF;
}
.list-goods .morelink a {
border-color: #ff9d12;
}
.list-blog .morelink a {
border-color: #4dc136;
}
.list-other .morelink a {
border-color: #0aa9b3;
}
.list-publish .morelink a {
border-color: #bc5eec;
}
.ul-cat {
margin-top: -1em;
margin-right: 4.4em;
}
.ul-cat li {
margin-right: 2px;
margin-bottom: 3px;
list-style-type: none;
display: inline-block;
background-color: #EEE;
border-radius: 5px;
font-size: 0.7rem;
padding: 0 3px;
line-height: 18px;
}
.ul-cat li a {
font-size: 0.7rem;
font-weight: normal !important;
}
.page-header{
padding-bottom: 5px;
border-bottom: none;
margin: 10px 0;
}
.page-header h1{
font-weight: normal;
font-size: 22px;
display: block;
padding: 0.5em;
border-bottom: 1px solid #eeeeee;
letter-spacing: 0.1em;
} .type-page p,
.type-page td,
.type-page th,
.type-page li{
line-height: 1.8;
font-size: 14px;
word-break: break-word;
} .post-2239 .thumbnails{
margin-right: 30px;
}
.post-2239 .thumbnails li>div {
border: none;
border-radius: 0px;
box-shadow: none;
border-top: 1px solid #ddd;
}
.post-2239 .thumbnails li>div.bdr_no {
border-top: none;
}
.post-2239 .thumbnails li>div:after{
display: block;
content: " ";
clear: both;
}
.post-2239 .thumbnails div>*:first-child{
display: block;
float: left;
min-height: 50px;
max-width: 180px!important;
width: 100%;
padding-top: 1em;
}
.post-2239 .thumbnails div>*:not(:first-child){
padding-left: 190px;
}
@media (max-width:470px){
.post-2239 .thumbnails div>*:first-child{
float: none;
min-height: auto;
max-width: auto!important;
margin: 0 auto;
}
.post-2239 .thumbnails div>*:not(:first-child){
padding-left: 0px;
}
}
.post-2239 .thumbnails div>p>a{
float: right;
}
.post-2239 .thumbnails [class^="span"] {
display: block;
width: 100%;
}
.post-2239 h4{
padding-top: 0.9em;
}
.post-2239 .thumbnails li:first-child>div{
border-top: none;
} .post-2163 .thumbnails [class^="span"],
.post-2079 .thumbnails [class^="span"] {
display: block;
width: 100%;
}
.post-2163 .thumbnails,
.post-2079 .thumbnails{
margin-right: 30px;
}
.post-2163 .thumbnails img,
.post-2079 .thumbnails img{
float: left;
margin: 0.5em 1.5em 0.5em 0;
}
.post-2163 .thumbnail,
.post-2079 .thumbnail{
border: none;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.post-2163 h5,
.post-2079 h5{
background-color:inherit;
padding: 3em 5px 0.5em 0;
color: #009a45;
margin: 0 0 1em 0;
letter-spacing: 0.05em;
font-size: 1.4em;
border-bottom: 1px solid #999;
}
.post-2079 h5{
padding: 0px 5px 0.5em 0px;
}
@media (max-width:500px){
.post-2079 h5:before{
content: "";
display: block;
clear: both;
padding-top: 1em;
}
}
.post-2163 .btn,
.post-2079 .btn{
float: right;
}
.post-2194 .article_container h2{
margin: 2em 0 1em 0;
}
.alert-danger, .alert-error{
background-color: #ffffff;
border-color: #d20d09;
color: #d20d09;
}
.post-2202 img{
margin-bottom: 2em;
}
.ul-social{
padding-bottom: 2em!important;
display: flex;
align-items: center;
justify-content: center;
}
.ul-social img{
max-width: 100%;
}
.nav.social img{
height: 24px;
}
.post-2152.type-page td:first-child{
word-break: normal;
}
@media (max-width:425px){
.post-2152 .table-striped tbody tr td, 
.post-2152 .table-striped tbody tr th{
display: block;
max-width: 100%;
}
.post-2152 .table-striped tbody tr td:not(:first-child), 
.post-2152 .table-striped tbody tr th:not(:first-child){
border: none;
padding-top: 0px;
}
.post-2152 .table-striped tbody tr td:first-child, 
.post-2152 .table-striped tbody tr th:first-child{
padding-bottom: 0px;
}
.post-2152 .table-striped img{
display: block;
margin: 0 auto;
}
}
.slider-pickup .slick-prev, 
.slider-pickup .slick-next{
width: 30px;
height: 50px;
z-index: 2;
} 
#main .archive-list{
padding-bottom: 2em;
}
#main .archive-list .thumb > a,
#main .article_container .thumb > a{
text-indent: -9999px;
display: inline-block;
width: 132px;
height: 92px; 
float: left;
background-size: cover;
background-repeat: no-repeat;
border: 1px solid #DEDEDE;
background-position: center center;
background-color: #EDEDED;
border-radius: 5px;
}
#main .archive-list .text,
#main .article_container .text{
margin-left: 144px;
}
@media (max-width: 400px){
#main .archive-list .thumb > a,
#main .article_container .thumb > a,
.paged .main-list .thum > a{
width: 98px;
height: 69px; 
}
#main .archive-list .text,
#main .article_container .text,
.paged .main-list .textlink{
margin-left: 110px;
}
}
#main .archive-list h3,
#main .article_container h3{
margin-bottom: 0px!important;
font-size: 1.4em;
color: #0022a0;
line-height: 1.4!important;
}
#main .archive-list time,
#main .article_container time{
color: #838383;
display: block;
text-align: right;
}
#main .archive-list article,
#main .article_container article{
border-bottom: 1px solid #DEDEDE;
}
#main .archive-list .pagination,
#main .article_container .pagination{
text-align: center;
margin: 2em 0px 0px;
}
#main .archive-list .pagination ul,
#main .article_container .pagination ul{
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#main .archive-list .pagination ul:after,
#main .article_container .pagination ul:after {
clear: both;
display: block;
content: " ";
}
#main .archive-list .post_content,
#main .article_container .post_content{
padding-left: 0px;
}
.error404 #main{
float: none;
margin-left: 0px;
padding-left: 0px;
margin-right: 0px;
padding-right: 0px;
}
.error404 .post_content{
min-height: 25vh;
}
#sidebar-en.span4{
width: 100%;
}
.page-id-2093 iframe{
border: none!important;
width: 100%;
}
.pagination a {
border: none;
background-color: #888;
margin-right: 1px;
margin-bottom: 2px;
padding: 0 9px;
line-height: 2.1;
color: #FFF;
}
.pagination a:hover {
background-color: #333;
text-decoration: none;
}
.slider-wrap .size-m{
display: none;
}
.slider-wrap .size-l{
display: block;
}
@media (max-width:1150px){
.slider-wrap .size-m{
display: block;
}
.slider-wrap .size-l{
display: none;
}
}
.dropdown-menu .divider{
background: none;
border-bottom-color: #ccc;
margin: 8px -2px;
}
#twitter-widget-0{ margin: 5px 0 0;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}