@charset "UTF-8";

/***

ベース

***/
.clear_both {
	clear:both;
}

.contents100_bg{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	background: #e6e6e6;
}
/*白*/
.contents100w_bg{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	background:#fff;
}



.contents1{
	clear:both;
	width:92%;
	width:100%;
	max-width: 1000px;
	height:auto;
	margin:0 auto;
}
.contents1.m01{
	width:100%;
}
.contents1.m02{
	width:87.5%;
}
.contents300{
	clear:both;
	width:92%;
	max-width:300px;
	height:auto;
	margin:0 auto;
}
.contents300.m01{
	width:100%;
}
.contents300.m02{
	width:87.5%;
}
.contents320{
	clear:both;
	width:92%;
	max-width:320px;
	height:auto;
	margin:0 auto;
}
.contents320.m01{
	width:100%;
}
.contents320.m02{
	width:87.5%;
}
.contents400{
	clear: both;
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.contents400.m01{
	width:100%;
}
.contents400.m02{
	width:87.5%;
}
.contents420{
	clear: both;
	width: 87.5%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.contents420.m01{
	width:100%;
}
.contents420.m02{
	width:87.5%;
}
.contents440{
	clear:both;
	width:92%;
	max-width:440px;
	height:auto;
	margin:0 auto;
}
.contents440.m01{
	width:100%;
}
.contents440.m02{
	width:87.5%;
}
.contents480{
	clear:both;
	width:92%;
	max-width:480px;
	height:auto;
	margin:0 auto;
}
.contents480.m01{
	width:100%;
}
.contents480.m02{
	width:87.5%;
}
.contents500{
	clear:both;
	width:92%;
	max-width:500px;
	height:auto;
	margin:0 auto;
}
.contents500.m01{
	width:100%;
}
.contents500.m02{
	width:87.5%;
}
.contents600{
	clear:both;
	width:92%;
	max-width: 600px;
	height:auto;
	margin:0 auto;
}
.contents600.m01{
	width:100%;
}
.contents640{
	clear:both;
	width:92%;
	max-width: 640px;
	height:auto;
	margin:0 auto;
}
.contents640.m01{
	width:100%;
}
.contents640.m02{
	width:87.5%;
}
.contents700{
	clear:both;
	width:92%;
	max-width: 700px;
	height:auto;
	margin:0 auto;
}
.contents700.m01{
	width:100%;
}
.contents700.m02{
	width:87.5%;
}
.contents800{
	clear:both;
	width:92%;
	max-width: 800px;
	height:auto;
	margin:0 auto;
}
.contents800.m01{
	width:100%;
}
.contents800.m02{
	width:87.5%;
}
.contents1000{
	clear:both;
	width:92%;
	max-width: 1000px;
	height:auto;
	margin:0 auto;
	
	/*background: rgba(236,55,58,0.2);*/
}
.contents1000.m01{
	width:100%;
}
.contents1000.m02{
	width:87.5%;
}
.contents1100{
	clear:both;
	width:92%;
	max-width: 1100px;
	height:auto;
	margin:0 auto;
}
.contents1100.m01{
	width:100%;
}
.contents1100.m02{
	width:87.5%;
}
.contents1200{
	clear:both;
	width:92%;
	max-width: 1200px;
	height:auto;
	margin:0 auto;
}
.contents1200.m01{
	width:100%;
}
.contents1200.m02{
	width:87.5%;
}
.contents1400{
	clear:both;
	width:92%;
	width:100%;
	max-width: 1400px;
	height:auto;
	margin:0 auto;
}
.contents1400.m02{
	width:87.5%;
}


.contents970{
	clear: both;
	width: 92%;
	max-width: 350px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.contents970.m01{
	width:100%;
}
@media print, screen and (min-width: 1025px) {
.contents970{
	max-width: 970px;
}
}




.resizeimage{
	width:100%;
	/*max-width:960px;*/
}
	
.resizeimage img {
	width: 100%;
	height:auto;
}

.resizeimage1100{
	max-width:1100px;
	margin:0 auto;
}
	
.resizeimage1100 img {
	width: 100%;
	height:auto;
}

.position-r {
	position: relative;
}



/***

pc-sp切替

***/
.pc_on{
	display:none;
}
.smart_on{
	display:block;
}
@media print, screen and (min-width: 1025px) {
.pc_on{
	display:block;
}
.smart_on{
	display:none;
}
}


/***

hover画像拡大

***/
.hover_img img {
	width: 100%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.hover_img img:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}



.bg_000{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	background: rgba(0,0,0,1.00);
}



/***

キャプション

***/
.cap01{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;

	font-size: 2.2vw;
	line-height:150%;
}
.cap01.fs13{
	font-size: 3vw;
	line-height:101%;
}
.cap01.fs16{
	font-size: 3.5vw;
	line-height:101%;
}
.cap01.m01{
	text-align: center;
}
.cap01.left01{
	text-align:left;
}
.cap01.right01{
	text-align:right;
}
.cap01.center01{
	text-align:center;
}
.cap01.center02{
	text-align:center;
}
.cap01.center03{
	text-align:center;
}

@media print, screen and (max-width: 800px) {
.cap01.center02{
	text-align:justify;
}
.cap01.center04{
	text-align:center;
}
}
@media print, screen and (min-width: 1025px) {
.cap01.center03{
	text-align:left;
}
	
}
.cap01.left01.pa01{
	position: absolute;
	bottom: 0.3em;
	left: 0.5em;
}
.cap01.left01.pa02{
	position: absolute;
	top:100%;
	left: 0;
	letter-spacing: 0;
	padding: 0.3em 0 0;
}
.cap01.right01.pa01{
	position: absolute;
	bottom: 0.3em;
	right: 0.5em;
}
.cap01.right01.pa02{
	position: absolute;
	top:100%;
	right: 0;
	letter-spacing: 0;
	padding: 0.3em 0 0;
}
.cap01.right01.pa02.m01{

	padding: 0.3em 8px 0;
}
.cap01.shd01{
	font-weight: 700;
	text-shadow: 0 0 1px #000 , 0 0 3px #000 , 0 0 3px #000 , 0 0 5px #000 , 0 0 5px #000;
	text-shadow: 0 0 1px #000 , 0 0 3px #000 , 0 0 5px #000 ;
}
.cap01.shd02{
	text-shadow: 0 0 1px #fff , 0 0 3px #fff , 0 0 3px #fff , 0 0 5px #fff , 0 0 5px #fff;
	text-shadow: 0 0 1px #fff , 0 0 3px #fff , 0 0 5px #fff ;
}
.cap01.fff01{
	color:#fff;
}
.cap01.min01{
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
}
@media print, screen and (min-width: 1025px) {
.cap01{
	font-size:11px;
}
.cap01.fs13{
	font-size: 13px;
	line-height:101%;
}
.cap01.fs16{
	font-size: 16px;
	line-height:101%;
}
}

/***

各ページ　インデントキャプション

***/
.cap_indent1{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
/*	background: rgba(237,113,214,1.00);*/
}
.cap_indent1 p{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	text-align: justify;

	font-size: 2.2vw;
	line-height:135%;
	padding-bottom: 4px;
	padding-left: 1em;
	text-indent:-1em;
}
@media print, screen and (min-width: 1025px) {
.cap_indent1 p{
	font-size:11px;
}
}
.cap_indent1.min01 p{
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
}


.bran_flex01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.bran_flex02{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bran_flex03{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
@media print, screen and (max-width: 800px) {
.bran_flex01,
.bran_flex02,
.bran_flex03{
	display: block;
}
}