/* ヘッダーデザイン調整　ブラウザのサイズ毎**************************************************************/
@media (max-width:560px){

.top-box-1 h2{
 margin-top:750px;
}
.top-box-1{
 padding-bottom:100px;
}
}

@media (min-width:561px) and (max-width:1100px){
.top-box-1 h2{
 margin-top:500px; 
}
.top-box-1{
 padding-bottom:190px;
}
}

@media (min-width: 1001px) and (max-width: 1600px){
.top-box-1 h2{
 margin-top:750px; 
}
.top-box-1{
 padding-bottom:190px;
}
}

@media (min-width: 1601px){
.top-box-1 h2{
 margin-top:1020px; 
}
.top-box-1{
 padding-bottom:190px;
}
}




/* SP　str **************************************************************/
@media (max-width: 560px){

.bk_chara{
 padding-bottom:120px;
}


.page_title{
 font-size:28px !important;
 height: 230px;
}

.foot-cp{
 margin:0 auto;
 padding-top:40px;
 text-align:center;
}

.top-box-1{
 background-image: url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/sp-top-img-1.png); 
 background-repeat:no-repeat;
 background-position:center top;
 background-size:100%;
}

.top-box-1 h2{
 background:transparent;
 color:#000;
 margin-bottom:50px;
 font-size:28px !important;
 padding:0px;
}

.top-box-1 .cp-text{
 font-size:20px;
 font-weight:bold;
 text-align:center;
 margin: 55px auto;
 font-family: 'Noto Serif JP', serif !important;
 line-height: 250%
}

.top-box-1 .sp-waku{
padding-left:5px;
padding-right:5px;
padding-bottom:100px v
}

.top-box-1 .sp-waku p{
padding-left:15px;
padding-right:15px;
}

.top-box-2{
 background: 
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_2sp_katana.png) no-repeat top left,#000 !important;
}

.top-box-2{
 padding-top:65px;
 padding-bottom:30px;
}
.top-box-2 h2{
 background:transparent;
 color:#fff;
 margin-bottom:60px;
 font-size:28px !important;
 font-family: 'Noto Serif JP', serif !important;
}

.link_tilte{
 font-size:16px;
 margin-top:20px;
 margin-bottom:45px;
}

.top-box-3{
 background:#fff !important;
}

.top-box-3{
 padding-top:60px;
 padding-bottom:70px;
}

.top-box-3 h2{
 background:transparent;
 color:#000;
 margin-bottom:15px;
 font-size:28px !important;
 font-family: 'Noto Serif JP', serif !important;
}

.top-box-3 .sp-waku{
 padding-left:20px;
 padding-right:20px;
}

.top-box-4{
 background:
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_4-1.png) repeat top left,#fff !important;
}

.top-box-4{
 padding-top:65px;
 padding-bottom:60px;
}

.top-box-4 h2{
 background:transparent;
 color:#000;
 margin-bottom:20px;
 font-size:28px !important;
 font-family: 'Noto Serif JP', serif !important;
}

.box-60-f{
 margin:0px auto;
 padding: 27px;
 text-align: left;
 background:#fff !important;
 width: 90%; 
}

.box-40-f{
 margin:0px auto;
 padding: 0px;
 text-align: center;
 width: 90%; 
}

.top-main{
 margin:0 auto;
 padding:0px;
 text-align: center;
}

.head-img{
 background-image: url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/head_sc_sp.png); 
 background-repeat:no-repeat;
 background-position:left top; 
 background-size:100%;
}

.menu-head-menu-container{
 background: 
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_menu_sp.png) no-repeat bottom left,#fff !important;
 padding: 0px !important;
 margin-top:0px !important;
}

.widget>ul:first-of-type>li, .widget ul:first-child>li, .d_tab_tab>ul:first-of-type>li {
 border-bottom: 0px solid #fff !important;
}

#nav_menu-3{
 margin-top:0px !important;
 padding: 10px 0px !important;
}

#page-top {
 position: fixed;
 bottom: -50px;
 right: 20px;
 z-index: 998;
}

#page-top a {
 background:transparent !important;
 color: #fff;
}

