/*==============================
	デフォルトのスタイルを再定義
================================*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter:アカウント名
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow-y: scroll;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}

/*フォントサイズ(共通)*/
.size-14{
	font-size: 14px;
}
.size-16{
	font-size: 16px;
}
p {
	margin: 0;
	line-height: 1.5em;
	color: #400000;
}
/*リンク*/
a {
	text-decoration: none;
}
/*リスト*/
ul li {
	list-style-type: none;
}
/*画像=*/





/*読み込み処理*/
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 160;
}
#loader {
	font-size: 12px;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	z-index: 200;
}
#loader p {
	margin-top: 15px;
	font-size: 14px;
	color: #eb6d9a;
}
#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 150;
}
/*clear both用*/
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
*zoom: 1;
}
.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}
.close {
	clear: both;
	font-size: 16px;
	margin-top: 30px;
	padding-top: 30px;
	cursor: pointer;
	text-align: center;
	color: #6f6f6f;
}
.url {
	color: #eb6d9a;
}
.url a {
	color: #eb6d9a;
}
/*ボタンマウスオーバー着色*/

/*リンク色の変更*/
a {
	color: #6f6f6f;
	text-decoration: none;
}
.inbtn:hover,#tag li:hover,.move li:hover,.news_next:hover,.news_next_s:hover,.next_s:hover,.number li:hover,.hover-btn:hover {
	border: #eb6d9a solid 1px;
	color: #eb6d9a;
	transition: .3s;
}
.inbtn h5:hover,.move h5:hover,#news_text a:hover,.news_next h5:hover,.number li:hover,.switch-pink:hover {
	color: #eb6d9a;
	transition: .3s;
}
#back_home:hover,.menu-trigger:hover,#menu_icon li:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-filter: "alpha(opacity=100)";
	-webkit-filter: "alpha(opacity=100)";
	transition: .3s;
	}
	
.lists a:hover,.article_img:hover,.catch:hover,#tenpo_link:hover,.news:hover,.alpha:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-filter: "alpha(opacity=70)";
	-webkit-filter: "alpha(opacity=70)";
	transition: .3s;
	}
.textalign-right{
	text-align:right;
	}
.absolute{
	position:absolute;
	}
.display_n{
	display:none;
	}
.right0{
	right:0;
	}
.width80{
	width:80px;
	}
/*権利表記などネガティブマージン*/
.n_margin30{
	margin-top:-30px;
	}
.n_margin{
	margin-top:-60px;
	}
/*flexbox*/
.flex{
	display:flex;
	}
.flex1{
	flex:1;
	}
.nowrap{
	white-space: nowrap;
	}

/*webフォント*/

body, h1, h2{
	font-family: "Rounded Mplus 1c", san-serif;
	font-weight: 400; /* normal */
}

h3,h4,h5,h6,p,span,tr,.re_text,#tokusyu_caption,#tenpo_review,.pagenavi,.tabContent,.meiryo{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400; /* normal */
}
/*webフォントきれいに表示*/
rotate005{
	transform: rotate(0.05deg);
	} 
/*フォント太さ*/
.weight-lighter {
	font-weight: lighter;/*細字(あまり使わなそう)*/
}
.weight-normal {
	font-weight:normal;
}
.weight-bold {
	font-weight: bold;/*太字*/
}
.weight-bolder {
	font-weight: bolder;/*更に太字(太字とあまり違いが出ない)*/
}
/*フォント色*/
.color-pink {
	color: #e75370;/*まちだけの「ま」*/
}
.color-site{
color:#ea6d99;
}
.color-orange {
	color: #ee7d64;/*まちだけの「ち」*/
}
.color-green {
	color: #81c15e;/*まちだけの「だ」*/
}
.color-blue {
	color: #4ea5de;/*まちだけの「け」*/
}
.color-purple {
	color: #7b77bb;/*まちだけの「。」*/
}
.color-white {
	color: #ffffff;/*白*/
}
.color-red {
	color: #ff0000;/*赤*/
}
.color-gray {
	color: #525252;/*テキスト文のグレー*/
}
.color-text {
	color: #6f6f6f;/*テキスト文のグレー2*/
}
.clear {
	clear: both;
}
.text-align-center {
	text-align: center;
}
.o-hidden{
	overflow:hidden;
}
width-auto{
	width:auto;
}
.type_feature {
	background-color: #fba330;
}
.type_new {
	background-color: #eb6d9a;
}
.type_topic {
	background-color: #fba330;
}
.type_column {
	background-color: #ff6c44;
}
.type_photo {
	background-color: #ff6c44;
}

/*display-none*/
.displaynone {
	display: none;
}
.line-height-1-8{
	line-height:1.8em !important;
	}
.line-gray{
	border-bottom:solid 1px #d1d1d1;
	width:100%;
	}
	
/*center-image*/
.margin-auto{
	margin:0 auto;
	display:block;
	}
	
