body{
font-family: 'Noto Sans JP', sans-serif;
font-size: 15px;
margin: 0;
padding: 0;
background-color: #F1ECE4;
min-width: 1100px;
}
html{
margin: 0;
padding: 0;
}
.pc{
}
.sp{
display: none;
}
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;
}
#head_obi{
width: calc(100% - 240px);
height: 220px;
padding-top: 60px;
padding-left: 100px;
padding-right: 100px;
position: absolute;
min-width: 900px;
top: 0;
}
#head_obi img.logo {
position: relative;
z-index: 2;
}
.sns{
float: right;
}
.sns a{
margin-left: 10px;
}
.ki_navi{
float: right;
position: relative;
z-index: 2;
}
.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;
}
@media screen and (min-width: 1400px) {
#sec_area{ }
}
.oshirase{
text-align: center;
padding-top: 20px;
}
#news_area{
width: 800px;
margin: 0 auto;
overflow: auto;
color: white;
}
.news_unit{
width: 26%;
margin-right: 11%;
text-align: center;
float: left;
margin-top: 1rem;
}
.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: 300px;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
}
.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: 100px;
}
.m_copy_area img{
width: 60%;
}
.m_copy_area_ill{
width: 85%;
margin-top: -200px;
margin-left: auto;
margin-right: auto;
}
#anime_area{
width: 100%;
text-align: center;
}
#anime_area img{
width: 80%;
max-width: 1500px;
height: auto;
}
.main_unit{
width: 80%;
max-width: 1500px;
min-width: 1050px;
margin: 0 auto;
overflow-x: hidden;
padding-bottom: 50px;
padding-top: 50px;
font-size: 14px;
}
.main_lefti{
width: 48%;
float: left;
min-width: 500px;
}
.main_lefti img{
width: 100%;
}
.main_righti{
width: 48%;
float: right;
min-width: 500px;
}
.main_righti img{
width: 100%;
}
.main_left{
width: 48%;
float: left;
min-width: 500px;
}
.main_right{
width: 48%;
float: right;
min-width: 500px;
}
.orenge_mi_area{
float: left;
width: 100%;
min-width: 500px;
}
.orenge_mi{
font-family: serif;
color: #F08000;
font-size: 40px;
float: left;
padding-top: 30px;
}
.o_mi_img{
float: left;
}
.o_mi_img_right{
float: right;
}
.main_bun{
line-height: 1.9em;
padding-top: 30px;
float: left;
font-size: 18px;
text-align: justify;
}
.shimane{
float: right;
margin-right: -100px;
}
#kau_area{
width: 100%;
overflow: auto;
padding-top: 50px;
padding-bottom: 100px;
}
#kau_naka{
width: 90%;
margin: 0 auto;
max-width: 1200px;
}
#kau_naka{
width: 80%;
margin: 0 auto;
max-width: 1000px;
}
.kau_left{
float: left;
width: 10%;
}
.kau_right{
float: right;
width: 80%;
font-size: 18px;
}
.kau_bun_area{
float: left;
line-height: 1.8em;
}
#kaumono_area{
width: 100%;
overflow: auto;
padding-top: 50px;
height: 1150px;
}
.kau_unit{
width: 28%;
margin-right: 8%;
float: left;
margin-top: 40px;
}
.kau_unit:nth-child(3n){
width: 26%;
margin-right: 0%;
}
.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: 0px 100px;
}
#sec_navi .logo {
padding: 10px 0;
}
.snss{
float: right;
margin-top: 25px;
}
.snss a{
margin-left: 10px;
}
.sec_navia{
float: right;
margin-right: 10px;
}
.sec_navia a{
font-size: 18px;
color: #713400;
padding-left: 25px;
display: inline-block;
height: 70px;
margin-left: 6px;
}
.sec_navia a:hover,
.sec_navia a.current {
background-image: url(https://kakitsubo.jp/wp-content/themes/kakitsubo/img/menu_icon.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 25px 70px;
}
.sec_navia a span {
position: relative;
top: 25px;
}
.sec_main{
width: 100%;
background-color: #F1ECE4;
}
#sec_main_blog{
width: 95%;
margin: 0 auto;
max-width: 1200px;
overflow: auto;
}
.sec_mi{
width: 100%;
text-align: center;
padding-top: 100px;
padding-bottom: 30px;
font-size: 30px;
}
.sec_komi_area{
width: 100%;
height: 150px;
line-height: 150px;
font-family: serif;
font-weight: bold;
font-size: 30px;
color: #F08000;
background-image: url(https://kakitsubo.jp/wp-content/themes/kakitsubo/img/bh01.png);
background-repeat: no-repeat;
background-position: right center;
float: left;
}
.sec_komi_area2{
width: 100%;
height: 150px;
line-height: 1.5em;
padding-top: 50px;
font-family: serif;
font-weight: bold;
font-size: 30px;
color: #F08000;
background-image: url(https://kakitsubo.jp/wp-content/themes/kakitsubo/img/bh01.png);
background-repeat: no-repeat;
background-position: left center;
float: left;
}
.sec_buy_area{
width: 100%;
text-align: center;
}
.kau_ex_area{
text-align: center;
max-width: 900px;
margin: 0 auto;
width: 100%;
}
.fvsl,
.swiper-container {
margin: 150px auto 0 auto;
width: 70%;
max-width: 1300px;
text-align: center;
}
.swiper-container img { 
width: 100%;
max-width: 1050px;
text-align: center;
margin: 0 auto;
}
.kakkina{
position: relative;
left: 0;
bottom: 200;
}
#totshop{
position: fixed;
right: 30px;
bottom:30px;
}
#news_unit{
width: 75%;
font-size: 18px;
float: left;
}
#sidebar{
width: 20%;
float: right;
color: #713401;
}
.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;
}
#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;
width: 140px;
margin-right: 30px;
}
.cyu_right{
float: left;
width: calc(100% - 170px);
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: 100%;
margin: 0 auto;
font-size: 15px;
overflow: auto;
}
.iro_unit1{
float: left;
width: 100%;
overflow: auto;
}
.iro1_left{
width: 60%;
float: left;
}
.iro1_lefts{
width: 60%;
float: left;
}
.iro1_lefts img{
width: 100%;
}
.iro1_right{
width: 37%;
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;
font-size: 18px;
}
.iro_unit2{
float: left;
margin-top: 100px;
overflow: auto;
margin-bottom: 150px;
}
.iro2_left{
float: left;
width: 30%;
}
.iro2_left img{
width: 100%;
}
.iro2_right{
float: right;
width: 68%;
}
.ho1{
float: left;
}
.ho2{
float: right;
}
.hosibuy{
width: 100%;
overflow: auto;
text-align: center;
}
.spl{
float: left;
margin-top: 10px;
margin-left: 20px;
} .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: 35px;
}
.cal_link .hd_img {
margin-right: 1em;
}
.cal_link .hd_img img {
width: 85px;
height: auto;
}
.foot_link a {
display: inline-block;
margin: 10px;
}
.foot_link a img {
width: 180px;
height: auto;
}
.sec_message {
display: flex;
max-width: 800px;
margin: 0 auto 50px;
align-items: center;
}
.sec_message .img_neco img {
width: 100px;
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.75;
}
.archive_list {
list-style: none;
color: #713401;
}
.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;
}
.big{
font-size: 150%;
line-height: 2em;
font-weight: bold;
color: #EF820B;
}
h1.ne2{
font-size: 120%;
}
.title_line{
float: left; 
margin-left: -30px;
margin-top: -0.5em;
}
.ne3 h2{
margin-top:2em;
}
.ne3 h3{
margin-top:2em;
}
.o_mi_img_left {
float:left;
width:50%;
} 
#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;
}
.yoyakuBanner\; {
width:75%; 
margin:auto;
}
#sec_main{
max-width:800px;
margin:auto;
}
#sec_main h1{
text-align: center;
color: #713401;
font-size: 50px;
padding: 2em 0 1em 0;
}
#sec_main h2{
color: #F08000;
font-size: 30px;
font-family: serif;
margin: 80px auto 40px auto;
padding-right: 40px;
}
#sec_main p{
font-size: 17px;
margin: 0 auto 40px auto;
padding-right: 40px;
padding-left: 40px;
line-height: 2;
}
#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{
margin:30px auto 30px auto;
}
.imgCenter{
display: block;
margin-left: auto;
margin-right: 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 {
scroll-padding-top: 40px;
}
.btn  {
text-align: center;
}
.btn img {
width:75%;
margin:auto;
}
.price {
text-align: center;
}
.price h3 {
font-size:140%;
text-align: center;
margin: 0.5em;
}
.price table {
margin:auto;
width:30%;
}
.price table td {
font-size: 115%;
}
#sec_main h1.buy_main{
font-size: 45px;
}
#sec_main h1.buy_main2{
font-size: 45px;
padding-top:1em 0 0.5em 0;
}
#sec_main .item_name{
width: 100%;
height: 90px;
line-height: 1.5em;
padding-top: 50px;
font-family: serif;
font-weight: bold;
font-size: 30px;
color: #F08000;
background-image: url(https://kakitsubo.jp/wp-content/themes/kakitsubo/img/bh01.png);
background-repeat: no-repeat;
background-position: left center;
float: left;
}
.item_unit {
max-width: 800px;
margin: 0 auto;
overflow-x: hidden;
padding-bottom: 50px;
font-size: 14px;
}
.item_lefti {
width: 48%;
float: left;
}
.item_lefti {
width: 48%;
float: left;
}
.item_right {
width: 48%;
float: right;
}
.sec_item_area {
width: 100%;
height: 90px;
line-height: 1.5em;
padding-top: 50px;
font-family: serif;
font-weight: bold;
font-size: 22px;
color: #F08000;
background-image: url(https://kakitsubo.jp/wp-content/themes/kakitsubo/img/bh01.png);
background-repeat: no-repeat;
background-position: left center;
float: left;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
#footer a {
color: white;
} .banner01{
text-align:center;
padding:2em 0;
width:80%;
margin:auto;
} .line{
max-width: 450px;
margin: 0 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: 70%;
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-mobile {
display: none;
} @media screen and (max-width: 768px) {
.popup-content {
width: 85%;
max-width: none;
}
.popup-banner-pc {
display: none !important;
}
.popup-banner-mobile {
display: block !important;
}
}