@charset "utf-8";

/* ////////////////////
PC,SP共通 
//////////////////// */


body{
	margin: 0;
	padding: 0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-seri;
}
p,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd{
	margin: 0;
	padding: 0;
	font-weight: normal;
}
ul,ol,li{
	list-style-type: none;
}
p,span,ul,ol,li,dl,dd{
	line-height: 1.75;
}
h1,h2,h3,h4,h5,h6,dt{
	line-height: 1.25;
}
a{
	text-decoration: none;
}
a:hover{
    opacity: 0.7;
}
img{
    vertical-align: bottom;
}
a img{
    border: none;	/* ieでリンク付画像にborder非表示 */
}


/* ////////////////////
PC,SP共通
//////////////////// */


/* ////////////////////

CLASS-A.css　ここから

PC,SP共通 
//////////////////// */

.text{margin-top: 59px}

/*追加 PC版：youtube */
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*追加 PC版：コンテナ */
.container {
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
}

.toppost div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.toppost article {
flex: none;
}

.toppost article {
	width: 316px;
}

.container {align-items:center}

/* ////////////////////トップここまで//////////////////// */
/* ////////////////////木目アレンジ//////////////////// */
.arrange div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.arrange article {
	padding: 0;
	width: 48%;
	flex: none;
}
.arrange article {
	width: 272px;
}

.arrange div {
	padding-top: 14px;
	}
	
/* ////////////////////木目活用例//////////////////// */
.kastuyou div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kastuyou article {
	padding: 0;
	width: 48%;
	flex: none;
}
.kastuyou article {
	width: 266px;
}

.kastuyou figure {
	width: 324px;}

.kastuyou div {
	padding-top: 14px;
	}	






/*ここまで PC版：コンテナ */



/* display */
.section-calligraphysheet{background: url(../images/haikei.png);}

.inline{
	display: inline;
}
.block{
	display: block;
}
.inlineBlock{
	display: inline-block;
}
.flex{
	display: flex;
}
/* display */



/* 左右位置 */
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}

.blockCenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* margin */
.mB05em{
    margin-bottom: 0.5em;
}
.mB1em{
	margin-top: 0.5em;
    margin-bottom: 1em;
}
.mB2em{
	margin-top: 2em;
    margin-bottom: 2em;
}

/* ////////////////////
PC,SP共通 
//////////////////// */

/* ////////////////////
PCのみ
//////////////////// */
@media screen and (min-width: 741px){
	
.title_contents{
	 position:relative;
     width:1100px;
	 z-index:10;
	 margin:auto;
}
	
.download_sheet{
	width:580px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	height:60px;
}

.sheet_ttl{
	width:360px;
	float:left;
}
.sheet_ttl img{
	width:360px;
}

.sheet_btn{
	width:210px;
	float:left;
}

.sheet_btn img{
	width:180px;
	padding:5px;
}

.left-text{
	margin-top:14px;
}


.left-text_2{
	margin-top:60px;
}

.right-image{
	float:right;
}


	
.content-365days{
	width:790px;
	margin-left:auto;
	margin-right:auto;
}	

.content-sheet{
	width:710px;
	margin-left:auto;
	margin-right:auto;
}	



.content-mildliner{
	width:995px;
	margin-left:auto;
	margin-right:auto;
}		
	
 .mildlinerbrushsp{
	 width: 380.433px;
	 margin-left:55px;
  }
	.pcNone{
		display: none;
	}

	/* 左右2つの横並び */
	.pcLR:after{
		content:"";
		display:block;
		clear:both;
	}
	.pcLR>*:first-child{
		float: left;
		display: inline-block
	}
	
	.pcLR>*:second-child{
		float: center;
		display: inline-block
	}
	.pcLR>*:last-child{
		float: right;
		display: inline-block
	}
	/* 左右2つの横並び */
	
	/* 左右2つの横並び */
	.pcRL:after{
		content:"";
		display:block;
		clear:both;
	}
	.pcRL>*:first-child{
		display: inline-block
	}
	.pcRL>*:last-child{
		float: left;
		display: inline-block
	}
	/* 左右2つの横並び */
	

}
/* ////////////////////
PCのみ
//////////////////// */

