/* Calender 詳細ページ指定
-------------------------------------------------------------------------------------------------------- */
#moreInfo {
	width:		800px;
	margin:		0px auto;	
	text-align:	center;
}

#moreInfo_free {
	margin:		0px auto;
}


/* テキストカラー指定
-------------------------------------------------------------------------------------------------------- */
.C_brown {
	color:#663333;
}

.C_gray {
	color:#848484;
}

.C_black {
	color:#000000;
}


/* padding指定
-------------------------------------------------------------------------------------------------------- */
/* 上パディング */
.pt10 {padding-top:	10px;}
.pt20 {padding-top:	20px;}
.pt30 {padding-top:	30px;}
.pt40 {padding-top:	40px;}
.pt50 {padding-top:50px;}

/* 右パディング */
.pr20 {padding-right:	20px;}
.pr30 {padding-right:	30px;}
.pr40 {padding-right:	40px;}
.pr50 {padding-right: 	50px;}


/* ボックス枠指定
-------------------------------------------------------------------------------------------------------- */
.moreInfo_boxLine_B {
	width:770px;
	margin-bottom:15px;
	padding:1em;border-top:1px solid #674F29;
	border-bottom:1px solid #674F29;
	border-left:1px solid #674F29;
	border-right:1px solid #674F29;
	text-align:	left;
	overflow:hidden;
	_zoom:1;
}

.moreInfo_boxLine_C {
	width:770px;
	margin-bottom:15px;
	padding:1em;border-top:1px solid #B08B07;
	border-bottom:1px solid #B08B07;
	border-left:1px solid #B08B07;
	border-right:1px solid #B08B07;
	text-align:	left;
	overflow:hidden;
	_zoom:1;
}

.moreInfo_freeboxLine {
	margin: 0 auto;
	margin-bottom:15px;
	padding:1em;border-top:1px solid #848484;
	border-bottom:1px solid #848484;
	border-left:1px solid #848484;
	border-right:1px solid #848484;
	text-align:	left;
	overflow:hidden;
	_zoom:1;
}

.moreInfo_freeboxLine_B {
	margin: 0 auto;
	margin-bottom:15px;
	padding:1em;border-top:1px solid;
	border-bottom:1px solid #674F29;
	border-left:1px solid #674F29;
	border-right:1px solid #674F29;
	text-align:	left;
	overflow:hidden;
	_zoom:1;
}


/* 色つきボックス指定
-------------------------------------------------------------------------------------------------------- */
#moreInfo_WS {
	margin:		20px auto;
	text-align:	center;
}

.moreInfo_WS_detail_P {
	margin: 0 auto;
	padding:2em 2em;
	background:url(img/bg03.gif);
	overflow:hidden;
	_zoom:1;
	margin-bottom:1em;
}

.moreInfo_WS_detail_Yy {
	margin: 0 auto;
	padding:1.5em 0 0 2em;
	background:url(img/bg05.gif);
	overflow:hidden;
	_zoom:1;
	margin-bottom:1em;
}

.moreInfo_WS_detail_B {
	padding:1.5em 0 0 2em;
	background:url(img/bg04.gif);
	overflow:hidden;
	_zoom:1;
	margin-bottom:1em;
	text-align:left;
}

.moreInfo_WS_detail_Y {
	padding:1.5em 0 0 2em;
	background:url(img/bg05.gif);
	overflow:hidden;
	_zoom:1;
	margin-bottom:1em;
	text-align:left;
}


/* テーブルボックス指定
-------------------------------------------------------------------------------------------------------- */
#patternTable {
	margin:		0px auto;
}

.patternSizeBox {
	height:110px;
}

.patternSize {
	width:240px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

.patternSize caption {
	text-align:left;padding-left:5px;
}

.patternSize td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

.patternSize02 {
	width:48%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:20px auto;
}

.patternSize02 caption {
	text-align:center;
}

.patternSize02 td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

.patternSize03 {
	width:50%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:20px auto;
}

.patternSize03 caption {
	text-align:center;
}

.patternSize03 td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

.patternSize04 {
width:400px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:20px auto;
}

.patternSize04 caption {
	text-align:center;
}

.patternSize04 td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}


/* お申し込み指定
-------------------------------------------------------------------------------------------------------- */
#form {
	margin:		0 auto;
	text-align:	center;
	width:		740px;
	padding:	30px;	
}


/* タイルレイアウト指定
-------------------------------------------------------------------------------------------------------- */

*{ //marginやborderも含めてコンテンツの横幅を指定できるようにする
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.js-masonry{
    width: 96%;
    margin: auto;
    font-size:12px;
}
.js-masonry h1{
font-size:14px;
}

.width_33{
    width: 32%;
    margin: 0 0.5% 10px 0.5%;
    padding:10px;
    background-color:#344863;
    color:#FFF;
}
.width_66{
    width: 65%;
    margin: 0 0.5% 10px 0.5%;
    padding:10px;
    background-color:#344863;
    color:#FFF;
}

.width_33 img {
width:100%;
max-width: 100%;
height: auto;
}


/* ノート背景
-------------------------------------------------------------------------------------------------------- */
#note {
  margin:40px auto;
  padding:20px;
  width: 620px;
  overflow: hidden;
  background-color: #FFF7E9;
}

.otegami{
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
  line-height: 2.5;
  background: repeating-linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0) 29px, #EFECE8 29px, #EFECE8 30px);}

 .otegami p {
  margin-top: 0;
  margin-bottom: 30px;
 }


/* flexbox
-------------------------------------------------------------------------------------------------------- */

.f-container{
 display: -webkit-flex;
 display: flex;
 flex-diretion: row;
margin: 30px auto;	
}

.f-item01 {flex: 1;
 text-align:left;
 line-height:2;
margin:0 30px 0 0;
 width:calc(50% – 30px);
}
.f-item02 {width:380px;
justify-content: center;}

/* Responsive */
@media ( max-width : 768px ){
.f-container{
flex-grow: 1;
margin: 30px auto;	
}
}