/*
Theme Name: Millechronicle
Text Domain: millechronicle
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/millechronicle/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@charset "utf-8";
body{
	/*font-family: 'Noto Sans JP', sans-serif !important;*/
	font-family: 'Noto Serif JP', serif !important;
	margin: 0;
	color: #1e1e1e;
	font-size: 15px;
	-webkit-touch-callout:none; /* リンク長押しのポップアップを無効化*/
 /* -webkit-user-select:none; テキスト長押しの選択ボックスを無効化*/
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
p{
	font-size: 15px;
	line-height: 28px;
	/*-webkit-transform: rotate(0.3deg);
  -moz-transform: rotate(0.3deg);
  -ms-transform: rotate(0.3deg);
  -o-transform: rotate(0.3deg); ie用*/
}
a{
	color: #006cb8;
}
ul{
	padding-left: 0;
}
li{
	list-style: none;
}
img {
  pointer-events: none;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
}
.wrap{
	overflow: hidden;
}
.site-body{
	min-height: 500px;
}
/*--------------------------------------------------------------
基本
----------------------------------------------------------------*/
.container{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 10px;
}
.container-middle{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 10px;
}
.position_r{
	position: relative;
}
/*セクション*/
.section_area{
	padding: 100px 0;
	position: relative;
	z-index: 0;
}
.page_section{
	padding: 0px 0 100px;
	position: relative;
}
.page_sub_section{
	padding: 40px 0;
	position: relative;
}
.mini_section{
	padding: 20px 0;
	position: relative;
}
.pb0{
	padding-bottom: 0 !important;
}
.pt0{
	padding-top: 0 !important;
}
/*画像*/
.otf_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
  font-family: 'object-fit: cover;';
  transition: 0.3s;
}
/*テキスト*/
.tac{
	text-align: center;
}
.tar{
	text-align: right;
}
.page_text{
	text-align: center;
	margin: 80px 0 50px;
}
.fc_white{
	color: #fff;
}
.txt_rote{
	-webkit-transform: rotate(0.3deg);
  -moz-transform: rotate(0.3deg);
  -ms-transform: rotate(0.3deg);
  -o-transform: rotate(0.3deg);
}
.sp_nobr::before{
	 content: "\A" ;
	white-space: pre ;
}
/*タイトル==========*/
/*トップサブタイトル*/
.sub_title_area{
	padding-right: 10px;
	margin-bottom: 60px;
}
.sub_title{
	font-family: 'Vollkorn', serif;
	color: #006cb8;
	width: 40%;
	max-width: 640px;
	font-size: 35px;
	font-weight: 600;
	text-align: right;
	letter-spacing: 3px;
	line-height: 25px;
	position: relative;
}
.sub_title_initial{
	font-size: 40px;
}
.sub_title_mini{
	color: #006cb8;
	font-size: 14px;
	font-weight: 500;
	-webkit-transform: rotate(0.3deg);
  -moz-transform: rotate(0.3deg);
  -ms-transform: rotate(0.3deg);
  -o-transform: rotate(0.3deg);
}
.sub_title:before{
	content: '';
	border-bottom: 1px solid #07132b;
	position: absolute;
		bottom: 24px;
		left: 0;
	width: 100%;
}
.sub_sakura{
	width: 100%;
	max-width: 60px;
	margin: 0 10px -8px 0;
}
/*下層ページタイトル*/
.page_title_area{
	position: relative;
	text-align: center;
	padding: 50px 0 20px;
	background-color: #07132b;
}
.page_title_sakura{
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform: translate(0%,-50%);
  -moz-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  -o-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  width: 100%;
  max-width: 120px;
}
.page_title{
	font-size: 35px;
	font-weight: 500;
	margin: 0;
	letter-spacing: 2px;
	-webkit-transform: rotate(0.3deg);
  -moz-transform: rotate(0.3deg);
  -ms-transform: rotate(0.3deg);
  -o-transform: rotate(0.3deg);
  color: #fff;
}
.page_title_mini{
	font-family: 'Vollkorn', serif;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	margin: 0 auto;
	display: inline-block;
	color: #14cfe1;
}
.page_title_mini:before,
.page_title_mini:after{
	content: '';
	width: 40px;
	border-top: 1px solid #14cfe1;
	position: absolute;
		top: 50%;
}
.page_title_mini:before{
	-webkit-transform: translate(-100%,-50%);
  -moz-transform: translate(-100%,-50%);
  -ms-transform: translate(-100%,-50%);
  -o-transform: translate(-100%,-50%);
  transform: translate(-100%,-50%);
	left: -10px;
}
.page_title_mini:after{
	-webkit-transform: translate(100%,-50%);
  -moz-transform: translate(100%,-50%);
  -ms-transform: translate(100%,-50%);
  -o-transform: translate(100%,-50%);
  transform: translate(100%,-50%);
	right: -10px;
}
/*ジャンルタイトル*/
.genre_title{
	font-size: 25px;
	font-weight: 500;
	position: relative;
}
.genre_title:before{
	content: '';
	border-bottom: 1px solid #07132b;
	position: absolute;
	bottom: 0;
	right: 0;
	width : -webkit-calc(100% - 45px) ;
  width : calc(100% - 45px) ;
}
.gt_big{
	font-size: 35px;
}
.genre_title img{
	width: 100%;
	max-width: 40px;
	margin: 0 5px -6px 0;
}
/*ダイヤ型タイトル*/
.daiya_title{
	font-size: 23px;
	font-weight: 500;
	letter-spacing: 2px;
	margin: 0 0 15px;
	padding-left: 30px;
	position: relative;
	-webkit-transform: rotate(0.3deg);
  -moz-transform: rotate(0.3deg);
  -ms-transform: rotate(0.3deg);
  -o-transform: rotate(0.3deg);
}
.daiya_title:before{
	content: '';
	width: 20px;
	height: 20px;
	background-color: #14cfe1;
	position: absolute;
		top: 50%;
		left: 0;
	-webkit-transform: translate(0%,-50%) rotate(45deg);
  -moz-transform: translate(0%,-50%) rotate(45deg);
  -ms-transform: translate(0%,-50%) rotate(45deg);
  -o-transform: translate(0%,-50%) rotate(45deg);
  transform: translate(0%,-50%) rotate(45deg);
}
/*ボタン==========*/
.sakura_btn{
	text-decoration: none;
	display: block;
	position: relative;
	background-color: #14cfe1;
	color: #fff;
	padding: 15px 20px;
	letter-spacing: 2px;
	width: 100%;
	max-width: 260px;
	margin: 30px auto;
	text-align: center;
	transition: 0.3s;
}
.btn_img{
	width: 30px;
	position: absolute;
		top: 50%;
		right: 20px;
	-webkit-transform: translate(50%,-50%);
  -moz-transform: translate(50%,-50%);
  -ms-transform: translate(50%,-50%);
  -o-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
  transition: 0.5s;
}
.sakura_btn:hover{
	color: #007cbd;
	background-color: #b7f7ff;
}
.sakura_btn:hover .btn_img{
	-webkit-transform: translate(50%,-50%) rotate(180deg) scale(1.6);
  -moz-transform: translate(50%,-50%) rotate(180deg) scale(1.6);
  -ms-transform: translate(50%,-50%) rotate(180deg) scale(1.6);
  -o-transform: translate(50%,-50%) rotate(180deg) scale(1.6);
  transform: translate(50%,-50%) rotate(180deg) scale(1.6);
}
.btn_angle{
	width: 10px;
	height: 10px;
	border-top: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
	-webkit-transform: translate(0%,-20%) rotate(45deg);
  -moz-transform: translate(0%,-20%) rotate(45deg);
  -ms-transform: translate(0%,-20%) rotate(45deg);
  -o-transform: translate(0%,-20%) rotate(45deg);
  transform: translate(0%,-20%) rotate(45deg);
  display: inline-block;
  margin-left: 10px;
  transition: 0.3s;
}
/*テキストと線のみのボタン*/
.text_btn_area{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.text_btn_area li{
	width: 33.3%;
	padding: 0 10px;
  margin-bottom: 20px;
}
.text_btn_area li a{
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	color: #07132b;
	letter-spacing: 2px;
	padding: 10px;
	position: relative;
	transition: 0.3s;
	z-index: 2;
}
.text_btn_area li a .btn_angle{
	position: absolute;
		top: 50%;
		right: 10px;
	-webkit-transform: translate(0%,-50%) rotate(45deg);
  -moz-transform: translate(0%,-50%) rotate(45deg);
  -ms-transform: translate(0%,-50%) rotate(45deg);
  -o-transform: translate(0%,-50%) rotate(45deg);
  transform: translate(0%,-50%) rotate(45deg);
  transition: 0.3s;
  border-color: #14cfe1;
}
.text_btn_area li a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.text_btn_area li a:before{
	content: '';
	width: 0%;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
	transition: 0.3s;
	background-color: #14cfe1;
	z-index: -1;
}
.text_btn_area li a:hover{
	color: #07132b;
}
.text_btn_area li a:hover .btn_angle{
	border-color: #07132b;
}
.text_btn_area li a:hover:before{
	width: 100%;
}
/*アコーディオン*/
.aco_open .btn_angle{
	-webkit-transform: translate(0%,-20%) rotate(135deg);
  -moz-transform: translate(0%,-20%) rotate(135deg);
  -ms-transform: translate(0%,-20%) rotate(135deg);
  -o-transform: translate(0%,-20%) rotate(135deg);
  transform: translate(0%,-20%) rotate(135deg);
}
.view_text{
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	text-align: center;
	position: absolute;
		top: 50%;
		left: 0;
		right: 0;
	margin: 0 auto;
	-webkit-transform: translate(0%,-50%);
  -moz-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  -o-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  opacity: 0;
  transition: 0.3s;
}

/*背景==========*/
.bg_white{
	background-color: #fff;
}
.back_border{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 10px;
	position: absolute;
		top: 0;
		left: 0;
		right: 0;
	z-index: -2;
	background-color: #fff;
}
.back_border:before{
	content: '';
	width: calc(100% - 20px);
	max-width: 1280px;
	height: 100%;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	position: absolute;
		top: 0;
		left: 0;
		right: 0;
	margin: 0 auto;
}
.back_border:after{
	content: '';
	border-left: 1px solid #e0e0e0;
	position: absolute;
		top: 0;
		left: 0;
		right: 0;
	margin: 0 auto;
	width: 1px;
	height: 100%;
}
.bg_gray{
	background-color: #edf5f7;
}
.bg_black{
	background-color: #07132b;
}
.bg_black .sakura_btn:hover{
	border-color: #b2b2b2;
}
/*黒背景タイトル*/
.bg_black .genre_title,
.bg_black .daiya_title{
	color: #fff;
}
.bg_black .genre_title:before{
	border-color: #fff;
}
/*その他*/
.list_no_data{
	width: 100%;
}
/*文字*/
.font_white{
	color: #fff;
}
.font_f_g{
	font-family: 'Vollkorn', serif;
}
/*--------------------------------------------------------------
ヘッダー
----------------------------------------------------------------*/
#site-header{
	border-bottom: 20px solid #07132b;
	background-color: rgba(255,255,255,0.7);
}
.head-nav{
	padding: 10px 0;
	position: relative;
	z-index: 9;
}
.head-nav-toggle{
	display: none;
	position: relative;
}
.toggle_text{
	font-family: 'Vollkorn', serif;
	color: #14cfe1;
	font-size: 8px;
	letter-spacing: 1px;
	text-align: center;
	position: absolute;
		bottom: 15px;
		left: 0;
		right: 0;
	margin: 0 auto;
	transition: 0.5s;
	line-height: 1px;
}
.head-nav ul{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0;
  transition: 0.5s;
}
.head-nav ul li{
	margin: 0 13px 10px;
}
.head-nav ul li:nth-of-type(2){
	margin-left: 0;
}
.head-nav ul li:last-child{
	margin-right: 0;
}
.head-nav ul li a{
	font-family: 'Vollkorn', serif;
	display: block;
	text-decoration: none;
	color: #07132b;
	letter-spacing: 1px;
	transition: 0.3s;
	line-height: 18px;
}
.head-nav ul li a span{
	color: #006cb8;
	font-size: 10px;
	transition: 0.3s;
	-webkit-transform: rotate(0.3deg);
  -moz-transform: rotate(0.3deg);
  -ms-transform: rotate(0.3deg);
  -o-transform: rotate(0.3deg);
}
.head-nav ul li a:hover,
.head-nav ul li a:hover span{
	color: #14d4e6;
}
.sp_display{
	display: none;
}
.pc_logo_li{
	margin-bottom: 0 !important;
	position: relative;
  min-width: 280px;
  min-height: 70px;
}
.pc_logo_li a{
	max-width: 300px;
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.pc_logo{
	width: 100%;
}
.sp_logo_area{
	display: none;
}
.sp_logo{
	width: 100%;
	max-width: 230px;
	padding: 5px 0;
	position: relative;
	z-index: 5;
}
.sp_logo_area a{
	display: inline-block;
}
@media only screen and (max-width: 900px) {
	.sp_display{
		display: block;
	}
	#site-header{
		border-bottom: 3px solid #07132b;
		height: 60px;
		position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
	}
	.head-nav{
		padding: 0;
		position: absolute;
			top: 0;
			left: 0;
	}
	.head-nav ul li a span{
		color: #14d4e6;
	}
	.head-nav-toggle{
		display: inline-block;
		background-color: #07132b;
		width: 60px;
		height: 60px;
		background-image: url('images/common/toggle.svg');
		background-repeat: no-repeat;
		background-position: center 7px;
		background-size: 30px 30px;
		position: fixed;
			top: 0;
			right: 0;
		cursor: pointer;
		z-index: 12;
	}
	.head-nav.show .head-nav-toggle{
		background-image: url('images/common/toggle_close.svg');
	}
	.head-nav.show .head-nav-toggle .toggle_text{
		display: none;
	}
	.head-nav ul{
		width: 100%;
		height: 0;
		overflow: hidden;
		background-color: rgba(0,0,0,0.9);
		flex-direction: column;
		justify-content: flex-start;
		position: fixed;
			top: 0;
			left: 0;
		z-index: 11;
	}
	.head-nav ul li{
		width: 100%;
		margin: 0;
		padding: 10px;
		border-bottom: 1px solid #b2b2b2;
		text-align: center;
	}
	.head-nav ul li a{
		color: #fff;
	}
	.head-nav.show ul{
		height: 100%;
		padding-top: 60px;
	}
	.pc_logo_li{
		display: none;
	}
	.sp_logo_area{
		display: inline-block;
	}
}
@media only screen and (max-width: 350px) {
	.sp_logo{
		width: 68%;
		min-width: 200px;
	}
}
/*--------------------------------------------------------------
フッター
----------------------------------------------------------------*/
/*注意事項*/
.atention{
	text-align: center;
}
.notice_flex{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.notice_con{
	width: 33.3%;
	padding: 70px 10px;
	color: #fff;
	text-align: center;
}
.notice_sakura{
	width: 50px;
	margin: 0 auto 20px;
}
.notice_text{
	text-align: left;
	width: 85%;
	max-width: 400px;
	margin: 0 auto;
	line-height: 25px;
	font-size: 14px;
}
.notice_jp{
	background-color: #0c1d3f;
}
.notice_us{
	background-color: #052154;
}
.notice_cn{
	background-color: #042b6e;
}

/*フッター*/
footer{
	color: #fff;
	background-color: #07132b;
	padding: 40px 20px 10px;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  justify-content: center;
  flex-direction: column;
}
.f_logo_area{
	margin-bottom: 50px;
	text-align: center;
}
.f-logo{
	width: 100%;
	max-width: 280px;
	min-width: 200px;
}
.footer_menu{
	width: 100%;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 10px;
  margin: 0;
}
.footer_menu li{
	margin-right: 20px;
	margin-bottom: 10px;
}
.footer_menu li:last-child{
	margin-right: 0;
}
.footer_menu li a{
	font-family: 'Vollkorn', serif;
	display: block;
	text-decoration: none;
	color: #14cfe1;
	letter-spacing: 1px;
	line-height: 18px;
	transition: 0.3s;
}
.footer_menu a span{
	color: #fff;
	font-size: 10px;
	transition: 0.3s;
	-webkit-transform: rotate(0.3deg);
  -moz-transform: rotate(0.3deg);
  -ms-transform: rotate(0.3deg);
  -o-transform: rotate(0.3deg);
}
.footer_menu li a:hover{
	color: #b7f7ff;
}
.footer-copyright{
	font-family: 'Vollkorn', serif;
	text-align: center;
	letter-spacing: 2px;
	color: #fff;
	font-size: 14px;
	margin: 80px 0 0;
	line-height: 20px;
}
/*--------------------------------------------------------------
ページネーション
----------------------------------------------------------------*/
.screen-reader-text{ display: none; }
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 50px auto 30px;
}
.nav-links{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-numbers{
	font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  text-align: center;
  line-height: 30px;
  min-width: 36px;
  min-height: 36px;
  color: #333;
  transition: 0.3s;
  color: #14d4e6;
}
.page-numbers:hover{
	background-color: #b7f7ff;
	color: #07132b;
}
.page-numbers.current{
	position: relative;
  color: #07132b;
  cursor: default;
  pointer-events: none;
}
.page-numbers.current:before{
	content: '';
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	margin: 0 auto;
	width: calc(100% - 15px);
	z-index: -1;
	border-bottom: 1px solid #07132b;
}
.page-numbers.prev,
.page-numbers.next{
	background-color: #07132b;
	position: relative;
	width: 30px;
	min-width: 30px;
}
.page-numbers.prev:hover,
.page-numbers.next:hover{
	background-color: #b7f7ff;
	color: #07132b;
}
.page-numbers.prev:before,
.page-numbers.next:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-top: 1px solid #14d4e6;
	width: 5px;
	height: 5px;
	display: inline-block;
	transition: 0.3s;
}
.page-numbers.prev:before{
	border-left: 1px solid #14d4e6;
	-webkit-transform: translate(2px,-50%) rotate(-45deg);
  -moz-transform: translate(2px,-50%) rotate(-45deg);
  -ms-transform: translate(2px,-50%) rotate(-45deg);
  -o-transform: translate(2px,-50%) rotate(-45deg);
  transform: translate(2px,-50%) rotate(-45deg);
}
.page-numbers.next:before{
	border-right: 1px solid #14d4e6;
	-webkit-transform: translate(-2px,-50%) rotate(45deg);
  -moz-transform: translate(-2px,-50%) rotate(45deg);
  -ms-transform: translate(-2px,-50%) rotate(45deg);
  -o-transform: translate(-2px,-50%) rotate(45deg);
  transform: translate(-2px,-50%) rotate(45deg);
}
.page-numbers.prev:hover:before,
.page-numbers.next:hover:before{
	border-color: #07132b;
}
/*--------------------------------------------------------------
レスポンシブ
----------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
	.f_logo_area{
		height: 100px;
	}
	.f_m_area{
		width: 100%;
	}
	.f_m_area ul{
		justify-content: center;
	}
}
@media only screen and (max-width: 900px) {
	.page_title_sakura{
		top: 60%;
	}
}
@media only screen and (max-width: 800px) {
	/*共通===================================*/
	.sub_title{
		width: 100%;
		max-width: 350px;
	}
}
@media only screen and (max-width: 700px) {
	/*共通===================================*/
	.text_btn_area li{
		width: 50%;
	}
}

