@charset "UTF-8";

/*
# =================================================================
# リセットCSS（sanitize.css）
# =================================================================
*/

/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block}audio:not([controls]){display: none;height: 0}[hidden],template{display: none}*,::after,::before{background-repeat: no-repeat;box-sizing: inherit}::after,::before{text-decoration: inherit;vertical-align: inherit}html{box-sizing: border-box;cursor: default;font-family: sans-serif;line-height: 1.5;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}h1{font-size: 2em;margin: .67em 0}code,kbd,pre,samp{font-family: monospace;font-size: 1em}hr{height: 0;overflow: visible}nav ol,nav ul{list-style: none}abbr[title]{border-bottom: 1px dotted;text-decoration: none}b,strong{font-weight: inherit;font-weight: bolder}dfn{font-style: italic}mark{background-color: #ff0;color: #000}progress{vertical-align: baseline}small,sub,sup{font-size: 83.3333%}sub,sup{line-height: 0;position: relative;vertical-align: baseline}sub{bottom: -.25em}sup{top: -.5em}::-moz-selection{background-color: #b3d4fc;color: #000;text-shadow: none}::selection{background-color: #b3d4fc;color: #000;text-shadow: none}audio,canvas,iframe,img,svg,video{vertical-align: middle}img{border-style: none}svg{fill: currentColor}svg:not(:root){overflow: hidden}a{background-color: transparent;-webkit-text-decoration-skip: objects}:hover{outline-width: 0}table{border-collapse: collapse;border-spacing: 0}button,input,select,textarea{background-color: transparent;border-style: none;color: inherit;font-size: 1em;margin: 0}button,input{overflow: visible}button,select{text-transform: none}[type=reset],[type=submit],button,html [type="button"]{-webkit-appearance: button}::-moz-focus-inner{border-style: none;padding: 0}:-moz-focusring{outline: 1px dotted ButtonText}fieldset{border: 1px solid silver;margin: 0 2px;padding: .35em .625em .75em}legend{display: table;max-width: 100%;padding: 0;white-space: normal}textarea{overflow: auto;resize: vertical}[type=checkbox],[type=radio]{padding: 0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height: auto}[type=search]{-webkit-appearance: textfield;outline-offset: -2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance: none}::-webkit-input-placeholder{color: inherit;opacity: .54}::-webkit-file-upload-button{-webkit-appearance: button;font: inherit}[aria-busy=true]{cursor: progress}[aria-controls]{cursor: pointer}[aria-disabled]{cursor: default}[tabindex],a,area,button,input,label,select,textarea{-ms-touch-action: manipulation;touch-action: manipulation}[hidden][aria-hidden=false]{clip: rect(0,0,0,0);display: inherit;position: absolute}[hidden][aria-hidden="false"]:focus{clip: auto}

/*
# =================================================================
# Webフォント
# =================================================================
*/

/*
# "Oswald" is lisenced under the SIL Open Font License 1.1
# https://fonts.google.com/specimen/Oswald
# http://scripts.sil.org/OFL_web
*/
.widget {
	font-family: 'Oswald', serif;
}

.site-title{
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

@font-face {
	font-family: 'icons';
	src: url('../fonts/icons.eot?ds3ffr');
	src: url('../fonts/icons.eot?ds3ffr#iefix') format('embedded-opentype'),
		 url('../fonts/icons.ttf?ds3ffr') format('truetype'),
		 url('../fonts/icons.woff?ds3ffr') format('woff'),
		 url('../fonts/icons.svg?ds3ffr#icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.gnav_cont .gnav-child_btn_icon-open > .gnav-child_btn::before,
.gnav_cont .gnav-child_btn_icon-close > .gnav-child_btn::before,
.slider-pager_prev::before,
.slider-pager_next::before,
.breadcrumb-list li:first-child::before,
.breadcrumb-list li::after,
.check-list li::before,
.accordion-list dt::after,
.link-next a::before,
.link-back a::before,
.page-nav .page-nav_next a::after,
.page-nav .page-nav_prev a::before,
.commentlist .children li::before,
.form-login .form-login_title::before,
.contact-box_tel::before,
.page-top a::before,
.tagcloud a::before{
	font-family: 'icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*
# =================================================================
# 基本設定
# =================================================================
*/

html{
	font-size: 62.5%;
}

a,
button{
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
}

.square_btn{
	text-decoration: underline;
	color: #00F;
}

address,caption,cite,code,dfn,var,h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
	background: #e5dfdc;
}

q::before,q::after{
	content: '';
	content: none;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

caption{
	text-align: left;
}

p{
	margin: 0 0 1.5em;
}

figure{
	margin: 0;
}

input,
select,
textarea{
	margin: 0;
	max-width: 100%;
	padding: 0.3em;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	font-size: 1.2em;
}

textarea{
	width: 100%;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

caption{
	text-align: left;
}

body{
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6em;
}

body,
input,
textarea{
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


/*埋め込み要素のはみ出しを防止*/
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

embed, iframe, object, video{
	max-width: 100%;
}


/*デスクトップとモバイルで表示を振り分け*/
.show-sp{
	display: block!important;
}

.show-sp02{
	display: inline!important;
}

.show-pc,
.show-pc02{
	display: none!important;
}


/*
# リストの基本設定
*/
ul,ol{
	margin: 1em 0 1.5em 1.5em;
	padding-left: 0;
}

ul > li,
ol > li{
	margin-bottom: .5em;
	list-style: none;
}

ul > li:last-child,
ol > li:last-child{
	margin-bottom: 0;
}

dd{
	margin-left: 0;
	padding-left: 1em;
	list-style: none;
}


/*横並びリスト*/
.inline{
	margin: 1em 0; padding: 0;
}

.inline li{
	display: inline;
	list-style-type: none;
}


/*マーカー無しのリスト*/
.none{
	margin: 1em 0; padding: 0;
}

.none li{
	list-style-type: none;
}


/*
# テーブルの基本設定
*/

table{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
}

th,td{
	padding: 1em;
	font-size: 1.4rem;
	vertical-align: top;
}

.main th,
.main td{
	line-height: 1.5;
}

th{
	border: 1px solid #999999;
	background-color: #333333;
	color: #fff;
	text-align: left;
}

td{
	border: 1px solid #999999;
	background-color: #111111;
	text-align: left;
}

/*テーブルへの装飾をリセット*/
.table_no-style table{
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

.table_no-style th,
.table_no-style td{
	padding: 0;
	background: transparent;
	border: 0;
}

.table_no-style thead th{
	background-color: transparent;
}


/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}


/*テーブルリスト*/
.table-list thead{
	display: none;
}

.table-list{
}

.table-list tr,
.table-list th,
.table-list td{
	display: block;
}

.table-list td{
	border-top: 0; 
}

.table-list tbody td::before{
	display: inline-block;
	width: 6.5em;
	content: attr(data-th)": ";
}


/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
.table-block,
.table-block thead,
.table-block tbody,
.table-block tfoot,
.table-block tr,
.table-block th,
.table-block td{
	display: block;
}

.table-block{
	border-top: 1px solid #ddd;
}

.table-block th,
.table-block td{
	box-sizing: border-box;
}

.table-block td,
.table-block th{
	border-top: 0;
}

.table-block th{
	text-align: left;
}

.table-scroll::before{
	content: "※スクロールできます。"
}


.twitter-timeline {
	font-size: 14px!important;
}

/*
# =================================================================
# レイアウト
# =================================================================
*/

body{
	background-color: #f0f0f0; /*サイトの背景色*/
}

.container,
.mv_wrap{
	overflow: hidden;
}

.mv_wrap{
	text-align: center;
}

.sub,
.footer_outer{
	padding: 20px 0;
}

.col1 .mv_wide .mv_outer,
.col2 .mv_wide .mv_outer,
.col2r .mv_wide .mv_outer{
	max-width: none;
}

.mv_wide .mv{
	width: 100%;
	height: 100%;
}

.mv_outer > img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.mv_bg .mv_outer{
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center center;
	background-size: cover;
}

.lp .mv_bg .mv_outer{
	padding: 0;
}

.section_wrap{
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	line-height: 1.8;
}

.section_wrap-wide{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	background: transparent;
	line-height: 1.8;
}

.footer .section_wrap{
	margin-top: 0;
	margin-bottom: 40px;
	padding: 0 20px 20px;
}

.footer .widget{
	padding-top: 20px;
}

/*メインコンテンツとサブコンテンツの背景色*/


.main{
	background: transparent;
}

.sub{
	background: transparent;
}

.main_inner{
	padding: 10px 0;
}

.sub_inner{
	padding: 10px 0;
}

.sep-conts_wrap{
	margin-bottom: 10px;
}

.sep-conts{
	padding: 10px;
}

.inner{
	padding: 10px;
}

/*
# =================================================================
# エリアごとのデザイン
# =================================================================
*/

/*
# ローディング
*/

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/*
# ヘッダー
*/


.fixed{
	position: fixed;
	top: 0;
	z-index: 60;
	width: 100%;
}

.header_wrap{
	background-color: #fff; /*ヘッダーの背景色*/
}

.header{
	padding-right: 50px;
}

.no-gn .header{
	padding-right: 0;
}

.header_cont{
	padding: 10px;
	font-size: 1.4rem;
}

.header .header_cont{
	margin-top: 0;
}

/*サイトのロゴ*/

.site-title{
	margin: 0;
	padding: 8px 10px;
	font-size: 2.3rem;
	font-weight: bold;
	font-feature-settings: 'palt';
}

.site-title > a{
	color: #000;
	text-decoration: none;
}

.site-title > a span{
	color: #C9078A;
}

.header_logo{
	max-width: 200px;
	max-height: 45px;
}

/*モバイル時、右のカラムがロゴの下に*/
.header_col1 .site-title,
.header_col1 .header_cont{
	float: none;
}


/*モバイル時、右のカラムがロゴの横に*/
.header_col2 .site-title{
	float: left;
	max-width: 50%;
}

.header_col2 .header_cont{
	float: right;
	max-width: 50%;
}

.header_col1 .header_cont{
	margin-right: -50px;
}

.no-gn .header_col1 .header_cont{
	margin-right: 0;
}

.header_col1 .header_cont p{
	margin-bottom: 0;
}


/*
# グローバルメニュー
*/

.gnav_wrap{
}

.gnav_inner{
	display: none;
	position: fixed;
	top: 54px;
	right: 0;
	z-index: 200;
	width: 250px;
	overflow-y: auto;
}

.gnav_cont{
	margin: 0;
}

.gnav_cont ul{
	display: none;
	margin: 0;
	border-top: 1px solid #e8e8e8;
}

.gnav_cont li:last-of-type a{
	border-right: none;
}

.gnav_cont .icon_home::before{
	font-size: 16px;
}

.gnav_inner li{
	display: list-item;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #e8e8e8;
	font-size: 1.4rem;
}

.gnav_inner li:last-child{
	border-bottom: 0;
}

.gnav_inner li a{
	display: block;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.gnav_inner li a span{
	font-size: inherit;
}

.gnav_inner li li{
	background-color: #f7f7f7;
}

.gnav_inner li li li a{
	padding-left: 25px;
}

.gnav_inner li li li li a{
	padding-left: 35px;
}

.gnav_btn{
	position: fixed;
	top: 4px;
	right: 0;
	z-index: 100;
	width: 50px;
	height: 50px;
	margin: 0;
	background: #FFF;
	color: #000;
	font-size: 1.1rem;
	line-height: 50px;
	vertical-align: middle;
	cursor: pointer;
}

.gnav_btn_menu{
	margin-top: 17px;
	margin-left: 13px;
	font-size: 0.8rem;
}

.gnav_wrap_bottom .gnav_btn{
	top: auto;
	bottom: 0;
	z-index: 100;
}

.gnav_btn_icon-open{
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 20px;
	height: 2px;
	margin-top: -1px;
	background-color: #000;
}

.gnav_btn_icon-open::before,
.gnav_btn_icon-open::after{
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 2px;
	background-color: #000;
	content: "";
}

.gnav_btn_icon-open::before{
	margin-top: -8px;
}

.gnav_btn_icon-open::after{
	margin-top: 6px;
}

.gnav_btn_icon-close{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2rem;
}

.gnav_btn_icon-close::before{
	position: absolute;
	width: 50px;
	text-align: center;
	font-size: 24px;
	content: "×";
}

.gnav-child_btn{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 51px;
	line-height: 51px;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	cursor: pointer;
}

.gnav-child_btn::before{
	display: block;
}

.gnav_cont .gnav-child_btn_icon-open > .gnav-child_btn::before,
.gnav_cont .gnav-child_btn_icon-close > .gnav-child_btn::before{
	line-height: 50px;
	font-size: 12px;
	color: #505050;
}


.gnav_cont .gnav-child_btn_icon-open > .gnav-child_btn::before{
	content: "\e903";
}

.gnav_cont .gnav-child_btn_icon-close > .gnav-child_btn::before{
	content: "\e906";
}

.gnav .gnav-child_btn_icon-open > a,
.gnav .gnav-child_btn_icon-close > a{
	padding-right: 50px;
}

.gnav-child_btn_icon-open > ul{
	display: none;
}

.gnav-child_btn_icon-close > ul{
	display: block;
	-webkit-animation: fadeIn 0.5s ease 0s 1 normal;
	animation: fadeIn 0.5s ease 0s 1 normal;
}

@keyframes fadeIn{
	0%{opacity: 0}
	100%{opacity: 1}
}

@-webkit-keyframes fadeIn{
	0%{opacity: 0}
	100%{opacity: 1}
}

#click-space{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 90;
	background: rgba(0, 0, 0, 0.3);
}

/*--------------------------------------------------------
メインビジュアル　ロゴフェードイン
--------------------------------------------------------*/

.slider1 {
	position: relative;
	width:100%;
	margin:0 auto;
	text-align: center;
	height: auto;
    opacity: 0;
    transition: opacity .25s ease;
}

.slider1.slick-initialized {
    opacity: 1;
}

.fade_logo {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin:0 auto;
	max-width: 600px;
	max-height: 240px;
}

.slide-in-fwd-center {
	-webkit-animation: slide-in-fwd-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: slide-in-fwd-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;		
}

.slider_content-wrap{
    left: 50%;
    position: absolute;
    top: 80%;
}
.slider_content{
    display: block;
    opacity: 0;
    transform: translate(-50%,20%);
    transition: 0s;
}
.slider_content.on{
    opacity: 1;
    transform: translate(-50%,-50%);
    transition: .5s;
}
.slider_title{
    font-size: 18px;
	margin: 0;
	text-shadow: 0px 0px 10px #000;
}
.slider_text{
    font-size: 12px;
	text-shadow: 0px 0px 10px #000;
}

@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1200px);
            transform: translateZ(-1200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1200px);
            transform: translateZ(-1200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


/*動画ヘッダー*/
.bg-video video,
.bg-video iframe{
	display: none;
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: none;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

lp .bg-video{
	background-color: #000;
}

.lp .bg-video .catch-area_inner{
	width: 100%;
	max-width: 100%;
	margin: 0;
}



/*
# パン屑リスト
*/
.breadcrumb-list_wrap{
	padding: 5px 10px;
	border-top: 1px solid #555;
	background-color: #333;
}

.breadcrumb-list{
	padding: 0;
}

.breadcrumb-list_inner{
	margin: 0;
	overflow: hidden;
}

.breadcrumb-list li{
	display: inline-block;
	margin-bottom: 0;
	padding: 2px 0 ;
	font-size: 1.2rem;
	line-height: 1.2;
}

.breadcrumb-list li:first-child::before,
.breadcrumb-list li::after{
	display: inline-block;
	font-size: 12px;
}

.breadcrumb-list li:first-child::before{
	margin-right: 5px;
	content: "\e910";
}

.breadcrumb-list li::after{
	margin: 0 10px;
	content: "\e905";
}

.breadcrumb-list li:last-child::after{
	content: none;
}

.breadcrumb-list li a{
	display: inline-block;
	color: #000;
	text-decoration: none;
}

.breadcrumb-list li a:hover,
.breadcrumb-list li a:active,
.breadcrumb-list li a:focus{
	color: #C9078A;
}

/*ボタン（スケジュール等）*/

.btn_01 {
	background: #62552C;/*ボタン1の基本色*/
	color: #fff;
}

.btn_01_h,
.btn_01:hover,
.btn_01:active,
.btn_01:focus {
	background: #AA944C;/*ボタン1の基本色*/
	color: #fff;
}

/*ボタン（送信等）*/

.btn_02{
	display: inline-block;
	position: relative;
	margin-bottom: 1em;
	padding: 1em 2em;
	border-radius: 8px;
	background: #aaa;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.5;
	text-decoration: none;
}

.btn_02 span{
	vertical-align: top;
}

.dir-arw_r .icon_arrow_s_right{
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -6px;
	font-size: 12px;
	line-height: 1.0;
}

.dir-arw_l .icon_arrow_s_left{
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -6px;
	font-size: 12px;
	line-height: 1.0;
}

.btn_02:hover,
.btn_02:active,
.btn_02:focus{
	box-shadow: none;
	cursor: pointer;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

/*
# メインコンテンツの文字サイズや行間の設定
*/
.main{
	letter-spacing: .025em;
	font-size: 1.4rem;
	line-height: 1.4em;
}

/*
# =================================================================
# 見出しのデザイン
# =================================================================
*/

h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	font-size: 100%;
	font-family: inherit;
}

h1{
	text-align:center;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 1px;
}

/*アーカイブタイトル*/

h2{
	margin-top: 30px;
	margin-bottom: 5px;
	padding: 5px 10px 5px;
	font-size: 1.9rem;
	text-align: center;
	font-weight: normal;
	line-height: 1.1;
}

.section h2{
	margin-top: 50px;
}

h3{
	text-align: center;
	width: 100%;
	background-color: #000;
	margin: 1px 1px 24px;
	padding: 10px 0;
	font-size: 1.8rem;
}

.section h3{
	margin-top: 60px;
}


h4{
	margin-bottom: 18px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #C9008A;
	color: #C9078A;
	font-size: 1.8rem;
}

.section h4{
	margin-top: 60px;
}

h5{
	margin-bottom: 12px;
	color: #C9078A;
	font-size: 1.8rem;
}

.section h5{
	margin-top: 60px;
}

h6{
	margin-bottom: 12px;
	color: #505050;
	font-size: 1.6rem;
}

.section h6{
	margin-top: 60px;
}

.section h2:first-child,
.section h3:first-child,
.section h4:first-child,
.section h5:first-child,
.section h6:first-child{
	margin-top: 0;
}

/*見出しのリンク色*/
.section h1 a,
.section h3 a,
.section h4 a,
.section h5 a,
.section h6 a{
	color: #505050;
}

.section h1 a:hover,
.section h1 a:active,
.section h1 a:focus,
.section h3 a:hover,
.section h3 a:active,
.section h3 a:focus,
.section h4 a:hover,
.section h4 a:active,
.section h4 a:focus,
.section h5 a:hover,
.section h5 a:active,
.section h5 a:focus,
.section h6 a:hover,
.section h6 a:active,
.section h6 a:focus{
	color: #C9078A;
}

.section h2 a{
	color: #fff;
}

.section h2 a:hover,
.section h2 a:active,
.section h2 a:focus{
	color: #505050;
}

/*見出しタグの装飾をリセット*/
.title_no-style,
.section .title_no-style{
	line-height: 1.0;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	outline: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	color: #333;
	font-weight: normal;
	font-size: 100%;
}

.title_no-style::before,
.section .title_no-style::before,
.title_no-style::after,
.section .title_no-style::after{
	position: static;
	width: auto;
	height: auto;
	content: none;
}

/*
# 装飾リスト
*/

/*リスト デザイン01*/
.list_style01{
	font-weight: bold;
	font-size: 1.8rem;
}

.list-conts{
	font-weight: normal;
	font-size: 1.6rem;
}


/*リスト デザイン02*/
.list_style02,
.list_style02 ol{
	counter-reset: num;
}

.list_style02{
	margin-left: 22px;
}

.list_style02 li{
	position: relative;
	list-style-type: none;
	margin-bottom: 15px;
	padding-left: 10px;
}

.list_style02 li::before{
	position: absolute;
	top: 5px;
	left: -7px;
	width: 22px;
	height: 22px;
	margin-right: 1em;
	margin-left: -1em;
	border-radius: 1em;
	background: #C9008A;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	text-indent: 0;
	text-align: center;
	vertical-align: middle;
	counter-increment: num;
	content: counter(num);
}


/*チェックリスト*/
.check-list{
	margin-left: 28px;
}

.check-list li{
	list-style: none;
}

.check-list li{
	position: relative;
	margin-bottom: 1em;
}

.check-list li::before{
	position: absolute;
	top: 5px;
	left: -23px;
	display: inline-block;
	font-size: 18px;
	content: "\e911";
	color: #eb3b54;
}


/*記述リスト 横並び*/
.dl_style01 dt,
.dl_style01 dd{
	padding: 10px 0;
}

.dl_style01 dt{
	display: block;
	float: left;
	width: 30%;
	padding-right: 10px;
	font-weight: bold;
}

.dl_style01 dd{
	padding-left: 30%;
	border-bottom: 1px dotted #aaa;
}


/*記述リスト 縦並び*/
.dl_style02{
	margin: 50px 0;
}

.dl_style02 dt,
.dl_style02 dd{
	padding: 10px;
}

.dl_style02 dt{
	display: block;
	background: #C9008A;
	color: #fff;
	font-weight: bold;
}

.dl_style02 dd{
	background: #ebe7e5;
}


/*Q&Aリスト*/
.qa-list{
	padding-top: 3px;
}

.qa-list dt{
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding: 4px 0 10px 40px;
	font-weight: bold;
}

.qa-list dd{
	position: relative;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 4px 0 20px 40px;
	border-bottom: 1px solid #f0f0f0;
}

.qa-list dt::before,
.qa-list dd::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	margin-right: 1em;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', serif;
	color: #fff;
	line-height: 35px;
	text-indent: 0;
	text-align: center;
	vertical-align: middle;
}

.qa-list dt::before{
	background: #C9008A;
	content: 'Q';
}

.qa-list dd::before{
	background: #eb3b54;
	content: 'A';
}

.accordion-list dt{
	padding: 7px 30px 7px 40px;
	background: #C9008A;
	color: #fff;
}

.accordion-list dt::before{
	top: 5px;
	background: transparent;
}

.accordion-list dt::after{
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 16px;
}

.accordion-list dt::after{
	content: "\e903";
}

.accordion-list .accordion-list_btn_open::after{
	content: "\e906";
}


/*更新情報リスト*/
.news-list{
	margin-left: 0;
}

.news-list > li{
	list-style: none;
}

.news-list_item_cat{
}

.news-list_item_cat_name{
	display: inline-block;
	margin-right: 3px;
	padding: 3px;
	background-color: #999;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
}

.cat001{
	background-color: #eb3b54!important;
	color: #fff;
}

.cat002{
	background-color: #db8d00!important;
	color: #fff;
}

.cat003{
	background-color: #0baedd!important;
	color: #fff;
}

.cat004{
	background-color: #20a672!important;
	color: #fff;
}

.cat001 > a,
.cat002 > a,
.cat003 > a,
.cat004 > a{
	color: #fff;
}

.news-list_item_date{
	display: inline-block;
	color: #adadad;
	font-size: 1.4rem;
}

.news-list_item_headline{
	display: block;
	width: auto;
}

/*装飾ボックス*/
.box_style{
	margin: 0 0 10px;
	font-size: 1.0em;
}

.box_style p:last-child{
	margin-bottom: 0;
}


/*ストライプの枠線*/
.box_style01{
	padding: 6px;
	background-image: linear-gradient(
		-45deg,
		#000 25%,
		#333 25%, #333 50%,
		#000 50%, #000 75%,
		#333 75%, #333
	);
	background-size: 4px 4px;
	background-repeat: repeat;
}

.box_style01 .box_inner{
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

.box_style02{
	padding: 6px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#999999 25%, #999999 50%,
		#fff 50%, #fff 75%,
		#999999 75%, #999999
	);
	background-size: 4px 4px;
	background-repeat: repeat;
}

.box_style02 .box_inner{
	padding: 10px;
	background-color: #fff;
}

.box_style02 li{
	line-height: 2em;
}

.box_style03{
	padding: 16px;
	background: #f2efed;
}

.box_style04{
	padding: 16px;
	background: #f0f0f0;
}

.box_style05{
	padding: 16px;
	background: #333333;
	color: #fff;
}


/*ストライプの背景*/
.box_style06{
	padding: 16px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#eff9f9 25%, #eff9f9 50%,
		#fff 50%, #fff 75%,
		#eff9f9 75%, #eff9f9
	);
	background-size: 4px 4px;
	background-repeat: repeat;
	background-color: #f2efed;
}


/*画像背景*/
.box_style07{
	padding: 10px;
	background: url(./images/sample011.jpg) center center;
	background-size: cover;
}

.box_style07 .box_inner{
	padding: 10px;
	background-color: rgba(255,255,255,0.7);
}

/*
# 吹き出し
*/

.chat_l,
.chat_r{
	position: relative;
	margin: 0 0 2em;
	overflow: hidden;
}

.bubble{
	display: inline-block;
	position: relative;
	min-height: 60px;
	min-width: 60px;
	padding: .75em;
	border: 1px solid #ccc;
	border-radius: 8px;
	box-sizing: border-box;
	background: #fff;
	font-size: 1.4rem;
}

.chat_l .bubble{
	float: left;
}

.chat_r .bubble{
	float: right;
}

.bubble .bubble_in{
	border-color: #fff;
	line-height: 1.8;
}

.talker{
	display: block;
	width: 50px;
	height: auto;
	text-align: center;
}

.talker b{
	display: inline-block;
	height: auto;
	line-height: 1.6;
	font-weight: normal;
	font-size: 1.2rem;
	text-align: left;
	vertical-align: top;
}

.talker img{
	display: block;
	width: 50px;
	max-width: 100%;
	margin: auto;
}

.chat_l .talker{
	float: left;
}

.chat_r .talker{
	float: right;
}

.chat_l .bubble_wrap{
	float: right;
	width: 100%;
	margin-left: -60px;
	padding-left: 60px;
}

.chat_r .bubble_wrap{
	float: left;
	width: 100%;
	margin-right: -60px;
	padding-right: 60px;
}

.bubble .bubble_in::after,
.bubble .bubble_in::before{
	position: absolute;
	top: 20px;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
}

.chat_l .bubble .bubble_in::after,
.chat_l .bubble .bubble_in::before{
	right: 100%;
}

.chat_r .bubble div::after,
.chat_r .bubble div::before{
	left: 100%;
}

.chat_l .bubble .bubble_in::after{
	margin-top: -4px;
	border-width: 4px 6px;
	border-color: transparent;
	border-right-color: inherit;
	border-top-color: inherit;
}

.chat_l .bubble .bubble_in::before{
	margin-top: -5px;
	border-width: 5px 8px;
	border-color: transparent;
	border-right-color: #ccc;
	border-top-color: #ccc;
}

.chat_r .bubble .bubble_in::after{
	margin-top: -4px;
	border-width: 4px 6px;
	border-color: transparent;
	border-left-color: inherit;
	border-top-color: inherit;
}

.chat_r .bubble .bubble_in::before{
	margin-top: -5px;
	border-width: 5px 8px;
	border-color: transparent;
	border-left-color: #ccc;
	border-top-color: #ccc;
}

.bubble p:last-child{
	margin-bottom: 0;
}

.chat_style02 .bubble{
	border-top: 0;
	border-left: 0;
	background-color: #C9008A;
	color: #fff;
}

.chat_style02 .bubble .bubble_in{
	border-color: #C9008A;
}

.chat_l.chat_style02 .bubble .bubble_in::before{
	border-right-color: inherit;
	border-top-color: inherit;
}

.chat_r.chat_style02 .bubble .bubble_in::before{
	border-left-color: inherit;
	border-top-color: inherit;
}


.chat_style03 .bubble{
	background-color: #eee;
	border-color: #d6d6d6;
	border-top: 0;
	border-left: 0;
}

.chat_style03 .bubble .bubble_in{
	border-color: #eee;
}

.chat_r.chat_style03 .bubble .bubble_in::before{
	border-left-color: #d6d6d6;
	border-top-color: #d6d6d6;
}

.chat_l.chat_style03 .bubble .bubble_in::before{
	border-right-color: #d6d6d6;
	border-top-color: #d6d6d6;
}

.chat_style03 .bubble .bubble_in::after{
	margin-top: -5px
}

/*ページ送り・リンク*/
.link-next a{
	display: inline-block;
}

.link-back a{
	display: inline-block;
}

.link-next a::before,
.link-back a::before{
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	color: #505050;
	text-decoration: none;
}

.link-next a::before{
	content: "\e905";
}


.link-back a::before{
	content: "\e904";
}

.link-next02 a{
	position: relative;
	padding-left: 12px;
	color: #000;
	text-decoration: none;
}

.link-next02 a::before{
	position: absolute;
	top: 5px;
	left: 0;
	border-width: 4px 6px;
	border-style: solid;
	border-color: transparent;
	border-left-color: #000;
	content: '';
}

.link-back02 a{
	position: relative;
	padding-left: 16px;
	color: #000;
	text-decoration: none;
}

.link-back02 a::before{
	position: absolute;
	top: 5px;
	left: -4px;
	border-width: 4px 6px;
	border-color: transparent;
	border-style: solid;
	border-right-color: #000;
	content: '';
}

.page-nav ol{
	margin-left: 0;
	letter-spacing: -.5em;
	text-align: center;
}

.page-nav li{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 4px 12px;
	background-color: #fff;
	letter-spacing: 0;
}

.page-nav li:last-child{
	margin-right: 0;
}

.page-nav li a{
	display: block;
	margin: -4px -12px;
	padding: 4px 12px;
	color: #333;
	text-decoration: none;
}

.page-nav li span.current{
	display: block;
	margin: -4px -12px;
	padding: 4px 12px;
}

.page-nav .current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
	background: #C9008A;
	color: #fff;
}

.page-nav .page-nav_next a::after,
.page-nav .page-nav_prev a::before{
	display: inline-block;
	font-size: 14px;
}

.page-nav .page-nav_next a::after{
	margin-left: 5px;
	content: "\e905";
}

.page-nav .page-nav_prev a::before{
	margin-right: 5px;
	content: "\e904";
}

.page-nav .page-nav_prev a:hover::before,
.page-nav .page-nav_prev a:active::before,
.page-nav .page-nav_prev a:focus::before,
.page-nav .page-nav_next a:hover::after,
.page-nav .page-nav_next a:active::after,
.page-nav .page-nav_next a:focus::after{
	color: #fff;
}

.nav-links{
	display: table;
	position: relative;
	width: 100%;
	margin: 30px 0;
	overflow: hidden;
	font-size: 1.4rem;
	table-layout: fixed;
}

.nav-links::before{
	position: absolute;
	top: 10px;
	left: 50%;
	width: 1px;
	height: 45px;
	margin-top: -20px;
	background-color: #ccc;
	content: '';
}

.nav-links .nav-next,
.nav-links .nav-previous{
	display: table-cell;
	width: 50%;
}

.nav-links .nav-next{
	float: right;
	text-align: right;
}

.nav-links .nav-previous{
	float: left;
	text-align: left;
}

.nav-links .nav-next a,
.nav-links .nav-previous a{
	display: block;
	overflow: hidden;
	color: #000;
	text-decoration: none;
	line-height: 1.5;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.2rem;
}

.nav-links .nav-next a{
	padding: 10px 20px 10px 10px;
	background: url(./images/icon/page-nav_arrow_r.svg) right top no-repeat;
	background-size: 10px 36px;
}

.nav-links .nav-previous a{
	padding: 10px 10px 10px 20px;
	background: url(./images/icon/page-nav_arrow_l.svg) left top no-repeat;
	background-size: 10px 36px;
}

.nav-links .nav-next a:hover,
.nav-links .nav-next a:active,
.nav-links .nav-next a:focus,
.nav-links .nav-previous a:hover,
.nav-links .nav-previous a:active,
.nav-links .nav-previous a:focus{
	color: #C9078A;
	text-decoration: underline;
}

/*タブメニュー*/
.tab-menu,
.tab-conts{
	margin: 0;
}

.tab-menu{
	display: table;
	width: 100%;
	border-right: 1px solid #d6d6d6;
	table-layout: fixed;
}

.tab-conts{
	margin-bottom: 25px;
	border-top: 0;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.tab-menu > li,
.tab-conts > li{
	list-style: none;
	margin-bottom: 0;
	background-color: #d6d6d6;
}

.tab-menu > li{
	display: table-cell;
	border-bottom: 5px solid #f0f0f0;
	background-color: #e9e8e8;
	color: #666;
	font-size: 1.4rem;
	cursor: pointer;
}

.tab-menu > li span{
	display: block;
	margin-top: -5px;
	padding: 10px 10px 5px;
	overflow: hidden;
	border-right: 1px solid #d6d6d6;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tab-menu > .tab-menu_select{
	background-color: #fff;
	border: 5px solid #f0f0f0;
	border-bottom: 0;
	color: inherit;
}

.tab-menu > li:last-child span,
.tab-menu > .tab-menu_select span{
	border-right: 0;
}

.tab-menu_select + li span{
	border-left: 1px solid #d6d6d6;
}

.tab-conts > li{
	padding: 10px;
	border: 5px solid #f0f0f0;
	border-top: 0;
	background-color: #fff;
}

/*
# フッター
*/
.footer_wrap{
	font-size: 1.4rem;
	line-height: 1.4em;
}

.footer_outer{
	overflow: hidden;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.footer-navi {
	margin-left: 50px;
}

.footer-navi li{
	float: left;
	width: 50%;
	text-align: left;
}

.footer-navi li a{
	position: relative;
	display: block;
}

/*三角*/
.footer-navi li a::before{
	position: absolute;
	top: 8px;
	left: -13px;
	border-width: 4px 6px;
	border-style: solid;
	border-color: transparent;
	border-left-color: #333;
	content: '';
}

/*
# フッターパネル
*/
.footer-panel_wrap{
	z-index: 80;
	width: 100%;
	background: #f7f7f7;
}

.footer-panel{
	position: relative;
	min-height: 43px;
	padding: 0;
}

.footer-panel ul{
	display: table;
	width: 100%;
	margin: 0;
	table-layout: fixed;
	border-top: 1px solid #AAA;
}

.footer-panel li{
	display: table-cell;
	border-right: 1px solid #AAA;
	font-size: 1.2rem;
	text-align: center;
}

.footer-panel li a{
	display: block;
	padding: 5px;
	color: #FFF;
	text-decoration: none;
}

.footer-panel li span::before{
	font-size: 16px;
}

.fixed-bottom{
	position: fixed;
	bottom: 0;
}

/*コピーライト*/
.copyright_wrap{
	padding: 15px;
	background-color: #333;
	color: #FFF;
}

.copyright_wrap a,
.copyright_wrap a:hover,
.copyright_wrap a:active,
.copyright_wrap a:focus{
	color: #FFF;
}

/*メルマガ登録ボタン*/
.btn_mailmaga_wrap{
	margin: 30px 0;
}

.btn_mailmaga_wrap .btn{
	padding: 1em;
}

.btn_mailmaga{
	display: inline-block;
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 1.2;
}

.btn_mailmaga span::before{
	display: inline-block;
	margin-right: 5px;
	line-height: 26px;
}


/*メルマガ登録フォーム*/
.form-mailmaga{
	background: #fff;
	margin: 30px 0;
	padding: 15px;
	line-height: 1.5;
	border: 1px solid #ddd;
	font-size: 1.4rem;
	text-align: center;
}

.form-mailmaga .form-mailmaga_inner{
	max-width: 450px;
	margin: auto;
}

.form-mailmaga .form-mailmaga_mail{
	margin: 10px;
}

.form-mailmaga .form-mailmaga_title{
	color: #C9008A;
	font-weight: bold;
	font-size: 2.0rem;
}

.form-mailmaga .btn{
	margin-bottom: 0;
}

/*ログインフォーム*/
.form-login{
	margin: 30px 0;
	padding: 25px;
	border: 1px solid #ccc;
	font-size: 1.4rem;
}

.form-login .form-login_inner{
	text-align: center;
}

.form-login-item{
	max-width: 450px;
	margin: auto;
	margin-bottom: 10px;
}

.form-login .form-login_title{
	color: #C9008A;
	font-weight: bold;
	font-size: 2.0rem;
	text-align: center;
}

.form-login .form-login_title::before{
	display: inline-block;
	margin-right: 5px;
	content: "\e913";
	font-size: 20px;
}

.form-login-item .form-login_title{
	color: #C9008A;
	font-weight: bold;
	font-size: 2.0rem;
}

.form-login .form-login_title_sub{
	font-weight: bold;
	font-size: 1.6rem;
}

.form-login-item_btn{
	width: 200px;
	margin: 20px auto;
}

.form-login-item_btn button{
	width: 200px;
}

.form-login-item_btn p{
	text-align: left;
}

.form-login-item_btn .link-next02{
	margin-bottom: 10px;
}

.form-login hr{
	position: relative;
	height: 1.5em;
	margin: 25px -25px;
	border: 0;
	line-height: 1em;
	text-align: center;
	outline: 0;
}

.form-login hr:before{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	content: '';
}

.form-login hr:after{
	position: relative;
	display: inline-block;
	width: 38px;
	height: 38px;
	margin-top: -9px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color: #fff;
	color: #ccc;
	line-height: 38px;
	content: attr(data-content);
}

.list-login-btn_sns{
	margin: 0 auto;
}

.list-login-btn_sns li{
	list-style: none;
}

.login-btn_fb button,
.login-btn_tw button,
.login-btn_gplus button{
	width: 100%;
	margin-bottom: 5px;
	padding: 8px;
	border-radius: 6px;
	box-shadow: 2px 2px 0px #e9e9e9;
	color: #fff;
	line-height: 30px;
	text-align: left;
}

.login-btn_fb button:hover,
.login-btn_fb button:active,
.login-btn_fb button:focus,
.login-btn_tw button:hover,
.login-btn_tw button:active,
.login-btn_tw button:focus,
.login-btn_gplus button:hover,
.login-btn_gplus button:active,
.login-btn_gplus button:focus{
	box-shadow: none;
	cursor: pointer;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

.login-btn_fb button{
	background-color: #3b5998;
}

.login-btn_tw button{
	background-color: #1da1f2;
}

.login-btn_gplus button{
	background-color: #d34836;
}

.login-btn_fb button i,
.login-btn_tw button i,
.login-btn_gplus button i{
	margin-right: 10px;
	font-size: 20px;
}


/*お問い合わせ*/
.contact-box{
	padding: 6px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#C9008A 25%, #C9008A 50%,
		#fff 50%, #fff 75%,
		#C9008A 75%, #C9008A
	);
	background-size: 4px 4px;
	background-repeat: repeat;
}

.contact-box_inner{
	position: relative;
	padding: 12px;
	background-color: #f2efed;
}

.contact-box .contact-box-title{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #C9008A;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: center;
}

.contact-box_in{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: column;
	flex-direction: column;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}

.contact-box_mail{
	display: -webkit-flex;
	display: flex;
}

.contact-box-item p{
	margin-bottom: 0;
}

.contact-box_mail a{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	border-radius: 8px;
	text-decoration: none;
}

.contact-box_tel{
	margin-bottom: 10px;
	text-align: center;
	color: #C9078A;
	font-weight: bold;
	font-size: 3rem;
}

.contact-box_tel::before{
	display: inline-block;
	content: "\e920";
	font-size: 24px;
}

.contact-box_tel a{
	text-decoration: none;
}

.contact-box_tel span{
	display: block;
	font-weight: normal;
	font-size: 1.4rem;
}


/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 90;
	margin-bottom: 0;
	background-color: #333;
	line-height: 1.0;
}

.page-top a{
	display: block;
	padding: 19px 20px;
	text-align: center;
}

.page-top a::before{
	display: inline-block;
	content: "\e906";
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}


/*マルチカラム（1～6）*/

.col6-wrap,
.col5-wrap,
.col4-wrap,
.col3-wrap,
.col2-wrap,
.col1-wrap{
	margin: 0 0 1em;
	width: 100%;
}

.col6-wrap::after,
.col5-wrap::after,
.col4-wrap::after,
.col3-wrap::after,
.col2-wrap::after,
.col1-wrap::after{
	display: block;
	content: " ";
	clear: both;
}

.col,
.col_ns{
	float: none;
	width: auto;
	margin-left: 0;
	padding-bottom: 20px;
}

.col1-wrap > .col{
	width: 100%;
}

.col{
	margin-bottom: 0;
}

.col2-wrap > .col,
.col3-wrap > .col{
	margin-bottom: 20px;
}

.inner-h{
	min-height: 100px;
	max-height: 335px;
	overflow-y: auto;
}

@media (min-width : 768px){
.inner-h{
	min-height: 335px;
	overflow-y: auto;
}
}

.inner-n{
	min-height: 100px;
	max-height: 335px;
	overflow-y: auto;
}

@media (min-width : 768px){
.inner-n{
	max-height: 600px;
	overflow-y: auto;
}
}

.col2-wrap > .col:last-child,
.col3-wrap > .col:last-child{
	margin-bottom: 0px;
}

.col5-wrap > .col{
	float: left;
	width: 49%;
}

.col5-wrap > .col:nth-child(even){
	margin-right: 2%;
}

.col5-wrap > .col_ns{
	width: 50%;
}

/*隙間なしのマルチカラム*/
.col_ns{
	margin-bottom: 0;
}

/*回り込みの解除*/
.main_outer::after,
.header_inner::after,
.gnav_inner::after,
.gnav_sub_inner::after,
.gnav_sp_inner::after,
.page-nav::after,
.nav-links::after,
.btn-area::after,
.whats_box::after,
.whats_box_all::after,
.item-box::after,
.item-box02::after,
.item-box03_col_wrap::after,
.btn-detail_wrap::after,
.price_box::after,
.diary::after,
.clearfix::after{
	display: block;
	content: " ";
	clear: both;
}

/*--------------------------------------------------------
	年齢認証ページ
--------------------------------------------------------*/

.enter_box{
	text-align: center;
}

.enter{
	text-align: center;
	border: 1px solid #CCC;
	width: 300px;
	display: inline-block;
}

.enter a{
	display: block;
	color: #FFF;
	background-color: #000;
	padding: 10px;
}

.enter a:hover,
.enter a:active,
.enter a:focus{
	color: #333;
	background-color: #FFF;
}

.enter_box p{
	margin-top: 20px;
	font-size: 11px;
}

h2.index_h2{
	font-size: 11px;
	margin:0 auto 20px auto;
	padding: 0;
}

/*--------------------------------------------------------
	トップページ
--------------------------------------------------------*/

.whats_box {
	max-height: 200px;
	overflow-y: auto;
	text-align: left;
}

.whats_box .whats_img,
.whats_box_all .whats_img {
	float: left;
	width: 150px;
	padding-right: 10px;
	padding-bottom: 10px;
}

@media (min-width : 768px){
.whats_box {
	min-height: 342px;
	max-height: 342px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.whats_box_all {
	padding-top: 20px;
}

.whats_box .whats_img,
.whats_box_all .whats_img {
	width: 240px;
	padding-right: 30px;
	padding-bottom: 25px;
}
}

@media (min-width : 920px){
.whats_box .whats_img,
.whats_box_all .whats_img {
	width: 400px;
	padding-right: 30px;
	padding-bottom: 25px;
}
}

@media (min-width : 1400px){
.whats_box {
	text-align: left;
}

.whats_box_all {
	padding-top: 40px;
}
.whats_box .whats_img,
.whats_box_all .whats_img {
	width: 240px;
	padding-right: 30px;
	padding-bottom: 25px;
}
}


/*--------------------------------------------------------
	スケジュール
--------------------------------------------------------*/

.sch_week {
	width:100%;
	margin:20px auto 10px auto;
}

.sch_week li {
	float: left;
	text-align: center;
	height: 60px;
}

.sch_week::after {
	display: block;
	clear: both;
	height: 0;
	content: '';
}

.sch_week li a {
	font-size: 0.9em;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
	display:block;
}


.sch_week li{
	width: 23.8%;
	margin-right: 1%;
}

.sch_week li:nth-child(4n){
	margin-right: 0;
}

.sch_week_pro {
	width:100%;
	margin:20px auto 10px auto;
}

.sch_week_pro li {
	float: left;
	text-align: center;
	height: 110px;
}

.sch_week_pro::after {
	display: block;
	clear: both;
	height: 0;
	content: '';
}

.sch_week_pro li {
	font-size: 0.9em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	display:block;
}


.sch_week_pro li{
	width: 23.8%;
	margin-right: 1%;
}

.sch_week_pro li:nth-child(4n){
	margin-right: 0;
}

/*--------------------------------------------------------
	キャスト
--------------------------------------------------------*/

.cast_box {
	max-width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}
.cast_box_class {
    width: 100%;
	height: 22px;
	overflow: hidden;
	font-size: 1.2em;
}

.cast_box_class_new{
    width: 100%;
	height: 22px;
	overflow: hidden;
	font-size: 1.2em;
	padding-top: 5px;
}

@media (min-width : 768px){
.cast_box_class {
	font-size: 1.6em;
	height: 30px;
}
}

.cast_box_img{
	position: relative;
}

.cast_box_catch {
    width: 100%;
	height: 24px;
	overflow: hidden;
}

.marquee {
    width: 100%;
    padding-left:  100%;
    white-space: nowrap;

    animation-name: marquee;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes marquee {
    from    { transform: translate(0%); } 
    100%,to { transform: translate(-200%); }
}

.cast_box_ranking{
	max-width: 100%;
	text-align: center;
	display: inline-block;
}
.cast_box_ranking img{
	height: 90px;
	background-color: none!important;
	padding: 0!important;
	box-shadow: none!important;
	background: none!important;
}
.cast_box_img .cast_new{
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.cast_box_img .cast_new span{
	font-size: 14px;
}
.cast_box_img .cast_twitter img{
	position: absolute;
	width: 13%;
	top: 10px;
	left: 4%;
	background-color: none;
	padding: 0!important;
	box-shadow: none!important;
	background: none!important;
}
.cast_box_img .cast_blog img{
	position: absolute;
	width: 13%;
	top: 10px;
	left: 17%;
	background-color: none;
	padding: 0!important;
	box-shadow: none!important;
	background: none!important;
}
.cast_box_info {
	max-width: 100%;
	padding: 8px;
	box-sizing: border-box;
}
.cast_box_size {
	font-size: 0.9em;
}
.cast_time {
	background-color: #AC0032;
	line-height: 1.5;
	font-size: 1.6rem;
	margin-top: 10px;
	vertical-align: bottom;
	padding-top: 3px;
}

/*キャストカラム*/
.cast-wrap{
	margin: 0 0 1em;
}

.cast-wrap::after{
	display: block;
	content: " ";
	clear: both;
}

.cast-wrap > .col{
	float: left;
	width: 49%;
}

.cast-wrap > .col:nth-child(odd){
	margin-right: 2%;
}

@media (min-width : 920px){

.cast-wrap > .col{
	width: 32%;
	margin-right: 2%;
}

.cast-wrap > .col:nth-child(3n){
	margin-right: 0;
}
}


@media (min-width : 1200px){

.cast-wrap > .col{
	width: 18.4%;
	margin-right: 2%;
}
.cast-wrap > .col:nth-child(3n){
	margin-right: 2%;
}
.cast-wrap > .col:nth-child(5n){
	margin-right: 0;
}
}

/*キャストカラム(2カラム用）*/
.cast-top-wrap{
	margin: 0 0 1em;
}

.cast-top-wrap::after{
	display: block;
	content: " ";
	clear: both;
}

.cast-top-wrap > .col{
	float: left;
	width: 49%;
}

.cast-top-wrap > .col:nth-child(odd){
	margin-right: 2%;
}

@media (min-width : 920px){

.cast-top-wrap > .col{
	width: 32%;
	margin-right: 2%;
}

.cast-top-wrap > .col:nth-child(3n){
	margin-right: 0;
}
}


@media (min-width : 1200px){

.cast-top-wrap > .col{
	width: 23.5%;
	margin-right: 2%;
}
.cast-top-wrap > .col:nth-child(3n){
	margin-right: 2%;
}
.cast-top-wrap > .col:nth-child(4n){
	margin-right: 0;
}
}


/*--------------------------------------------------------
	プロフィール
--------------------------------------------------------*/

.slider_cast{
	margin: 0 auto 0 auto;
	display: inline-block;
}
.slider_cast img{
	margin: 0 auto 0 auto;
	text-align: center;
	max-width: 68%;
	height: auto;
	vertical-align: bottom;
}

@media (min-width : 768px){
.slider_cast{
	margin: 0 auto 0 auto;
	display: inline-block;
	max-width: 100%;
}
.slider_cast img{
	max-width: 100%;
}
}

.slider_cast{
	background: rgba(1, 1, 1, 1);
}

#slide .slick-slide:not(.slick-center) {
  opacity: 0.3;
  transition: 0.2s linear;
}
.thumbnail{
	max-width: 500px;
	display: inline-block;
	padding: 10px 10px 0 10px;
	margin: 0 auto 0 auto;
}
.thumbnail div{
	padding: 3px;
}
.profile_box{
	text-align: center;
	line-height: 1.6;
}
.profile_box_type{
	text-align: center;
	margin: 0;
}
.profile_box_type ul{
	display: inline-block;
	margin-right: -10px;
	margin: 0;
}
.profile_box_type ul li{
	float: left;
	width: 150px;
	margin-right: 10px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*--------------------------------------------------------
	料金システム
--------------------------------------------------------*/

.price_box{
	margin: 0 0 30px 0;
	padding: 10px;
	width: 100%;
}

.price_box_setsumei{
	margin-top: 20px;
	margin-bottom: 20px;
}

.price_box_bikou{
	margin-top: 20px;
	margin-bottom: 20px;
}

.price_box .col{
	font-family: 'Cinzel', serif;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-top: 20px;
}

.price_box .price_box_title{
}

.price_box .price_box_price{
}

.basic_box{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #555;
	margin-bottom: 0;
}

.basic_box_non{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #555;
	margin-bottom: 0;
}

.option_box{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #555;
	margin-bottom: 0;
}

.card{
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.card ul{
	display: inline-block;
}

.card ul li{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

/*--------------------------------------------------------
	アクセス
--------------------------------------------------------*/

.g_map iframe{
	width: 100%!important;
	height: 500px!important;
}

/*--------------------------------------------------------
	リンク
--------------------------------------------------------*/

.link_box{
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
}

.link_box ul li {
	float: left;
	vertical-align: top;
	margin: 0 1% 0px 1%;
}

.link_box .link_box_640 {
	max-width: 640px;
	height: 100px;
	overflow: hidden;
}

.link_box .link_box_468 {
	max-width: 468px;
	height: 80px;
	overflow: hidden;
}

.link_box .link_box_200 {
	max-width: 200px;
	height: 60px;
	overflow: hidden;
}

.link_box .link_box_88 {
	max-width: 88px;
	height: 51px;
	overflow: hidden;
}

/*--------------------------------------------------------
	写メ日記
--------------------------------------------------------*/

.diary_box {
	max-width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.diary_box_info {
	max-width: 100%;
	padding: 8px;
	box-sizing: border-box;
	font-size: 0.8em;
}

@media (min-width : 768px){
.diary_box_info {
	font-size: 1em;
}
}

.diary_box_img .trim{
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 150px;/* トリミングしたい枠の高さ */
    position: relative;
	display: inline-block;
}

@media (min-width : 768px){
.diary_box_img .trim{
    height: 200px;
}
}

.diary ul{
	width: 100%;
	margin: 0;
}

.diary ul li{
	float: left;
	list-style: none;
}

.diary ul li.diary_img{
	width: 35%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	overflow: hidden;
}

.diary ul li.diary_text{
	width: 65%;
	padding: 10px;
}

.diary ul li.diary_img .trim{
    overflow: hidden;
    width: 120px;/* トリミングしたい枠の幅 */
    height: 120px;/* トリミングしたい枠の高さ */
    position: relative;
	display: inline-block;
}

.diary ul li.diary_img img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.diary_title{
	font-size: 1.2em;
	line-height: 1.8em;
}

.diary_btn{
	text-align: right;
	margin-top: 20px;
	margin-right: 20px;
}

.paging {
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.paging a {
	line-height: 2.5;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFF;
	background-color: #666;
}

.paging a:hover {
	background-color:#999;
}

.paging a.current {
	text-decoration: none;
	font-size: 1.0em;
	background-color: #111;
	border: 1px solid #999;
}

.diary_list {
	position: relative;
	display: inline-block; 
}

.diary_list .trim_s{
    overflow: hidden;
    width: 150px;/* トリミングしたい枠の幅 */
    height: 150px;/* トリミングしたい枠の高さ */
    position: relative;
	display: inline-block;
}

.diary_list .trim_s img{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.diary_list .diary_list_text {
	position: relative;
	height: 30px;
	bottom: 30px;
	left: 0;
	display:block;
	width:150px;
	background-color:rgba(0,0,0,0.7);
	text-align: center;
	font-size:1em;
	color:white;
	vertical-align: bottom;
}

.diary_navi {
	text-align: center;
}

.diary_navi ul {
	margin: 0;
	display: inline-block;
}

.diary_navi ul li {
	float: left;
	background: none;
	border: none;
	padding: 10px;
	margin: 0;
}

/*--------------------------------------------------------
	コンテンツ
--------------------------------------------------------*/

.widget{
	display:inline-block;
}

/*--------------------------------------------------------
	動画
--------------------------------------------------------*/


.movie iframe{
	width: 100%!important;
	height: 280px!important;
}


/*--------------------------------------------------------
	プライバシーポリシー
--------------------------------------------------------*/

.privacy_box dt{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F00;
	padding-left: 10px;
	font-size: 1.1em;
	line-height: 1.5;
	margin-bottom: 10px;
}

.privacy_box dd{
	font-size: 1.0em;
	line-height: 1.5;
	margin-bottom: 10px;
}


/********************************************************************************************************/
@media (min-width : 480px){


	/*マルチカラム（1～6）*/


	.footer-cont_wrap{
		padding: 0 10px;
	}

	.btn_mailmaga{
		font-size: 2.5rem;
	}

	.btn_mailmaga span::before{
		font-size: 28px;
		line-height: 32px;
	}
	
	.btn-detail_col{
		margin: 10px 0;
	}

.diary ul li.diary_img{
	text-align: center;
}

.diary ul li.diary_img .trim{
    overflow: hidden;
    width: 200px;/* トリミングしたい枠の幅 */
    height: 200px;/* トリミングしたい枠の高さ */
}


}/*横幅480px以上*/


@media (min-width : 768px){

	.sch_week li {
		width: 13.428%;
		margin-right: 1%;
	}

	.sch_week li:nth-child(4n) {
		margin-right: 1%;
	}

	.sch_week li:nth-child(7n) {
		margin-right: 0;
	}

	.sch_week_pro li {
		width: 13.428%;
		margin-right: 1%;
	}

	.sch_week_pro li:nth-child(4n) {
		margin-right: 1%;
	}

	.sch_week_pro li:nth-child(7n) {
		margin-right: 0;
	}

	.price_box .col{
		font-size: 2em;
		line-height: 1.5em;
	}

	.slider_title{
		font-size: 30px;
		margin: 0;
	}

	.slider_text{
    	font-size: 14px;
	}

	/*デスクトップとモバイルで表示を振り分け*/
	.show-sp,
	.show-sp02{
		display: none!important;
	}

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

	.show-pc02{
		display: inline!important;
	}

	.main .section_wrap{
		margin-top: 20px;
		padding: 0px;
	}
	
	.main .section_wrap.widget{
		padding: 0px;
	}
	
	.main .section_wrap-wide,
	.main .section_wrap_style02{
		padding: 0px;
	}

	.main .section h1{
		margin: 40px -40px 30px;
		padding: 30px 40px 0;
		font-size: 2.4rem;
	}

	.inner{
		padding: 20px;
	}

	.section_outer{
		margin-bottom: 40px;
	}

	.section_outer .section_wrap{
		margin: 0;
	}

	.section h1:first-child{
		margin: -30px -40px 30px;
	}

	h2{ font-size: 2.4rem; 	}

	h3{ font-size: 2.0rem; }

	h4{ font-size: 2.0rem; }

	h5{ font-size: 2rem; }

	/*
	# 1カラムのレイアウト
	*/

	.col1 .gnav_outer,
	.col1 .mv_outer,
	.col1 .catch-area,
	.col1 .archive_title_wrap,
	.col1 .breadcrumb-list_outer,
	.col1 .footer_outer,
	.col1 .copyright,
	.col1 .section_wrap,
	.col1 .sep-conts_outer,
	.col1 .footer-panel_outer{
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}

	.col1 .sub{
		padding: 10px 0;
	}

	.col1 .main_outer,
	.col1 .section_wrap-wide{
		width: 100%;
		max-width: none;
	}

	.col1 .section_wrap,
	.col1 .section_wrap-wide,
	.col1 .section_wrap-wide .section{
		margin-right: auto;
		margin-left: auto;
	}
	
	.col1 .section_wrap{
		max-width: 1200px;
	}
	
	.col1 .section_wrap-wide{
		max-width: none;
	}

	.col1 .section_wrap-wide .section{
		padding: 0;
	}
	
	/*
	# 2カラムのレイアウト
	*/
	.col1 .header_outer,
	.col2 .header_outer,
	.col2 .gnav_outer,
	.col2 .mv_outer,
	.col2 .archive_title_wrap,
	.col2 .main_outer,
	.col2 .catch-area,
	.col2 .breadcrumb-list_outer,
	.col2 .footer_outer,
	.col2 .copyright,
	.col2 .sep-conts_outer,
	.col2 .footer-panel_outer{
		max-width: 96%;
		margin-right: auto;
		margin-left: auto;
	}

	.col2r .header_outer,
	.col2r .gnav_outer,
	.col2r .mv_outer,
	.col2r .catch-area,
	.col2r .archive_title_wrap,
	.col2r .main_outer,
	.col2r .breadcrumb-list_outer,
	.col2r .footer_outer,
	.col2r .copyright,
	.col2r .sep-conts_outer,
	.col2r .footer-panel_outer{
		max-width: 96%;
		margin-right: auto;
		margin-left: auto;
	}

	.col1 .lp .header_outer,
	.col1 .lp .gnav_outer,
	.col1 .lp .mv_outer,
	.col1 .lp .catch-area,
	.col2 .lp .header_outer,
	.col2 .lp .gnav_outer,
	.col2 .lp .mv_outer,
	.col2 .lp .catch-area,
	.col2r .lp .header_outer,
	.col2r .lp .gnav_outer,
	.col2r .lp .mv_outer,
	.col2r .lp .catch-area{
		max-width: none;
	}

	/*
	# 「メインコンテンツ（.main）」と「サブコンテンツ（.sub）」
	# 「メインコンテンツの幅」は「メインの幅（初期設定では1200px）」から「サブの幅＋余白（初期設定では320px）」を引いたもの
	*/

	/*2・3カラムの設定*/
	.col2 .main{
		float: left;
		width: 100%;
		margin-right: -32%;
		padding-right: 32%;
	}

	.col2 .sub{
		float: right;
		width: 30%; /*サイドバーの幅*/
	}


	.col,
	.col_ns{
		float: left;
	}

	.col::after,
	.col_ns::after{
		display: block;
		clear: both;
		height: 0;
		content: '';
	}

	.col5-wrap > .col,
	.col4-wrap > .col,
	.col3-wrap > .col,
	.col2-wrap > .col{
		width: 49%;
	}

	.col5-wrap > .col:nth-child(odd),
	.col4-wrap > .col:nth-child(odd),
	.col3-wrap > .col:nth-child(odd),
	.col2-wrap > .col:nth-child(odd){
		margin-right: 2%;
	}

	.col6-wrap > .col{
		width: 32%;
		margin-right: 2%;
	}

	.col6-wrap > .col:nth-child(3n){
		margin-right: 0;
	}

	.col5-wrap > .col_ns,
	.col4-wrap > .col_ns,
	.col2-wrap > .col_ns{
		width: 50%;
	}
	
	.col6-wrap > .col_ns,
	.col3-wrap > .col_ns{
		width: 33.33333333%;
	}



	/*2カラムリバースの設定*/
	.col2r .main{
		float: right;
		width: 100%;
		margin-left: -32%;
		padding-left: 32%;
	}

	.col2r .sub{
		float: left;
		width: 30%; /*サイドバーの幅*/
	}

	.header{
		padding-right: 0;
	}

	.header_logo{
		max-width: 280px;
		max-height: 80px;
	}

	.header_col1 .header_cont{
		margin-right: 0;
	}
	
	.catch-area_inner{
		padding: 30px;
	}

	.catch-area .catch_main{
		margin-bottom: 10px;
		font-size: 3rem;
	}

	.catch-area .catch_sub{
		margin-bottom: 10px;
		font-size: 2.0rem;
	}
	
	.slider-pager a i{
		font-size: 25px
	}

	.slider-nav a{
		width: 15px;
		height: 15px;
		border-radius: 50%;
	}

	/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/

	.table-list thead{
		display: table-header-group;
	}

	.table-list tr{
		display: table-row;
	}

	.table-list th,
	.table-list td{
		display: table-cell;
	}

	.table-list tbody td::before{
		display: none;
		width: auto;
	}


	/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/

	.table-block{
		display: table;
	}

	.table-block tbody{
		display: table-row-group;
	}

	.table-block tr{
		display: table-row;
	}

	.table-block th,
	.table-block td{
		display: table-cell;
	}

	.table-block th{
		width: 25%;
	}

	.table-block th.th1{
		width: 40%;
		text-align: right;
	}

	.table-block::after{
		display: none;
	}

	.table-scroll::before{
		content: "";
	}

	
	/*
	# ヘッダー
	*/
	.fixed{
		position: static;
		width: 100%;
	}

	.container{
		padding-top: 0!important;
	}

	.header .site-title,
	.header_col1 .site-title{
		float: left;
		max-width: 50%;
		font-size: 3.0rem;
	}

	.header_cont,
	.header_col1 .header_cont{
		float: right;
		max-width: 50%;
		background-color: transparent;
	}

	.fixed .header_col1 .header_cont{
		display: block;
	}
	
	.header_cont .btn{
		margin-top: 10px;
		padding: 10px 30px;
	}

	.gnav_btn{
		display: none;
	}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

.gnav_wrap {
	min-width: 1200px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

.gnav_inner {
	display: block!important;
	position: static;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1200px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}

.gnav_inner ul{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	table-layout: fixed; /*メニューの幅を均等に*/
}

.gnav_inner li{
	display: table-cell;
	list-style: none;
	position: relative;
	vertical-align: middle;
	margin: 0;
	text-align: center;
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.gnav_inner li a:hover,
.gnav_inner li a:active,
.gnav_inner li a:focus,
.gnav_inner li:hover > a{
	opacity: 0.7;
	
}

/*--------------------------------------------------------
グローバルサブメニュー
--------------------------------------------------------*/

.gnav_sub_wrap {
	min-width: 1200px;
}

.gnav_sub {
	margin: 0;
	padding: 0;
	border-bottom:1px solid #CCC;
}

.gnav_sub_inner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1200px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}


.gnav_sub_inner ul{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	/*border-left: 1px dotted #bcbcbc;*/
	table-layout: fixed; /*メニューの幅を均等に*/
}

.gnav_sub_inner li{
	float: right;
	display: table-cell;
	list-style: none;
	position: relative;
	vertical-align: middle;
	margin: 0;
	/*border-bottom: 3px solid #3770ad;*/
	text-align: center;
}

.gnav_sub_inner li a{
	display: block;
	font-size: 0.9em;
	min-height: 1.2em; /*メニュー毎に高さが変わるときに調整*/
	padding: 0.8em 1.5em; /*画像をメニューにする場合は値を0に*/
	text-decoration: none;
}

.gnav_sub_inner li a:hover,
.gnav_sub_inner li a:active,
.gnav_sub_inner li a:focus,
.gnav_sub_inner li:hover > a{
	/*background-color: #3770ad;*/
	color: #000000;
}

/*三角*/
.gnav_sub_inner li a::before{
	position: absolute;
	top: 17px;
	left: 10px;
	border-width: 4px 6px;
	border-style: solid;
	border-color: transparent;
	border-left-color: #333;
	content: '';
}

/*--------------------------------------------------------
スマホメニュー
--------------------------------------------------------*/

.gnav_sp_wrap {
	width: 100%;
}

.gnav_sp {
	margin: 0;
	padding: 0;
	border-bottom:1px solid #CCC;
}

.gnav_sp ul {
	width:100%;
	background-color: #000;
}

.gnav_sp ul li {
	float: left;
	width:33%;
	list-style: none;
	background-color: #000;
}

.gnav_sp li:first-child {
	border-left: none;
}

.gnav_sp li a {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}



/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

.footer-navi li{
	width: 33%;
}

/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1200px){
	.gnav_wrap {
		min-width: 0;
	}

	.gnav_inner {
		width: 96%;
		margin: auto;
	}

	.gnav_sub_wrap {
		min-width: 0;
	}

	.gnav_sub_inner {
		width: 96%;
		margin: auto;
	}


}/*解像度1200px以下*/


	/*動画ヘッダー*/
	.lp .bg-video{
		background-image: none!important;
		background-color: #000;
	}

	.bg-video video,
	.bg-video iframe{
		display: inline;
	}

	profile-box-desc{
		overflow: hidden;
	}
	
	.section_wrap,
	.section_wrap-wide{
		margin-bottom: 40px;
	}
	
	.error404 .main .section_wrap{
		margin-bottom: 10px;
	}

	.article_wrap{
		margin-bottom: 20px;
	}

	.col1 .archive_title{
		margin-right: auto;
		margin-left: auto;
	}

	/*ステップ図*/
	.step-chart_style02 > li{
		display: inline-block;
		width: 20%;
		margin-right: 20px;
		padding: 20px;
		font-size: 1.6rem;
		vertical-align: middle;
	}
	
	.step-chart_style02 > li:last-child{
		margin-bottom: 16px;
	}

	.step-chart_style02 li::after{
		position: absolute;
		top: 50%;
		bottom: auto;
		right: -30px;
		left: auto;
		margin-top: -15px;
		border: solid transparent;
		border-left-color: #ccc;
		border-width: 15px;
		content: '';
	}

	.step-chart_style02 li:nth-child(1)::after,
	.step-chart_style02 li:nth-child(2)::after,
	.step-chart_style02 li:nth-child(3)::after,
	.step-chart_style02 li:nth-child(4)::after{
		border-top-color: transparent;
	}

	.step-chart_style02 li:nth-child(1)::after{
		border-left-color: #f0f0f0;
	}

	.step-chart_style02 li:nth-child(2)::after{
		border-left-color: #ebe7e5;
	}

	.step-chart_style02 li:nth-child(3)::after{
		border-left-color: #d4cbc5;
	}

	.step-chart_style02 li:nth-child(4)::after{
		border-left-color: #C9008A;
	}

	/*
	# 吹き出し
	*/
	
	.bubble{
		padding: 1em;
	}

	.talker,
	.talker img{
		width: 100px;
	}

	.chat_l .bubble_wrap{
		margin-left: -120px;
		padding-left: 120px;
	}

	.chat_r .bubble_wrap{
		margin-right: -120px;
		padding-right: 120px;
	}

	.form-login{
		padding: 45px;
	}

	.form-login hr{
		margin: 45px -45px;
	}

	.list-login-btn_sns{
		max-width: 260px;
	}

	.login-btn_fb button,
	.login-btn_tw button,
	.login-btn_gplus button{
		padding: 8px 24px;
	}

	.col1 .contact-box_in{
		flex-direction: row;
	}

	.col1 .contact-box-item{
		width: 48%;
		text-align: center;
	}
	
	.col1 .contact-box_tel{
		margin-bottom: 0;
		color: #C9078A;
	}
	
	/*ページ送り*/
	.page-nav ol{
		text-align: center;
	}

	/*
	# フッター
	*/

	/* フッターコンテンツ */
	.footer-cont{
		float: left;
	}

	.footer-cont::after{
		display: block;
		clear: both;
		height: 0;
		content: '';
	}
	
	.footer .section_wrap{
		margin: 0;
		margin-bottom: 30px;
	}
	
	.footer .footer_col1 .section_wrap{
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.footer .section_wrap:last-child{
		margin-bottom: 0;
	}

	.footer-cont_wrap > .footer-cont{
		width: 100%;
		margin-right: 0;
	}
	
	.footer_col1 > .footer-cont{
		width: 100%;
		margin-right: 0;
	}

	.footer_col2 > .footer-cont{
		width: 100%;
		margin-right: 0;
	}
	
	.footer-cont_wrap > .footer-cont:nth-child(3n){
		margin-right: 0;
	}

	.footer_col2 > .footer-cont:nth-child(2n){
		margin-right: 0;
	}

	.footer-cont{
		border: 0;
	}

	.footer-cont:first-child{
		margin-left: 0;
	}

	/*マルチカラム（1～6）*/
	.col6-wrap > .col{
		width: 15%;
		margin-right: 2%;
	}

	.col6-wrap > .col:nth-child(3n){
		margin-right: 2%;
	}

	.col6-wrap > .col:nth-child(6n){
		margin-right: 0;
	}

	.col5-wrap > .col{
		width: 18.4%;
		margin-right: 2%;
	}

	.col5-wrap > .col:nth-child(5n){
		margin-right: 0;
	}

	.col4-wrap > .col{
		width: 23.5%;
		margin-right: 2%;
	}

	.col4-wrap > .col:nth-child(4n){
		margin-right: 0;
	}

	.col6-wrap > .col_ns{
		width: 16.66666666%;
	}
	
	.col5-wrap > .col_ns{
		width: 20%;
	}

	.col4-wrap > .col_ns{
		width: 25%;
	}


	/*
	# フッターパネル
	*/
	.footer-panel_wrap{
		display: none;
	}


}/*横幅768px以上*/


@media (min-width : 920px){

	.contact-box_in{
		-webkit-flex-direction: row
	}

	.contact-box-item{
		width: 48%;
		text-align: center;
	}
	
	.contact-box_tel{
		margin-bottom: 0;
		color: #C9078A;
	}


	/*フッター*/

	.footer-navi{
		margin-left: 50px;
	}
	
	.footer-navi li{
		width: 25%;
	}

	/*コピーライト*/
	.copyright{
		padding: 0;
	}

}/*横幅920px以上*/


@media (min-width : 1200px){

	.footer-cont_wrap{
		padding: 0;
	}
	
	.entry-list_item .sns-btn_wrap{
		width: 50%;
		clear: both;
	}

	.footer-navi li{
		width: 20%;
	}

	.col3-wrap > .col{
		width: 32%;
		margin-right: 2%;
	}

	.col3-wrap > .col:nth-child(3n){
		margin-right: 0;
	}



}/*横幅1200px以上*/


.iframe-css {
  position: relative;
  width: 100%;
  padding-top:56.25%;
}

.iframe-css iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}