/* ////////////////////
SPのみ
//////////////////// */
@media screen and (max-width: 740px){
	

.download_sheet{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

.sheet_ttl{
	width:67%;
	float:left;
}
.sheet_ttl img{
	width:97%;
}

.sheet_btn{
	width:100%;
}

.sheet_btn img{
	width:100px;
	padding-top:4px;
}
		

.left-text{
	width:92%;
	margin-left:auto;
	margin-right:auto;
}

.left-text_2{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}


.content-365days{
	text-align:center;
}

	
	
    .text{margin-top: 10px}
	
	.spNone{
		display: none;
	}
	.spFloatLeft{
		float: left;
	}
	.spFloatRight{
		float: right;
	}
	
	.spFullWidth{
		width: 100%;
		height: auto;
	}
	.spImgFullWidth{
		width: 95%;
		height: auto;
	}
	.spBlockCenter{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}
/* ////////////////////
SPのみ
//////////////////// */



/* ////////////////////////////////////////

COMMON-A.css　ここから


PC,SP共通 
//////////////////////////////////////// */


.contents{
	margin-left: auto;
	margin-right: auto;
}

/* 横幅全画面 */
.fullWidth{
	width: 100%;
}
.midWidth{
	width: 100%;
}
/* ヘッダー ////////// */
.header{height: 95px;
	background-image:url(../images/header.png);}

/* ヘッダー ////////// */
#wrap fullWidth{background-image:url(../images/haikei.png);}

/* フッター ////////// */
.bg-yellow{
	background: #ffc6b9;
}
.copyright{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
/* フッター ////////// */


.section-top{
	margin-bottom: 30px;
}

/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */

.press {
	border: 1px solid #CCC;
	padding:10px;
	margin:12px;
	font-size:14px;
	text-align:center;
	
}

/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */
@media screen and (min-width: 741px){
	/* 横幅全画面 */
	.fullWidth{
		min-width: 1000px;	/* 最低幅 表示エリアを指定 */
	}
	.midWidth{
		min-width: 800px;	/* 最低幅 表示エリアを指定 */
		padding-left:120px;
	}

    .contents{
		position: relative;
		width: 1000px;
		z-index: 10;
	}
	
	/* ヘッダー ////////// */
	.logo{
		position: absolute;
		left: 17px;
		top: 12px;
	}

	.sns-icon {
		margin: 20px 0 0 0;
	  float: right;
	  list-style: none; }
	  .sns-icon LI {
	    display: inline-block; }

	/* ヘッダー ////////// */
	
	/* フッター ////////// */
	.copyright{
		height: 110px;
	}
	/* フッター ////////// */

	
}
/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */



/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 740px){
    .img-moviewrap{width: 338px;height: 193px;
	display:block;
	margin-left:auto;
	margin-right:auto;}


	.sp-contents{
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
	
	/* ヘッダー ////////// */
	.logo{
		margin: 30px 0 0 0;
		 float: left;
	}
	
	
	.sns-icon {
		margin: 30px 0 0 0;
	  float: right;
	  list-style: none; }
	  .sns-icon LI {
	    display: inline-block; }

	/* ヘッダー ////////// */

	/* フッター ////////// */
	.copyright{
		display: block;
		padding: 1em 0;
		box-sizing: border-box;
	}
	/* フッター ////////// */

	.main-text{
		margin-bottom: 20px;
	}
	
	.section-rule{
		padding: 20px 0;
	}
	.btn{
		margin-left: auto;
		margin-right: auto;
		max-width: 348px;
		width: 85%;
	}
	
	/* ページタイトル */
	
	.head-365days{
		width:100%;
	}
	.img-365days{
		max-width: 528px;
	}

}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */


/* ////////////////////////////////////////

INDEX-A.ｃｓｓ　ここから



PC,SP共通 
//////////////////////////////////////// */


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 768px) {
	/* ********************
	トップページ ここから
	******************** */
	.index .wrap:before {
		content: "";
		position: absolute;
		top: 535px;
		display: block;
		width: 100%;
		min-width: 960px;
		height: 528px;
		z-index: 1;
	}
	.index .wrap:after {
		content: "";
		position: absolute;
		top: 1565px;
		display: block;
		width: 100%;
		min-width: 960px;
		height: 286px;
		z-index: 1;
	}
	.main-visual {
		margin-left: -1520px;
		width: 4000px;
		height: 535px;
		z-index: 10;
	}
	
	/* ********************
	トップページ ここまで
	******************** */
}


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */

@media screen and (max-width: 767px) {
	/* ********************
	トップページ ここから
	******************** */
	.main-slider-sp {
		width: 100%;
	}
	.main-slider-sp img {
		width: 100%;
		height: auto;
	}
	.wrap:before {
		height: 80vw;
	}
	.wrap:after {
		top: 200vw;
		height: 50vw;
	}


	/* ********************
	トップページ ここまで
	******************** */
}


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */


	.contents-box {
     width: 100%;
     max-width: 1000px;
     margin: auto;
 }
 .contents-box img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 55%;
     margin: auto;
 }
 .box2 {
     width: 45%;
     margin: auto .5rem;
 }
 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 0 auto;
     }
 }
	
/* ////////////////////////////////////////
20200520 追加
//////////////////////////////////////// */


h1.oshirase {
  position: relative;
  padding: 1em;
  margin: 20px;
}
h1.oshirase::before,
h1.oshirase::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
h1.oshirase::before {
  top: 0;
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
}
h1.oshirase::after {
  bottom: 0;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
}

/* ////////////////////////////////////////
2020622 追加
//////////////////////////////////////// */

.oshirasepoint {
  font-weight: 700;
  background: linear-gradient(transparent 70%, yellow 70%);
}