@media only screen and (max-width: 600px) {
	/*flex{
	flex-direction: column;}*/
	.section_area{
		padding: 80px 0;
	}
	.page_section{
		padding: 0 0 50px;
	}
	.sp_br::before{
		 content: "\A" ;
  	white-space: pre ;
	}
	.sp_nobr::before{
		content: none;
	}
	.sub_title{
		font-size: 30px;
	}
	.sub_title_initial{
		font-size: 35px;
	}
	.gt_big{
		font-size: 30px;
	}
	.page_title_mini{
		font-size: 14px;
		margin-bottom: 0;
	}
	.page_title{
		font-size: 25px;
	}
	.genre_title{
		font-size: 23px;
	}
	.genre_title img{
		max-width: 40px;
	}
	.daiya_title{
		font-size: 20px;
		padding-left: 25px;
	}
	.daiya_title:before{
		width: 15px;
		height: 15px;
	}
	.page_text{
		margin: 50px 0 0;
	}
	/*フッター===================================*/
	.notice_flex{
		flex-direction: column;
	}
	.notice_con{
		width: 100%;
		padding: 30px 10px;
	}
	.notice_sakura{
		margin-bottom: 10px;
	}
	.notice_text{
		max-width: 100%;
	}
	.notice_us .notice_sakura,
	.notice_cn .notice_sakura{
		display: none;
	}
	.atention{
		text-align: left;
	}
	.footer_menu{
		flex-direction: column;
		padding-left: 0;
	}
	.footer_menu li{
		margin: 10px 0;
	}
}
@media only screen and (max-width: 500px) {
	/*共通===================================*/
	.text_btn_area li{
		width: 100%;
	}
}