#page-top a {
 background: none;
 text-decoration: transparent !important;
 color: #fff;
 width: 50px;
 height: 50px;
 font-size: 25px;
 line-height: 1;
 padding: 100px 0;
 text-align: center;
 display: block;
 border-radius: 50%;
}

.content h2{
 font-size:16px;
}

.box-60{
  padding: 5px;
  text-align: left;
}

.box-60 img{
 width: 90%; 
}

.box-40{
 padding: 5px;
 text-align: left;
}

.box-30{
 margin:0px auto !important;
 padding: 5px;
 text-align:center;
 width:350px !important;
}

.prof-box{
 margin:0px auto !important;
 padding: 5px;
 text-align:center;
 width:350px !important;
}

.prof-img img{
 width: 100% !important;
 text-align:center !important;
}

.prof-name{
 font-weight: bold; 
}

.prof-text{
 width: 100% !important;
 text-align:left !important;
 margin:20px 0px !important;
}

#footer{
 height: 100px;
}

}
/* SP　end**************************************************************/

/* PC　str **************************************************************/
@media (min-width: 561px){

.top-box-1{
 background-image: url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/top_head_img.png); 
 background-repeat:no-repeat;
 background-position:center top;
 background-size:100%;
}
/*
.top-box-1{
 background: 
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_left.png) no-repeat top left,
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_right.png) no-repeat top right;
}
*/


.top-main{
 margin:0 auto;
 padding:0px;
 text-align: center;
}


.top-box-1 h2{
 background:transparent;
 color:#000;
 font-size:28px !important;
}

.top-box-1 .cp-text{
 font-size:24px;
 font-weight:bold;
 text-align:center;
 margin: 55px auto;
 font-family: 'Noto Serif JP', serif !important;
 line-height: 250%
}

.top-box-2{
 background: 
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_2_img.png) no-repeat bottom right,#000 !important;
}

.top-box-2{
 padding-top:118px;
 padding-bottom:87px;
}


.top-box-2 h2{
 background:transparent;
 color:#fff;
 margin-bottom:60px;
 font-size:28px !important;
 font-family: 'Noto Serif JP', serif !important;
}

.link_tilte{
 font-size:16px;
 margin-top:25px;
 margin-bottom:45px;
}

.top-box-3{
 background:
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_3_left_img.png) no-repeat top left,
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_3_right_img.png) no-repeat bottom right,#fff !important;
}

.top-box-3{
 padding-top:118px;
 padding-bottom:87px;
}

.top-box-3 h2{
 background:transparent;
 color:#000;
 margin-bottom:60px;
 font-size:28px !important;
 font-family: 'Noto Serif JP', serif !important;
}

.top-box-4{
 background:
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_4_left_img.png) no-repeat bottom left,
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top_4-1.png) repeat top left,#fff !important;
}

.top-box-4{
 padding-top:118px;
 padding-bottom:87px;
}

.top-box-4 h2{
 background:transparent;
 color:#000;
 margin-bottom:60px;
 font-size:28px !important;
 font-family: 'Noto Serif JP', serif !important;
}

.head-img{
 background: 
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/head_sc_left.png) no-repeat top left,
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/head_sc_right.png) no-repeat top right;
}

#page-top {
 position: fixed;
 bottom: -100px;
 right: 20px;
 z-index: 998;
}

#page-top a {
 background:transparent !important;
 color: #fff;
}

#page-top a {
 background: none;
 text-decoration: transparent !important;
 color: #fff;
 width: 100px;
 height: 100px;
 font-size: 25px;
 line-height: 1;
 padding: 22px 0;
 text-align: center;
 display: block;
 border-radius: 50%;
}

.box-60{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 text-align: left;
 width:  600px;
}

.box-40{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 text-align: left;
 width: 500px; 
}

.box-60-f{
 display:  inline-block; 
 vertical-align: top;
 padding: 27px;
 text-align: left;
 width:  500px;
 height: 700px;
 background:#fff !important;
}

.box-40-f{
 display:  inline-block; 
 vertical-align: top;
 padding: 0px;
 text-align: left;
 width: 500px;
 background:#fff !important;
}

.box-40-f img{
 width: 100%;
 height: 700px;
}

.box-30{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 width: 320PX;
 text-align:center;
}

.attachment-thumbnail{
 width: 300px; 
}

