/* Basic */
body{
	background: #fff url("../../images/bg.png");
    background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: top center;
	background-size: 100% auto;
}
/*
@media screen and (max-width: 768px){
	body{
		background: #fff url("../../images/sp_bg.png");
		background-repeat: repeat-y;
		background-attachment: fixed;
		background-position: top center;
		background-size: 100% auto;
	}
}
*/
/*@media screen and (max-width: 768px){
	body{
		background:none;
	}
	body::before {
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100%;
		background: #fff url("../../images/bg.png") center/cover no-repeat;
		-webkit-background-size:cover;
	}
}*/

nav a:hover,
#news a:hover{
    color: #72cec2 !important; 
}

body, input, textarea, select {
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
	/*font-family: 'Barlow Condensed', 'Noto Sans JP', sans-serif;*/
}
h1,h2,h3,h4,h5,h6{
	letter-spacing: 0.025em !important;
}
#header h1 a {
    font-size: 1em !important;
}
#news, #one p, #two p, #work1 p, #work2 p, #contact p, #footer{
	font-size: 80%;
	font-family: 'Noto Sans JP', sans-serif;
}
.main p{
	font-size: 90%;
	font-family: 'Noto Sans JP', sans-serif;
}


/* common */
.mb2{margin-bottom: 2em !important;}
.mb3{margin-bottom: 3em !important;}
.mb4{margin-bottom: 4em !important;}



/* news */
#news{
	background: #fff url("../../images/news.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
}
@media screen and (max-width: 768px){
	#news{
		background: #fff url("../../images/news.jpg");
		background-repeat: repeat-y;
		background-attachment: fixed;
		background-position: 10% 0%;
		background-size: auto 120%;
	}
    #news .button.anchored {
     display: none; 
    }
}
#news h2{
    font-size: 3em;
    color: #72cec2;
}
#news h4{
    font-size: 90%;
    color: #72cec2;
    border-right: 2px solid;
    border-left: 2px solid;
    margin: 1em 0;
}
#news li{
    margin: 20px 0;
}
#news li .button{
    background: #72cec2;
    color: #fff;
}
#news li .button:hover{
    background: #72cec2;
    color: #fff !important;
    opacity: 0.8;
}
@media screen and (max-width: 768px){
    #news h2{
        font-size: 1.8em;
    }
    #news li .button{
        height: auto;
        line-height: 1.5;
        padding: 1em 2em;
    }
}


/* bg */
@media screen and (max-width: 768px){
	#intro {
		background: #fff url("../../images/sp_intro.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top center;
		background-size: cover;
	}
/*
	#one {
		background: #fff url("../../images/sp_one.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top center;
		background-size: cover;
	}
*/
	#two {
		background: #fff url("../../images/sp_two.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top center;
		background-size: cover;
	}
}
#one {
    background-position: top left, bottom center;/*main.cssに上書き*/
}






/* work */
#work1 .content,
#work2 .content{
    background: #fff;
}
@media screen and (max-width: 768px){
    #work1 .content,
    #work2 .content{
        background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff, rgba(255,255,255,0));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff, rgba(255,255,255,0));
        background: linear-gradient(to right, rgba(255,255,255,0), #fff, rgba(255,255,255,0));
    }
}
#work1 h3,
#work2 h3{
/*    font-size: 1.5em;*/
    padding: 20px;
}
@media screen and (max-width: 768px){
    #work1 h3,
    #work2 h3{
/*        font-size: 1.2em;*/
    }
}    

.main.style3.primary{
	background: none;
}
.main.style3.secondary{
	background-color: rgba(245,246,247,0.8);
}

/*-----写真4列の場合-----*/
.gallery article .image{
    display: table-cell;
    width:50%;
}
/*-----END 写真4列の場合-----*/

.gallery article .image:hover{
	opacity: 0.9;
}
.gallery_cate{
    margin-bottom: 2em;
}
.gallery_cate li{
    display: inline-block;
    vertical-align: top;
    width:25%;
    margin-bottom: 4px;
}
@media screen and (max-width: 768px){
    .gallery_cate li{
        width:auto;
    }
    .gallery_cate li a{
        padding:10px 15px;
    }
}
.gallery_cate li a{
    display: block;
    
    background:#333;
    color: #fff;
    text-decoration: none;
}
.gallery_cate li a:hover{
    background:#555;
}
.gallery_cate li:lang(ja) {
    font-size: 80%;
}
h3:lang(ja){}
h3:lang(en){
    font-size: 1.2em;
}

