body{
font-family: 'Noto Sans JP', sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
background-color: #F1ECE4;
}
html{
margin: 0;
padding: 0;
}
.pc{
display: none;
}
.sp{
}
a{
text-decoration: none;
}
a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";    -webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
h2{
color: #713400;
}
#fv{
width: 100%;
height: auto;
background-color: #F08000;
}
#spfv{
width: 100%;
height: 100%;
background-image: url(https://kakitsubo.jp/wp-content/themes/kakitsubo/img/sphead.png);
-moz-background-size:cover;
background-size:cover;
padding-top: 100px;
text-align: center;
overflow: auto;
}
.spnyan{
float: left;
margin-left: 50px;
}
#head_obi{
width: calc(100% - 240px);
height: 220px;
padding-top: 60px;
padding-left: 100px;
padding-right: 100px;
position: absolute;
top: 0;
}
.sns{
float: right;
}
.sns a{
margin-left: 10px;
}
.ki_navi{
float: right;
}
.navi{
float: right;
text-align: right;
}
.navi a{
float: right;
margin: 0 15px;
}
#sec_area{
width: 100%;
background-image: url(https://kakitsubo.jp/wp-content/themes/kakitsubo/img/maruback.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 50px;
}
.oshirase{
text-align: center;
}
#news_area{
width: 100%;
margin: 0 auto;
overflow: auto;
color: white;
padding-bottom: 70px;
}
.news_unit{
width: 50%;
margin: 0 auto;
text-align: center;
margin-top: 3rem;
}
.news_unit:nth-child(3){
width: 26%;
margin-right: 0%;
text-align: center;
float: left;
}
.news_unit a{
color: white;
}
.news_unit img{
width: 100%;
height: auto;
border-radius: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
}
.n1{
font-size: 14px;
margin-top: 10px;
}
.n2{
font-size: 18px;
}
.n2 a{
font-size: 18px;
color: white;
}
.n3{
font-size: 15px;
margin-top: 10px;
}
.more{
text-align: center;
color: white;
padding-top: 3rem;
}
.m_copy_area{
width: 100%;
text-align: center;
padding-top: 50px;
}
.m_copy_area img{
width: 90%;
}
.m_copy_area_ill{
width: 100%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
#anime_area{
width: 100%;
text-align: center;
}
#anime_area img{
width: 95%;
margin: 0 auto;
}
.main_unit{
width: 90%;
margin: 0 auto;
overflow-x: hidden;
padding-bottom: 50px;
padding-top: 50px;
font-size: 14px;
}
.main_lefti{
width: 90%;
margin: 0 auto;
}
.main_lefti img{
width: 100%;
}
.main_righti{
width: 100%;
float: right;
}
.main_righti img{
width: 100%;
}
.main_left{
width: 100%;
float: left;
}
.main_right{
width: 100%;
float: right;
}
.orenge_mi_area{
text-align: center;
width: 100%;
margin: 0 auto;
}
.orenge_mi{
font-family: serif;
color: #F08000;
font-size: 25px;
float: left;
padding-top: 30px;
}
.o_mi_img{
width: 100%;
text-align: center;
}
.o_mi_img img{
width: 60%;
}
.o_mi_img_right{
text-align: center;
padding-top: 30px;
margin-top: 30px;
}
.main_bun{
line-height: 1.9em;
padding-top: 30px;
float: left;
font-size: 17px;
}
.shimane{
width: 100%;
padding-bottom: 30px;
}
.shimane img{
width: 100%;
}
#kau_area{
width: 90%;
margin: 0 auto;
overflow: auto;
padding-top: 50px;
padding-bottom: 100px;
}
#kau_naka{
width: 100%;
margin: 0 auto;
}
#kau_naka{
width: 100%;
margin: 0 auto;
max-width: 1000px;
}
.kau_left{
text-align: center;
width: 100%;
}
.kau_right{
float: right;
width: 100%;
font-size: 0.9rem;
}
.kau_bun_area{
float: left;
line-height: 1.8em;
}
#kaumono_area{
width: 100%;
overflow: auto;
padding-top: 50px;
height: 950px;
}
.kau_unit{
width: 40%;
margin-right: 5%;
margin-left: 5%;
float: left;
margin-top: 40px;
}
.kau_unit img{
}
.kau_unit2{
width: 200px;
margin: 0 auto;
margin-top: 40px;
}
.kau_unit2 img{
width: 100%;
}
.totop{
width: 90%;
margin: 0 auto;
max-width: 1200px;
text-align: right;
padding-bottom: 50px;
}
#footer{
width: 100%;
background-color: #713400;
}
#footer_naka{
width: 95%;
margin: 0 auto;
overflow: auto;
max-width: 1200px;
}
.footer_ue{
width: 100%;
margin-top: -10px;
float: left;
}
.footer_left{
float: left;
color: white;
font-size: 1.2rem;
}
.footer_right{
float: right;
color: #EBE4D8;
font-size: 1.0rem;
line-height: 2em;
}
.footer_right a{
color: white;
text-decoration: none;
}
.fr1{
float: right;
margin-right: 40px;
}
.fr2{
float: right;
margin-right: 40px;
}
.fr3{
float: right;
margin-right: 0px;
color: #EBE4D8;
}
.tokutei{
float: right;
}
#sec_navi{
width: calc(100% - 200px);
background-color: #F08000;
padding: 10px 100px;
}
.snss{
float: right;
margin-top: 10px;
}
.snss a{
margin-left: 10px;
}
.sec_navia{
float: right;
padding-top: 12px;
margin-right: 10px;
}
.sec_navia a{
font-size: 18px;
color: #713400;
margin-left: 10px;
}
.sec_main{
width: 100%;
background-color: #F1ECE4;
}
.sec_mi{
width: 100%;
text-align: center;
padding-top: 100px;
padding-bottom: 30px;
font-size: 30px;
}
.sec_mi2{
padding-top: 5em;
}
.sec_komi_area{
width: 100%;
font-family: serif;
font-size: 25px;
color: #F08000;
}
.sec_komi_area2{
width: 100%;
font-family: serif;
font-size: 25px;
color: #F08000;}
.sec_buy_area{
width: 100%;
text-align: center;
}
.kau_ex_area{
text-align: center;
max-width: 900px;
margin: 0 auto;
width: 100%;
}
.fvsl{
margin: 150px auto 0 auto;
width: 70%;
max-width: 1400px;
}
.kakkina{
position: relative;
left: 0;
bottom: 200;
}
#totshop{
position: fixed;
right: 30px;
bottom:30px;
}
#news_unit{
width: 95%;
margin: 0 auto;
max-width: 1000px;
font-size: 18px;
}
#news_unit img{
width: 100%;
height: auto;
padding: 1em 0;
}
.ne1{
font-size: 14px;
color: #713400;
}
.ne2{
font-size: 18px;
color: #713400;
font-weight: bold;
margin-bottom: -50px;
}
.cyu_unit{
width: 95%;
margin: 0 auto;
max-width: 800px;
overflow: auto;
font-size: 18px;
margin-top: 30px;
}
.cyu_unit img{
float: left;
margin-right: 30px;
}
.cyu_right{
float: right;
text-align: left;
font-size: 18px;
}
.cyu_right a{
font-weight: bold;
color: #F08000;
}
#contact_area{
width: 95%;
margin: 0 auto;
max-width: 600px;
font-size: 18px;
}
#iroiro_area{
max-width: 1080px;
width: 90%;
margin: 0 auto;
font-size: 15px;
overflow: auto;
}
.iro_unit1{
float: left;
width: 100%;
overflow: auto;
}
.iro1_left{
width: 100%;
float: left;
}
.iro1_left img{
width: 100%;
}
.iro1_lefts{
width: 60%;
float: left;
}
.iro1_lefts img{
width: 100%;
}
.iro1_right{
width: 100%;
padding-top: 20px;
float: right;
}
.iro1_right img{
width: 100%;
}
.iro1_right2{
width: 37%;
float: right;
}
.iro1_right2 img{
width: 90%;
}
.ir1{
margin-top: 30px;
font-family: serif;
color: #F08000;
font-size: 25px;
font-weight: bold;
}
.ir2{
margin-top: 30px;
}
.iro_unit2{
float: left;
margin-top: 100px;
overflow: auto;
margin-bottom: 150px;
}
.iro2_left{
float: left;
width: 100%;
}
.iro2_left img{
width: 100%;
}
.iro2_right{
float: right;
width: 100%;
}
.ho1{
float: left;
}
.ho2{
float: right;
}
.hosibuy{
width: 100%;
overflow: auto;
text-align: center;
}
#sp_navi{
width: 100%;
position: fixed;
height: 60px;
background-color: #F08000;
}
#sp_navi .spl {
height: 60px;
}
#sp_navi .spl a.logo {
position: absolute;
top: 10px;
left: 10px;
} .menu{
height: 20px;
position: absolute;
right: 30px;
top: 20px;
width: 30px;
z-index: 99999;
}
.menu__line{
background: #000;
display: block;
height: 2px;
position: absolute;
transition:transform .3s;
width: 100%;
}
.menu__line--center{
top: 9px;
}
.menu__line--bottom{
bottom: 0;
}
.menu__line--top.active{
top: 8px;
transform: rotate(45deg);
background: #fff;
}
.menu__line--center.active{
transform:scaleX(0);
background: #fff;
}
.menu__line--bottom.active{
bottom: 10px;
transform: rotate(135deg);
background: #fff;
} .gnav{
background: rgba(113,52,0,0.9);
display: none;
height: 100%;
position: fixed;
width: 100%;
z-index: 99998;
}
.gnav__wrap{
padding-top: 0px; height: calc(100% - 70px); position: absolute;
width: 100%;
color: white;
}
.gva{
font-size: 18px;
color: white;
width: 100%;
border-bottom: solid 1px #fff;
text-align: center;
padding: 15px 0;
}
.gva a{
color: white;
}
.gva2{
font-size: 18px;
color: white;
width: 100%;
border-bottom: solid 1px #fff;
text-align: center;
padding: 15px 0;
}
.gva2 a{
color: white;
}
#sec_main_blog{
width: 95%;
margin: 0 auto;
max-width: 1200px;
overflow: auto;
}
#sidebar{
width: 90%;
margin: 0 auto;
color: #713401;
font-size: 20px;
}
.kakounit{
border-bottom: solid 1px #713401;
padding: 10px 0;
}
.kakounit a{
color: #713401;
}
.kakomi{
color: #713401;
font-weight: bold;
border-bottom: solid 2px #713401;
padding-bottom: 10px;
}
.monthly-list{
list-style-type: none;
padding: 0;
margin: 0;
}
.monthly-list a{
color: #713401;
} .more_off {
width: 140px;
height: auto;
}
.cal_link a {
text-align: left;
display: flex;
color: #713401;
font-size: 14px;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.75;
}
.cal_link .hd_img {
margin-right: 1em;
}
.cal_link .hd_img img {
width: 85px;
height: auto;
}
.foot_link {
max-width: 480px;
margin: auto;
}
.foot_link a {
margin: 4%;
display: inline-block;
width: 40%;
}
.foot_link a img {
width: 100%;
height: auto;
}
.sec_message {
display: block;
max-width: 800px;
margin: 0 auto 50px;
}
.sec_message .img_neco img {
width: 60px;
height: auto;
}
.sec_message .text_neco {
color: #fff;
background-image: url(https://kakitsubo.jp/wp-content/themes/kakitsubo/img/neco_message_bg.png);
padding: 20px 30px 20px;
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.sec_message .text_neco p {
margin: 0;
line-height: 1.5;
font-size: 13px
}
.archive_list {
list-style: none;
color: #713401;
padding: 0;
margin-bottom: 30px;
}
.archive_list a,
.archive_list a:visited,
.pagenavi a,
.pagenavi a:visited  {
color: #713401;
}
.archive_list li {
padding: 1em 0;
border-bottom: 1px dotted #713401;
}
.archive_list li:last-child {
border-bottom: none;
}
.archive_list .date {
display: inline-block;
margin-right: 2em;
}
.archive_list .title {
display: inline-block;
font-weight: 700;
}
.pagenavi {
text-align: center;
}
.pagenavi .page-numbers.current {
color: #f08000;
}
.side_p_area{
overflow: auto;
}
.side_p img{
width: 48%;
margin: 1%;
height: auto;
float: left;
}
#news_unit .wp-block-image.size-large {
margin: 0 0 1em 0;
}
h1.ne2{
font-size: 120%;
}
.title_line{
float: left; 
margin-left: -30px;
margin-top:1em;
}
.ne3 h2{
margin:1.5em 0 0 0;
}
.ne3 h3{
margin-top:1.5em;
}
#news_unit ul, ol {
background: #fffcf4;
border-radius :8px; box-shadow :0px 0px 5px silver; padding: 0.5em 0.5em 0.5em 2em;
}
#news_unit ul li, ol li {
line-height: 1.5;
padding: 0.5em 0;
}
#sec_main{
max-width:90%;
margin:auto;
}
#sec_main h1{
text-align: center;
color: #713401;
font-size: 35px;
padding-top: 3em;
}
#sec_main h2{
color: #F08000;
font-size: 30px;
font-family: serif;
margin: 60px auto 0 auto;
}
#sec_main h3{
font-size: 20px;
}
#sec_main p{
font-size: 17px;
margin: 0 auto 40px auto;
}
#sec_main ul{
margin: 0 auto 40px auto;
}
#sec_main ul li{
font-size: 17px;
line-height: 2;
}
#sec_main a{
color: #337ab7;
}
#sec_main img{
display: block;
margin: 15px auto 15px auto;
}
.mokuji ul, ol {
border: dashed 1px #713401; background: #f7ebd9; padding: 1.5em 0.5em 1.5em 3em;
}
.mokuji ul li, ol li {
line-height: 1.5;
padding: 0.5em 0;
}
.mokuji ul h3 {
font-size:120%;
}
html, body #sec_main {
scroll-padding-top: 100px;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.sec_item_area{
width: 100%;
font-family: serif;
font-size: 25px;
color: #F08000;
}
#sec_main h1.buy_main2 {
text-align: center;
color: #713401;
font-size: 35px;
padding-top: 1em;
}
.item_name{
width: 100%;
font-family: serif;
font-size: 25px;
color: #F08000;
}
.item_unit{
margin: 0 auto;
overflow-x: hidden;
padding-bottom: 30px;
font-size: 14px;
}
#footer a {
color: white;
} .banner01{
text-align:center;
padding:1em 0;
width:80%;
margin:auto;
} .popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.popup-overlay.show {
opacity: 1;
}
.popup-content {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.8);
background-color: transparent;
padding: 0;
border-radius: 5px;
box-shadow: none;
z-index: 1001;
max-width: 350px;
width: 85%;
opacity: 0;
transition: all 0.3s ease-in-out;
text-align: center;
overflow: hidden;
}
.popup-overlay.show .popup-content {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.close-button {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: rgba(255, 255, 255, 0.8);
font-size: 24px;
cursor: pointer;
font-weight: bold;
color: #666;
width: 30px;
height: 30px;
border-radius: 50%;
z-index: 1002;
}
.popup-banner {
display: block;
width: 100%;
height: auto;
border: none;
}
.popup-banner-pc {
display: none !important;
}
.popup-banner-mobile {
display: block !important;
}