/*video no-download*/
video::-webkit-media-controls-enclosure,audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel,audio::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}


 @media screen and (min-width: 1081px) {
.pc-none{
	display:none;
}	

/*float*/
.float-left {
	float: left;
}
.float-left-c {
	float: left;
	clear: both;
}
.float-right {
	float: right;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
/*フォントサイズ*/
.size-x-small {
	font-size: 11px;/*コピーライトなど*/
	line-height: 1.5em;
}
.size-l-small {
	font-size: 12px;/*フリガナなど*/
	line-height: 1.5em;
}
.size-small {
	font-size: 14px;/*表など細かい情報*/
	line-height: 1.5em;
}
.size-medium {
	font-size: 16px;/*通常の文章*/
	line-height: 1.5em;
}
.size-middle {
	font-size: 18px !important;/*見出し*/
	line-height: 1.5em;
}
.size-large {
	font-size: 20px;/*見出し*/
	line-height: 1.5em;
}
.size-m-large {
	font-size: 22px;/*見出し*/
	line-height: 1.5em;
}
.size-l-large {
	font-size: 24px;/*見出し*/
	line-height: 1.5em;
}
.size-l-large:first-line{
	line-height:1;
	}
.size-x-large {
	font-size: 30px;/*大見出し*/
	line-height: 1.5em;
}
/*各項目マージン*/	
.title-margin-top {
	margin-top: 60px;
	clear: both;
}
/*各タイトル下のキャプションのマージン*/	
.title-caption {
	margin-top: 25px;
	text-align: center;
}
.title-text {
	margin-top: 26px;
	text-align: center;
}
/*その他キャプションのマージン*/
.caption {
	margin-top: 6px;
}
/*動画・画像埋め込み*/
.video iframe{
	max-width:960px;
	}
.insertimg{
	line-height:0;
	text-align: center;
	clear:both;
	position:relative;
	}
.insertimg img{
	max-width:100%;
	max-height:100%;
	}
.insert img{
	max-width:100%;
	max-height:100%;
	}
.insert360 img{
	width:360px;
	}
.insert300 img{
	width:300px;
	height:300px;
	}
.left30{
	margin-left:30px;
	}
.text570{
	width:570px;
	}
.text630{
	width:630px;
	}
.left30s{
	padding-left:30px;
	}
.nega30{
	margin-top:30px !important;
	}
.m-top10{
	margin-top:10px;
	}
	
/*chara review*/
.charaover{
	position:absolute;
	top:0;
	}
.logoover{
	position:absolute;
	top:0;
	}
.logoover img{
	width:100%;
	}

.flex{
	display:-webkit-flex;
	display:flex;
	}
.frex1{
	-webkit-flex:1;
	flex:1;
	}

}
 @media screen and (max-width: 1080px) {
.wrapper {
	width: 96%;
	margin: 0 auto;
}


/*フォントサイズ*/
.size-x-small {
	font-size: 10px;/*コピーライトなど*/
	line-height: 1.5em;
}
.size-l-small {
	font-size: 12px;/*フリガナなど*/
	line-height: 1.5em;
}
.size-small {
	font-size: 11px;/*表など細かい情報*/
	line-height: 1.5em;
}
.size-medium {
	font-size: 14px;/*通常の文章*/
	line-height: 1.5em;
}
.size-middle {
	font-size: 16px !important;/*見出し*/
	line-height: 1.5em;
}
.size-large {
	font-size: 18px;/*見出し*/
	line-height: 1.5em;
}
.size-m-large {
	font-size: 18px;/*見出し*/
	line-height: 1.5em;
}
.size-l-large {
	font-size: 18px;/*見出し*/
	line-height: 1.5em;
}
.size-l-large:first-line{
	line-height:1;
	}
.size-x-large {
	font-size: 20px;/*大見出し*/
	line-height: 1.5em;
}
/*各項目マージン*/	
.title-margin-top {
	width: 100%;
	margin: 30px auto 0 auto;
	text-align: center;
	display: block;
	clear: both;
}
/*各タイトル下のキャプションのマージン*/	
.title-caption {
	text-align: center;
	margin: 15px auto 0 auto;
}
.title-text {
	width: 100%;
	margin: 15px auto 0 auto;
}
/*その他キャプションのマージン*/
.caption {
	margin-top: 6px;
}
.center {
	text-align: center;
}

/*動画・画像埋め込み*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.video_sizing{
    max-width: 100%;
    max-height: 100%;
	}
.insertimg{
	line-height:0;
	text-align: center;
	clear:both;
	position:relative;
	}
.insert img{
	max-width:100%;
	max-height:100%;
	}
.insertimg img{
	height:auto;
	max-width:100%;
	max-height:100%;
	}
.insert360 img{
	width:360px;
	}
.left30s{
	padding-left:30px;
	}
.width50{
	width:60px;
	}
.nega30{
	margin-top:30px !important;
	}
	
/*chara review*/
.charaover{
	position:absolute;
	top:0;
	}
	
.logoover{
	position:absolute;
	top:0;
	}
.logoover img{
	width:100%;
	}
}


.center{
	text-align: center;
}