.tab11_label{
    width: 65% !important;
}


/* book */
#book{
/*	background: #fff url("../../images/book.jpg");*/
    background: rgba(0,0,0,0.7);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
}
/*
@media screen and (max-width: 768px){
	#book{
		background: #fff url("../../images/news.jpg");
		background-repeat: repeat-y;
		background-attachment: fixed;
		background-position: 10% 0%;
		background-size: auto 120%;
	}
    #book .button.anchored {
     display: none; 
    }
}
*/
#book h2{
    font-size: 3em;
    color: #72cec2;
}
#book li{
    margin: 20px 0;
    font-size: 80%;
}
#book li .button{
    background: #72cec2;
    color: #fff;
}
#book li .button:hover{
    background: #72cec2;
    color: #fff !important;
    opacity: 0.8;
}
@media screen and (max-width: 768px){
    #book li .button{
        height: auto;
        line-height: 1.5;
        padding: 1em 2em;
    }
    #book .button.anchored {
     display: none; 
    }
}

/* studio */
#studio{
	background: #fff url("../../images/studio.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
}
/*
@media screen and (max-width: 768px){
	#studio{
		background-repeat: repeat-y;
		background-attachment: fixed;
		background-position: 10% 0%;
		background-size: auto 120%;
	}
    #news .button.anchored {
     display: none; 
    }
}
*/
#studio .box{
    background: rgba( 255, 255, 255, 0.9 );
}
#studio h2{
    font-size: 3em;
    color: #72cec2;
}
#studio ul{
    margin: 1em 0 1.5em 0;
    font-size: 80%;
}
#studio_img{
    margin-top: 20px;
}
#studio_img img{
    display: inline-block;
    width:49%;
}
#studio_img img:first-child{
    float: left;
}
#studio_img img:last-child{
    float: right;
}



/* plan */
#plan{
    
}
#plan .box{
    background: rgba( 255, 255, 255, 0.9 );
    border: 2px solid #72cec2;
    border-radius: 6px;
}
#plan h2{
    font-size: 3em;
    color: #72cec2;
}
#plan table{
    text-align: left;
}
.kome big{
    font-size: initial;
}
@media screen and (max-width: 768px){
    #plan .box{
        border-width: 2px 0;
        border-radius: 0;
    }
}



@media screen and (max-width: 768px){
    #book h2,
    #studio h2,
    #plan h2{
        font-size: 1.8em;
    }
}





/* work（gallery）*/
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{
    width:32%;
    vertical-align: top;
    margin:5px;
    display:inline-block;
    color:#999;
    background:#ddd;
    text-align:center;
    font-size:17px;
    cursor:pointer;
    transition:ease 0.2s opacity;
}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:40px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab3:checked ~ .tab_area .tab3_label,
#tab11:checked ~ .tab_area .tab11_label,
#tab12:checked ~ .tab_area .tab12_label,
#tab13:checked ~ .tab_area .tab13_label,
#tab14:checked ~ .tab_area .tab14_label,
#tab15:checked ~ .tab_area .tab15_label,
#tab16:checked ~ .tab_area .tab16_label,
#tab17:checked ~ .tab_area .tab17_label,
#tab18:checked ~ .tab_area .tab18_label,
#tab19:checked ~ .tab_area .tab19_label,
#tab20:checked ~ .tab_area .tab20_label{background:#333; color:#fff;}
#tab1:checked ~ .panel_area #panel1,
#tab2:checked ~ .panel_area #panel2,
#tab3:checked ~ .panel_area #panel3,
#tab11:checked ~ .panel_area #panel11,
#tab12:checked ~ .panel_area #panel12,
#tab13:checked ~ .panel_area #panel13,
#tab14:checked ~ .panel_area #panel14,
#tab15:checked ~ .panel_area #panel15,
#tab16:checked ~ .panel_area #panel16,
#tab17:checked ~ .panel_area #panel17,
#tab18:checked ~ .panel_area #panel18,
#tab19:checked ~ .panel_area #panel19,
#tab20:checked ~ .panel_area #panel20{display:block;}


@media screen and (max-width: 768px){
    .tab_area label{
        width: auto;
        padding: 5px 10px;
    }
}





/*20230713*/
#news div .button{
    background: #72cec2;
    color: #fff;
    margin-top: 1em;
}
#news div .button:hover{
    background: #72cec2;
    color: #fff !important;
    opacity: 0.8;
}
@media screen and (max-width: 736px){
    #news br {
    display:block !important;
    }
}