@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#333; background:#fff; font:16px "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; line-height:1.6; min-width:1200px; -webkit-text-size-adjust:100%; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited , a img , input[type=image]{ color:#b3a661; text-decoration:none; transition:all 0.2s ease-out; }
input[type=submit]{ color:#fff; transition:all 0.2s ease-out; }
a:hover{ color:#dbd5ba; text-decoration:none; }
a:hover , a img:hover , input[type=image]:hover , input[type=submit]:hover{ opacity:0.8; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontM{ font-size:18px; }
.fontL{ font-size:20px; }

/* color */
.txt-brown{ color:#665b47; }
.txt-gold{ color:#b3a661; }
.txt-black{ color:#333; }
.txt-red , .required , .error{ color:#bf0a0a; }

/*indent */
.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }
.idt-dott{ padding-left:1.3em; text-indent:-1.3em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }
.underline{ text-decoration:underline; }

/*lh-reset*/
.lh-reset{ line-height:1.4; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }
.spt50{ padding-top:50px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml10{ margin-left:10px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml40{ margin-left:40px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr10{ margin-right:10px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr40{ margin-right:40px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
p{ margin:0 0 20px; }


/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
input.ctl , textarea.ctl , select.ctl{ padding:12px; border:solid 2px #d1cdc7; font-size:16px; }
input.sizeS{ max-width:150px; width:100%; }
input.sizeM{ max-width:400px; width:100%; }
input.sizeL{ max-width:630px; width:100%; }
textarea.sizeS{ max-width:400px; width:100%; height:80px; }
textarea.sizeM{ max-width:400px; width:100%; height:120px; }
textarea.sizeL{ max-width:630px; width:100%; height:180px; }

select.ctl::-ms-expand{ display:none; }
select.ctl{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url("../images/arrow_bottom.png") right 10px center / 18px 10px no-repeat; padding-right:40px; }

.btn{ text-align:center; margin-top:30px; }
input.btn{ min-width:190px; color:#fff; background:#b3a661; border:none; font-size:16px; padding:15px; cursor:pointer; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:block; }
.sp-item{ display:none; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1160px; position:relative; margin:0 auto; }


/* movie ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-frame{ position:relative; width:auto; width:100%; height:0; }
.movie-frame.ratio16by9{ padding-top:56.25%; }
.movie-frame.ratio4by3{ padding-top:75%; }
.movie-frame video, .movie-frame iframe, .movie-frame object, .movie-frame embed{ position:absolute; top:0; left:0; width:100%; height:100%; }


/* flexbox ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.flex-box{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }


/* table ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* 縦向き */
table.normal{ width:100%; }
table.normal th , table.normal td{ border:solid 1px #ccc; padding:10px 10px 8px; vertical-align:top; }
table.normal th{ width:200px; background:#eee; font-weight:bold; }
table.normal td{ background:#fff; }
table.normal tr:not(:first-child) th , table.normal tr:not(:first-child) td{ border-top:none; }
table.normal tr td:not(:first-child){ border-left:none; }

/* 横向き */
table.normal-side{ width:100%; }
table.normal-side td{ border:solid 1px #ccc; padding:10px 10px 8px; }
table.normal-side tr:first-child td{ background:#eee; text-align:center; }
table.normal-side tr:not(:first-child) td{ border-top:none; background:#fff; }
table.normal-side tr td:not(:first-child){ border-left:none; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:0px; background:url("../images/header_bg.jpg") center / cover no-repeat; border-top:solid 15px #b3a661; }
.header .title{ width:630px; height:156px; background:url("../images/header_name.png") no-repeat; position:absolute; top:75px; left:360px; /*height:250px; background:url("../images/header_title.png") no-repeat;*/ text-indent:-9999px; }
.header .bar{ position:absolute; top:0; left:0; }

/* sp gnav btn ハンバーガーボタン*/
.header .sp-gnav-btn{ position:absolute; top:35px; right:20px; width:30px; height:22px; cursor:pointer; display:none !important; z-index:9999; }
.header .sp-gnav-btn span{ position:absolute; right:0; width:100%; height:2px; background-color:#b3a661; border-radius:6px; }
.header .sp-gnav-btn , .header .sp-gnav-btn span{ display:inline-block; transition:all 0.2s; }
.header .sp-gnav-btn span:nth-of-type(1){ top:0; }
.header .sp-gnav-btn span:nth-of-type(2){ top:10px; width:80%; }
.header .sp-gnav-btn span:nth-of-type(3){ bottom:0; width:90%; }

.header .sp-gnav-btn.active span:nth-of-type(1){ -webkit-transform:translateY(10px) rotate(-45deg); transform:translateY(10px) rotate(-45deg); }
.header .sp-gnav-btn.active span:nth-of-type(2){ opacity:0; }
.header .sp-gnav-btn.active span:nth-of-type(3){ -webkit-transform:translateY(-10px) rotate(45deg); transform:translateY(-10px) rotate(45deg); width:100%; }

/* sp gnav デザイン*/
.sp-gnav{ position:fixed; top:15px; left:0; width:100%; height:calc(100% - 15px); -webkit-height:calc(100% - 15px); background-color:rgba(255,255,255,0.95); padding:30px; overflow:auto; z-index:9998; display:none; }
.sp-gnav li a{ display:block; margin:40px 0 0 30px; }
.sp-gnav li img{ max-width:228px; width:100%; height:auto; }


/* gnav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.gnav{ margin:25px 0 60px; }
.gnav li{ width:calc(100% / 6 - 60px); -webkit-width:calc(100% / 6 - 60px); margin:0 30px; text-align:center; line-height:0; position:relative; }
.gnav li a{ display:block; padding:10px 0; }
.gnav li a:after{ display:block; content:""; width:44px; height:2px; background:#68624c; position:absolute; bottom:0; left:calc(50% - 22px); left:-webkit-calc(50% - 22px); /*transition:all 0.1s ease-out;*/ }
/*.gnav li a:hover:after{ opacity:0.7; }*/


/* main **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents .main{ float:left; width:830px; }
.contents .sidebar{ float:right; width:280px; }

.main .flex-box{ justify-content:flex-start; }

.single{ width:calc(100% / 2 - 15px); width:-webkit-calc(100% / 2 - 15px); border:solid 1px #b3a661; }
.single:nth-child(odd){ margin-right:30px; }
.single:nth-child(n + 3){ margin-top:30px; }

.single .thumb img{ width:100%; height:auto; }

.single .date{ font-size:12px; font-weight:bold; margin-right:15px; }
.single .category{ font-size:12px; font-weight:bold; color:#b3a661; }
.single .single-title{ font-size:22px; font-weight:bold; line-height:1.4; margin-top:15px; }

.single .inner{ width:100%; padding:25px; color:#333; background:#fff; position:relative; }
.single .inner .single-contents{ height:250px; overflow:hidden; }
.single .inner p{ margin:15px 0 0; }
.single .inner:after{ display:block; content:""; width:100%; height:135px; background:url("../images/single_more_off.png") center bottom 28px / 69px 22px no-repeat , linear-gradient(transparent,white 50%); position:absolute; bottom:0; left:0; transition:all 0.2s ease-out }

/*.single a:hover , .single a img:hover{ opacity:1; }
.single a:hover img{ opacity:0.7; }*/
/*.single a , .single a .inner , .single a .inner:after{ transition:all 0.2s ease-out; }*/
/*.single a:hover .inner:after{ background:url("../images/single_more_on.png") center bottom 28px / 69px 22px no-repeat , linear-gradient(transparent,white 50%); }*/

/* single link */
.main .flex-box .single{ position:relative; cursor:pointer; }
.main .flex-box .single:before{ display:block; content:""; width:100%; height:100%; background:#fff; opacity:0; position:absolute; top:0; left:0; z-index:1; transition:all 0.2s ease-out; }
.main .flex-box .single:hover:before{ opacity:0.3; }

/*related articles - Wordpress Related Posts プラグイン表示*/
.related_post_title{ display:none; }

.related_post:after{ content:" "; display:block; clear:both; }
.related_post li{ width:calc(100% / 2 - 15px); width:-webkit-calc(100% / 2 - 15px); border:solid 1px #b3a661; padding:20px; float:left; }
.related_post li:nth-child(odd){ margin-right:30px; }
.related_post li:nth-child(n + 3){ margin-top:30px; }

.related_post .wp_rp_thumbnail{ display:block; }
.related_post .wp_rp_thumbnail img{ width:100%; height:auto; }
.related_post .wp_rp_publish_date{ display:block; font-size:12px; font-weight:bold; margin:15px 0 10px; }
.related_post .wp_rp_title{ color:#333; font-size:22px; font-weight:bold; line-height:1.4; }
.related_post .wp_rp_category{ display:block; text-indent:-9999px; }
.related_post .wp_rp_category a{ display:block; font-size:12px; font-weight:bold; color:#b3a661; border-top:solid 1px #e3e1dd; padding-top:10px; margin-top:-10px; text-indent:0; }

/*detail*/
.single.detail{ border:none; width:100%; margin:0; }
.single.detail .thumb{ border:solid 1px #b3a661; margin:50px 0; }
.single.detail p , .single.detail figure{ margin-bottom:20px; }
.single.detail p img , .single.detail figure img{ max-width:100%; height:auto; margin:10px 0 15px; }

/*pager*/
.pager{ margin-top:60px; }
.pager ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; }
.pager li span , .pager li a{ display:block; height:30px; margin:0 6px; padding:3px 6px; font-size:14px; font-weight:bold; }
.pager li a{ color:#68624c; border:solid 2px #68624c; }
.pager li span , .pager li a:hover{ color:#fff; background:#68624c; border:solid 2px #68624c; opacity:1; }


/* sidebar **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar-sbt{ text-align:center; margin-bottom:25px; }

/*search*/
.search input[type=text]{ width:100%; padding:15px 10px 15px 50px; border:0; border-bottom:solid 2px #d1cdc7; background:url("../images/sidebar_search_icon.png") left center / 30px 30px no-repeat; font-size:16px; }

.search li{ list-style:none; }
.search label{ display:none; }
.search input[type=submit]{ display:none; }

/*category*/
.category{ margin-top:70px; }
.category .list a{ display:block; color:#6e6e6e; border-bottom:solid 1px #e3e1dd; padding:12px 10px 10px; position:relative; }
.category .list a span{ display:block; min-width:30px; font-size:12px; color:#fff; background:#b3a661; padding:1px 8px 0; border-radius:100px; text-align:center; position:absolute; top:13px; right:10px; }

.category .list li{ list-style:none; }
.category .list .widgettitle{ display:none; }

/*push*/
.push{ margin-top:60px; }


/* sbt **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sbt{ margin:50px 0; }
.sbt-s{ margin:50px 0; }
.sbt-txt{ margin:30px 0 50px; text-align:center; position:relative; }
.sbt-txt:after{ display:block; content:""; width:44px; height:2px; background:#68624c; position:absolute; bottom:-5px; left:calc(50% - 22px); left:-webkit-calc(50% - 22px); }


/* result-title **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.result-title{ color:#665b47; font-size:24px; font-weight:bold; padding-bottom:7px; margin-bottom:40px; position:relative; }
.result-title:after{ display:block; content:""; width:52px; height:2px; background:#b3a661; position:absolute; left:0; bottom:0; }


/* split **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.split{ border-top:solid 1px #e3e1dd; margin:50px 0; }


/* pic **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pic{ margin:50px 0; }


/* profile **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.profile .name .eng{ margin-left:20px; }

.profile .works-list{ justify-content:flex-start; margin:30px 0; }
.profile .works-list li{ width:230px; text-align:center; margin-right:80px; }
.profile .works-list li:nth-child(4n){ margin-right:0; }
.profile .works-list li:nth-child(n + 5){ margin-top:30px; }
.profile .works-list p{ color:#665b47; font-size:14px; margin:15px 0 5px; }


.profile .works-sns{ justify-content:center; margin:30px 0; }
.profile .works-sns li{ width:230px; text-align:center; margin-right:80px; }
.profile .works-sns li:nth-child(4n){ margin-right:0; }
.profile .works-sns li:nth-child(n + 5){ margin-top:30px; }
.profile .works-sns p{ color:#665b47; font-size:14px; margin:15px 0 5px; }



.profile .works-movie:nth-child(n + 2){ margin-top:50px; }
.profile .works-movie .yt , .profile .works-movie .txt{ float:left; }
.profile .works-movie .yt{ width:360px; margin-right:50px; }
.profile .works-movie .txt{ width:calc(100% - 360px - 50px); width:-webkit-calc(100% - 360px - 50px); }
.profile .works-movie .txt .works-movie-title{ font-size:20px; font-weight:bold; border-bottom:solid 2px #f0efeb; padding-bottom:10px; }
.profile .works-movie p{ margin:20px 0 10px; }


/* books **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.books .book-list{ justify-content:flex-start; margin:30px 0; }
.books .book-list li{ width:230px; margin-right:80px; }
.books .book-list li:nth-child(4n){ margin-right:0; }
.books .book-list li:nth-child(n + 5){ margin-top:30px; }

.books .book-list li figure{ position:relative; overflow:hidden; width:230px; height:200px; border:solid 1px #b3a661; margin-bottom:15px; }
.books .book-list li figure img{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.books .book-list li p .price{ background:#f0efeb; color:#a4945e; font-size:12px; padding:2px 5px; margin-right:5px; }

.books .book-list li figure figcaption{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; padding:20px 18px; transition: all 0.3s ease-out; }
.books .book-list li figure:hover figcaption{ opacity:1; color:#fff; }
.books .book-list li figure figcaption p{ border-top:solid 1px #666; color:#ccc; padding-top:10px; margin-top:10px; font-size:12px; }


/* mail magazine **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.magazine .kiyaku{ font-size:12px; margin-top:60px; }


/* photo **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.photo .photoarea .item{ width:184px; padding:5px; margin:2px; border:1px solid #eee; border-radius:3px; transition: all 0.3s ease-out; }
.photo .photoarea .item img{ width:100%; }

.photo .photo-date{ color:#665b47; font-size:14px; font-weight:bold; }
.photo .photo-title{ color:#665b47; font-size:24px; font-weight:bold; padding-bottom:7px; margin-bottom:40px; position:relative; }


/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.form{ width:630px; margin:0 auto; }
.form dl{ margin:30px 0; }
.form dt{ color:#665b47; font-weight:bold; margin-bottom:10px; }
.form dt span{ margin-left:5px; }
.form dd div{ float:left; margin-right:30px; }
.form dd span.adr-name{ margin-right:10px; }

.contact .cmt{ color:#665b47; background:#f0efeb; text-align:center; font-weight:bold; padding:25px 10px; margin-bottom:40px; }
.contact .comfirm dd{ min-height:50px; background:#f0efeb; padding:12px; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ border-top:solid 1px #e3e1dd; margin-top:90px; padding:60px 0; }

.footer .logo , .footer .sns , .footer .sns li , .footer .link , .footer .link li{ float:left; }
.footer .sns{ margin:20px 0 0 70px; }
.footer .sns li{ margin-right:40px; }
.footer .link{ margin-top:26px; }
.footer .link li{ margin-right:40px; font-size:12px; }

.footer .copy{ float:right; color:#68624c; font-size:11px; padding-top:25px; }



/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:100%; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:none; }
.sp-item{ display:block; }

img{ max-width:100%; height:auto; }
.br-reset{ display:none; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:100%; padding:0 20px; position:relative; }


/* table ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* 縦向き */
table.normal th , table.normal td{ display:block; }
table.normal th{ width:100%; }
table.normal td{ border-left:solid 1px #ccc !important; }
table.normal tr:first-child td{ border-top:none; }

/* 横向き */
table.normal-side td{ display:block; width:100%; text-align:center; }
table.normal-side tr:first-child{ display:none; }
table.normal-side tr:nth-child(2) td:first-child{ border-top:solid 1px #ccc; }
table.normal-side tr td:not(:first-child){ border-left:solid 1px #ccc; }
table.normal-side td:before{ display:block; content:attr(data-title); background:#eee; padding:5px 10px 3px; margin-bottom:10px; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:auto; background:url("../images/header_title_sp.jpg") left top / cover no-repeat; padding-top:0%; margin-bottom:20px; }
.header .title{ display:none; }
.header .bar{ display:none; }

/* sp gnav btn ハンバーガーボタン */
.header .sp-gnav-btn{ display:block !important; }

	
/* gnav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.gnav{ display:none; }


/* main **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents .main{ float:none; width:100%; }
.contents .sidebar{ float:none; width:100%; }

.single{ width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); }
.single:nth-child(odd){ margin-right:20px; }
.single:nth-child(n + 3){ margin-top:20px; }

.single .inner{ padding:20px; }

/*related articles - Wordpress Related Posts プラグイン表示*/
.related_post li{ width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); padding:15px; /*float:left;*/ }
.related_post li:nth-child(odd){ margin-right:20px; }
.related_post li:nth-child(n + 3){ margin-top:20px; }

/*detail*/
.single.detail{ margin-top:20px; }
.single.detail .thumb{ margin:30px 0; }

/*pager*/
.pager{ margin-top:30px; }


/* sidebar **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar{ margin-top:40px; }
.sidebar-sbt{ margin-bottom:15px; }

/*category*/
.category{ margin-top:40px; }

/*push*/
.push{ margin-top:40px; }


/* sbt **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sbt{ margin:30px 0; }
.sbt-s{ margin:30px 0; }
.sbt-txt{ margin:30px 0; }


/* result-title **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.result-title{ font-size:18px; margin-bottom:30px; }


/* split **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.split{ margin:30px 0; }


/* pic **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pic{ margin:30px 0; }


/* profile **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.profile .works-list li{ width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); margin-right:20px; }
.profile .works-list li:nth-child(even){ margin-right:0; }
.profile .works-list li:nth-child(n + 3){ margin-top:20px; }


.profile .works-sns li{ width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); margin-right:20px; }
.profile .works-sns li:nth-child(even){ margin-right:0; }
.profile .works-sns li:nth-child(n + 3){ margin-top:20px; }


.profile .works-movie:nth-child(n + 2){ margin-top:30px; }
.profile .works-movie .yt , .profile .works-movie .txt{ float:none; }
.profile .works-movie .yt{ width:100%; margin-right:0; }
.profile .works-movie .txt{ width:100%; margin-top:20px; }


/* books **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.books .book-list li{ width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); margin-right:20px; }
.books .book-list li:nth-child(even){ margin-right:0; }
.books .book-list li:nth-child(n + 3){ margin-top:20px; }
.books .book-list li span{ display:block; width:230px; margin:0 auto; }

.books .book-list li p .price{ display:inline-block; width:auto; }


/* photo **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.photo .photo-date{ font-size:12px; }
.photo .photo-title{ font-size:18px; margin-bottom:30px; }


/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.form{ width:100%; margin:0 auto; }
.form dd div{ float:none; margin:20px 0; }
.form dd span.adr-name{ display:inline-block; width:80px; margin-right:0; }

.form iframe{ width:100%; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ margin-top:60px; padding:35px 0; }

.footer .logo , .footer .sns , .footer .sns li , .footer .link , .footer .link li{ float:none; }
.footer .sns{ margin:25px 0 0 0; }
.footer .sns li{ float:left; margin-right:30px; }
.footer .link{ margin-top:25px; }
.footer .link li{ margin:10px 0 0 0; font-size:12px; }

.footer .copy{ float:left; margin-bottom:0; }

}



/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 540px){
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:300px; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.br-sp-reset{ display:none; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* sp gnav デザイン*/
.sp-gnav li a{ margin:40px 0 0 15px; }


/* main **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.single{ width:100%; }
.single:nth-child(odd){ margin-right:0; }
.single:nth-child(n + 2){ margin-top:20px; }

/*related articles - Wordpress Related Posts プラグイン表示*/
.related_post li{ width:100%; float:none; }
.related_post li:nth-child(odd){ margin-right:0; }
.related_post li:nth-child(n + 2){ margin-top:20px; }


/* sbt **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sbt img{ width:auto; height:45px; }


/* profile **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.profile .name .eng{ display:block; margin-left:0; }

.profile .works-list li{ width:100%; margin-right:0; }
.profile .works-list li:nth-child(n + 2){ margin-top:20px; }


/* books **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.books .book-list li{ width:100%; margin-right:0; }
.books .book-list li:nth-child(n + 2){ margin-top:20px; }


/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.form dd div{ float:none;}
.form dd span.adr-name{ display:block; width:100%; margin-bottom:5px; }

.contact .cmt{ padding:12px 10px; margin-bottom:20px; }

}