/*
Theme Name: PAINPATI様
Template: twentytwelve
Version:  1.0.0
*/
@import url('../twentytwelve/style.css');
@import url('./css/reset.css');

body .site { margin: 0; padding: 0; box-shadow: none; max-width: 100%; }

.site-content { float: none; width: 100%; margin: 0; }
.site-content article { border: none; margin: 50px 0; padding: 0; }

body.search .entry-content,
body.error404 .entry-content,
body.page .entry-content { width: 100% !important; padding: 0 !important; }

.entry-header { margin: 0; }

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { border-radius: none; box-shadow: none; }

.entry-content ul, .comment-content ul, .mu_register ul { list-style: none; }
.entry-content li, .comment-content li, .mu_register li { margin: 0; }
.entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0; line-height: 1; }

.entry-content h1, .comment-content h1,
.entry-content h2, .comment-content h2,
.entry-content h3, .comment-content h3,
.entry-content h4, .comment-content h4,
.entry-content h5, .comment-content h5,
.entry-content h6, .comment-content h6 { margin: 0; }

.single #contents,
.archive #contents,
.category #contents,
.blog #contents { max-width: 1200px; margin: 0 auto; padding: 100px 0; }
.single .site-content,
.archive .site-content,
.category .site-content,
.blog .site-content { float: left; width: 65%; }

