@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

html,
body,
a {
cursor:none;
}

.cursor {
position: fixed;
top: -5px;
left: -5px;
width: 20px;
height: 20px;
border-radius: 50%;
z-index: 1000;
background: rgba(166, 166, 166, 0.5);
transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s;
transform: translate(0, 0);
pointer-events: none;
animation:sample 2s linear infinite;
}


.cursor.cursor--hover {
top: -20px;
left: -20px;
width: 40px;
height: 40px;
background: rgba(166, 166, 166, 0.5);
}

.entry-content>*, .demo .entry-content p {
line-height: 2;
letter-spacing: 1px;
}

.no-sidebar .content .main {
margin: auto;
width: 100%;
}

.contactpage {
max-width: 800px;
margin: 2em auto;
}

.infotitle.required p:after {
content: "＊";
color: red;
font-size: 90%;
}


input.wpcf7-form-control.wpcf7-previous {
-webkit-appearance: none;
border: 1px solid #ddd;
background-color: #fff;
color: #333;
width: 100%;
padding: 1em;
margin: 1em auto;
}

input[type='submit'] {
background-color: #ddd;
}

figure.webmoc img {
display: block;
max-width: 700px;
width: 100%;
margin: auto;
}

ul.nondisc li {
list-style: none;
}

.article h3 {
border: none;
margin: 0;
padding: 10px 0;
font-size: 120%;
}

.l_images img {
display: block;
width: 200px;
height: 200px;
border-radius: 50%;
object-fit: cover;
margin: 1em;
}

.eye-catch-wrap {
display: none;
}

.abotwarp {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 0;
}

.works_warp .workslist .works_box {
position: relative;
list-style: none;
padding: 2em 1em;
border-bottom: 1px dotted #393939;
max-width: 355px;
margin: 5px;
overflow:hidden;
}

.works_warp .workslist .works_box a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
inset: 0;
z-index: 2;
}

.works_warp .workslist .works_box h2 {
background: no-repeat;
font-size: 110%;
margin: 0;
}

.works_warp .workslist .works_box .tag span {
margin: 5px;
border: 1px solid;
color: #777;
padding: 5px 10px;
font-size: 90%;
}

.works_warp .workslist .works_box img {
display: block;
max-width: 400px;
width: 100%;
margin: auto;
transition: transform 0.4s ease;
}

.works_warp .workslist .works_box:hover img {
transform: scale(1.1); 
}


/*1023px以下*/
@media screen and (max-width: 1023px){
.logo-menu-button img {
margin: 0 10px;
}

.abotwarp {
justify-content: center;
}
}

/*834px以下*/
@media screen and (max-width: 834px){

.l_images img {
width: 150px;
height: 150px;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}