@charset "UTF-8";

/* ================================================
   common
================================================ */
*	{
	margin:0;
	padding:0;
	}
html {
	min-width: 320px;
	font-size: 62.5%;
	/*10px*/
}

body {
	margin: 0;
	padding: 0;
	/*background:#f1eeea;*/
}

/*ニコット様追加部分始まり*/
#sub_main {
    
    background: url("../img/paper_01.png");
    color: #7f4f21;
    font-family: maru-maru-gothic-bsr-stdn, sans-serif;
    font-style: normal;
    font-weight: 400;

}

#archive {
  background-color: rgba(212, 238, 249, 0.4);
}

#invitation {
  font-family: vdl-yotag, sans-serif;
  font-weight: 500;
  font-style: normal;
  background: #ffffff;
  color: #998675;
}
/*ニコット様追加部分終わり*/


.ie8 body {
	min-width: 1080px;
}
/*imgのbottomの隙間を埋める*/
.space_0 {
  line-height: 0;

}

/*fluid image*/
img {
	max-width: 100%;
	height: auto;
}
.img_100{
	width:100%;
	max-width:100%;
	height:auto;
}
.img_00{
	width:auto;
	height:100%;
}
.img_45{
	width:45%;
	max-width:45%;
	height:auto;
}

.img_v_middle{
    vertical-align: middle;
}

ul li {
	list-style-type: none;
}
ul.list li {
	list-style-type: disc;
	margin-left:30px;
	margin-bottom:15px;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}

.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}

/*-----------------------------------------------------
	リンク
-------------------------------------------------------*/
/* img link mouseover */
a.mouseOver:hover img{
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		-moz-transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
		}
a:link {

	text-decoration:none;
	-moz-transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
	}

a:visited {


	}

a:hover, a:active{
	font-weight: 500;
    cursor: pointer;
    color:#666;
    		
    -moz-transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
	}

.seco-wrapper a:visited, .seco-wrapper a:link,.seco-wrapper a:hover, .seco-wrapper a:active{
    color: #fff;
    
}

a{
cursor: pointer;
}
		
/*-----------------------------------------------------
	背景 ライン　模様
-------------------------------------------------------*/	
.right_dashed{
	border-right:1px dashed #c8c8c9;
	
}
.dotted_gray{
	border:1px dotted #c8c8c9;
	padding:20px;
	width:1010px;
	
}
.back_st{
	background:url(../img/strip_gray.png) repeat;	
	}
.back_w{
	background:#FFF;
	}

.back_yellow{
	background:#ffef00;
}
.back_midgreen{
    background:#24b238;
}

/* ================================================
   fluid gird system
================================================ */
/* 全体の幅 */
.gridSystemWidth {
	width: 1080px;
}

/*カラムを囲む要素につける*/
.row{
	margin: 1.38889% auto; 
	max-width: 1080px;
	overflow: hidden;
		} 
.row_h{
	margin: 5.55556% auto; 
	max-width: 1080px;
	overflow: hidden;
	}
.row_v0{
	margin: 0 auto; 
	max-width: 1080px;
	overflow: hidden;
	}
.row:after, .row_h:after, .row_v0:after{
	content: "";
	display: block;
	clear: both;
}

.row .row, .row_h .row, .row_v0 .row{
	margin-left: -1.38889%;
	margin-right: -1.38889%;
	overflow: hidden;
}


/*カラム共通設定*/
.column {
	float: left;
	margin-left: 1.38889%;
	margin-right: 1.38889%;
}
/*カラムの幅
カラム幅60px、ガター30px、12カラムをベース*/
.large-1 {
	width: 5.55556%;
}
.large-2 {
	width: 13.88889%;
}
.large-3 {
	width: 22.22222%;
}
.large-4 {
	width: 30.55556%;
}
.large-5 {
	width: 38.88889%;
}
.large-6 {
	width: 47.22222%;
}
.large-7 {
	width: 55.55556%;
}
.large-8 {
	width: 63.88889%;
}
.large-9 {
	width: 72.22222%;
}
.large-10 {
	width: 80.55556%;
}
.large-11 {
	width: 88.88889%;
}
.large-12 {
	width: 97.22222%;
}

/*センター配置*/
.large-centered {
	margin-left: auto;
	margin-right: auto;
	float: none;
}