/*==========================================
 [共通部] ヘッダー、フッターなど
===========================================*/
body {
	/*max-width: 1600px;*/
	max-width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/**font-family: 'Noto Sans Japanese', sans-serif;**/
	background: #fff;
	color: #000;
	
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a { color: #000; text-decoration: none; transition: all .3s; }
.entry-content a:visited, .comment-content a:visited { color: #000; }
a:hover { opacity: 0.6; outline: none; }

img { max-width: 100%; vertical-align: bottom; }

hr.line { border: none; border-bottom: 1px solid #ddd; margin: 0; }

.pc { display: block; }
.sp { display: none; }

.inner { max-width: 1400px; position: relative; box-sizing: border-box; margin: 0 auto; }

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}

@media screen and (max-width: 767px) {
	/** スマホ表示 **/
	.pc { display: none; }
	.sp { display: block; }
	
	body { min-width: 100%; }
	
	.inner { width: 100%; }
}



header#head { position: relative; }
@media screen and (max-width: 767px) {
	header#head { }
}

header#head .eye { position: relative; }
header#head .eye::after { content: url(./img/common/thank_you.png); position: absolute; bottom: 120px; left: 0; right: 0; margin: auto; width: 140px; }



#slide-slick { width: 100%; margin: 0 auto; }
#slide-slick img { width: 1000px; height: auto; }
#slide-slick .slick-slide { margin: 0; }



header .nav-box { /*overflow: hidden;*/ padding: 20px 50px; box-sizing: border-box; position: relative; z-index: 9999; }
header .nav-box.fixed { position: fixed; top: 0px; left: 0px; padding: 10px 50px; margin: 0 auto; width: 100%; background: #fff; border-bottom: 1px solid #efefef; box-shadow: 0px 1px 5px 0px #ccc; }
header .nav-box.fixed + div.nav-box-space { height: 105px; }

header#head h1 { position: relative; float: left; }
/*header#head .name { font-size: 18px; color: #084010; position: absolute; top: 50px; left: 200px; letter-spacing: -0.07em; }*/

header .header-sns { float: right; padding: 10px 0 0;}

nav#site-nav {  float: right; text-align: center; }
nav#site-nav ul { display: block; }
nav#site-nav ul li { float: left; padding: 10px 0; box-sizing: border-box; position: relative; }
nav#site-nav ul li a { display: block; padding: 0px 10px 5px; line-height: 20px; box-sizing: border-box; color: #553f34; font-size: 14px; font-weight: bold; position: relative; margin-right: 20px; }

nav#site-nav ul li.current-menu-item > a { background: url(./img/common/g_navi_line.png) no-repeat center bottom; }

nav#site-nav ul li a::after { content: url(./img/common/ico_arrow.png); width: 10px; height: 10px; position: absolute; top: 10px; left: 0; margin: 0 auto; }

nav#site-nav ul li a span { display: block; font-size: 10px; text-align: left; padding-left: 5px; }
nav#site-nav ul li:last-child a { margin-right: 0px; }

nav#site-nav .sub-menu { display: none; position: absolute; top: 65px; left: 0px; /*width: 500px;*/ width: 600px; background: #e8ddbf; padding-left: 20px; }
nav#site-nav ul li.menu-item-has-children:hover .sub-menu { display: block; }
nav#site-nav .sub-menu li { float: left; }
nav#site-nav .sub-menu li a { white-space: norwap; width: initial; }

nav#site-nav #menu-item-25 .sub-menu { left: -170px; width: 430px; }


header#head .header-eye { width: 100%; position: absolute; top: 0px; left: 0px; color: #fff; height: 100%; box-sizing: border-box; }
header#head .header-eye  h2.discription { font-size: 14px; position: absolute; top: 10px; left: 10px; }
header#head .header-eye .t1 { font-size: 14px; text-align: center; position: absolute; bottom: 130px; left: 0; right: 0; margin: 0 auto; line-height: 3.0em; }

#all-wrap { display: none; }

@media screen and (max-width: 1300px) {
	header#head .header-eye .t1 { bottom: 160px; }
}
@media screen and (max-width: 767px) {
	
	header#head { min-height: 70px; height: 70px; }
	body.home header#head { min-height: 165px; height: 165px; }
	header#head h1 { top: 0px; left: 0px; float: none; width: 100%; text-align: center; }
	header#head h1 img { width: 178px; }
	/*header#head .name { font-size: 10px; top: 36px; left: 100px; }*/
	
	header#head .eye {}
	header#head .eye::after { content: url(./img/common/thank_you_sp.png); bottom: 65px; width: 70px; }

	
	/*header .nav-box { padding: 10px 0; }*/
	header .nav-box { padding: 20px 0; }
	header .nav-box.fixed { padding: 20px 0; }
	header#head .header-eye {}
	header#head .header-eye  h2.discription { font-size: 10px; position: absolute; top: 10px; left: 10px; }
	/*header#head .header-eye .t1 { bottom: 50px; font-size: 10px; padding: 0 10px; line-height: 1.5em; color: #ddd; }*/
	header#head .header-eye .t1 { bottom: 10px; font-size: 10px; padding: 0 10px; line-height: 1.5em; color: #ddd; }
	header#head .header-eye .t1 br { display: none; }
	
	header#head .header-eye { display: none; }
	body.home header#head .header-eye { display: block; }
	
	
	/** スマホ表示 **/
	/*#sp-menu { display: block; position: fixed; top: 15px; right: 15px; width: 42px; height: 34px; color: #fff; text-align: center; line-height: 40px; padding: 10px; box-sizing: border-box; z-index: 9999; }*/
	#sp-menu { display: block; position: absolute; top: 15px; right: 15px; width: 42px; height: 34px; color: #fff; text-align: center; line-height: 40px; padding: 10px; box-sizing: border-box; z-index: 9999; }
	#sp-menu:hover { cursor: pointer; }
	
	
	#all-wrap { display: none; position: fixed; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
	#all-wrap.open { display: block; z-index: 100;}
	
	nav#site-nav-sp { display: none; position: fixed; top: 64px; left: 0px; width: 100%; z-index: 9999; }
	.admin-bar nav#site-nav-sp { top: 110px; }
	nav#site-nav-sp .nav-menu-sp { position: relative; top: 0px; left: 0px; right: 0px; width: 100%; z-index: 9999; }
	nav#site-nav-sp ul { overflow: hidden; border-top: 1px solid #fff; background-color: rgba(223, 113, 0, 0.9); }
	nav#site-nav-sp ul li { float: left; width: 50%; text-align: center; border-bottom: 1px solid #fff; box-sizing: border-box; }
	nav#site-nav-sp ul li:nth-child(odd) { border-right: 1px solid #fff; }
	nav#site-nav-sp ul li a { color: #fff; display: block; line-height: 1.5em; text-decoration: none; font-size: 13px; padding: 6px 0; }
	nav#site-nav-sp ul li a span { display: block; font-size: 8px; }
	
	.menu-trigger,
	.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
	.menu-trigger { position: relative; }
	.menu-trigger span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #df7100; border-radius: 3px; }
	.menu-trigger span:nth-of-type(1) { top: 0px; }
	.menu-trigger span:nth-of-type(2) { top: 15px; }
	.menu-trigger span:nth-of-type(3) { bottom: 0px; }
	
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(15px) rotate(-45deg);
		transform: translateY(15px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-15px) rotate(45deg);
		transform: translateY(-15px) rotate(45deg);
	}
}


header #sub-nav { position: fixed; right: 0px; top: 200px; z-index: 9999; display: none; }
header #sub-nav.show { display: block; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }
header #sub-nav li { position: relative; cursor: pointer; }
header #sub-nav li .btn {}
header #sub-nav li .tel { display: none; }
header #sub-nav li:hover .tel { display: block; position: absolute; top: -10px; right: 70px; max-width: 176px; }
@media screen and (max-width: 767px) {
	header #sub-nav { display: none; }
	header #sub-nav.show { display: none; }
}

/**
.box-gotop { position: fixed; bottom: 20px; right: 20px; display: none; z-index: 9999; }
.box-gotop .gotop { display: inline-block; }
**/

footer { background: url(./img/common/footer_bk.png) no-repeat center top; background-size: cover; color: #fff; padding: 40px 0 0; box-sizing: border-box; text-align: center; }
footer a { color: #000; }

footer .inner { max-width: 1000px; min-height: 180px; }
footer .ft-logo { /*text-align: center;*/ }
footer nav#ft-nav { /*text-align: center;*/ margin-top: 50px; }
footer nav#ft-nav ul.block4 { overflow: hidden; display: inline-block; }
footer nav#ft-nav ul.block4 > li { float: left; /*width: 160px;*/ width: 200px; text-align: left; }
footer nav#ft-nav ul.block4 > li:nth-child(2) { margin-top: 30px; }

footer nav#ft-nav ul.lv1 {}
footer nav#ft-nav ul.lv1 > li { position: relative; padding-left: 20px; }
footer nav#ft-nav ul.lv1 > li > .name,
footer nav#ft-nav ul.lv1 > li > a { display: block; padding: 10px 5px; font-size: 12px; color: #000; }


footer nav#ft-nav ul.lv2 {}
footer nav#ft-nav ul.lv2 > li { position: relative; padding-left: 10px;  }
footer nav#ft-nav ul.lv2 > li > a { display: block; padding: 5px 5px; font-size: 12px; }
footer nav#ft-nav ul.lv2 > li > a::before { content: "・"; position: absolute; left: 5px; top: 5px; }

footer ul.sns { text-align: center; margin-top: 50px; }
footer ul.sns { overflow: hidden; display: inline-block; }
footer ul.sns > li { float: left; width: 35px; }

footer .r-box { float: right; padding: 40px 0 0; }
footer .copyright { color: #fff; background: #000; font-size: 12px; line-height: 30px; margin-top: 20px; }

footer .ft-link { overflow: hidden; padding: 20px 0 0; }
footer .ft-link li { float: left; width: 50%; text-align: center; }
footer .ft-link li a { display: block; }
footer .ft-link li a img { max-width: 100%; }
@media screen and (max-width: 767px) {
	footer {   }
	footer a {  }

	footer .inner { padding: 0px 20px; }
	footer .ft-logo {}
	footer nav#ft-nav { float: none; }

	footer nav#ft-nav ul.block4 > li:nth-child(2) { margin-top: 20px; }

	footer nav#ft-nav ul.lv1 {}
	footer nav#ft-nav ul.lv1 > li { position: relative; padding-left: 0px; }
	footer nav#ft-nav ul.lv1 > li > a { display: block; padding: 5px 5px; font-size: 12px; }

	footer nav#ft-nav ul.lv2 {}
	footer nav#ft-nav ul.lv2 > li { position: relative; padding-left: 20px;  }
	footer nav#ft-nav ul.lv2 > li > a { display: block; padding: 5px 5px; font-size: 12px; }
	/*footer nav#ft-nav ul.lv2 > li > a::after { content: url(./img/common/ico_footer.png); position: absolute; left: 10px; top: 5px; }*/
	
	footer ul.sns { margin-top: 20px; }
	
	footer .r-box { float: none; padding: 40px 0 0; text-align: center; }
	footer .copyright { font-size: 12px; margin-top: 20px; }

	footer .ft-link {}
	footer .ft-link li { float: none; width: 100%; margin-bottom: 10px; }
	footer .ft-link li a {}
	footer .ft-link li a img {}

}

/** TOPへ戻る **/
._top { display: none; position: fixed; right: 30px; bottom: 30px; width: 48px; height: 48px; z-index: 9999; }
._top img { max-width: 100%; }
@media screen and (max-width: 599px) {
	._top { right: 10px; bottom: 10px; width: 48px; height: 48px; }
	._top img { max-width: 100%; }
}


/* etc... */


/* 下層ページ　アイキャッチ設定 */
header.page-title { background: url(./img/common/sub-eye.png) no-repeat center top; background-size: cover; height: 230px; padding-top: 103px; box-sizing: border-box; }
header.page-title h2.entry-title { width: 1000px; margin: 0 auto; color: #fff; font-size: 24px; letter-spacing: 0.1em; }
header.page-title h2.entry-title .sub { font-weight: normal; font-size: 20px; font-style: italic; }
@media screen and (max-width: 767px) {
	header.page-title { height: initial; min-height: 100px; padding: 40px 10px 0; }
	header.page-title h2.entry-title { width: 100%; font-size: 20px; }
	header.page-title h2.entry-title .sub { font-size: 16px; }
}


/* 固定ページ　コンテンツエリア */
body.search .entry-content,
body.error404 .entry-content,
body.page .entry-content { width: 1000px; margin: 0 auto; padding: 0 0 50px; box-sizing: border-box; }
@media screen and (max-width: 767px) {
	body.search .entry-content,
	body.error404 .entry-content,
	body.page .entry-content { width: 100%; padding: 0px 10px 20px; }
}



@media screen and (max-width: 767px) {

}






/* 固定ページ */
body.page .entry-content h2.title { font-size: 20px; margin: 20px 0 10px; line-height: 1.5em; padding: 5px 0px; color: #014da3; border-bottom: 1px solid #014da3; }
body.page .entry-content .box { padding: 10px 10px 20px; }
body.page .entry-content h3.sub-title { font-size: 18px; margin: 10px 0 20px; padding: 5px 0 2px 10px; font-weight: normal; line-height: 1.8em; }
body.page .entry-content p { padding: 10px 0px 20px 10px; line-height: 1.8em;  }
@media screen and (max-width: 767px) {
	body.page .entry-content h3.sub-title { margin: 0; }
}



/* 404 Error */
body.error404 h3.entry-title { font-size: 20px; }
body.error404 .searchform { margin: 50px 0; }
body.error404 .searchform input[type="text"] { width: 400px; }
@media screen and (max-width: 767px) {
	body.error404 .searchform input[type="text"] { width: 50%; }
}


/* 検索結果 */
body.search {}
body.search h3.entry-title { font-size: 16px; margin-bottom: 50px; }
body.search #search .entry-content { padding-top: 50px 0; line-height: 1.5em; }
body.search #search .entry-content a { display: inline-block; margin: 10px 0; }
body.search #search .entry-content a h4 { color: #014da3; font-size: 16px; }



/* パン屑 */
.breadcrumbs { max-width: 1000px; margin: 40px auto; }
@media screen and (max-width: 767px) {
	.breadcrumbs { margin: 20px auto; padding: 0 10px; box-sizing: border-box; }
}






@media screen and (max-width: 767px) {
	/** スマホ表示 **/

}


/* ホーム */
h2.sec_title { text-align: center; font-size: 36px; color: #555; font-weight: normal; padding: 30px 0 30px; }
/*h2.sec_title .sec_title_jp { display: block; font-size: 20px; color: #b0b0b0; margin-top: 10px; }*/

.link-box { text-align: center; }
.link-box a.link-info { display: inline-block; line-height: 40px; padding: 0px 50px 0 50px; font-size: 20px; border: 1px solid #014993; border-radius: 20px; color: #014993; }
.link-box a.link-info::before { content: "> "; }

body.home section { padding: 50px 0; }


@media screen and (max-width: 767px) {
	body.home section { padding: 20px 0; }
	h2.sec_title > img { max-width: 90%; }
}


body.home #eye { position: relative; }
body.home #eye img { width: 100%; }
body.home #eye .inner { position: relative; }
body.home #eye .copy { font-size: 36px; color: #fff; position: absolute; top: 160px; left: 90px; line-height: 1.4em; }
body.home #eye .copy span { display: block; text-indent: 3em; }
@media screen and (max-width: 767px) {
	body.home #eye .copy { font-size: 24px; top: 20px; left: 20px; }
}


body.home .sec_01 { padding: 200px 0 120px; background: url(./img/home/bk_pic_1.png) no-repeat center top; text-align: center; overflow: hidden; }
body.home .sec_01 .t1 { line-height: 2.0em; margin: 20px 0 20px; }
body.home .sec_01 .t2 { line-height: 2.0em; margin: 0; }

body.home .sec_01 .link-box { margin: 40px 0; }
body.home .sec_01 .link-box .link { display: inline-block; position: relative; }


.link { display: inline-block; position: relative; overflow: hidden; }
.link::before,
.link::after { position: absolute; z-index: -1; display: block; content: ''; }
.link,
.link::before,
.link::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.link::after { /*top: -100%; width: 100%; height: 100%;*/ top: 0; left: -100%; width: 100%; height: 100%; }
.link:hover::after { top: 0; left: 0; background-color: #f0bd88; }



body.home .sec_01 .pic-box { position: relative; z-index: 10; }
body.home .sec_01 .pic-box::after { content: url(./img/home/bk_pic_2.png); position: absolute; top: 90px; left: 0; right: 0; margin: 0 auto; z-index: -1; }

@media screen and (max-width: 767px) {
	body.home .sec_01 { padding: 20px 10px 20px; }
/*
	body.home .sec_01 ul.news_list {}
	body.home .sec_01 ul.news_list li { float: none; width: 100% !important; margin-left: 0; margin-bottom: 20px !important; }
*/
}



body.home .sec_02 { padding: 20px 0 0px; }
body.home .sec_02 .inner { max-width: 1000px; }

/***
body.home .sec_02 ul.list { overflow: hidden; }
body.home .sec_02 ul.list li { float: left; margin-right: 10px; }
body.home .sec_02 ul.list li:first-child { margin-right: 20px; }
body.home .sec_02 ul.list li:last-child { margin-right: 0; }
***/
body.home .sec_02 .list-box { overflow: hidden; }
body.home .sec_02 .list-box .photo-list { width: 50%; }
body.home .sec_02 .list-box .box1 { float: left; }
body.home .sec_02 .list-box .box2 { float: right; }


body.home .sec_02 .box { padding: 40px 50px; overflow: hidden; }
body.home .sec_02 .box img { float: left; padding-right: 50px; background: #fff; }
body.home .sec_02 .t1 { font-size: 16px; font-weight: bold; line-height: 1.2em; padding-bottom: 0px; margin-bottom: 20px; color: #443709; }
body.home .sec_02 .t1 .line { border-bottom: 1px dashed #443709; display: inline-block; padding-bottom: 10px; }
body.home .sec_02 .t2 { font-size: 13px; line-height: 2.0em; color: #443709; }

@media screen and (max-width: 767px) {
	body.home .sec_02 { padding: 20px 10px 20px; }

	body.home .sec_02 .list-box .photo-list { width: 100%; }
	body.home .sec_02 .list-box .box1 { float: none; margin-bottom: 10px; }
	body.home .sec_02 .list-box .box2 { float: none; }

	body.home .sec_02 .box { padding: 20px 10px; overflow: hidden; }
	body.home .sec_02 .box img { width: 80px; padding-right: 20px; }
	
	/*
	body.home .sec_02 .t1 { font-size: 18px; padding-bottom: 20px; margin-bottom: 20px;  }
	body.home .sec_02 .t2 { line-height: 2.0em;  }
	*/
	body.home .sec_02 .t1 { font-size: 16px; line-height: 1.4em; padding-bottom: 20px; margin-bottom: 20px; color: #443709; border-bottom: 1px dashed #443709; }
	body.home .sec_02 .t1 .line { border-bottom: none; display: inline; padding-bottom: 10px; }
	body.home .sec_02 .t2 { font-size: 13px; line-height: 2.0em; }


}


body.home .sec_03 { padding: 250px 0 100px; background: url(./img/home/bk_pic_3.png) no-repeat center top; text-align: center; overflow: hidden; }
body.home .sec_03 .inner { max-width: 1000px; }
body.home .sec_03 .sec_title::after { content: url(./img/home/bnr_side_leaf.png); position: absolute; top: 80px; right: -80px; z-index: -1; }
body.home .sec_03 ul.list { overflow: hidden; margin-top: 50px; position: relative; }
body.home .sec_03 ul.list li { width: 50%; box-sizing: border-box; }
body.home .sec_03 ul.list li:nth-child(1) { float: left; width: 480px; height: 440px; background: #fff; }
body.home .sec_03 ul.list li:nth-child(2) { float: right; margin-bottom: 20px; }
body.home .sec_03 ul.list li:nth-child(3) { float: right; }
@media screen and (max-width: 767px) {
	/*body.home .sec_03 { padding: 240px 10px 20px; }*/
	body.home .sec_03 { padding: 50px 10px 20px; }
	body.home .sec_03 ul.list { margin-top: 10px; }
	body.home .sec_03 ul.list li { float: none !important; width: 100%; padding: 0 !important; margin-bottom: 20px; }
	
	body.home .sec_03 ul.list li:nth-child(1) { float: none; width: 100%; height: initial; background: #fff; }
	body.home .sec_03 ul.list li:nth-child(2) { float: none; }
	body.home .sec_03 ul.list li:nth-child(3) { float: none; }
}


body.home .sec_04 { padding: 50px 10px 50px; background: #f6f6ea url(./img/home/border_orange.png) no-repeat center top; text-align: center; }
body.home .sec_04 .inner { max-width: 1002px; }
body.home .sec_04 .bk { padding: 70px 0 50px; background: url(./img/home/omoi_bg.png) no-repeat center top; background-size: cover; }
body.home .sec_04 h2.sec_title2 {  margin-bottom: 50px; font-size:36px; }
body.home .sec_04 .t1 { font-size: 20px; margin-bottom: 40px; font-weight: bold; }
body.home .sec_04 .t2 { line-height: 2.0em; }
body.home .sec_04 h3 { margin: 30px 0 10px; }
@media screen and (max-width: 767px) {
	body.home .sec_04 h2.sec_title2 { font-size: 24px; }
	body.home .sec_04 h2.sec_title2 span { font-size: 28px; display: block; }
	
	body.home .sec_04 h3.sec_title { overflow: hidden; }
	body.home .sec_04 h3.sec_title > img { max-width: 600px; margin-left: -34%; }
}


body.home .sec_04 .list {}
body.home .sec_04 .list li { overflow: hidden; float: left; width: 286px; margin-right: 71px; position: relative; padding-bottom: 50px; }
body.home .sec_04 .list li:last-child { margin-right: 0px; }
body.home .sec_04 .list li .text { font-size: 14px; line-height: 1.6em; position: absolute; top: 210px; left: 125px; text-align: left; }
@media screen and (max-width: 767px) {
	body.home .sec_04 .list li { overflow: hidden; float: none; width: 100%; margin-right: 0px; padding-bottom: 50px; }
	body.home .sec_04 .list li:last-child { margin-right: 0px; }
	body.home .sec_04 .list li .text { font-size: 14px; line-height: 1.6em; position: relative; top: initial; left: initial; text-align: left; padding-top: 20px; width: 80%; margin: auto; }

}

body.home .sec_05 { padding: 50px 0 50px; background: url(./img/home/bg_insta.png) no-repeat center top; background-size: cover; }
body.home .sec_05 .inner { max-width: 1000px; }
body.home .sec_05 .list { overflow: hidden; padding: 5px; box-sizing: border-box; }
body.home .sec_05 .list li { float: left; width: 24%; margin-right: 1%; background: #fff; box-sizing: border-box; text-align: center; }
body.home .sec_05 .list li:last-child { margin-right: 0; }
body.home .sec_05 .link-box { padding: 50px 0; }
body.home .sec_05 .link-box a { background: #fff; display: inline-block; }
@media screen and (max-width: 767px) {
	body.home .sec_05 { padding: 20px 10px 50px; }
	body.home .sec_05 .list {}
}

body.home .sec_06 { padding: 50px 0 50px; background: url(./img/home/insta_leaf.png) no-repeat left top -100px; }
body.home .sec_06 .inner { max-width: 1000px; }
body.home .sec_06 .t1 { text-align: center; line-height: 2.0em; margin-bottom: 50px; }
body.home .sec_06 .list { overflow: hidden; }
body.home .sec_06 .list li { float: left; width: 482px; margin-right: 18px; box-sizing: border-box; margin-bottom: 50px; }
body.home .sec_06 .list li:nth-child(2n) { margin-right: 0; }
body.home .sec_06 .list .box { margin-top: 10px; min-height: 46px; padding: 5px 0 0 70px; background: url(./img/home/ico_shop.png) no-repeat left top; font-size: 12px; }
body.home .sec_06 .list li:nth-child(4) .box { background-image: url(./img/home/ico_painpati.png); padding-left: 80px; }
body.home .sec_06 .list li:nth-child(5) .box { background-image: url(./img/home/ico_painpati.png); padding-left: 80px; }

body.home .sec_06 .list .box p { font-weight: bold; }
body.home .sec_06 .list .box .p1 { float: left; background: url(./img/home/ico_address.png) no-repeat left top; padding: 0 0 0 23px; margin-right: 20px; line-height: 16px; }
body.home .sec_06 .list .box .p2 { float: left; background: url(./img/home/ico_tel.png) no-repeat left top; padding: 0 0 0 20px; line-height: 16px; }
body.home .sec_06 .list .box .p3 { clear: both; margin-top: 25px; padding: 0; }

body.home .sec_06 .list li:nth-child(4) .box .p2 { clear: both; float: left; margin-top: 10px; }
body.home .sec_06 .list li:nth-child(4) .box .p3 { clear: none; float: left; margin-top: 10px; margin-left: 30px; line-height: 16px; }

/*body.home .sec_06 .list li a { display: block; line-height: 70px; font-size: 16px; font-weight: bold; background: url(./img/home/arrow_blue.png) no-repeat right 20px center; }*/
@media screen and (max-width: 767px) {
	body.home .sec_06 { padding: 20px 10px 50px; }
	body.home .sec_06 .list li { float: none; width: 100%; margin-right: 0%; margin-bottom: 40px; }
	body.home .sec_06 .list li img { width: 100%; }
	.sb_instagram_header { box-sizing: border-box; }
	body.home .sec_06 .list li:nth-child(4) .box .p3 { float:none; margin:0; clear: both;}
}

body.home .sec_08 { padding: 50px 0 50px; }
body.home .sec_08 .box {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
body.home .sec_08 .box p {
    margin: 0; 
    padding: 0;
}

/*.sec_01 { display: none; }*/
/*.sec_02 { display: none; }*/
/*.sec_03 { display: none; }*/
/*.sec_04 { display: none; }*/
/*.sec_05 { display: none; }*/
/*.sec_06 { display: none; }*/

/***
.title-border { display: flex; justify-content: center; align-items: center; }
.title-border:before,
.title-border:after { border-top: 1px solid; content: ""; flex-grow: 0.2; }
.title-border:before { margin-right: 1rem; }
.title-border:after { margin-left: 1rem; }
@media screen and (max-width: 767px) {
	
}
***/



/** メニュー **/
body.menu .sec_01 { padding: 0 0 100px;  background: url(./img/common/bk_pattern.png) repeat center top; }
body.menu .sec_01 .inner { max-width: 1200px; }
body.menu .sec_01 .box { padding: 50px 0 0; position: relative; z-index: 10; }
body.menu .sec_01 .box::after { content: url(./img/menu/leaf_1.png); position: absolute; top: -70px; right: 0px; z-index: -1; }
body.menu .sec_01 .box .left-box { float: left; width: 472px; background: #fff; text-align: center; }
body.menu .sec_01 .box .left-box .pic { margin-top: -20px; }
body.menu .sec_01 .box .left-box .t1 { font-size: 13px; }
body.menu .sec_01 .box .right-box { float: right; width: 728px; position: relative; }
body.menu .sec_01 .box .right-box::before { content: url(./img/menu/painpati.png); position: absolute; top: -30px; left: -50px; }

body.menu .sec_01 .t2 { clear: both; padding: 70px 0 0px; color: #443709; font-size: 16px; font-weight: bold; text-align: center; }
body.menu .sec_01 .t3 { color: #221815; text-align: center; }

body.menu .sec_01 .photo_list { overflow: hidden; width: 1000px; margin: 0 auto; }
body.menu .sec_01 .photo_list li { float: left; width: 33.33%; }
@media screen and (max-width: 767px) {
	body.menu .sec_01 .box { padding: 0px 0 0; }
	body.menu .sec_01 .box::after { content: ""; }
	body.menu .sec_01 .box .left-box { float: none; width: 100%; }
	/*body.menu .sec_01 .box .right-box { float: none; width: 100%; padding-top: 150px; }*/
	body.menu .sec_01 .box .right-box { float: none; width: 100%; padding-top: 0px; }
	/*body.menu .sec_01 .box .right-box::before { content: ""; }*/
	/*body.menu .sec_01 .box .right-box::before { top: 0; left: 0; }*/
	body.menu .sec_01 .box .right-box::before { top: 0; left: 0; content: ""; }
	body.menu .sec_01 .photo_list { overflow: hidden; width: 100%; }
	body.menu .sec_01 .photo_list li { float: none; width: 100%; text-align: center; margin-bottom: 20px; }
	body.menu .sec_01 .t2,
	body.menu .sec_01 .t3 { box-sizing: border-box;  }
	
	body.menu .sec_01 .box .left-box { position: relative; }
	body.menu .sec_01 .box .left-box::before { content: url(./img/menu/circle_curry_sp.png); position: absolute; top: -60px; left: 10px; }
	
}
body.menu .sec_02 {}
body.menu .sec_02 .title-box { position: relative; text-align: center; }
body.menu .sec_02 .title-box h2.sec_title { position: absolute; bottom: 30px; left: 0; right: 0; width: 226px; margin: 0 auto; }
@media screen and (max-width: 767px) {
	body.menu .sec_02 .title-box { overflow: hidden; }
	body.menu .sec_02 .title-box .bk { width: 200%; max-width: 200%; margin-left: -50%; }
	body.menu .sec_02 .title-box h2.sec_title { position: absolute; bottom: 10px; left: 0; right: 0; width: 226px; margin: 0 auto; }
	body.menu .sec_02 .title-box h2.sec_title > img { max-width: 100%; }
}


body.menu .sec_02 .menu-list { overflow: hidden; margin-top: 100px; }
body.menu .sec_02 .menu-list li { width: 50%; position: relative; height: 560px; }
body.menu .sec_02 .menu-list li.left { float: left; }
body.menu .sec_02 .menu-list li.right { float: right; }
body.menu .sec_02 .menu-list li:nth-child(2n) { float: right; }
body.menu .sec_02 .menu-list li .text { position: absolute; top: 100px; left: 42%; width: 40%; }
body.menu .sec_02 .menu-list li .text.rr { }
body.menu .sec_02 .menu-list li .text.ll { left: 0; width: 40%; }

body.menu .sec_02 .menu-list li.left.l2 { margin-left: 300px; }
body.menu .sec_02 .menu-list li .text.rrr { left: 10%; }

body.menu .sec_02 .inner::before { content: url(./img/menu/beans.png); position: absolute; bottom: 20px; left: 0; }
body.menu .sec_02 .inner::after { content: url(./img/menu/leaf_2.png); position: absolute; bottom: 20px; right: 0; }

body.menu .entry-content p { padding: 10px 20px; }
body.menu .sec_02 .photo_list li { width: 286; margin: 0 auto; }
@media screen and (max-width: 767px) {
	body.menu .sec_02 .menu-list { margin-top: 20px; }
	body.menu .sec_02 .menu-list li { width: 100%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box;  height: initial; }
	body.menu .sec_02 .menu-list li.left { float: none; }
	body.menu .sec_02 .menu-list li.right { float: none; }
	body.menu .sec_02 .menu-list li:nth-child(2n) { float: none; }
	/*body.menu .sec_02 .menu-list li .pic { max-width: 100%; }*/
	/*body.menu .sec_02 .menu-list li .pic { max-width: 120%; }*/
	body.menu .sec_02 .menu-list li .pic { max-width: 140%; }
	body.menu .sec_02 .menu-list li:nth-child(1) .pic,
	body.menu .sec_02 .menu-list li:nth-child(2) .pic,
	body.menu .sec_02 .menu-list li:nth-child(5) .pic,
	body.menu .sec_02 .menu-list li:nth-child(6) .pic,
	body.menu .sec_02 .menu-list li:nth-child(9) .pic,
	body.menu .sec_02 .menu-list li:nth-child(10) .pic { /*margin-left: -20%;*/ margin-left: -36%; }
	
	/*body.menu .sec_02 .menu-list li .text { top: 55px; left: 35%; width: 50%; font-size: 10px; }*/
	body.menu .sec_02 .menu-list li .text { top: 65px; left: 30%; width: 62%; font-size: 10px; }
	body.menu .sec_02 .menu-list li .text.rr { }
	body.menu .sec_02 .menu-list li .text.ll { left: 0%; width: 50%; }
	
	body.menu .sec_02 .menu-list li:nth-child(5) .text { line-height: 1.4em; top: 55px; }
	body.menu .sec_02 .menu-list li:nth-child(8) .text { top: 55px; }
	body.menu .sec_02 .menu-list li:nth-child(9) .text { top: 50px; }
	
	body.menu .sec_02 .menu-list li.left.l2 { margin-left: 0px; }
	body.menu .sec_02 .menu-list li .text.rrr { left: 0%; }

	body.menu .sec_02 .inner::before { content: ""; }
	body.menu .sec_02 .inner::after { content: ""; }

	body.menu .entry-content p { padding: 10px 20px; }
	body.menu .sec_02 .photo_list li { width: 286; margin: 0 auto; }
}




/** スタッフ **/
body.staff .sec_01 { padding: 0 0 100px;  background: url(./img/common/bk_pattern.png) repeat center top; }
body.staff .sec_01 .inner { max-width: 1200px; }
body.staff .sec_01 .box { padding: 0px 0 20px; position: relative; z-index: 10; overflow: hidden; }
body.staff .sec_01 .box .left-box { float: left; width: 385px; height: 430px; background: #db6a0a; text-align: center; }
body.staff .sec_01 .box .left-box .pic { margin-top: 50px; }
body.staff .sec_01 .box .left-box .t1 { font-size: 13px; color: #fff; padding: 20px 80px 0; text-align: left; }
body.staff .sec_01 .box .right-box { float: right; width: 815px; position: relative; }

body.staff .sec_01 .photo_list { overflow: hidden; width: 1010px; margin: 0 auto; }
body.staff .sec_01 .photo_list li { float: left; width: 50%; }
@media screen and (max-width: 767px) {
	body.staff .sec_01 .box .left-box { float: none; width: 100%; height: initial; padding-bottom: 50px; }
	body.staff .sec_01 .box .right-box { float: none; width: 100%; }
	body.staff .sec_01 .photo_list { overflow: hidden; width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
	body.staff .sec_01 .photo_list li { float: none; width: 100%; margin-bottom: 5px; }
}

body.staff .sec_02 {}
body.staff .sec_02 .title-box { position: relative; text-align: center; }
body.staff .sec_02 .title-box h2.sec_title { position: absolute; bottom: 30px; left: 0; right: 0; width: 288px; margin: 0 auto; }
@media screen and (max-width: 767px) {
	body.staff .sec_02 .title-box { overflow: hidden; }
	body.staff .sec_02 .title-box .bk { width: 200%; max-width: 200%; margin-left: -50%; }
	body.staff .sec_02 .title-box h2.sec_title { position: absolute; bottom: 10px; left: 0; right: 0; width: 226px; margin: 0 auto; }
	body.staff .sec_02 .title-box h2.sec_title > img { max-width: 100%; }
}

body.staff .sec_02 .wrap .inner { width: 1000px; padding: 20px 0; }
body.staff .sec_02 .wrap2 { padding: 50px 0; background: #f5f1eb; }
body.staff .sec_02 .box { padding: 40px 50px; overflow: hidden; }
body.staff .sec_02 .box img { float: left; padding-right: 50px; }
body.staff .sec_02 .t1 { font-size: 16px; font-weight: bold; line-height: 1.2em; padding-bottom: 0px; margin-bottom: 20px; color: #443709; }
body.staff .sec_02 .t1 .line { border-bottom: 1px dashed #443709; display: inline-block; padding-bottom: 10px; }
body.staff .sec_02 .t2 { font-size: 13px; line-height: 2.0em; color: #443709; }
@media screen and (max-width: 767px) {
	body.staff .sec_02 .wrap .inner { width: 100%; padding: 20px 0; }
	body.staff .sec_02 .wrap2 { padding: 0px 0; }
	body.staff .sec_02 .box { padding: 20px 10px; overflow: hidden; }
	body.staff .sec_02 .box img { width: 80px; padding-right: 20px; }
	body.staff .sec_02 .t1 { font-size: 16px; line-height: 1.4em; padding-bottom: 20px; margin-bottom: 20px; color: #443709; border-bottom: 1px dashed #443709; }
	body.staff .sec_02 .t1 .line { border-bottom: none; display: inline; padding-bottom: 10px; }
	body.staff .sec_02 .t2 { font-size: 13px; line-height: 2.0em; }
}

body.staff .sec_03 { padding: 20px 0 50px;  text-align: center; }
body.staff .sec_03 h2.sec_title { font-size: 20px; color: #443709; font-weight: bold; }
body.staff .sec_03 .t1 { color: #443709; }



/** 会社概要 **/
body.company .sec_01 { padding: 0 0 100px;  background: url(./img/common/bk_pattern.png) repeat center top; }
body.company .sec_01 .inner { max-width: 1000px; text-align: center; }
body.company .sec_01 .t1 { font-size: 13px; }
body.company .sec_01 .t2 { font-size: 13px; margin-bottom: 20px; }

body.company .sec_02 {}
body.company .sec_02 .title-box { position: relative; text-align: center; }
body.company .sec_02 .title-box h2.sec_title { position: absolute; bottom: 30px; left: 0; right: 0; width: 288px; margin: 0 auto; }
@media screen and (max-width: 767px) {
	body.company .sec_02 .title-box { overflow: hidden; }
	body.company .sec_02 .title-box .bk { width: 200%; max-width: 200%; margin-left: -50%; }
	body.company .sec_02 .title-box h2.sec_title { position: absolute; bottom: 10px; left: 0; right: 0; width: 226px; margin: 0 auto; }
	body.company .sec_02 .title-box h2.sec_title > img { max-width: 100%; }
}

body.company .sec_02 .inner { max-width: 800px; }
body.company .sec_02 .tb-company { margin: 100px 0 100px; }
body.company .sec_02 .tb-company th,
body.company .sec_02 .tb-company td { border: 1px solid #eee; padding: 20px 40px;  color: #000; }
body.company .sec_02 .tb-company th { background: url(./img/common/bk_pattern.png) repeat center top; }
body.company .sec_02 .tb-company td {}
@media screen and (max-width: 767px) {
	body.company .sec_02 .tb-company { margin: 50px 0 50px; }
	body.company .sec_02 .inner { padding: 0 10px; }
	body.company .sec_02 .tb-company th,
	body.company .sec_02 .tb-company td { display: block; padding: 10px 20px; }
}



/** お問い合わせ **/
body.contact .sec_01 { padding: 0px 0 100px;  background: url(./img/common/bk_pattern.png) repeat center top; }
body.contact .sec_01 .inner { max-width: 800px; }
body.contact .sec_01 .tb-contact { border: none; }
body.contact .sec_01 .tb-contact th { padding: 20px 20px 20px 50px; background: none; vertical-align: middle; border: 1px dotted #ddd; border-right: none; border-left: none;  font-weight: bold; }
body.contact .sec_01 .tb-contact td { padding: 20px 50px 20px 20px; border: 1px dotted #ddd; border-right: none; border-left: none; }
body.contact .sec_01 .hissu { color: #fff; font-size: 12px; line-height: 1.5em; background: #f50000; padding: 0px 5px; float: right; }
body.contact .sec_01 .tb-contact input[type="text"],
body.contact .sec_01 .tb-contact input[type="email"],
body.contact .sec_01 .tb-contact textarea { width: 100%; box-sizing: border-box; }
body.contact .sec_01 .submit_box { text-align: center; margin: 50px 0; }
@media screen and (max-width: 767px) {
	body.contact .sec_01 { padding: 20px 10px 20px; }
	body.contact .sec_01 .tb-contact th,
	body.contact .sec_01 .tb-contact td { padding: 10px; display: block; border: none; }
	body.contact .sec_01 .tb-contact th { background: #e6c18a; color: #fff; }
	body.contact .sec_01 .tb-contact td { padding-bottom: 40px; }
}
.entry-content input[type="submit"], .item-description input[type="submit"] { background: #df7100; transition: none; padding: 10px 40px; font-size: 20px; letter-spacing: 2em; text-indent: 2em; color: #fff; }
.entry-content input[type="submit"]:hover, .item-description input[type="submit"]:hover { background-color: #df7000; opacity: 0.6; }




/** コンセプト **/
body.concept .sec_01 { padding: 0 0 100px;  background: url(./img/common/bk_pattern.png) repeat center top; }
body.concept .sec_01 .inner { max-width: 1000px; }
body.concept .sec_01 .box { padding: 0px 0 20px; position: relative; z-index: 10; overflow: hidden; text-align: center; }
body.concept .sec_01 .box .list { overflow: hidden; }
body.concept .sec_01 .box .list li { float: left; margin: 0 5px; }
body.concept .sec_01 .box .t1 { font-size: 13px; }
body.concept .sec_01 .box .t2 { font-size: 13px; }
body.concept .sec_01 .list-box { overflow: hidden; }
body.concept .sec_01 .list-box .photo-list { width: 50%; }
body.concept .sec_01 .list-box .box1 { float: left; }
body.concept .sec_01 .list-box .box2 { float: right; }
@media screen and (max-width: 767px) {
	body.concept .sec_01 { padding: 0 10px 100px; }
	body.concept .sec_01 .box .list li { margin: 0 5px 10px; }
	
	body.concept .sec_01 .box .list li:nth-child(2),
	body.concept .sec_01 .box .list li:nth-child(3),
	body.concept .sec_01 .box .list li:nth-child(4),
	body.concept .sec_01 .box .list li:nth-child(5),
	body.concept .sec_01 .box .list li:nth-child(6) { margin: 0 0px 10px; width: 50%; }
	body.concept .sec_01 .box .list li:nth-child(2) img,
	body.concept .sec_01 .box .list li:nth-child(3) img,
	body.concept .sec_01 .box .list li:nth-child(4) img,
	body.concept .sec_01 .box .list li:nth-child(5) img,
	body.concept .sec_01 .box .list li:nth-child(6) img { width: 80%; }
	
	body.concept .sec_01 .list-box .photo-list { width: 49%; }
}
body.concept .sec_02 { background: url(./img/concept/large_pic.png) no-repeat center top; min-height: 632px; background-size: cover; padding: 100px 0 0; box-sizing: border-box; }
body.concept .sec_02 .inner { max-width: 1000px; }
body.concept .sec_02 p { text-align: center; color: #fff; }
body.concept .sec_02 .t1 { font-size: 20px; font-weight: bold; line-height: 2.5em; margin: 0 0 20px; position: relative; }
body.concept .sec_02 .t1:after { content: url(./img/concept/mark.png); position: absolute; top: -30px; left: 0; right: 0; width: 85px; margin: 0 auto; }
body.concept .sec_02 .t1 .line { border-bottom: 2px dashed #fff; padding-bottom: 3px; }
body.concept .sec_02 .t2 { font-size: 14px; margin: 0 0 20px; }
body.concept .sec_02 .t3 {}
@media screen and (max-width: 767px) {
	body.concept .sec_02 { min-height: initial; padding: 50px 0 50px; }
	body.concept .sec_02 .t1 { font-size: 16px; font-weight: bold; line-height: 2.5em; margin: 0 0 20px; box-sizing: border-box; padding: 10px 10px 20px; }

}

body.concept .sec_03 { padding: 50px 0 50px; }
body.concept .sec_03 .inner { max-width: 1000px; }
body.concept .sec_03 h2.sec_title { text-align: left; }
body.concept .sec_03 .box { padding: 50px 0 0; position: relative; z-index: 10; }
body.concept .sec_03 .box .left-box { float: left; width: 480px; background: #ffffdd; text-align: center; }
body.concept .sec_03 .box .left-box .pic { margin-top: -20px; }
body.concept .sec_03 .box .left-box .t1 { font-size: 13px; }
body.concept .sec_03 .box .right-box { float: right; width: 520px; position: relative; }
body.concept .sec_03 .box1 .right-box::before { content: url(./img/concept/circle_curry.png); position: absolute; top: -30px; left: -50px; }
body.concept .sec_03 .box2 { clear: both; padding-top: 80px; }
body.concept .sec_03 .box2 .right-box::before { content: url(./img/concept/circle_cream.png); position: absolute; top: -30px; left: -50px; }
@media screen and (max-width: 767px) {
	body.concept .sec_03 { padding: 50px 10px 50px; }
	body.concept .sec_03 .box .left-box { float: none; width: 100%; }
	/*body.concept .sec_03 .box .right-box { float: none; width: 100%; }*/
	/*body.concept .sec_03 .box .right-box { float: none; width: 100%; padding-top: 150px; background: #ffffdd; }*/
	body.concept .sec_03 .box .right-box { float: none; width: 100%; padding-top: 0px; background: #ffffdd; }
	body.concept .sec_03 .box1 .right-box::before,
	/*body.concept .sec_03 .box2 .right-box::before { top: initial; bottom: -100px; left: 0px; }*/
	body.concept .sec_03 .box2 .right-box::before { content: ""; top: 0px; left: 0px; }
	/*body.concept .sec_03 .box2 { padding: 150px 0 100px; }*/
	body.concept .sec_03 .box2 { padding: 100px 0 20px; }
	
	body.concept .sec_03 .box .left-box { position: relative; }
	body.concept .sec_03 .box1 .left-box::before { content: url(./img/concept/circle_curry_sp.png); position: absolute; top: -60px; left: -5px; }
	body.concept .sec_03 .box2 .left-box::before { content: url(./img/concept/circle_cream_sp.png); position: absolute; top: -60px; left: -5px; }
}



/** 町田本店 共通 **/
body.parent-pageid-10 .sec_01 { padding: 0 0 100px;  background: #f8f6e3; /*url(./img/common/bk_pattern.png) repeat center top;*/ }
body.parent-pageid-10 .sec_01 .inner { max-width: 1200px; }

body.parent-pageid-10 .sec_01 .wrap { position: relative; }
body.parent-pageid-10 .sec_01 .wrap::before { content: url(./img/shop/leaf.png); position: absolute; top: -120px; left: 80px; z-index: 0; }
body.parent-pageid-10 .sec_01 .wrap::after { content: url(./img/shop/accent.png); position: absolute; top:-59px; right: -70px; z-index: 0; }
body.parent-pageid-10 .sec_01 .wrap img { position: relative; z-index: 0; }
body.parent-pageid-10 .sec_01 .google-map-link {}
body.parent-pageid-10 .sec_01 .google-map-link a { display: block; width: 784px; border: 1px solid #000; padding: 5px 0; margin-top: 20px; background: #fff; text-align: center; }

body.parent-pageid-10 .sec_01 .yellow-box {position: absolute;
    top: 14px;
    right: 0px;
    background: #f9e113;
    width: 400px;
    height: 490px;
    box-sizing: border-box;
    padding: 40px 40px 30px;}

body.parent-pageid-10 .sec_01 .yellow-box .box { margin-top: 40px; }
body.parent-pageid-10 .sec_01 .yellow-box p { /*font-weight: bold;*/ font-size: 13px; }
body.parent-pageid-10 .sec_01 .yellow-box .p1 { float: left; background: url(./img/shop/ico_shop.png) no-repeat left top; padding: 0 0 0 23px; margin-right: 20px; line-height: 16px; }
body.parent-pageid-10 .sec_01 .yellow-box .p2 { float: left; background: url(./img/shop/ico_tel.png) no-repeat left top; padding: 0 0 0 20px; line-height: 16px; }
body.parent-pageid-10 .sec_01 .yellow-box .p3 { clear: both; margin-top: 25px; padding: 0; }
body.parent-pageid-10 .sec_01 .yellow-box .p4 { padding: 0; }
body.parent-pageid-10 .sec_01 .yellow-box .p5 { padding: 0; }
@media screen and (max-width: 767px) {
	
	body.parent-pageid-10 .sec_01 .wrap::before { content: ""; }
	body.parent-pageid-10 .sec_01 .wrap::after { content: ""; }

	body.parent-pageid-10 .sec_01 .google-map-link a { width: 90%; margin: 20px auto; }
	body.parent-pageid-10 .sec_01 .yellow-box { position: relative; bottom: initial; right: initial;  width: 100%; height: initial; padding: 40px 40px 30px; }
	
}


body.parent-pageid-10 .sec_02 { padding: 0 0 100px;  background: #f8f6e3; /*url(./img/common/bk_pattern.png) repeat center top;*/ }
body.parent-pageid-10 .sec_02 .inner { max-width: 1200px; background: #fff url(./img/shop/access_bk.png) repeat center top; border-top: 3px solid #724623; padding: 20px 100px 50px; }
body.parent-pageid-10 .sec_02 h2.sec_title { text-align: left; }
body.parent-pageid-10 .sec_02 .t1 { color: #724623; padding: 0; margin-bottom: 50px; }
body.parent-pageid-10 .sec_02 .t1 .line { border-bottom: 2px dotted #724623; }

body.parent-pageid-10 .sec_02 .access-list {}
body.parent-pageid-10 .sec_02 .access-list li { overflow: hidden; margin-bottom: 80px; position: relative; }
body.parent-pageid-10 .sec_02 .access-list li.left img { float: left; margin-right: 60px; }
body.parent-pageid-10 .sec_02 .access-list li.left .text { margin-top: 120px; }
body.parent-pageid-10 .sec_02 .access-list li.right img { float: right; margin-left: 50px; }
body.parent-pageid-10 .sec_02 .access-list li.right .text { margin-top: 120px; }

body.parent-pageid-10 .sec_02 .access-list li::after { content: url(./img/shop/machida/machida_1.png); width: 110px; height: 110px; position: absolute; top: 0px; left: 50%; z-index: 100; }
body.parent-pageid-10 .sec_02 .access-list li:nth-child(1)::after { content: url(./img/shop/machida/machida_1.png); left: 46%; }
body.parent-pageid-10 .sec_02 .access-list li:nth-child(2)::after { content: url(./img/shop/machida/machida_2.png); left: 0%; }
body.parent-pageid-10 .sec_02 .access-list li:nth-child(3)::after { content: url(./img/shop/machida/machida_3.png); left: 50%; }
body.parent-pageid-10 .sec_02 .access-list li:nth-child(4)::after { content: url(./img/shop/machida/machida_4.png); left: 0%; }
@media screen and (max-width: 767px) {
	
	body.parent-pageid-10 .sec_02 .inner { padding: 20px 20px 0px; }
	/*body.parent-pageid-10 .sec_02 .access-list li { margin-bottom: 40px; overflow: visible; }*/
	body.parent-pageid-10 .sec_02 .access-list li { margin-bottom: 80px; overflow: visible; }
	body.parent-pageid-10 .sec_02 .access-list li:last-child { margin-bottom: 0px; }
	
	body.parent-pageid-10 .sec_02 .access-list li.left img { float: none; margin-right: 0px; }
	body.parent-pageid-10 .sec_02 .access-list li.left .text { margin-top: 20px; }
	body.parent-pageid-10 .sec_02 .access-list li.right img { float: none; margin-left: 0px; }
	body.parent-pageid-10 .sec_02 .access-list li.right .text { margin-top: 20px; }

	body.parent-pageid-10 .sec_02 .access-list li::after { top: -50px; left: 100%; }
	body.parent-pageid-10 .sec_02 .access-list li:nth-child(1)::after { left: initial; right: 0%; }
	body.parent-pageid-10 .sec_02 .access-list li:nth-child(2)::after { left: 0%; }
	body.parent-pageid-10 .sec_02 .access-list li:nth-child(3)::after { left: initial; right: 0%; }
	body.parent-pageid-10 .sec_02 .access-list li:nth-child(4)::after { left: 0%; }

}



body.parent-pageid-10 .sec_03 {}
body.parent-pageid-10 .sec_03 .title-box { position: relative; text-align: center; }
body.parent-pageid-10 .sec_03 .title-box h2.sec_title { position: absolute; bottom: 30px; left: 0; right: 0; width: 226px; margin: 0 auto; }
@media screen and (max-width: 767px) {
	body.parent-pageid-10 .sec_03 .title-box { overflow: hidden; }
	body.parent-pageid-10 .sec_03 .title-box .bk { width: 200%; max-width: 200%; margin-left: -50%; }
	body.parent-pageid-10 .sec_03 .title-box h2.sec_title { position: absolute; bottom: 10px; left: 0; right: 0; width: 226px; margin: 0 auto; }
	body.parent-pageid-10 .sec_03 .title-box h2.sec_title > img { max-width: 100%; }
}

body.parent-pageid-10 .sec_03 .inner { padding: 0 0 100px; max-width: 1000px; }
body.parent-pageid-10 .sec_03 .box { padding: 40px 50px; overflow: hidden; }
body.parent-pageid-10 .sec_03 .box img { float: left; padding-right: 50px; }
body.parent-pageid-10 .sec_03 .t1 { font-size: 16px; font-weight: bold; line-height: 1.2em; padding-bottom: 0px; margin-bottom: 20px; color: #443709; }
body.parent-pageid-10 .sec_03 .t1 .line { border-bottom: 1px dashed #443709; display: inline-block; padding-bottom: 10px; }
body.parent-pageid-10 .sec_03 .t2 { font-size: 13px; line-height: 2.0em; color: #443709; }
@media screen and (max-width: 767px) {
	body.parent-pageid-10 .sec_03 .inner { padding: 0 0 20px; }
	body.parent-pageid-10 .sec_03 .box { padding: 20px 10px; overflow: hidden; }
	body.parent-pageid-10 .sec_03 .box img { width: 80px; padding-right: 20px; }
	body.parent-pageid-10 .sec_03 .t1 { font-size: 16px; line-height: 1.4em; padding-bottom: 20px; margin-bottom: 20px; color: #443709; border-bottom: 1px dashed #443709; }
	body.parent-pageid-10 .sec_03 .t1 .line { border-bottom: none; display: inline; padding-bottom: 10px; }
	body.parent-pageid-10 .sec_03 .t2 { font-size: 13px; line-height: 2.0em; }
}

body.parent-pageid-10 .sec_03 .box2,body.parent-pageid-10 .sec_03 .box4 { overflow: hidden;margin-bottom:20px; }
body.parent-pageid-10 .sec_03 .box2 .pic1,body.parent-pageid-10 .sec_03 .box4 .pic2 { float: left; }
body.parent-pageid-10 .sec_03 .box2 .pic2,body.parent-pageid-10 .sec_03 .box4 .pic1 { float: right; }
body.parent-pageid-10 .sec_03 .box2 .pic3 { float: right; margin-top: 10px; }
body.parent-pageid-10 .sec_03 .box4 .pic3 { float: left; margin-top: 10px; }
@media screen and (max-width: 767px) {
	body.parent-pageid-10 .sec_03 .box2,body.parent-pageid-10 .sec_03 .box4 { padding: 0 10px; }
	body.parent-pageid-10 .sec_03 .box2 .pic1,body.parent-pageid-10 .sec_03 .box4 .pic1 { float: none; margin-bottom: 10px; }
	body.parent-pageid-10 .sec_03 .box2 .pic2,body.parent-pageid-10 .sec_03 .box4 .pic2 { float: left; width: 49%; }
	body.parent-pageid-10 .sec_03 .box2 .pic3,body.parent-pageid-10 .sec_03 .box4 .pic3 { float: right; width: 49%; margin-top: 0px; }
}

body.parent-pageid-10 .sec_03 .box3 { background: url(./img/shop/terrace_bk.png) no-repeat center top; margin-top: 80px; padding: 30px 40px 20px 50px; height: 305px; position: relative; }
body.parent-pageid-10 .sec_03 .box3::before { content: url(./img/shop/bread_1.png); position: absolute; top: -30px; left: 30px; z-index: 10; }
body.parent-pageid-10 .sec_03 .box3::after { content: url(./img/shop/bread_2.png); position: absolute; top: -30px; right: 30px; z-index: 10; }
body.parent-pageid-10 .sec_03 .box3 .t1 { text-align: center; font-size: 18px; color: #443709; margin-bottom: 40px; }
body.parent-pageid-10 .sec_03 .box3 img { float: right; margin-left: 70px; }
body.parent-pageid-10 .sec_03 .box3 .t2 { margin-top: 60px; }
body.parent-pageid-10 .sec_03 .box3 .t3 { color: #ff8c4b; border: 1px solid #ff8c4b; border-radius: 5px; padding: 5px 20px; display: inline-block; }
@media screen and (max-width: 767px) {
	body.parent-pageid-10 .sec_03 .box3 { background: none; margin-top: 180px; padding: 50px 10px 20px 10px; height: initial; }
	body.parent-pageid-10 .sec_03 .box3::before { top: -100px; left: 30px; }
	body.parent-pageid-10 .sec_03 .box3::after { top: -150px; right: 30px; }
}

/** 町田本店 **/
body.machida {}
body.machida .sec_03 .title-box h2.sec_title { width: 230px; }

body.machida .sec_01 .inner { max-width: 1000px; }
body.machida .sec_01 .google-map-link {position:absolute; right:0; bottom: 0;}
body.machida .sec_01 .yellow-box {
	position: absolute;
    top: 0px;
    right: 0px;
    background: #f9e113;
    width: 400px;
    height: 490px;
    box-sizing: border-box;
    padding: 40px 40px 30px;}
body.machida .sec_01 .google-map-link a { display: block; width: 398px; border: 1px solid #000; padding: 5px 0; margin-top: 20px; background: #fff; text-align: center; }

@media screen and (max-width:767px){
	body.machida .sec_01 .yellow-box {
		position:inherit;
	}
	body.machida .sec_01 .google-map-link {position:inherit;}
	body.machida .sec_01 .yellow-box{width:100%;}
}

/** アンソロジー **/
body.anthology {}
body.anthology .sec_02 .access-list li::after { content: url(./img/shop/anthology/anthology_circle_1.png); }
body.anthology .sec_02 .access-list li:nth-child(1)::after { content: url(./img/shop/anthology/anthology_circle_1.png); }
body.anthology .sec_02 .access-list li:nth-child(2)::after { content: url(./img/shop/anthology/anthology_circle_2.png); }
body.anthology .sec_02 .access-list li:nth-child(3)::after { content: url(./img/shop/anthology/anthology_circle_3.png); }
body.anthology .sec_02 .access-list li:nth-child(4)::after { content: url(./img/shop/anthology/anthology_circle_4.png); }
body.anthology .sec_03 .title-box h2.sec_title { width: 290px; }


/** こむぎ **/
body.komugi {}
body.komugi {}
body.komugi .sec_02 .access-list li::after { content: url(./img/shop/komugi/komugi_1.png); }
body.komugi .sec_02 .access-list li:nth-child(1)::after { content: url(./img/shop/komugi/komugi_circle_1.png); }
body.komugi .sec_02 .access-list li:nth-child(2)::after { content: url(./img/shop/komugi/komugi_circle_2.png); }
body.komugi .sec_02 .access-list li:nth-child(3)::after { content: url(./img/shop/komugi/komugi_circle_3.png); }
body.komugi .sec_03 .title-box h2.sec_title { width: 340px; }
@media screen and (max-width: 767px) {
	body.komugi .sec_03 .title-box h2.sec_title { width: 90%; }
}

body.komugi .sec_01 .inner { max-width: 1000px; }
body.komugi .sec_01 .google-map-link {position:absolute; right:0; bottom: 0;}
body.komugi .sec_01 .yellow-box {
	position: absolute;
    top: 0px;
    right: 0px;
    background: #f9e113;
    width: 400px;
    height: 490px;
    box-sizing: border-box;
    padding: 40px 40px 30px;}
body.komugi .sec_01 .google-map-link a { display: block; width: 398px; border: 1px solid #000; padding: 5px 0; margin-top: 20px; background: #fff; text-align: center; }

@media screen and (max-width:767px){
	body.komugi .sec_01 .yellow-box {
		position:inherit;
	}
	body.komugi .sec_01 .google-map-link {position:inherit;}
	body.komugi .sec_01 .yellow-box{width:100%;}
}

/** 二俣川店 **/
body.futamatagawa {}
body.futamatagawa .sec_03 .title-box h2.sec_title { width: 360px; }

body.futamatagawa .sec_01 .box1 { padding: 50px 0 0; position: relative; z-index: 10; max-width: 1000px; margin: 30px auto 0; }
body.futamatagawa .sec_01 .box1 .left-box { float: left; width: 480px; background: #ffffdd; text-align: center; }
body.futamatagawa .sec_01 .box1 .left-box .pic { margin-top: -20px; }
body.futamatagawa .sec_01 .box1 .left-box .t1 { font-size: 13px; }
body.futamatagawa .sec_01 .box1 .right-box { float: right; width: 520px; position: relative; }
body.futamatagawa .sec_01 .box1 .right-box::before { content: url(./img/shop/futamatagawa/ico_hutamata.png); position: absolute; top: -30px; left: -50px; }
body.futamatagawa .sec_02 .access-list li:nth-child(1)::after { content: url(./img/shop/futamatagawa/futamatagawa_circle_1.png); }
body.futamatagawa .sec_02 .access-list li:nth-child(2)::after { content: url(./img/shop/futamatagawa/futamatagawa_circle_2.png); }
body.futamatagawa .sec_02 .access-list li:nth-child(3)::after { content: url(./img/shop/futamatagawa/futamatagawa_circle_3.png); }
body.futamatagawa .sec_02 .access-list li:nth-child(4)::after { content: url(./img/shop/futamatagawa/futamatagawa_circle_4.png); }
@media screen and (max-width: 767px) {
	body.futamatagawa .sec_01 .box1 .left-box { float: none; width: 100%; }
	body.futamatagawa .sec_01 .box1 .right-box { float: none; margin:20px auto 0 auto; }
	body.futamatagawa .sec_01 .box1 .right-box::before { top: initial; bottom: -100px; left: 0px; }
	body.futamatagawa .sec_03 .title-box h2.sec_title { width: 90%; }
}

/** グランベリーパーク店 **/
body.grandberrypark {}
body.grandberrypark .sec_03 .title-box h2.sec_title { width: 360px; }

body.grandberrypark .sec_01 .inner { max-width: 1000px; }
body.grandberrypark .sec_01 .google-map-link {position:absolute; right:0; bottom: 0;}
body.grandberrypark .sec_01 .yellow-box {
	position: absolute;
    top: 0px;
    right: 0px;
    background: #f9e113;
    width: 400px;
    height: 490px;
    box-sizing: border-box;
    padding: 40px 40px 30px;}
body.grandberrypark .sec_01 .google-map-link a { display: block; width: 398px; border: 1px solid #000; padding: 5px 0; margin-top: 20px; background: #fff; text-align: center; }

@media screen and (max-width:767px){
	body.grandberrypark .sec_01 .yellow-box {
		position:inherit;
	}
	body.grandberrypark .sec_01 .google-map-link {position:inherit;}
	body.grandberrypark .sec_01 .yellow-box{width:100%;}
	body.grandberrypark .sec_03 .title-box h2.sec_title { width: 90%; }
}


/** 採用情報 **/
body.recruit .sec_01 { padding: 0 0 100px;  background: url(./img/common/bk_pattern.png) repeat center top; }
body.recruit .sec_01 .inner { max-width: 1200px; }
body.recruit .sec_01 .box { padding: 50px 0 0; position: relative; z-index: 10; }
body.recruit .sec_01 .box::after { content: url(./img/menu/leaf_1.png); position: absolute; top: -70px; right: 0px; z-index: -1; }
body.recruit .sec_01 .box .left-box { float: left; width: 550px; background: #fff; text-align: center; padding: 0 50px 0px 50px; box-sizing: border-box; min-height: 290px; }
body.recruit .sec_01 .box .left-box .pic { margin-top: -20px; }
body.recruit .sec_01 .box .left-box .t1 { font-size: 13px; }
body.recruit .sec_01 .box .right-box { float: right; width: 650px; position: relative; }
body.recruit .sec_01 .box .right-box::before { content: url(./img/recruit/circle_recruit.png); position: absolute; top: -30px; left: -100px; }
body.recruit .sec_01 .interview { max-width: 1300px; margin: 0 auto;}

body.recruit .sec_01 .t2 { clear: both; padding: 70px 0 20px; color: #443709; font-size: 18px; font-weight: bold; text-align: center; }
body.recruit .sec_01 .t3 { color: #221815; text-align: center; }
body.recruit .sec_01 .t4 { color: #221815; text-align: center; }

body.recruit .sec_01 .photo_list { overflow: hidden; width: 1000px; margin: 0 auto; padding-top: 50px; }
body.recruit .sec_01 .photo_list li { float: left; width: 50%; text-align: left; }
body.recruit .sec_01 .photo_list li:nth-child(2) { float: right; text-align: right; }
@media screen and (max-width: 767px) {
	body.recruit .sec_01 { padding-bottom: 20px; }
	body.recruit .sec_01 .box { padding: 0px 0 0; }
	body.recruit .sec_01 .box::after { content: ""; }
	body.recruit .sec_01 .box .left-box { float: none; width: 100%; }
	body.recruit .sec_01 .box .right-box { float: none; width: 100%; }
	body.recruit .sec_01 .box .right-box::before { content: ""; }
	body.recruit .sec_01 .photo_list { overflow: hidden; width: 100%; padding: 0 10px; box-sizing: border-box; }
	body.recruit .sec_01 .photo_list li { float: none; width: 100%; text-align: center; margin-bottom: 20px; }
	body.recruit .sec_01 .t2,
	body.recruit .sec_01 .t3 { box-sizing: border-box;  }
}
body.recruit .sec_02 { position: relative; }
body.recruit .sec_02 .title-box { position: relative; text-align: center; }
body.recruit .sec_02 .title-box h2.sec_title { position: absolute; bottom: 30px; left: 0; right: 0; /*width: 226px;*/ margin: 0 auto; }
@media screen and (max-width: 767px) {
	body.recruit .sec_02 .title-box { overflow: hidden; }
	body.recruit .sec_02 .title-box .bk { width: 200%; max-width: 200%; margin-left: -50%; }
	body.recruit .sec_02 .title-box h2.sec_title { position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; }
	body.recruit .sec_02 .title-box h2.sec_title > img { max-width: 90%; }
}


body.recruit .sec_02::before { content: url(./img/menu/beans.png); position: absolute; bottom: 20px; left: 0; }
body.recruit .sec_02::after { content: url(./img/menu/leaf_2.png); position: absolute; bottom: 20px; right: 0; }

body.recruit .sec_02 h3.text { color: #df7000; text-align: center; padding: 50px 0 50px; }

body.recruit .entry-content p { padding: 10px 20px; }
@media screen and (max-width: 767px) {

	body.recruit .sec_02::before { content: ""; }
	body.recruit .sec_02::after { content: ""; }

	body.recruit .entry-content p { padding: 10px 20px; }
}

body.recruit .sec_02 .recruit-box { margin-top: 0px; }
body.recruit .sec_02 .recruit-box .tb-recruit {}
body.recruit .sec_02 .recruit-box .tb-recruit {}
body.recruit .sec_02 .inner { max-width: 800px; }
body.recruit .sec_02 .tb-recruit { border: none; }
body.recruit .sec_02 .tb-recruit th { padding: 20px 20px 20px 50px; color: #000; background: none; vertical-align: middle; border: 1px dotted #ddd; border-right: none; border-left: none;  font-weight: bold; }
body.recruit .sec_02 .tb-recruit td { padding: 20px 50px 20px 20px; color: #000; border: 1px dotted #ddd; border-right: none; border-left: none; }
body.recruit .sec_02 .link-box { margin: 50px 0; }
@media screen and (max-width: 767px) {
	/*body.recruit .sec_02 .recruit-box { margin-top: 50px; }*/
	body.recruit .sec_02 .recruit-box { margin-top: 0px; }
	body.recruit .sec_02 .tb-recruit th,
	body.recruit .sec_02 .tb-recruit td { padding: 10px; display: block; border: none; }
	body.recruit .sec_02 .tb-recruit th { background: #e6c18a; color: #fff; }
	body.recruit .sec_02 .tb-recruit td { padding-bottom: 40px; }
}




/** 応募フォーム **/
body.entry .sec_01 { padding: 0px 0 100px;  background: url(./img/common/bk_pattern.png) repeat center top; }
body.entry .sec_01 .inner { max-width: 800px; }
body.entry .sec_01 .t1 { text-align: center; }
body.entry .sec_01 .tb-entry { border: none; margin-top: 20px; }
body.entry .sec_01 .tb-entry th { padding: 20px 20px 20px 50px; background: none; vertical-align: middle; border: 1px dotted #ddd; border-right: none; border-left: none;  font-weight: bold; }
body.entry .sec_01 .tb-entry td { padding: 20px 50px 20px 20px; border: 1px dotted #ddd; border-right: none; border-left: none; }
body.entry .sec_01 .hissu { color: #fff; font-size: 12px; line-height: 1.5em; background: #f50000; padding: 0px 5px; float: right; }
body.entry .sec_01 .tb-entry input[type="text"],
body.entry .sec_01 .tb-entry input[type="email"],
body.entry .sec_01 .tb-entry input[type="tel"],
body.entry .sec_01 .tb-entry textarea { width: 100%; box-sizing: border-box; }
body.entry .sec_01 .tb-entry input[type="text"].ad1,
body.entry .sec_01 .tb-entry input[type="text"].ad2 { width: 60px; margin-bottom: 10px; }
body.entry .sec_01 .submit_box { text-align: center; margin: 50px 0; }
@media screen and (max-width: 767px) {
	body.entry .sec_01 { padding: 20px 10px 20px; box-sizing: border-box; }
	
	body.entry .sec_01 .contact_box { overflow: hidden; }
	body.entry .sec_01 .tb-entry th,
	body.entry .sec_01 .tb-entry td { padding: 10px; display: block; border: none; box-sizing: border-box; }
	body.entry .sec_01 .tb-entry th { background: #e6c18a; color: #fff; }
	body.entry .sec_01 .tb-entry td { padding-bottom: 40px; }
}
/**
.entry-content input[type="submit"], .item-description input[type="submit"] { background: #df7100; transition: none; padding: 10px 40px; font-size: 20px; letter-spacing: 2em; text-indent: 2em; color: #fff; }
.entry-content input[type="submit"]:hover, .item-description input[type="submit"]:hover { background-color: #df7000; opacity: 0.6; }
**/








/** インタビュー **/
body.interview .sec_01 { padding: 0 0 100px;  background: url(./img/common/bk_pattern.png) repeat center top; }
body.interview .sec_01 .inner { max-width: 1400px; }

body.interview .sec_01 .menu-list { padding-top: 50px; }
body.interview .sec_01 .menu-list li { width: 33.33%; min-height: 480px; position: relative; float: left; }
body.interview .sec_01 .menu-list li.no1::before { content: url(./img/recruit/interview/balloon.png); position: absolute; top: -80px; right: 0px; }
body.interview .sec_01 .menu-list li:nth-child(4) { margin-left: 15%; }
body.interview .sec_01 .menu-list li a { display: block; position: relative; }
body.interview .sec_01 .menu-list li .text { position: absolute; top: 80px; left: 2%; width: 50%; padding: 10px; }
@media screen and (max-width: 767px) {
	body.interview .sec_01 .menu-list { margin-top: 20px; }
	body.interview .sec_01 .menu-list li { width: 100%; min-height: initial; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box;  height: initial; float: none; }
	body.interview .sec_01 .menu-list li:nth-child(2n) { float: none; }
	body.interview .sec_01 .menu-list li .pic { max-width: 100%; }
	body.interview .sec_01 .menu-list li .text { top: 50px; left: 0%; width: 60%; font-size: 10px; }

	body.interview .sec_01 .menu-list li:nth-child(4) { margin-left: 0%; }
}


body.interview .sec_02 { position: relative; }
body.interview .sec_02 .title-box { position: relative; text-align: center; }
body.interview .sec_02 .title-box h2.sec_title { position: absolute; bottom: 30px; left: 0; right: 0; /*width: 226px;*/ margin: 0 auto; }
@media screen and (max-width: 767px) {
	body.interview .sec_02 .title-box { overflow: hidden; }
	body.interview .sec_02 .title-box .bk { width: 200%; max-width: 200%; margin-left: -50%; }
	body.interview .sec_02 .title-box h2.sec_title { position: absolute; bottom: 10px; left: 0; right: 0; width: 226px; margin: 0 auto; }
	body.interview .sec_02 .title-box h2.sec_title > img { max-width: 100%; }
}


body.interview .sec_02 .inner { max-width: 1000px; }

body.interview .sec_02::before { content: url(./img/menu/beans.png); position: absolute; top: 30%; left: 0; z-index: 0; }
body.interview .sec_02::after { content: url(./img/menu/leaf_2.png); position: absolute; bottom: 30%; right: 0; z-index: 0; }

body.interview .entry-content p { padding: 10px 20px; }
body.interview .sec_02 .photo_list { overflow: hidden; }
body.interview .sec_02 .photo_list li { float: left; width: 320px; margin: 0 20px 0 0; }
body.interview .sec_02 .photo_list li:last-child { margin: 0; }
@media screen and (max-width: 767px) {

	body.interview .sec_02::before { content: ""; }
	body.interview .sec_02::after { content: ""; }

	body.interview .entry-content p { padding: 10px 20px; }
	body.interview .sec_02 .photo_list li { float: none; width: 100%; margin: 0 auto; text-align: center; margin: 0 0 20px 0; }
}

body.interview .sec_02 .staff-list { margin-top: 50px; }
body.interview .sec_02 .staff-list > li { margin-bottom: 50px; margin-top: -130px; padding-top: 130px; }
/*body.interview .sec_02 .staff-list > li#no1 { background: url(./img/recruit/interview/bk_suzuki.png) no-repeat left 130px; }
body.interview .sec_02 .staff-list > li#no2 { background: url(./img/recruit/interview/bk_kasuga.png) no-repeat left 130px; }
body.interview .sec_02 .staff-list > li#no3 { background: url(./img/recruit/interview/bk_oikawa.png) no-repeat left 130px; }
body.interview .sec_02 .staff-list > li#no4 { background: url(./img/recruit/interview/bk_ozawa.png) no-repeat left 130px; }
body.interview .sec_02 .staff-list > li#no5 { background: url(./img/recruit/interview/bk_akutsu.png) no-repeat left 130px; }
body.interview .sec_02 .staff-list > li#no6 { background: url(./img/recruit/interview/bk_3peaple.png) no-repeat left 130px; }*/
body.interview .sec_02 .staff-list > li#no1, body.interview .sec_02 .staff-list > li#no2, body.interview .sec_02 .staff-list > li#no3, body.interview .sec_02 .staff-list > li#no4,
body.interview .sec_02 .staff-list > li#no5 {	background: url(./img/recruit/interview/bk_prod.png) no-repeat left 130px;	}
body.interview .sec_02 .staff-list > li#no6 { background: url(./img/recruit/interview/bk_shop.png) no-repeat left 130px; }
body.interview .sec_02 .staff-data { overflow: hidden; background: url(./img/recruit/interview/dash_line.png) no-repeat center bottom; padding-bottom: 50px; }
body.interview .sec_02 .staff_3 .staff-data { background: none; padding-bottom: 0; }
body.interview .sec_02 .staff-data > li { width: 50%; float: left; position: relative; }
body.interview .sec_02 .staff-data > li.photo {}
body.interview .sec_02 .staff-data > li.photo.right { float: right; text-align: right; }
body.interview .sec_02 .staff-data > li.photo.left { float: left; clear: both; padding-top: 30px; }
body.interview .sec_02 .staff-data > li.question { position: relative; box-sizing: border-box; }
body.interview .sec_02 .staff-data > li.question.left { float: left; padding-right: 20px; }
body.interview .sec_02 .staff-data > li.question.right { float: right; padding-left: 20px; }
body.interview .sec_02 .staff-data > li.question .title { position: relative; padding: 50px 0 30px 35px; font-size: 18px; }
body.interview .sec_02 .staff-data > li.question .text { box-sizing: border-box; font-size: 14px; }
@media screen and (max-width: 767px) {
	body.interview .sec_02 .staff-list > li#no2,
	body.interview .sec_02 .staff-list > li#no6 { background-size: contain; }
	
	body.interview .sec_02 .staff-data { padding: 0 10px 50px; box-sizing: border-box; }
	body.interview .sec_02 .staff-data > li { width: 100%; float: none; }
	body.interview .sec_02 .staff-data > li.photo.right { float: none; text-align: center; padding-top: 30px; }
	body.interview .sec_02 .staff-data > li.photo.left { float: none; padding-top: 30px; text-align: center; }
	body.interview .sec_02 .staff-data > li.question {}
	body.interview .sec_02 .staff-data > li.question.left { float: none; padding-right: 0px; }
	body.interview .sec_02 .staff-data > li.question.right { float: none; padding-left: 0px; margin-bottom: 20px; }

	body.interview .sec_02 #no1 .staff-data > li.q6 { margin-bottom: 120px; }
	
	body.interview .sec_02 .staff-list > li#no1 { background-size: 95%; }

	body.interview .sec_02 #no2 .staff-data > li.question.q2 .title { padding: 50px 0 100px 35px; }
	body.interview .sec_02 #no3 .staff-data > li.question.q4 { margin-bottom: 140px; }
	body.interview .sec_02 #no6 .staff-data > li.question.q2 .title { padding-bottom: 160px; }
	
}
body.interview .sec_02 .staff-data > li p { padding: 0; }
body.interview .sec_02 .staff-data > li.question::before { content: ""; position: absolute; top: 50px; left: 0px; font-size: 18px; }
body.interview .sec_02 .staff-data > li.question.right::before { left: 20px; }
body.interview .sec_02 .staff-data > li.q1::before { content: "Q1."; top: 170px; }
body.interview .sec_02 .staff-data > li.q2::before { content: "Q2."; }
body.interview .sec_02 .staff-data > li.q3::before { content: "Q3."; }
body.interview .sec_02 .staff-data > li.q4::before { content: "Q4."; }
body.interview .sec_02 .staff-data > li.q5::before { content: "Q5."; }
body.interview .sec_02 .staff-data > li.q6::before { content: "Q6."; }
body.interview .sec_02 .staff-data > li.q7::before { content: "Q7."; }
body.interview .sec_02 .staff-data > li.q8::before { content: "Q8."; }
@media screen and (max-width: 767px) {
	body.interview .sec_02 .staff-data > li.question.right::before { left: 0px; }
}
body.interview .sec_02 .staff-data > li.q1 { padding-top: 120px; }
body.interview .sec_02 .staff-data > li.q2 { clear: both; }
body.interview .sec_02 .staff-data > li.q5 { clear: both; }
body.interview .sec_02 .akutsu .staff-data > li.q4 { clear: both; }

body.interview .sec_02 .suzuki .staff-data > li.q1 .title::before,
body.interview .sec_02 .kasuga .staff-data > li.q4 .title::before,
body.interview .sec_02 .oikawa .staff-data > li.q2 .title::before,
body.interview .sec_02 .akutsu .staff-data > li.q2 .title::before { content: url(./img/recruit/interview/accent.png); position: absolute; bottom: -10px; right: 0px; }

body.interview .sec_02 .suzuki .staff-data > li.q1 .title::before { right: -50px; }
body.interview .sec_02 .akutsu .staff-data > li.q2 .title::before { bottom: 50px; }

body.interview .sec_02 .suzuki .staff-data > li.q5 .title::before { content: url(./img/recruit/interview/nuts.png); position: absolute; bottom: 30px; right: 140px; }
body.interview .sec_02 .suzuki .staff-data > li.q6 .text::before { content: url(./img/recruit/interview/hotdog.png); position: absolute; bottom: -200px; right: 0px; }
body.interview .sec_02 .kasuga .staff-data > li.q2 .title::before { content: url(./img/recruit/interview/bread.png); position: absolute; bottom: 0px; right: 0px; }
body.interview .sec_02 .oikawa .staff-data > li.q4 .text::before { content: url(./img/recruit/interview/cream_bread.png); position: absolute; bottom: -200px; right: 0px; }
body.interview .sec_02 .ozawa .staff-data > li.q2 .title::before { content: url(./img/recruit/interview/nuts_2.png); position: absolute; bottom: 0px; right: 0px; }
body.interview .sec_02 .staff_3 .staff-data > li.q2 .title::before { content: url(./img/recruit/interview/panda_bread.png); position: absolute; bottom: 0px; right: 0px; }
body.interview .sec_02 .staff_3 .staff-data > li.q3 .text::before { content: url(./img/recruit/interview/accent_2.png); position: absolute; bottom: -100px; right: 0px; }
@media screen and (max-width: 767px) {
	body.interview .sec_02 .suzuki .staff-data > li.q5 .title::before { bottom: 10px; right: 20px; }

}




/* インスタ表示の調整 */
@media screen and (max-width: 767px) {
	#sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
		width: 50%;
	}
	.sbi_photo { background-size: cover !important; height: 150px !important; }
}

/*ブログ周り調整*/

#recent-comments-2,
#meta-2,
#search-2{
	display:none;
}

.widget-area .widget h3{
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    color: #df7100;
    text-align: center;
    font-size: 17px;
    border-bottom: 2px dotted #df7100;
    font-weight: bold;
}
.entry-header .entry-title {
    font-size: 22px;
    font-size: 1.571428571rem;
    margin: 20px 0;
    color: #df7100;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.blog-list-leftbox a{
	background: #ad472c;
    padding: 4px 10px;
    color: #FFF;
    border-radius: 4px;
    font-size: 12px;
}

.blog-list-leftbox .blog-date{
	padding-left: 11px;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #ad472c;}

.post .entry-content p{
	line-height: 30px;
}


@media screen and (max-width:4000px){
.single #contents, .archive #contents, .category #contents, .blog #contents {
    max-width: inherit;
    margin: 0 auto;
    padding: 100px 200px;
    background: url(./img/common/bk_pattern.png) repeat center top;
	    display: flex;
    justify-content: space-around;
}
	.single .site-content, .archive .site-content, .category .site-content, .blog .site-content {
    width: 960px;
}
	.widget-area {
    width: 340px;
}
	
}

@media screen and (max-width:1800px){
.single #contents, .archive #contents, .category #contents, .blog #contents {
    max-width: inherit;
    margin: 0 auto;
    padding: 100px 200px;
    background: url(./img/common/bk_pattern.png) repeat center top;
	
}
	.single .site-content, .archive .site-content, .category .site-content, .blog .site-content {
    width: 65%;
}
	.widget-area {
		width: 20%;
}
}

@media screen and (max-width:768px){
.single #contents, .archive #contents, .category #contents, .blog #contents {
    max-width: inherit;
    margin: 0 auto;
    padding: 100px 0px;
    background: url(./img/common/bk_pattern.png) repeat center top;
	display: block;
}
.single .site-content, .archive .site-content, .category .site-content, .blog .site-content {
    float: none;
    width: 90%;
    margin: 0 auto;
}
	#secondary.widget-area{
		    float: none;
    width: 90%;
    margin: 0 auto;
	}
}

.single h2.sec_title,
.archive h2.sec_title{
	background: url(./img/common/bk_pattern.png) repeat center top;
}

.archive-title{
    font-size: 40px;
    text-align: left;
    color: #ffbe00;
    height: 81px;
    line-height: 84px;

}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    display: block;
    float:none;
    margin-right: auto;
}

.home .sec_03-2 .blog-section{
	display: flex;
    max-width: 1000px;
	margin: 0 auto;
}
.home .sec_03-2 .blog-section li{
	margin:11px;
}

.home .sec_03-2 .blog-section li .title{display:block;}

@media screen and (max-width:640px){
	.home .sec_03-2 .blog-section{
    flex-direction: column;
	}
}