@charset "utf-8";
@media only screen and (min-width:801px){
	.letterNotice {margin: 0;}
	.letterNotice li li {padding-top: 6px; padding-left: 32px; background-size: 27px auto;}
	
	.topcopy ul {text-align: center;}
	.topcopy li {padding-left: 42px; background-size: 27px auto;
		box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;}
	
	.mailForm table {border-width: 1px;}
	.mailForm th,
	.mailForm td {display: table-cell; padding: 1.5em 0; border-bottom: 1px solid rgba(52,47,37,0.2);}
	.mailForm input.text,
	.mailForm textarea {width: 600px;}
	
	
	.guideContainer ul.nav {justify-content: flex-start;}
	.guideContainer ul.nav li {width: calc((100% - 30px) / 4); margin-right: 10px; margin-bottom: 10px;}
	.guideContainer ul.nav li:nth-child(4n) {margin-right: 0;}
	.guideContainer .card img {height: 60px;}
	.guideContainer {padding: 0;}
	
	.guideContainer .section.indexSchedule {padding: 0 0 40px;}
	
	.section.qaList h4 {margin-left: 0;}
	.section.qaList dt::after {font-size: 50px; margin-top: -25px;}
	.section.qaList dd ul li {width: 22%;}
	

	
	.section.greeting {padding-top: 30px; padding-bottom: 60px; margin-right: 0; margin-left: 0; background-size: 500px auto; border-width: 6px;}
	.section.greeting h3 {padding: 80px 0 20px; background-size: 65px auto; background-position: center 0}
	.section.greeting p,
	.section.greeting p.bottom {padding-right: 320px;}

	.section.reasonList ul {margin-top: -20px;}
	.section.reasonList li {padding: 20px 0;}
	.section.reasonList li h4 {min-height: 60px; padding-left: 70px; font-size: 1.3em;}
	.section.reasonList li span {top: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 30px;}
	.section.reasonList li img {margin-bottom: 0;}
	
	.section.categorySearch li a {
		display: flex;
		align-items: flex-start;}
	.section.categorySearch li:nth-child(2n) a {
		flex-direction: row-reverse;}
	.section.categorySearch li img,
	.section.categorySearch li div {
		width: 50%;}
	.section.categorySearch li p {padding-right: 0; padding-left: 0;}
	
	.section.manners li img {width: 600px;}
	
	.section.aboutRenmei .clearfix {margin: 0;}
	.section.aboutRenmei .clearfix img {width: 600px;}
	
	.blogNav {padding: 0;}
	.blogNav h3::before{width:12px; height:12px; margin-top: -10px; border-width: 2px;}
	.blogNav h3.opened::before{	margin-top: -5px;}
	.blogNav a {padding-left: 20px;}
	.blogNav a::before{width: 8px; height: 8px; margin-top: -5px; border-width: 2px;}
	.blogList {padding: 0;}
	.blogDetail {margin: 0;}
	
/*.blogList ul.pager {padding: 60px 0 0; line-height: 60px; text-align: center;}
.blogList ul.pager li {display: inline-block;}
.blogList ul.pager li a {color: #342f25; text-decoration: none;}
.blogList ul.pager li.count {width: 60px;
	color: #fff; text-align: center;
	background: #342f25; border: 2px solid #342f25;}
.blogList ul.pager li.count a {display: block; width: 60px; text-align: center; background: url("../img/share/bg.jpg")}
.blogList ul.pager li.prev,
.blogList ul.pager li.next {padding: 0 0.2em; color: #c2bdb4; font-size: 1.5em;}
	
	.blogList ul.pager {line-height: 40px;}
	.blogList ul.pager li.count,
	.blogList ul.pager li.count a {width: 40px;}*/
	
	.section.aboutService li {width: calc(50% - 10px);}
	
	.section.aboutGiftWrap li {width: 600px;}
	
	.section.photoGallery ul {padding-top: 20px;}
	.section.photoGallery li {width: calc((100% - 40px) / 3);}
	.section.photoGallery li span {width: 54px; height: 54px; font-size: 24px; line-height: 24px; border-width: 4px;}
	.section.photoGallery li span small {padding: 5px; font-size: 14px; line-height: 14px;}
	
	.section.processList li h4 {padding: 10px 0 5px 80px; font-size: 1.5em;}
	.section.processList li span {width: 74px; height: 74px; font-size: 28px; line-height: 26px;}
	.section.processList li span small {padding: 14px 0 7px; font-size: 16px; line-height: 14px;}
	.section.processList .clearfix ul {float: left; display: inline; width: 580px;}
	.section.processList .clearfix img.flow {float: right; display: inline; margin: 0; width: 340px;}
	
	.section.pickupItem li {padding: 20px 0;}
	.section.pickupItem li img {width: 25%; margin-bottom: 0;}
	
	.section ul,
	.section dl {padding: 0;}
	
	.section .title h3 {padding-left: 0; background-size: auto 44px;}
	.section .title h3 b {width: 64px; height: 64px; margin-right: 6px; margin-left: 6px; font-size: 36px; line-height: 64px;}
	.section .title h3 br {display: none;}
	.section .title p {padding-right: 0; padding-left: 0;}
	
	.section .title-noshi h3 {padding-top: 80px; background-size: auto 70px;}
	.section .title-noshi2 p {text-align: center;}
	
	.section .title-noshi-illust1 {background-position: left top; background-size: auto 50px;}
	.section .title-noshi-illust1 h3 {padding-top: 20px; background-size: auto 50px;}
	.section .title-noshi-illust2 h3 {padding: 70px 0 20px; background-size: 900px auto;}
	.section .title-underline p {text-align: center;}
	
	
	.indexIntro p {padding: 7px 0;}
	.indexIntro p img {height: 20px;}
	
	.section.indexSafety {font-size: 1.2em;}
	.section.indexSafety li {padding: 20px 0; text-align: left;  vertical-align: middle;}
	.section.indexSafety li img {position: absolute; left: 30px; top: 50%;
		width: 70px; margin: -35px 0 0;}
	.section.indexSafety li h4,
	.section.indexSafety li p {padding-left: 130px; text-align: left; overflow: hidden; zoom:1;}
	.section.indexSafety li h4 b {margin: 0 5px;}
	.section.indexSafety li:nth-child(2) {padding-top: 45px;}
	.section.indexSafety li:nth-child(4) {padding-top: 30px;}
	.section.indexSafety li:last-child p {padding-left: 0; text-align: center;}
	
	.section.indexOfficegift {padding: 20px 0; margin-bottom: 120px; background: #fff; border: 8px solid #e8dfd0;}
	.section.indexOfficegift img {width: 600px;}
	
	.section.blogInclude {background-position: right bottom;}
	.section.blogInclude div {position: relative;}
	.section.blogInclude h4 {position: absolute; left: 0; top: 0;}
	.section.blogInclude p.top {margin-right: 0; margin-left: 200px;}
	.section.blogInclude iframe {width: 760px; height: 270px; margin: 0 0 0 200px;}
	.section.blogInclude ul {margin: 0 0 0 200px; border-width: 1px;}
	.section.blogInclude ul li {padding: 10px 0; border-width: 1px;}
	.section.blogInclude ul li > a {background-size: 16px auto;}
	.section.blogInclude ul li img {width: 120px;}
	.section.blogInclude-tyumon ul,
	.section.blogInclude-tyumon p.top {margin-left: 300px;}
	.section.blogInclude-tyumon ul li img {width: 75px;}
	
	.yakumoyaGenten {padding-bottom: 0; margin-bottom: 2px;}
	.yakumoyaGenten h3 {padding: 0 0 20px 40px;}
	.yakumoyaGenten h3 img {width: 560px;}
	.yakumoyaGenten p.c01 img,
	.yakumoyaGenten p.c02 img {width: 480px;}
	.yakumoyaGenten p.c01 {margin: 0 20px 40px 0; padding: 0 0 40px 40px; background-position: right bottom; background-size: auto 220px;}
	.yakumoyaGenten p.c02 {margin: 0 0 0 0; padding: 0 0 100px 450px; background-position: -50px 0; background-size: auto 300px;}
	.yakumoyaGenten p.yurai {padding: 60px 0; text-align: center; background: rgba(0,0,0,0.3);}
	.yakumoyaGenten p.yurai img {width: 440px;}
	
	.yakumoyaKodawari h3 {padding: 0;}
	.yakumoyaKodawari h3 img:nth-child(1) {width: 200px;}
	.yakumoyaKodawari h3 img:nth-child(2) {width: 300px; margin: 20px 0 0 22px;}
	.yakumoyaKodawari ul {padding-top: 20px;}
	.yakumoyaKodawari li {padding-top: 40px;}
	
	.yakumoyaKodawari div.text {float: left; display: inline; width: 490px;}
	.yakumoyaKodawari div.text h4 {padding-top: 10px; text-align: left;}
	.yakumoyaKodawari div.photo {float: right; display: inline; width: 360px;}
	.yakumoyaKodawari div.photo img.photo {width: 360px;}
	.yakumoyaKodawari div.photo img.text {height: 130px; bottom: -20px;}
	
	.yakumoyaKodawari li.c02 div.text,
	.yakumoyaKodawari li.c04 div.text {float: right;}
	.yakumoyaKodawari li.c02 div.photo,
	.yakumoyaKodawari li.c04 div.photo {float: left;}
	.yakumoyaKodawari li.c02 div.photo img.text,
	.yakumoyaKodawari li.c04 div.photo img.text {left: -15px;}
	
	.section.indexBanner ul {justify-content:flex-start }
	.section.indexBanner li {width: calc((100% - 30px) / 4); padding: 0 10px 10px 0;}
	.section.indexBanner li:nth-child(4n) {padding-right: 0;}
	
	.section.indexCalendar {padding: 0;}
	.section.indexCalendar .calendar {float: left; display: inline; width: 480px; margin: 0 40px 0 0;}
	.section.indexCalendar .calendar img {width: 480px;}
	.section.indexCalendar p.hassou {overflow: hidden; zoom:1; padding: 15px 0 10px; margin: 40px 0 0; border-width: 2px;}
	.section.indexCalendar .calendar a.pager#indexCalendar-prev {left: 2px;}
	.section.indexCalendar .calendar a.pager#indexCalendar-next {right: 2px;}
	
	
	.section.indexSchedule {clear: both; padding: 80px 0 0;}
	.section.indexSchedule h3 {float: left; display: inline; width: 500px; margin: 0;}
	.section.indexSchedule h3 img {width: 100%;}
	.section.indexSchedule div.table {overflow: hidden; zoom:1; padding: 150px 0 0;}
	
	
	
	.section.yakumoyaDetail {position: relative;}
	.section.yakumoyaDetail ul {position: relative; padding: 40px 30px 0;}
	.section.yakumoyaDetail li {position: relative;}
	.section.yakumoyaDetail li p {padding-top: 10px; line-height: 2;}
	.section.yakumoyaDetail ul:nth-child(2) li:nth-child(1) {position: relative; overflow: hidden; height: 300px; margin-bottom: -130px;}
	.section.yakumoyaDetail ul:nth-child(2) li:nth-child(1) img {position: relative; top: -140px; max-width: 500px; width: 500px;
	padding: 0; margin-right: 40px;}
	.section.yakumoyaDetail ul:nth-child(2) li:nth-child(2) p:nth-child(2) {padding-top: 220px;}
 	.section.yakumoyaDetail li:nth-child(2) img {width: 240px;}
	.section.yakumoyaDetail ul:nth-child(4) {overflow: hidden;}
	.section.yakumoyaDetail ul:nth-child(4) li:nth-child(1) {padding-bottom: 0; position: relative; z-index: 9;}
	.section.yakumoyaDetail ul:nth-child(4) li:nth-child(1) p {padding-top: 30px;}
	.section.yakumoyaDetail ul:nth-child(4) li:nth-child(1) img {margin-right: 40px; border-bottom: 2px solid #fff;}
	.section.yakumoyaDetail ul:nth-child(4) li:nth-child(2) { position: relative; z-index: 5; height: 200px; padding: 0;}
	.section.yakumoyaDetail ul:nth-child(4) li:nth-child(2) p {position: absolute; left: 363px; top: -280px;}
	.section.yakumoyaDetail ul:nth-child(4) li:nth-child(2) img {position: absolute; left: 0; top: -200px; width: 324px; margin: 0;}
	
	.section.yakumoyaDetail img.center {position: absolute; left: 356px; bottom: 60px; width: 574px; margin: 0;}
	
	
	
	/* --- 共通パーツ --- */
	.section.giftService h3 br {display: none;}
	.section.giftService ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; clear: both;}
	.section.giftService li {width: calc((100% - 40px) / 2); padding: 20px 0; border-top: 1px solid #d3cab4;}
	.section.giftService li img {width: 100px; margin-bottom: 0;}
	.section.giftService li:nth-child(2n) img {float: left; margin-right: 20px; margin-left: 0;}
	.section.giftService li:first-child,
	.section.giftService li:nth-child(2) {border-top: none;}
	
	/*お問い合せ*/
	.section.contact {padding: 30px 40px 36px;}
	.section.contact h4,
	.section.contact p {border-width: 1px;}
	.section.contact p {padding: 18px 0;}
	.section.contact p.tel {float: left; display: inline; width: 420px; height: 101px; margin: 0; border-bottom: 1px solid #fff;}
	.section.contact p.fax {float: right; display: inline; width: 420px; height: 101px; margin: 0; border-bottom: 1px solid #fff;}
	.section.contact p.tel img,
	.section.contact p.fax img {width: 320px;}
	.section.contact p.tel img {margin-bottom: 10px;}
	.section.contact p.fax img {margin-top: 16px}
	.section.contact h4 {clear: both;}
	.section.contact li img {height: 60px; margin: 0 4px;}	
}