.prof-box{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 width: 320px !important;
 text-align:center;
 margin:5px 10px !important;
}

.prof-img img{
 width: 320px !important;
 height: 320px !important;
 object-fit: cover !important;
 text-align:center !important;
}

.prof-name{
 font-weight: bold; 
}

.prof-text{
 text-align:left;
 margin:20px 0px;
}

.foot-cp{
 margin:0 auto;
 padding:20px;
 text-align:center;
}

.page_title{
 font-size:40px !important;
 height: 300px;
}

}
/* PC　end **************************************************************/



/* 共通　str **************************************************************/
body{
 font-family: 'Noto Sans JP', sans-serif !important;
 line-height: 200% !important;
}

object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {
 font-family: 'Noto Sans JP', sans-serif !important;
}

.page_title{
 font-family: 'Noto Serif JP', serif !important;
}
.top-box-1{
 margin:0 auto;
}

.text_right{
 text-align: right !important;
}

.main-wrap-top h2{
 font-size:28px !important;
 font-family: 'Noto Serif JP', serif !important;
}

.text_sr{
 margin-right:36px;
 font-size:18px !important;
}

.text_sl{
 margin-left: 36px;
 font-size:18px !important;
}

.top-box-2 .text_sr,.top-box-2 .text_sl{
 color:#fff;
}

.top-box-3 .text_sr,.top-box-3 .text_sl{
 color:#000;
}


.box-30 a{
 color:#fff;
}

.box-30 a:hover{
 color:#fff;
}

.sc_marker {
 background: linear-gradient(transparent 50%,#EFE9D3 0%) !important;
}

table {
 background: transparent !important;
 border: 0px solid #ccc !important;
}

th,td,tr {
 border: 0px solid #ccc !important;
}

button, input[type=submit], input[type=reset], input[type=button]{
 background: #000 !important;
}

.hentry, #single-main .post-sub,.post-box-contents {
 background: rgba(255, 255, 255, 0.4) !important;
}

#logo img, .logo img{
 width:  auto!important;
 height:  45px !important;
}

.foot-logo{
 margin-top:20px;
 margin-left:50px;
 display:  inline-block; 
 vertical-align: top;
 text-align: left;
 width: 200px;
}

.foot-navi{
 margin:0 auto;
 padding:20px;
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 text-align: center;
 width: 800px;
}

#footer{
 background: 
 url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_foot.png) no-repeat top left,#000 !important;
}

.footer_content {
 margin: 0 auto;
 text-align:center;
}

.page_title{
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; 
 align-items: center; 
 -webkit-justify-content: center;
 justify-content: center;
 margin:0 auto !important;
 padding:20px !important;
 vertical-align:middle !important;
 background:transparent !important;
 border-bottom:0px solid #000 !important;
}

.udline{
 padding:5px 0px !important;
 border-bottom:1px solid #000 !important;
}

.bk_chara{
 background-image: url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/ill2.png) !important;
 background-repeat:no-repeat !important;
 background-position: bottom right;
}

table {
 background: transparent !important;
}

.header-wrap{
 background-image: url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_menu_70.png) !important;
 background-repeat:no-repeat !important;
}

.header-image{
 background-image: url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_top01.png) !important;
}

#nav_fixed.fixed{
 background-image: url(https://www.cotonoha-collab.com/wp-content/uploads/2021/06/bk_menu_70x3000.png) !important;
 background-repeat:no-repeat !important;
}

.header-wrap, #header ul.sub-menu, #header ul.children, #scrollnav, .description_sp {
 background: #000;
 color: #000;
}

#nav_fixed.fixed a, #nav_fixed #nav ul ul a{
 color: #FFF !important;
}

.box-center{
 margin:0 auto !important;
 text-align:center !important;
}

.box-center-f{
 margin:0 auto !important;
 text-align:center !important;
 background: #fff !important;
}

.form-title{
 font-weight: bold; 
 margin:10px 0px;
}

.box-30 img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}

.attachment-thumbnail{
 width: 300px; 
}

.post_thumbnail .post-cat, .grid_post_thumbnail .post-cat {
    display: none;
}

#breadcrumb{
 background: transparent !important;
}

/* 共通　end **************************************************************/