@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/




/* 共通 ------------------------------------------------------------------ */

body,td, th {}
.siteContent,.siteContent p {line-height: 1.8;}
p { margin-bottom:0;}

a,a:hover{transition: .5s;}
a img {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
a:hover,a:hover img {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    /* IE lt 8 */
    -ms-filter: “alpha(opacity=80)”;
    /* IE 8 */
}
.whole-link{
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
}
.whole-link:hover{background-color: #fff;opacity: 0.3;}


/* header ------------------------------------------------------------------ */
#site-header-container { position:relative;}
.site-header--layout--sub-active .site-header-logo { float:none;}
.site-header-logo {
    padding-top: .2rem;
    margin-bottom: .5rem;
}
.site-header-logo img {max-height: 120px;}
.site-header-sub { position:absolute; right:0; top:5%; width:38%;margin-top:.2rem; display:block;margin-bottom:0;padding:0;}
.site-header-sub .contact-txt,.site-header-sub h4{ line-height:1.2; text-align:right;}
.site-header-sub .contact-txt{ font-size: 12px;}


.site-header-sub .widget {
    margin-bottom:0;
}
.device-pc .global-nav-list>li>a {
    padding:14px 5px;
	}
.global-nav-list>li .global-nav-name {
    font-size: 16px; color: #6D4521; font-weight:bold;
	}
.header_scrolled .global-nav--scrolled--nav-container .global-nav-list {
    margin-left: auto!important; 
    margin-right: auto!important; 
}

/* top ------------------------------------------------------------------ */
.home .siteContent {padding: 4.5rem 0rem;}

.cntn {
	width:1100px; margin:auto;
	}
.full {
    margin: 0em calc(50% - 50vw) 0em;
    padding: 1em calc(50vw - 50%);
	}
.full1 {
    width: 100vw;
	margin: 0 calc(50% - 50vw);
	}

.siteContent.menu{ background-color: #F8E6DA;}
.siteContent.menu .row img{ margin-bottom:0px; border-radius:15px;}
.siteContent.shop{ background:url(https://www.atelier-souvenir.com/wp/wp-content/uploads/access_bg.jpg) no-repeat 10%; background-size:cover;}

/* お知らせ */
.su-posts-default-loop .su-post {
    margin-bottom:10px!important; margin-left:0; border-bottom:1px solid #CCC;
	}
.su-posts-default-loop .su-post-thumbnail {
    width: 100px;
    height:auto!important;
	}
h2 a, .main-section .cart_totals h2 a, h2.main-section-title a {
    color: var(--vk-color-text-link);
}
.su-posts-default-loop .su-post-thumbnail img{border-radius:5px;}
.su-post-excerpt{ display:none;}



/* 見出し ------------------------------------------------------------------ */

h2.serif { color: #C62B3E;font-family: "Noto Serif JP",sans-serif; line-height:1.5; margin-bottom:1.5em; font-size:2em;}
h2 small {font-size:40%; color: #630; display:block;font-family: Lato,"Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

.widget-title.subSection-title,.archive-header-title {
	font-size:1.7em; margin:0px 0px 30px;
	color: #630;
	}

.tlIcon {
	font-size:1.3em; font-weight:bold; padding:0; margin:50px 0px 20px; color:var(--vk-color-primary) ;
	}
.tlIcon:before {
	font-family: "Font Awesome 5 Free";font-size:130%;
    content: "\f7ec"; font-weight:700; margin-right:10px; color:var(--vk-color-primary) ;
}
.tlBd{
	color:#630 ; font-weight:bold; margin:50px 0px 20px; border-left:4px solid #699; padding:10px 0px 10px 12px; 
}
.tlLine {
	font-size:18px; font-weight:bold; margin:50px 0px 20px; border-bottom:4px double #ddd; padding-bottom:10px;
}

.siteContent.menu-p{ background-color: transparent;}
.siteContent.menu-p .row img{ margin-bottom:10px; border-radius:30px;}

.box{background:rgba(255,255,255,0.8); padding:30px; border-radius:20px; }
.bd{ border:1px solid #ccc;}

.bgGray{ background-color:#f5f5f5;}
.bgBeige{ background-color: #F4E7D0;}
.bgBrown{ background-color: #960;}
.bgPink{ background-color:var(--vk-color-primary);}
.bgPink1{ background-color: #F8E9EF;}
.bgSky{ background-color: #E0F0FA;}

.kadomaru {
   border-radius: 15px;   /* 角丸の指定 */
}



/* footer ------------------------------------------------------------------ */


/* 投稿ページ調整 */
.entry-header h1.entry-title{ color:#630;font-size: 1.5rem;border-left:4px solid #699; padding:5px 0px 5px 18px;}
.entry-footer,.vk_posts.next-prev{ margin-top:30px;}
.postListText_title{font-size: 1em;}
.sub-section li a{ font-size: 1rem;color: #630;}
.sub-section .vk_post .vk_post_title {font-size: 1em;}

/* btn ------------------------------------------------------------------ */
a.bttn{
    letter-spacing:1px;
    border-radius:30px; margin-top:30px; color: #3C99AA;
     background-color: #fff; font-weight:bold; border:1px solid  #3C99AA;
    line-height: 1.4; text-decoration:none; text-align:center;padding:7px 40px 7px 30px; display:inline-block;
}
a.bttn:hover{color: #fff;  background-color: #3C99AA;}
a.bttn:before{
	font-family: "Font Awesome 5 Free"; 
    content: "\f105"; font-weight: 900; margin-right: 10px;
	}
a.bttn.s{padding:5px 20px 5px 15px; font-size:14px;
	}

a.bttn.dl:before{content: "\f019";}
a.bttn.none:before,.rightBtn a.bttn:before{ display:none;}
a.bttn.block{display: block;}


/* table ------------------------------------------------------------------ */
.table,.table td, .table th,
.table tbody tr td, .table tbody tr th, .table td, .table th, .table thead tr td, .table thead tr th,
.table-bordered td, .table-bordered th{ border-color: #ccc; font-size:1em;}
.table-bordered th{ background-color: #F4E7D0; text-align:left;}
table{ margin-bottom:20px;}

.table_menu{
	border-collapse: collapse;
	border: 0;
}
.table_menu th{
	border-color: #ccc;
	border-style:solid;
	border-width: 1px 0;
	text-align: left;
	padding: 10px
	font-size: 120%;!important;
}
.table_menu td{
	border-color: #ccc;
	border-style:solid;
	border-width: 1px 0;
	text-align: right;
	padding: 10px;
	font-size: 1em;!important;
}


/* contact */
.post-name-contact form{ max-width:100%; margin:auto;}
.post-name-contact form label{ display:block;}
.wpcf7-submit.btn { margin:auto;
}
.post-name-contact form th{
	background-color:#F2EADC;text-align:left;
	}
input[type=submit] { font-size:1.5em;padding: .4em 2em; }

/* Font ------------------------------------------------------------------ */
.fzSS  { font-size:  75%;}
.fzS   { font-size:  85%;}
.fzM   { font-size: 100%;}
.fzL   { font-size: 113%;}
.fzLL  { font-size: 130%;}
.fzLLL { font-size: 180%;}

.fcOrange { color: #F60;}
.fcPurple { color: #7970CF;}
.fcBlue { color: #30A6DE;}
.fcPink { color: #F37272;}
.fcSky {color: #3799D6;}
.fcGreen { color: #390;}
.fcRed {color: #ff0000;}
.fcBrown { color: #630;}
.fcWhite { color: #FFF!important;}

.taL{ text-align: left;}
.taC{ text-align: center;}
.taR{ text-align: right;}

/* Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flL.img{ margin:0px 20px 20px 0px;}
.flR.img{ margin:0px 0px 20px 20px;}

/* Width ------------------------------------------------------------------ */
.w10    { width:10%;}
.w20    { width:20%;}
.w30    { width:30%;}
.w35    { width:35%;}
.w40    { width:40%;}
.w50    { width:50%;}
.w60    { width:60%;}
.w70    { width:70%;}
.w80    { width:80%;}
.w90    { width:90%;}

/* Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0!important;}
.mt05 { margin-top: 5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px ;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px ;}
.mt30 { margin-top:30px ;}
.mt35 { margin-top:35px ;}
.mt40 { margin-top:40px ;}
.mt45 { margin-top:45px ;}
.mt50 { margin-top:50px ;}
.mr00 { margin-right: 0 ;}
.mr05 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px ;}
.mr45 { margin-right:45px ;}
.mr50 { margin-right:50px ;}
.mb00 { margin-bottom: 0   ;}
.mb05 { margin-bottom: 5px ;}
.mb10 { margin-bottom:10px ;}
.mb15 { margin-bottom:15px ;}
.mb20 { margin-bottom:20px ;}
.mb25 { margin-bottom:25px ;}
.mb30 { margin-bottom:30px ;}
.mb35 { margin-bottom:35px ;}
.mb40 { margin-bottom:40px ;}
.mb45 { margin-bottom:45px ;}
.mb50 { margin-bottom:50px ;}
.ml00 { margin-left: 0  ;}
.ml05 { margin-left: 5px ;}
.ml10 { margin-left:10px ;}
.ml15 { margin-left:15px ;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mg-auto { margin:auto;}

/* Padding ------------------------------------------------------------------ */
.pd00 { padding:0px;}
.pd05 { padding:5px;}
.pd10 { padding:10px;}
.pd15 { padding:15px;}
.pd20 { padding:20px;}
.pd30 { padding:30px;}
.pd50 { padding:50px;}

.pchidden,.iphidden,.sponly{display:none!important;}
.pconly{display:block!important;}

:root {
--vk-size-text-sm:1rem;!important}