@charset "UTF-8";

/* page-works
-------------------------------------*/
@media screen and (min-width:641px) {
	.h2-bg { background-image: url(../images/thanksevent/h2.jpg); }
	.h3-ptn-01 { margin-bottom: 38px; }

	/* txt-main
	-------------------------------------*/

.thanksevent-txt-eria{
background-image: url(../images/thanksevent/main-txt-bg.jpg);
background-repeat: no-repeat;
background-position: 0 0;
    padding: 40px 0 35px 0;
}

.thanksevent-txt-eria h5{
	font-size: 32px;
	line-height: 1.4 !important;
	border-left:1px solid #000;
	padding: 4px 0 4px 20px; 
	margin: 0 0 20px 0;
	color: #000;
}

.thanksevent-txt-eria .txt{
	margin: 0 0 15px 0;
	line-height: 2;
}

.thanksevent-txt-photo{}

.thanksevent-txt-photo ul{}

.thanksevent-txt-photo ul li{
	float: left;
	margin: 0 8px 0 0;
}

.thanksevent-txt-photo ul li:nth-child(4n){
	margin: 0 0 0 0;
}

	/* list
	-------------------------------------*/

.thankseventorks-list{
    padding: 60px 0 40px 0;
}

.thankseventorks-list a{}

.thankseventorks-list h4{
	text-align: center;
	padding: 0 0 30px 0;
}

.thankseventorks-list li{
	width: 220px;
	float: left;
	margin: 0 25px 30px 0;
}

.thankseventorks-list li:nth-child(3n){
	margin: 0 0 0 0;
}

.thankseventorks-list .fit{
	width: 220px;
	height: 155px;
}

.thankseventorks-list h5{
	padding: 8px 0 0 0;
}

	/* ☆ 詳細ページ
	-------------------------------------*/

#sect-01{
	width: 710px;
}

#sect-01 .h4-ptn-01{
    font-size: 24px;
    line-height: 1.6;
    color: #000;
    border-bottom: 3px solid #959595;
    padding: 0 0 0 15px;
}

.thanksevent-date{
	    padding: 5px 0 20px 0;
    text-align: right;
    font-weight: bold;
    color: #ef6405;
}

.main-pic img{
	width: 100% !important;
	height:  auto !important;
	padding: 0 0 15px 0;
}

.wysiwyg{
	padding: 30px 0 40px 0;
}

#sect-02{
	margin: 0 0 40px 0;
}

#sect-02 h5{}

#sect-02 .gallery-list{}

#sect-02 .gallery-list li{
	width: 220px;
	float: left;
	margin: 0 25px 30px 0;
}

#sect-02 .gallery-list li:nth-child(3n){
	margin: 0 0 0 0;
}

#sect-02 .gallery-list li .fit{
	width: 220px;
	height: 155px;
}

#sect-02 small{
	font-size: 14px;
	text-align: center;
	padding: 20px 0 30px 0;
}


#sect-03{}

#sect-03 h5{}
#sect-03 .gallery-list{}
#sect-03 .gallery-list li{
	width: 220px;
	float: left;
	margin: 0 25px 30px 0;
}

#sect-03 .gallery-list li:nth-child(3n){
	margin: 0 0 0 0;
}

#sect-03 .gallery-list li .fit{
	width: 220px;
	height: 245px;
}

#sect-03 small{
	font-size: 14px;
	text-align: center;
	padding: 20px 0 30px 0;
}


}






/*SP用*/
@media screen and (max-width:640px) {
	.h2-bg { background-image: url(../images/thanksevent/h2.jpg); }
	.h3-ptn-01 { margin-bottom: 38px; }
	h4 img { padding: 0 25vw; }



	/* txt-main
	-------------------------------------*/



.thanksevent-txt-eria{
    padding: 40px 0 35px 0;
}

.thanksevent-txt-eria h5{
	font-size: 1.8rem;
	line-height: 1.4 !important;
	border-left:1px solid #000;
	padding: 0% 0 0% 4%; 
	margin: 0 0 4% 0;
	color: #000;
}

.thanksevent-txt-eria .txt{
	margin: 0 0 4% 0;
	line-height: 1.8;
}

.thanksevent-txt-photo{}

.thanksevent-txt-photo ul{}

.thanksevent-txt-photo ul li{
	float: left;
	margin: 0 3% 3% 0;
	width: 47%;
}

.thanksevent-txt-photo ul li:nth-child(2n){
	margin: 0 0 3% 0;
}

	/* list
	-------------------------------------*/

.thankseventorks-list{
    padding: 6% 0 4% 0;
}

.thankseventorks-list a{}

.thankseventorks-list h4{
	text-align: center;
	padding: 0 0 4% 0;
}

.thankseventorks-list ul{
	margin: 0 0 0 3%;
}

.thankseventorks-list li{
	width: 48%;
	float: left;
	 margin: 0 2% 4% 0;
}

.thankseventorks-list li:nth-child(3n){
	margin: 0 0 0 0;
}

.thankseventorks-list .fit{
    width: 155px;
    height: 125px;
}

.thankseventorks-list h5{
	padding: 8px 0 0 0;
}


	/* ☆ 詳細ページ
	-------------------------------------*/

#sect-01{
	width: 100%;
}

#sect-01 .h4-ptn-01{
    font-size:1.6rem;
    line-height: 1.6;
    color: #000;
    border-bottom: 4px solid #959595;
    padding: 0 0 3% 0;
}

.thanksevent-date{
	    padding: 1% 0 6% 0;
    text-align: right;
    font-weight: bold;
    color: #ef6405;
}

.main-pic img{
	width: 100% !important;
	height:  auto !important;
	padding: 0 0 6% 0;
}

.wysiwyg{
	padding: 0 0 6% 0;
}

#sect-02{
	margin: 0 0 8% 0;
}

#sect-02 h5{}

#sect-02 .gallery-list{}

#sect-02 .gallery-list li{
	width: 48%;
	float: left;
	 margin: 0 2% 4% 0;
}

#sect-02 .gallery-list li:nth-child(2n){
	 margin: 0 0% 4% 0;
}

#sect-02 .gallery-list li .fit{
    width: 155px;
    height: 125px;
}

#sect-02 small{
	font-size: 0.8rem;
	text-align: center;
	padding: 4% 0 10% 0;
}

#sect-02 h5 img{
	width: 40%;
}



#sect-03{}

#sect-03 .gallery-list{}

#sect-03 .gallery-list li{
	width: 48%;
	float: left;
	 margin: 0 2% 4% 0;
}

#sect-03 .gallery-list li:nth-child(2n){
	 margin: 0 0% 4% 0;
}

#sect-03 .gallery-list li .fit{
    width: 155px;
    height: 175px;
}

#sect-03 small{
	font-size: 0.8rem;
	text-align: center;
	padding: 4% 0 10% 0;
}

#sect-03 h5 img{
	width: 80%;
}


}