/*
Theme Name: 竹風軒pc
Description: 竹風軒 Template
Author: 管理人
*/



body{
    min-width: 1200px;
}
.in{
    width: 1200px;
}
.mob{
    display: none;
}
h2{
    font-size: 40px;
}
h3{
    font-size: 28px;
}
h4{
    font-size: 25px;
}
h5{
    font-size: 23px;
}
h6{
    
}
/*----------------------------------------------------------------*/
/*------ヘッダー------*/
header{
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #000;
    min-height: 690px;
    background-color: #fff;
}
header .hed_icon{
    padding: 20px;

}
header .hed_ssanav{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.hedbotns{
    margin-top: 12vh;
}
.hedbotns img{
    display: block;
    margin: 0 auto 5vh;
}

.hed_sns .menu-sns-container{
    text-align: center;
}
.menu-sns-container{
    color: #9e9e9f;
    font-size: 30px;
    line-height: 1.1;
}
header.active{
    right: 300px;
}
/*------ハンバーガーメニュー------*/
.hed_ssanav .navbotm{
    margin-bottom: 5vh;
}
.navbotm a{
    margin: 0 auto;
}
/*------ナビメニュー------*/
nav{
    width: 300px;
    right: -300px;
    border-left: 1px solid #000;
}
nav.active{
    right: 0;
}

/*----------------------------------------------------------------*/
/*------フッター------*/

footer{
    margin-top: 120px;
}
.footlogo{
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.footer-widget-area::after{
    content: "";
    display: block;
    clear: both;
}
.foot01,
.foot02{
    float: left;
}

.foot02{
    padding-left: 76px;
    border-left: 1px solid #fff;
}
.foot02widget{
    margin-top: 30px;
}
footer .fcc{
    text-align: center;
    margin-top: 75px;
}

.foot02widget #nav_menu-4{
    font-size: 12px;
}

/*----------------------------------------------------------------*/

/*------ホーム------*/
/*------ホームメインビジュアル------*/
.mv{
    min-height: 690px;
}
.home_mv .mvtext{
    font-size: 28px;
    
}
/*------ホーム共通------*/
.homecontent{
    margin-top: 120px;
}
.hometaitl{
    margin-bottom: 60px;
}
.hometaitl p{
    font-size: 28px;
}
.hometaitl span{
    font-size: 15px;
}

.More_botn{
    margin-top:40px;
}
/*------ホームバナー------*/
/* .home_bannerlist li{ */
.home_bannerlist .home_mori,
.home_bannerlist .kurimikado {
	
	height:330px;
	display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.home_moritextbox{
	width:410px;
}

.home_mori{
	padding: 30px 35px 30px 110px;
}
.kurimikado{
	padding: 60px 35px 60px 110px;
}
.home_moritextbox .hometaitl{
	margin-bottom:10px;
}

/*------ホームお知らせ------*/
.home01_r .news_list ul li:nth-child(4){
    display: none;
}

.home01::after{
    content: "";
    display: block;
    clear: both;
}
.home01 .home01_l{
    float: left;
    width: 150px;
}
.home01 .home01_r{
    float: right;
    width: 890px;
}
.home01_r .news_list ul li{
    width: 30.338%;
}
.home01_r .news_list ul li + li{
    margin-left: 4.46%;
}

/*------ホーム竹風軒のお菓子------*/
.home02mv{
    margin-bottom: 80px
}
.home02itemlist::after{
    content: "";
    display: block;
    clear: both;
}
.home02itemlist_l{
    float: left;
    width: 150px;
}
.home02itemlist_r{
    float: right;
    width: 905px;
}
.home02itemlist{
    margin-top: 50px;
}

/*------ホーム店舗のご紹介------*/

.home03 .home03_slidimg{
    width: 700px;
    height: 450px;
    margin-bottom: 100px;
}
.home03_slid{
    width: 1070px;
    margin-left: 0;
}
.home03_slid .home03_slidtextbox{
    position: absolute;
    width: 405px;
    min-height: 405px;
    padding: 25px 40px 40px 50px;
    right: 0;
    top: 100px;
}

.home03_slidh{
    margin-top: 30px;
    font-size: 22px;
}
.home03_slidtext{
    margin-top: 25px;
}

/*------ホーム竹風軒について------*/
.home04mv{
    padding-top: 25%;
}
.home04_list ul li{
    margin-top: 80px;
}
/*----------------------------------------------------------------*/
/*------下層ページ------*/
.is_singlehed{
    margin-top: 60px;
}

.hedm{
    margin-top: 120px;
}
.pimgnon{
    margin: 50px auto 30px
}
.ptaitl p l{
    font-size: 24px;
}
.ptaitl p en{
    font-size: 24px;
}
/*------商品詳細、会社概要画像切り替え------*/
.item_mimgslide .slick-counter{
    font-size: 15px;
}
/*----------------お知らせ----------------*/
/*------お知らせ一覧------*/


.news_list ul li{
    float: left;
}
.newslistbox .news_list li{
    width: 23%;
    margin-right: 2.6%;
}
.newslistbox .news_list li:nth-child(4n){
    margin-right: 0;
}
.news_list .news_listtext{
    margin-top: 15px;
}
.news_list p{
    font-size: 15px;
}

/*------お知らせ詳細------*/
.news_boximg{
    margin-bottom: 40px;
}
.basebox{
    margin-top: 30px;
    margin-bottom: 60px;
}

/*----------------竹風軒のお菓子----------------*/
/*------竹風軒のお菓子一覧------*/
/*taxonomy*/
.itemlist_box .itemlist ul li{
    width: 30%;
    margin-right: 4%;
}
.itemlist_box .itemlist ul li:nth-child(3n){
    margin-right: 0;
}
.itemlist_box .itemlist ul li:nth-child(3)~ li{
    margin-top: 50px;
}
/*archive*/
.itemlist_boxarchive ul::after{
    content: "";
    display: block;
    clear: both;
}
.itemlist_boxarchive ul li:nth-child(3n+1){
    width: 45%;
    float: left;
}
.itemlist_boxarchive ul li:nth-child(3n+1) .kodawariboxtext {
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 200px;
}
.itemlist_boxarchive ul li .pc,
.itemlist_boxarchive ul li:nth-child(3n+2) .itemlist_archive03{
    display: none;
}
.itemlist_boxarchive ul li:nth-child(3n+2) .pc{
    display: block;
}
.itemlist_boxarchive ul li:nth-child(3n+2){
    width: 45%;
    float: right;
    margin-top: 120px;
}
.itemlist_boxarchive ul li:nth-child(3n){
    clear: both;
}

.itemlist_boxarchive ul li:nth-child(3n)::after{
    content: "";
    display: block;
    clear: both;
}
.itemlist_boxarchive ul li:nth-child(3n) .itemlist_archive03{
    width: 45%;
    float: left;
}
.itemlist_boxarchive ul li:nth-child(3n) .kodawariboxtext{
    float: left;
    margin-left: 60px;
}

.itemlist_boxarchive ul li .kodawariboximg::after {
    left: 0;
    bottom: -200px;
}
.itemlist_boxarchive ul li:nth-child(3n+2) .kodawariboximg::after  {
    bottom: auto;
    top: -270px;
    left: -9%;
}
.itemlist_boxarchive ul li:nth-child(3n) .kodawariboximg::after {
    bottom: auto;
    left: auto;
    top: 150px;
    right: -300px;
}
.itemlist_boxarchive ul li:nth-child(3n) .kodawariboximg {
    margin-bottom: 200px;
}
/*------竹風軒のお菓子詳細-----*/
.itemboxtaitl {
    margin-bottom: 30px;
}
.item_contentbox{
    margin-top: 60px;
}
.item_contentbox::after{
    content: "";
    display: block;
    clear: both;
}
.item_contentboxl{
    float: left;
    width: 43%;
}
.item_contentboxr{
    float: right;
    width: 50%;
}
.item_contentboxr th{
    width: 13em;
}
.itemback_botm{
    margin-top: 150px;
}

/*----------------店舗のご案内----------------*/

.shoplist li::after{
    content: "";
    display: block;
    clear: both;
}
.shoplist li + li{
    margin-top: 100px;
}
.shoplist .shoplistimg{
    float: left;
    width: 600px;
}
.shoplist .shoplisttext{
    float: right;
    width: 515px;
}
/*----------------竹風軒について----------------*/
.abautolist01 li{
    margin-bottom: 60px;
}
.abautolist_imgtaitl{
    font-size: 27px;
    left: 40px;
    bottom: 50px;
}
.abautolist02 ul::after{
    content: "";
    display: block;
    clear: both;
} 
.abautolist02 ul li{
    width: 48%;
    float: left;
}
.abautolist02{
    margin-top: 140px;
}
.abautolist02 ul li:nth-child(2){
    margin-left: 4%;
}
.abautolist02text{
    margin-top: 20px;
}
.abautolist02h{
    font-size: 18px;
}
.kodawarifoot{
    margin-top: 150px;
}
/*--------こだわり-------*/


.kodawaribox > .in{
    margin-bottom: 120px;
}
.kodawaribox::after{
    content: "";
    display: block;
    clear: both;
}
.kodawariboximg{
    padding-top: 54%;
}
.kodawariboxtext{
    width: 430px;
    margin-top: 50px;
    margin-bottom: 120px;
}
.kodawaribox_h{
    font-size: 35px;
    margin-bottom: 20px;
}
.kodawaribox01,
.kodawaribox02{
    width: 45%;
}
.kodawaribox01{
    float: left;
}
.kodawaribox01 .kodawariboxtext{
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 200px;
}
.kodawaribox02{
    float: right;
    margin-top: 120px;
}
.kodawaribox03{
    
}
.kodawaribox03 .kobox03{
    width: 45%;
    float: left;
}
.kodawaribox03::after{
    content: "";
    display: block;
    /*clear: both;*/
}
.kodawaribox03 .kodawariboxtext{
    float: left;
    margin-left: 60px;
}
.kodawariboximg::after{
    width: 70%;
    height: 325px;
}
.kodawaribox01 .kodawariboximg::after{
    left: 0;
    bottom: -200px;
}
.kodawaribox02 .kodawariboximg::after{
    top: -270px;
    left: -9%;
}
.kodawaribox03 .kodawariboximg::after{
    top: 150px;
    right: -300px;
}
.kodawaribox03 .kodawariboximg{
    margin-bottom: 200px;
}


/*--------会社概要,手焼き、採用情報-------*/
.company_tablebox{
    margin-top: 60px;
}
.company_tablebox::after{
    content: "";
    display: block;
    clear: both;
}
.companybox .company_table{
    
}
.company_table01{
    float: left;
    width: 48%;
}
.company_table02{
    float: right;
    width: 48%;
}
.company_table table th,
.company_table table td{
    padding: 10px 0;
}

.company_table table td li + li{
    margin-top: 0.5em;
}
.company_table01 th{
    width: 6em;
}

.company_table02 th{
    width: 10em;
}
.company_map{
    padding-right: 92px;
}

.experience_img{
    margin-bottom: 60px;
}

/*----------------お問い合わせ----------------*/
.contact_table th,
.contact_table td{
    padding: 10px 0;
}

.contact_table th{
    vertical-align: top;
    text-align: right;
    width: 12em;
    padding-right: 1em;
    padding-top: 16px;
    font-weight: normal;
}
/*----------------津和野乙女峠----------------*/
.otome_box{
	
}
.otome_top{
	min-height: 690px;
}
.otome_taitl{
	margin-bottom:150px;
}
.otome_textbox{
	margin-top:90px;
}

.otome_textl,
.otome_textr{
	width:46%;
}
.otome_textr{
	float:right;
}
.otome_textl{
	float:left;
}
.otome02,
.otome04{
	margin-top:115px
}
.otome06{
	margin-top:80px;
	padding:150px 0 140px;
}
.otomelinkbox{
	margin-top:150px;
}
.otomelinkboxw::after{
	content: "";
    display: block;
    clear: both;
}
.otomelinkboxl{
	float:left;
}
.otomelinkboxr{
	float:right;
	max-width:465px;
}
.otomelinkboxw{
	padding:50px 0 0 50px;
}

.home_bannerlist .slick-arrow {
	position: absolute;
	margin: auto;
	line-height: 1;
	height: 1em;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.home_bannerlist .slick-arrow.prev{
    left: 0;
}
.home_bannerlist .slick-arrow.next{
    right: 0;
}
.home_bannerlist .slick-arrow .material-icons {
	font-size: 59px;
}