/*Media Queries for medium size
状況に応じて数値を変更する*/
@media screen and (max-width: 1023px) {
	/*カラムの幅
	カラム幅60px、ガター30px、12カラムをベース*/
	.medium-0 {
		width: 0%;
	}
	.medium-1 {
		width: 5.55556%;
	}
	.medium-2 {
		width: 13.88889%;
	}
	.medium-3 {
		width: 22.22222%;
	}
	.medium-4 {
		width: 30.55556%;
	}
	.medium-5 {
		width: 38.88889%;
	}
	.medium-6 {
		width: 47.22222%;
	}
	.medium-7 {
		width: 55.55556%;
	}
	.medium-8 {
		width: 63.88889%;
	}
	.medium-9 {
		width: 72.22222%;
	}
	.medium-10 {
		width: 80.55556%;
	}
	.medium-11 {
		width: 88.88889%;
	}
	.medium-12 {
		width: 97.22222%;
	}
	/*センター配置*/
	.medium-centered {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}
	/*センター配置解除*/
	.medium-uncentered {
		margin-left: 1.38889%;
		margin-right: 1.38889%;
		float: left !important;
	}
}

/*Media Queries for small size
状況に応じて数値を変更する*/
@media screen and (max-width: 767px) {
	.column {
		margin-left: 5%;
		margin-right:5%;
	}
	/*センター配置*/
	.small-centered {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}
	/*センター配置解除*/
	.small-uncentered {
		margin-left: 5%;
		margin-right:5%;
		float: left !important;
	}
	/*全てのカラムの幅*/
	[class*="large"],
	[class*="medium"] {
		width: 90%;
	}
	.small-1 {
		width: 5.55556%;
	}
	.small-2 {
		width: 13.88889%;
	}
	.small-3 {
		width: 22.22222%;
	}
	.small-4 {
		width: 30.55556%;
	}
	.small-5 {
		width: 38.88889%;
	}
	.small-6 {
		width: 47.22222%;
	}
	.small-7 {
		width: 55.55556%;
	}
	.small-8 {
		width: 63.88889%;
	}
	.small-9 {
		width: 72.22222%;
	}
	.small-10 {
		width: 80.55556%;
	}
	.small-11 {
		width: 88.88889%;
	}
	.small-12 {
		width: 97.22222%;
	}
}

/* ================================================
   Heading
================================================ */

/*キャンペーン*/




/*折り返す*/

.sm_orikaesu767{
    display: inline-block;
    margin-right: 0;
}
.sm_orikaesu419{
    display: inline-block;
    margin-right: 0;
}


#sub_main h3{

	font-size:28px;
	font-size: 2.8rem;
    line-height: 1.1;

	}


#sub_main h4{
    
	font-size:22px;
	font-size: 2.2rem;
    line-height: 1.1;
	}



#sub_main p{
    font-size:16px;
	font-size: 1.6rem;
    line-height: 1.1;
}

.t_papatoY{
    padding: 2em 0;
        -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);  
}


.article_body{
    position:relative;
    overflow: hidden;
	clear:both;
	width:100%;

	}





.nomal-wrapper,.nomal-wrapper02{
	padding: 2em 0;
}



	

/*youTube動画*/	
		
	.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-bottom: 4em;/*shiraishi追加'250714*/
}
 
	.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  
}

/* appli*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */

.pc{
  display: inline-block !important;
}

.sp{
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {

    
.pc{
    display: none !important;
  }
.sp{
    display: inline-block !important;
  }
}


/*Media Queries for tablet*/
@media only screen and (max-width: 1023px) {

}


/*Media Queries for small tablet & smart phone*/
@media only screen and (max-width: 767px) {
    
    
    
.nomal-wrapper,.nomal-wrapper02{
	padding: 1em 0;
}

#sub_main h3{
	font-size:24px;
	font-size: 2.4rem;
	}


#sub_main h4{
	font-size:14px;
	font-size: 1.4rem;
	}


#sub_main p{
    font-size:12px;
	font-size: 1.2rem;
}
	.movie-wrap {
    margin-bottom: 2em;/*shiraishi追加'250714*/
}

}

/*Media Queries for small tablet & smart phone*/
@media only screen and (max-width:419px) {
/*キャンペーン*/

.t_papatoY{
    padding:0.5em 0;
}

	.movie-wrap {
    margin-bottom: 1em;/*shiraishi追加'250714*/
}
.sm_orikaesu419 {
    display: block;
}
}