/*
Theme Name: promotion_cloud
Version: 1.1.1
Description:誰でも簡単に、ランディングページ(LP)を作成できるWordPressテーマです。
Author: Promotion Cloud
Text Domain: promotion_cloud

	Copyright: (c) 2021 Promotion Cloud
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

:root {

	/* 変数を設定 */

		/* 余白 */
		--global--spacing-unit: 20px;
		--global--spacing-measure: unset;
		--global--spacing-horizontal: 25px;
		--global--spacing-vertical: 30px;

}




html {
	height: 100%;
	font-size: 11px;/*Readableと同じ値*/
}

/* =Reset css
-------------------------------------------------------------- */
.clear, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}


#global-footer-navi ul{
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


#move-page-top, .owl-theme .owl-controls.clickable .owl-buttons div:hover, a {
	text-decoration: none
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/*div{
	margin: 0;
	padding: 0;
	border: 0;
}*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

*, ::after, ::before {
    box-sizing: border-box;
}

a {
	color: #E0448B
}

/*
p {
    line-height: 1.8;
    margin-top: 1em;
    margin-bottom: 1em;
}*/


strong {
	font-weight: bold;
}
.clearfix:after, .clearfix:before {
	content: "";
	display: block;
	overflow: hidden
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
/*
-----------------------------
*共通パーツ
-----------------------------
*/
body {

	margin: 0;
	padding: 0;
	height: 100%;
	/*line-height: 1.6em;*/
	line-height: 1.5;
	overflow-x: hidden;
	text-rendering: geometricPrecision;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 16px;
    font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6 {
    color: unset;
}


.site-main > article > *, .site-main > .not-found > *,
.entry-content > *, [class*=inner-container] > *,
.wp-block-template-part > *, .wp-block-post-template :where(li > *) {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}


ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.content_page h1, .content_page h2, .content_page h3, .content_page h4, .content_page h5, .content_page h6 {
/*
line-height: 1.6em;
	margin: 20px 0 0 0;
	margin-top: 35px;*/
}
.entry h1 {
	font-size: 28px;
}
.entry h2 {
	font-size: 24px;
}
.entry h3 {
	font-size: 20px;
}
.content_page h1.post-title,
.content_page h1.entry-title{
	margin: 10px 0 10px 0;
	padding: 10px;
	font-size: 20px;
}
.blog-style1 h2.post-title {
	font-size: 14px;
	margin: 10px 0 0 0;
	font-weight: bold;
	text-align: left;
}
a {
	outline: 0
}
img {
	vertical-align: bottom;
	max-width: 100%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	height: auto
}
a, a:after, a:before {
	-webkit-transition-property: background color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: background color;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease;
	-o-transition-property: background color;
	-o-transition-duration: .2s;
	-o-transition-timing-function: ease;
	transition-property: background color;
	transition-duration: .2s;
	transition-timing-function: ease
}
.alignleft, .left {
	float: left
}
.alignright, .right {
	float: right
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block
}
.clear {
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.group:after, .group:before {
	content: "";
	display: table
}
.group:after {
	clear: both
}
.group {
	zoom: 1
}
.fa {
	width: 1em;
	text-align: center
}
button, input, label, select, textarea {
	font-family: inherit
}
.themeform button, .themeform input, .themeform label, .themeform select, .themeform textarea {
	font-size: 13px
}
.themeform button::-moz-focus-inner, .themeform input::-moz-focus-inner {
border:0;
padding:0
}
.themeform button, .themeform input[type=text], .themeform input[type=password], .themeform input[type=email], .themeform input[type=tel], .themeform input[type=submit], .themeform textarea {
	margin: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0
}
.themeform button, .themeform input, .themeform textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}
.themeform input[type=checkbox] {
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox
}
.themeform input[type=radio] {
	-moz-appearance: radio;
	-webkit-appearance: radio
}
.themeform label {
	color: #444
}
.themeform input[type=text], .themeform input[type=password], .themeform input[type=email], .themeform textarea {

	display: block;
	max-width: 100%;
	outline: 0;
	padding: 7px 8px;


    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}
.themeform input[type=text]:focus, .themeform input[type=password]:focus, .themeform input[type=email]:focus, .themeform textarea:focus {
	border-color: #ccc;
	color: #444;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
	box-shadow: 0 0 3px rgba(0,0,0,.1)
}
.themeform label .required {
	color: #3b8dbd
}
.themeform button[type="submit"], .themeform input[type="submit"] {
	background: rgba(245,28,127,1.00);
	color: #fff;
	padding: 20px;
	display: inline-block;
	border: none;
	cursor: pointer;
}
.themeform button[type="submit"]:hover, .themeform input[type="submit"]:hover {
	opacity: .8
}
.form-submit input[type="submit"] {
	padding: 10px;
}
.entry blockquote.twitter-tweet:before, .entry blockquote:before {
	font-family: FontAwesome;
	content: "\f10d"
}
.entry dt {
	color: #444
}
.entry ol, .entry ul,
.commentlist ol, .commentlist ul{
	margin: 0 0 15px 30px
}
.entry ol ol, .entry ol ul, .entry ul ol, .entry ul ul {
	margin-bottom: 0
}
.entry li {
	margin: 0
}
.entry ol ul li, .entry ul li {
	list-style: square
}
.entry ol li, .entry ol ul ol li {
	list-style: decimal
}
ul#accordion li {
	list-style: none;
}
ul#accordion h2 {
	font-size: 16px;
	margin: 0;
}
.entry address {
	margin-bottom: 1em
}
.entry blockquote {
	position: relative;
	color: #777;
	margin: 20px 0;
	border-left: #DBDBDB 1px solid;
	padding: 60px 20px 10px 20px;
}
.entry blockquote p {
	margin-bottom: .75em
}
.entry blockquote:before {
	color: #ccc;
	font-size: 32px;
	font-style: normal;
	text-align: center;
	position: absolute;
	left: 20px;
	top: 10px
}
.entry code, .entry pre {
	/*font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;*/
	font-size: 13px
}
.entry pre {
	padding: 18px 20px;
	margin: 30px 0;
	border: 1px solid #ddd;
	line-height: 1em;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-x: auto;
	overflow-y: hidden;
	font-size: 14px
}
.entry code {
	background: #eee;
	padding: 0 3px
}
.entry ins {
	background: #fff486
}
.entry sub, .entry sup {
	font-size: 62.5%
}
.entry sub {
	vertical-align: sub
}
.entry sup {
	vertical-align: baseline;
}
.entry attachment img, .entry img.size-auto, .entry img.size-large, .entry img.size-medium {
	max-width: 100%;
	height: auto
}
.entry img.alignleft {
	margin: 18px 20px 18px 0
}
.entry img.alignright {
	margin: 18px 0 18px 20px
}
.entry img.aligncenter {
	margin: 18px auto;
	clear: both;
	display: block
}
.entry img .size-full {
	width: 100%!important
}
.entry .gallery img, .entry img.wp-smiley {
	margin: 0
}
.entry .wp-caption {
	max-width: 100%;
	margin-bottom: 14px;
	padding-top: 5px;
	text-align: center
}
.entry .wp-caption a {
	border-bottom: none
}
.entry .wp-caption img {
	margin: 0;
	max-width: 100%;
	height: auto
}
.entry .wp-caption.alignleft {
	margin-right: 20px
}
.entry .wp-caption.alignright {
	margin-left: 20px
}
.entry .wp-caption.alignnone {
	width: 100%!important;
	overflow: hidden
}
.entry .wp-caption.alignnone img {
	margin: 0 auto;
	max-width: 100%!important
}
.entry .wp-caption-text {
	font-style: italic;
	padding: 0 0 8px;
	margin: 0
}
.entry table {
	width: 100%;
}
.entry table th, .entry table td {
	padding: 10px;
	vertical-align: top;
	border-bottom: rgba(191,191,191,1.00)1px solid;
	text-align: left;
}
.entry .gallery {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 15px 0!important
}
.entry .gallery img {
	display: block;
	width: 100%;
	height: auto;
	border-width: 1px 2px!important;
	border-color: transparent!important
}
.entry .gallery .gallery-item {
	position: relative;
	overflow: hidden;
	border-color: transparent;
	margin-top: 0!important
}
.entry .gallery .gallery-caption {
	background: rgba(255,255,255,.8);
	color: #333;
	font-size: 13px;
	line-height: 1.4em;
	padding: 10px 0;
	text-align: left;
	text-indent: 10px;
	font-style: normal;
	margin: 0;
	bottom: -44px;
	left: 2px;
	right: 2px;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	transition: all .2s ease;
	-o-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease
}
.container, .content, .main, .main-inner, .sidebar {
	position: relative
}
#paginate {
	text-align: center
}
.entry .gallery .gallery-item:hover .gallery-caption {
	bottom: 0
}
.entry .gallery-columns-5 .gallery-caption, .entry .gallery-columns-6 .gallery-caption, .entry .gallery-columns-7 .gallery-caption, .entry .gallery-columns-8 .gallery-caption, .entry .gallery-columns-9 .gallery-caption {
	display: none!important
}
#reply-title, .heading {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 1em;
	clear: both
}
.content {
	width: 100%;
}
.container-inner {
	margin: auto;
	max-width: 960px
}
.entry blockquote, address, cite, em {
	font-style: italic
}
#wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#secondary {
    width: 100%;
    max-width: 260px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
}
.drawer-hamburger {
	background-color: #0a0a0a;
}
ul.sub-menu li {
	text-align: left
}
.carousel li {
	position: relative;
}
.widget_freeareaitem,
.page .page_wrap{
	clear: both;
	overflow: hidden;
}
.contents_pad {
	position: relative;
}
.widget_freeareaitem .video-wrap,
.page .video-wrap{
	z-index: 0;
}
.widget_freeareaitem .video-wrap video,
.page .video-wrap video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;

	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.widget_freeareaitem .content_bloc,
.page .content_bloc {
	z-index: 2;
}
.home #primary {
	width: 100%;
	margin: 0;
}
.text-center {
	text-align: center;
}
p img {
	padding: 0;
	margin: 0 auto 0 auto!important;
}
.column, .columns {
	width: 100%;
	float: left;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
	float: right;
}
.text-center {
	text-align: center;
}
.content_bloc {
	position: relative;
}
.content_bloc h1, .content_bloc h2, .content_bloc h3 {
	line-height: 2.6em;
}
.subcaption {
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 5px;
}
.page_wrap {
	position: relative;
	z-index: 0;
}
#wrap {
	display: flex;
	padding-bottom: 50px;
}
.require {
	display: inline-block;
	background-color: rgba(162,0,2,1.00);
	font-size: 13px;
	margin-left: 10px;
	padding: 0 5px;
	color: #fff;
	margin-bottom: 5px;
}

.w100 {
	position: relative;
	text-align: center;
	margin: auto;
	clear: both;
}
.content_page h1 {
	font-size: 24px;
}
.content_page h3 {
	font-size: 18px;
}
a:hover {
	opacity: 0.8;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: none;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
 display: none;
}
input[type="submit"]:focus, input[type="button"]:focus {
 outline-offset: -2px;
}
/*ローディング*/
#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999;
}
.loader {
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	font-size: 6px;
	position: absolute;
	text-indent: -9999em;
	border-top: 1px solid rgba(191,191,191,.3);
	border-right: 1px solid rgba(191,191,191,.3);
	border-bottom: 1px solid rgba(191,191,191,.3);
	border-left: 1px solid rgba(106,100,101,1.00);
	-webkit-animation: load8 .8s infinite linear;
	animation: load8 .81s infinite linear;
}
.loader, .loader:after {
	border-radius: 50px;
	width: 50px;
	height: 50px;
}
/* 点滅エフェクト */
.blinking {
	-webkit-animation: blink 0.5s ease-in-out infinite alternate;
	-moz-animation: blink 0.5s ease-in-out infinite alternate;
	animation: blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes load8 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes load8 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
/*
-----------------------------
ヘッダー
-----------------------------
*/
#header {
	width: 100%;
	/*-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);*/
	z-index: 898;
}
#header-inner, #nav-header {
	margin: 0 auto
}
#nav-header {
	display: inline-block;
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
	text-align: center;
	z-index: 998
}
#header .pad {
	padding-top: 37px;
	text-align: center;
	width: 100%;
	box-sizing: border-box
}
#header .container-inner {
	position: relative
}
.shop_info {
	text-align: right;
	clear: both;
	float: right;
	margin-bottom: 10px;
}
.site_name,.shop_open,.header_shop_open{
	/*font-size: 13px;*/
}
.shop_tel,.shop_email{
	padding-left: 20px;
}
.small {
	font-size: 13px;
}
#nav-topbar {
	clear: both;
}
.header_shop_open {
	padding-left: 20px;
}
.site-title a {
	display: block;
	max-width: 100%;
	font-size: 16px
}
.site-title a img {
	display: block;
	max-width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}
.site-title {
	display: table-cell;
	vertical-align: middle
}
.header-style-2 #nav-topbar {
	display: block;
	padding: 0;
	float: none;
	width: 100%;
	box-sizing: border-box;
	z-index: 999;
}
#nav-topbar .container {
	padding-bottom: 5px;
}
#header-inner {
	text-align: left;
}
#nav-topbar {
	display: block;
	float: right;
}
.menu_description {
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	min-height: 10px;
	font-weight: normal;
}
h1#logo {
	display: inline-block;
	padding: 12px 0;
}
h1#site_name {
	display: inline-block;
	padding: 20px 0;
	font-weight: bold;
}



#header-shop-info {
	position: absolute;
	top: 10px;
	right: 0;
	text-align: right;
}


header, header a, header, header a:hover {
	color: #4f4f4f;
}


#header-shop-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
/**
 * メニュー
 -----------------------------*/
#nav-topbar ul {
	text-align: center;
}
#nav-topbar ul a {
	font-size: 14px;
}
#nav-topbar ul li a:before {
	content: "\f0da";
	font-family: FontAwesome;
	position: absolute;
	top: 9px;
	left: 9px;
	color: #F51C7F;
	font-size: 10px;
}
#nav-topbar ul li a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 10px 15px;
}
#nav-topbar ul li a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(246,76,153,0.50);
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
	opacity: 1!important;
}
#nav-topbar ul li a:hover::after {
	transform: scale(1, 1);
}
ul.nav>li.menu-item-has-children:before {
	content: '\f107';
	top: 30px;
	right: -10px;
	font-family: FontAwesome;
	position: absolute
}
#footer ul.nav>li.menu-item-has-children:before {
	color: #fff;
	top: 10px
}
ul.nav ul li.menu-item-has-children:before {
	content: '\f105';
	top: 10px;
	right: 15px;
	font-family: FontAwesome;
	position: absolute
}
.nav, .nav>li {
	position: relative
}
ul.nav>li.current-menu-item:after {
	bottom: 0;
	width: 100%;
	opacity: .5
}
.nav {
	font-size: 0
}
.nav li:hover>ul {
	display: block
}
.nav ul li {
	position: relative;
	display: block;
	padding: 0
}
.nav ul li:last-child {
	border-bottom: none!important
}
.nav ul ul {
	position: absolute;
	top: -10px;
	left: 250px
}
.nav-wrap ul.sub-menu {
	transition: all .3s ease-in-out;
	background-color: #222;
	color: #888;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	width: 250px;
}
#nav-topbar ul.sub-menu a {
	color: #fff!important;
	border-bottom: rgba(255,255,255,0.10) 1px solid
}
/**
 * Submenu
 -----------------------------*/
.submenu {
	display: none;
	font-size: 14px;
}
.nav ul {
	display: none;
	position: absolute;
	left: 0;
	top: 55px;
	width: auto;
	z-index: 2;
	-webkit-transform: translateZ(0);
}
.submenu a {
	display:inline-flex;
	text-decoration: none;
	padding: 0px;
	padding-left: 0px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.sub-menu .menu_description {
	display: none
}
/**
 * スマートフォン
 -----------------------------*/
#header-shop-info-smart {
	position: fixed;
	top: 0;
	right: 60px;
}
.header_smart_icon {
	width: 60px;
	height: 60px;
	float: left;
}
.header_smart_icon a {
	display: block;
	height: 60px;
	text-indent: -9999px;
}
.smart_line {
	background-color: #16BC00;
	background-image: url(images/side_fixed_icon_line.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px auto;
}
.smart_email {
	background-color: #D05BB4;
	background-image: url(images/side_fixed_icon_mail.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px auto;
}
.smart_tel {
	background-color: #00A3D9;
	background-image: url(images/side_fixed_icon_phone.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px auto;
}
/*
-----------------------------
*フッター
-----------------------------
*/
#footer ul.sub-menu {
	display: none;
}
#footer-widgets, .footer-widgets {
	font-size: 14px;
}
.footer-under-widgets {
	padding: 30px 0;
	text-align: center;
	font-size: 14px;
	position: relative;
}
.footer-under-widgets {
	clear: both;
}
.footer-under-widgets ul {
	display: inline-block;
	text-align: center;
}

.footer-under-widgets ul li {
	float: left;
	border-right: rgba(168,168,168,0.50) 1px solid;
}

.footer-under-widgets ul .slick-dots li{
	float: unset;
	border-right:none;
}


.footer-under-widgets ul li:last-child {
	border-right: none;
}
.footer-under-widgets .menu_description, #footer-widgets .menu_description, .footer-menu .menu_description {
	display: none;
}
.footer_copyright {
	width: 100%;
	text-align: center;
	clear: both;

}
#global-footer-navi li a {
	padding: 0 5px;
}
#footer .widget_nav_menu li a {
	border-bottom: none;
}
#footer {
	width: 100%;
	background-color: #222;
}
#footer .navigation{
	margin-bottom: 10px;
}
#footer, #footer a, #footer a:hover {
	font-size: 13px;
}
/*固定バナー*/
.footer_fixed_banner {
	background-color: rgba(0,0,0,0.80);
	position: absolute;
	position: fixed;
	text-align: center;
	width: 100%;
	padding: 3px 0;
	z-index: 9994;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease
}
.footer_fixed_banner_image {
	position: relative;
}
.footer_fixed_close a {
	display: inline-block;
	padding: 0 5px;
	font-weight: bold;
	border: rgba(255,255,255,0.8) 4px solid;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
}
.footer_fixed_close a:hover {
	opacity: 0.8;
}
#footer .tagcloud a {
	border: rgba(255,255,255,.3) 1px solid
}
#footer, #footer a, #footer a:hover {
	color: #fff;
	font-size: 13px;
}
#footer h3 {
	padding-bottom: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	border-bottom: rgba(255,255,255,0.50) 3px solid;
	margin-top: 20px;
	text-align: left
}
#footer-widgets {
	box-sizing: border-box;
	clear: both;
	padding-top: 20px
}
#footer-bottom #copyright {
	font-size: 13px;
	line-height: 1.4em;
	padding: 10px;
	border-top: rgba(147,147,147,0.30) 1px solid;
}
#footer ul.sub-menu {
	padding-left: 10px;
}
#page-top {
	position: fixed;
	right: 16px;
	bottom: 20px;
	z-index: 9995;
}
#page-top {
	margin: 0;
	padding: 0;
	text-align: center;
	background:rgba(0,0,0,0.40);
	border-radius: 50px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
#page-top:hover {
	background:rgba(0,0,0,0.90);
}
#move-page-top {
	width: 50px;
	height: 50px;

	font-size: 22px;
	line-height: 50px;
	display: block;
	cursor: pointer;
	border-radius: 50px;
}
#move-page-top i {
	padding-top: 5px;
	color: #fff;
	font-size: 30px;
}
/*SNSアイコン*/
.footer_sns_icon {
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
}
ul.sns_icon_bloc {
	display: inline-block;
	position: relative;
	padding: 20px 0;
	margin: auto;
	text-align: center;
}
ul.sns_icon_bloc li {
	float: left;
}
.footer_sns_icon a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 10px;
	float: left;
}
.footer_sns_icon a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 20px;
}
a.icon_twitter {
	background-image: url(images/icon_twitter.png);
}
a.icon_instagram {
	background-image: url(images/icon_instagram.png);
}
a.icon_facebook {
	background-image: url(images/icon_facebook.png);
}
/*
-----------------------------
*カウントダウン
-----------------------------
*/
#countdown {
	background-color: #000;
	color: #fff;
}
#countdown .container-inner {
	text-align: center;
}
#countdown .countdown_timer {
	font-size: 22px;
	font-weight: bold;
}
#countdown .countdown_timer .yycountdown-box{
	display: inline;
}
/*
-----------------------------
*FAQ
-----------------------------
*/
/*アコーディオン*/
ul#accordion {
	margin: 0;
}
.accordion {
	width: 100%;
	margin: 20px auto;
}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 14px 35px 14px 20px;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-color: #E0448B;
	color: #fff;
	margin-bottom: 5px;
	border-radius: 45px;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion_open + .submenu{
display:block!important;
 animation-name: fade-in;
        animation-duration:0.5s;
}

.accordion_close + .submenu {
display:none!important;

}

@keyframes fade-in {
  0% {
  position: relative;
    visibility: hidden;
    top: -5px;

  }
  100% {
  position: relative;
     visibility: visible;
    top: 0px;
  }
}


.accordion li .accordion_open .link {
	color: #fff;
}
.accordion li .accordion_open i {
	color: #fff;
}
.accordion li .accordion_open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*
.accordion li .submenu {
	display: block;
	margin-bottom: 10px;
	padding-left: 20px;
}*/

.accordion li .submenu {
    display: block;
    margin-bottom: 37px;
    padding-left: 20px;
    margin-top: 14px;
}

.accordion .faq_answer {
	text-align: left;
}
/*吹き出しQ&A*/
.arrow_answer, .arrow_question {
	position: relative;
	background: #fff;
	border-radius: 10px;
	width: calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	padding: 3%;
}
.arrow_answer,.arrow_question {
	border: 1px solid rgba(81,81,81,1.00);
}

.arrow_question {
float: none;
    width: calc(100% - 90px);
}
.arrow_answer:after, .arrow_answer:before, .arrow_question:after, .arrow_question:before {
	top: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_question:after, .arrow_question:before {
	right: 100%;
}
.arrow_answer:after, .arrow_answer:before {
	left: 100%;
}
.arrow_answer:after, .arrow_question:after {
	border-color: rgba(255, 255, 255, 0);
	border-width: 8px;
	margin-top: -8px;
}
.arrow_answer:after {
	border-left-color: #fff;
}
.arrow_question:after {
	border-right-color: #fff;
}
.arrow_answer:before, .arrow_question:before {
	border-color: rgba(200, 200, 200, 0);
	border-width: 9px;
	margin-top: -9px;
}
.arrow_answer:before {
	border-left-color: rgba(81,81,81,1.00);
}
.arrow_question:before {
	border-right-color: rgba(81,81,81,1.00);
}
.question_image {
    float: none;
    width: 100%;
    max-width: 70px;
    margin-right: 20px;
}
.answer_image {
float: none;
    width: 100%;
    max-width: 70px;
    margin-left: 20px;
    order: 2;
}

.arrow_answer{
	float: none;
    width: calc(100% - 90px);
}
.answer_image img, .question_image img {
	width: 100%;
	/*
	border-radius: 50px;
		-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	border: 1px solid rgba(255,255,255,0.50);*/
}
.question_Box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
}
/*
-----------------------------
*パーツ　
-----------------------------
*/
/* グリッド
 -----------------------------*/
.table_colums td {
	vertical-align: top;
	padding: 0 10px!important;
	border: none!important;
}
.table_colums td:last-child {
	margin-right: 0px;
}
.table_colums td:last-child {
	margin-right: 0px;
}
table.table_2colums td {
	width: 50%;
	padding-right: 20px;
}
table.table_3colums td {
	width: 33.3%;
	padding-right: 20px;
	box-sizing: border-box;
}
table.table_4colums td {
	width: 25%;
	padding-right: 20px;
	box-sizing: border-box;
}
table.table_2colums37 td:nth-of-type(1), table.table_2colums73 td:nth-of-type(2) {
	width: 30%;
}
table.table_2colums37 td:nth-of-type(2), table.table_2colums73 td:nth-of-type(1) {
	width: 70%;
}
table.table_2colums td:last-child, table.table_3colums td:last-child, table.table_4colums td:last-child {
	padding-right: 0;
}
.table_colums {
	width: 100%;
	clear: both;
}
/* ブレット
 -----------------------------*/
.bread p {
	font-size: 14px;
}
.bread h3 {
	font-size: 22px;
	margin: 0px 0 10px 0!important;
	font-weight: bold;
}
.bread {
	margin: 0 auto;
	background-color: rgba(255,255,255,0.80);
	padding: 30px;
}
.bread td {
	border: none!important;
}
#bread2 h3 {
	margin: 0;
}
#bread3 {
	width: 100%;
	border: rgba(92,92,92,0.30) 4px double;
	padding: 20px;
}
table#bread1 td {
	vertical-align: middle;
	border: none;
	text-align: left;
	font-weight: bold;
}
.bread tr, .bread td {
	vertical-align: top;
	padding: 0;
}
.bread td {
	font-size: 22px;
	vertical-align: top;
	padding: 0;
}
.bread td:nth-of-type(1) {
	width: 65px;
}
.bread table th {
	border-top: 1px solid #f1f1f1;
}
/*
-----------------------------
*固定ページ
-----------------------------
*/
#secondary h3.widget-title {
	padding: 10px;
	margin: 10px 0;
}
h1:first-child, h2:first-child, h3:first-child {
	margin-top: 0;
}
/*
-----------------------------
*ポップアップ
-----------------------------
*/

#enter.open {
	overflow-y: auto;
}
body.enter-open {
	overflow-y: hidden !important;
}
.container-inner-enter {
	width: 640px;
	margin: auto;
}
.container-inner-enter {
	position: relative;
	margin: auto;
	height: 100%;
}
.age18 {
	font-weight: 900;
}
#enter-navi-wrap {
	text-align: center;
	max-width: 640px;
    width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
 	-webkit-transform: translateY(-50%) translateX(-50%);
	padding: 10px;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

.popup_page{
		width: 640px;
	height: auto;
	overflow-y: auto;
	padding: 20px;
}
.enter_logo {
	text-align: center;
}
.enter_logo img {
	max-height: 300px;
}
#enter-navi .button:hover {
	opacity: 0.8;
}
/* Overlay style */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.overlay ul li a {
	display: block;
}
.overlay ul li a:hover, .overlay ul li a:focus {
	color: #f0f0f0;
}
.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
#enter-navi #enter-button .button {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	cursor: pointer;
	border-radius: 40px;
	border: rgba(255,255,255,1.00) 3px solid;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	background-color: #000;
	color: #fff;
	font-size: 18px;
	padding: 4px;
}
/*
-----------------------------
*コンテンツ設定
-----------------------------
*/
/*コンテンツの背景 白(透明度80%)*/
.contents_bg1 {
	background-color: rgba(255,255,255,0.80);
}
/*コンテンツの背景 白(透明度100%)*/
.contents_bg2 {
	background-color: rgba(255,255,255,1.00);
}
/*コンテンツの背景 黒(透明度80%)*/
.contents_bg3 {
	background-color: rgba(0,0,0,0.80);
}
/*コンテンツの背景 黒(透明度100%)*/
.contents_bg4 {
	background-color: rgba(0,0,0,1.00);
}
.contents_pad.contents_bg1, .contents_pad.contents_bg2, .contents_pad.contents_bg3, .contents_pad.contents_bg4 {
	/*-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);*/
}
/*
-----------------------------
見出し
-----------------------------
*/
/*共通パーツ*/
.sub_caption {
	font-size: 13px;
	font-weight: normal;
	display: block;
	line-height: 1em;
}
/*見出し 太文字*/
h2.bolder {
	font-size: 24px!important;
	font-weight: 900;
	text-align: center;
	    line-height: 1;
}
/*見出し 大きい文字×サブテキスト*/
h2.normal {
	font-size: 44px!important;
	font-weight: 100;
	color: #000;
	text-align: center;
}
/*見出し 背景*/
h2.head_title.flat-blue {
	background-color: #0B688F;
	text-shadow: 1px 1px 1px #004263;
}
h2.head_title {
	padding: 20px;
	font-size: 26px;
	text-align: center;
	color: #fff;
	font-weight: 900;
}
h2.head_title.flat-red {
	background-color: rgba(144,0,2,1.00);
	text-shadow: 1px 1px 1px rgba(82,0,1,1.00);
}
h2.head_title.flat-orange {
	background-color: rgba(203,157,0,1.00);
	text-shadow: 1px 1px 1px rgba(98,76,0,1.00);
}
h2.head_title.flat-green {
	background-color: rgba(11,82,0,1.00);
	text-shadow: 1px 1px 1px rgba(6,45,0,1.00);
}
h2.head_title.flat-purple {
	background-color: rgba(94,0,124,1.00);
	text-shadow: 1px 1px 1px rgba(54,0,71,1.00);
}
h2.head_title.flat-pink {
	background-color: rgba(219,23,157,1.00);
	text-shadow: 1px 1px 1px rgba(122,1,83,1.00);
}
h2.head_title.flat-brown {
	background-color: rgba(65,58,43,1.00);
	text-shadow: 1px 1px 1px rgba(29,22,8,1.00);
}
h2.head_title.flat-black {
	background-color: #000;
}
/*見出し リボン*/

h2.ribbon1 {
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: 10px 20px;
	font-size: 20px;
	color: #FFF;
	width: calc(100% - 80px);
	box-sizing: border-box;
	margin-left: 40px;
	background: #F64E9C;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
h2.ribbon1:before, h2.ribbon1:after {
	content: "";
	position: absolute;
	top: 10px;
	height: 0;
	width: 0;
	border: 25px solid #F64E9C;
	z-index: -1;
}
h2.ribbon1:before {
	right: -40px;
	border-right-color: transparent;
}
h2.ribbon1:after {
	left: -40px;
	border-left-color: transparent;
}
h2.ribbon1 span {
	display: block;
}
h2.ribbon1 span:before, h2.ribbon1 span:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1 span:before {
	right: 0;
	border-left: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1 span:after {
	left: 0;
	border-right: 5px solid rgba(0,0,0,0.3);
}
/*見出し　リボン　青*/
h2.ribbon1_blue {
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: 10px 20px;
	font-size: 20px;
	color: #FFF;
	width: calc(100% - 80px);
	box-sizing: border-box;
	margin-left: 40px;
	background: #328BB0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
h2.ribbon1_blue:before, h2.ribbon1_blue:after {
	content: "";
	position: absolute;
	top: 10px;
	height: 0;
	width: 0;
	border: 25px solid #328BB0;
	z-index: -1;
}
h2.ribbon1_blue:before {
	right: -40px;
	border-right-color: transparent;
}
h2.ribbon1_blue:after {
	left: -40px;
	border-left-color: transparent;
}
h2.ribbon1_blue span {
	display: block;
}
h2.ribbon1_blue span:before, h2.ribbon1_blue span:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1_blue span:before {
	right: 0;
	border-left: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1_blue span:after {
	left: 0;
	border-right: 5px solid rgba(0,0,0,0.3);
}
/*見出し　リボン　赤*/
h2.ribbon1_red {
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: 10px 20px;
	font-size: 20px;
	color: #FFF;
	width: calc(100% - 80px);
	box-sizing: border-box;
	margin-left: 40px;
	background: #940002;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
h2.ribbon1_red:before, h2.ribbon1_red:after {
	content: "";
	position: absolute;
	top: 10px;
	height: 0;
	width: 0;
	border: 25px solid #940002;
	z-index: -1;
}
h2.ribbon1_red:before {
	right: -40px;
	border-right-color: transparent;
}
h2.ribbon1_red:after {
	left: -40px;
	border-left-color: transparent;
}
h2.ribbon1_red span {
	display: block;
}
h2.ribbon1_red span:before, h2.ribbon1_red span:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1_red span:before {
	right: 0;
	border-left: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1_red span:after {
	left: 0;
	border-right: 5px solid rgba(0,0,0,0.3);
}
/*見出し　リボン　オレンジ*/
h2.ribbon1_orange {
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: 10px 20px;
	font-size: 20px;
	color: #FFF;
	width: calc(100% - 80px);
	box-sizing: border-box;
	margin-left: 40px;
	background: #C78915;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
h2.ribbon1_orange:before, h2.ribbon1_orange:after {
	content: "";
	position: absolute;
	top: 10px;
	height: 0;
	width: 0;
	border: 25px solid #C78915;
	z-index: -1;
}
h2.ribbon1_orange:before {
	right: -40px;
	border-right-color: transparent;
}
h2.ribbon1_orange:after {
	left: -40px;
	border-left-color: transparent;
}
h2.ribbon1_orange span {
	display: block;
}
h2.ribbon1_orange span:before, h2.ribbon1_orange span:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1_orange span:before {
	right: 0;
	border-left: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1_orange span:after {
	left: 0;
	border-right: 5px solid rgba(0,0,0,0.3);
}
/*見出し　リボン　紫*/
h2.ribbon1_purple {
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: 10px 20px;
	font-size: 20px;
	color: #FFF;
	width: calc(100% - 80px);
	box-sizing: border-box;
	margin-left: 40px;
	background: #6E0074;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
h2.ribbon1_purple:before, h2.ribbon1_purple:after {
	content: "";
	position: absolute;
	top: 10px;
	height: 0;
	width: 0;
	border: 25px solid #6E0074;
	z-index: -1;
}
h2.ribbon1_purple:before {
	right: -40px;
	border-right-color: transparent;
}
h2.ribbon1_purple:after {
	left: -40px;
	border-left-color: transparent;
}
h2.ribbon1_purple span {
	display: block;
}
h2.ribbon1_purple span:before, h2.ribbon1_purple span:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1_purple span:before {
	right: 0;
	border-left: 5px solid rgba(0,0,0,0.3);
}
h2.ribbon1_purple span:after {
	left: 0;
	border-right: 5px solid rgba(0,0,0,0.3);
}
/*見出し リボン×ステッチ1*/
h2.ribbon4 {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	zoom: 1;
	background: #F64E9C;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
h2.ribbon4:before, h2.ribbon4:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #B80A5C;
}
h2.ribbon4:before {
	right: 0;
	border-left: 8px solid #B80A5C;
}
h2.ribbon4:after {
	left: 0;
	border-right: 8px solid #B80A5C;
}
h2.ribbon4 span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し　リボン×ステッチ1 青*/
h2.ribbon4_blue {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	zoom: 1;
	background: #328BB0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
h2.ribbon4_blue:before, h2.ribbon4_blue:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #297494;
}
h2.ribbon4_blue:before {
	right: 0;
	border-left: 8px solid #297494;
}
h2.ribbon4_blue:after {
	left: 0;
	border-right: 8px solid #297494;
}
h2.ribbon4_blue span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し　リボン×ステッチ1 赤*/
h2.ribbon4_red {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	zoom: 1;
	background: #940002;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
h2.ribbon4_red:before, h2.ribbon4_red:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #6F0003;
}
h2.ribbon4_red:before {
	right: 0;
	border-left: 8px solid #6F0003;
}
h2.ribbon4_red:after {
	left: 0;
	border-right: 8px solid #6F0003;
}
h2.ribbon4_red span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し　リボン×ステッチ1 オレンジ*/
h2.ribbon4_orange {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	zoom: 1;
	background: #C78915;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
h2.ribbon4_orange:before, h2.ribbon4_orange:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #A47111;
}
h2.ribbon4_orange:before {
	right: 0;
	border-left: 8px solid #A47111;
}
h2.ribbon4_orange:after {
	left: 0;
	border-right: 8px solid #A47111;
}
h2.ribbon4_orange span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し　リボン×ステッチ1 紫*/
h2.ribbon4_purple {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	zoom: 1;
	background: #6E0074;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
h2.ribbon4_purple:before, h2.ribbon4_purple:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #530057;
}
h2.ribbon4_purple:before {
	right: 0;
	border-left: 8px solid #530057;
}
h2.ribbon4_purple:after {
	left: 0;
	border-right: 8px solid #530057;
}
h2.ribbon4_purple span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し リボン×ステッチ2*/
.ribbon5 {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 3px 0;
	color: #ffffff;
	zoom: 1;
	text-align: center;
	background: #F64E9C;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.ribbon5:before, .ribbon5:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #B80A5C;
}
.ribbon5:before {
	right: 0;
	border-left: 8px solid #B80A5C;
}
.ribbon5:after {
	left: 0;
	border-right: 8px solid #B80A5C;
}
.ribbon5 span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し　リボン×ステッチ2 青*/
.ribbon5_blue {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 3px 0;
	color: #ffffff;
	zoom: 1;
	text-align: center;
	background: #328BB0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.ribbon5_blue:before, .ribbon5_blue:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #28708E;
}
.ribbon5_blue:before {
	right: 0;
	border-left: 8px solid #28708E;
}
.ribbon5_blue:after {
	left: 0;
	border-right: 8px solid #28708E;
}
.ribbon5_blue span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し　リボン×ステッチ2 赤*/
.ribbon5_red {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 3px 0;
	color: #ffffff;
	zoom: 1;
	text-align: center;
	background: #940002;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.ribbon5_red:before, .ribbon5_red:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #6F0003;
}
.ribbon5_red:before {
	right: 0;
	border-left: 8px solid #6F0003;
}
.ribbon5_red:after {
	left: 0;
	border-right: 8px solid #6F0003;
}
.ribbon5_red span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し　リボン×ステッチ2 オレンジ*/
.ribbon5_orange {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 3px 0;
	color: #ffffff;
	zoom: 1;
	text-align: center;
	background: #C78915;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.ribbon5_orange:before, .ribbon5_orange:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #A67211;
}
.ribbon5_orange:before {
	right: 0;
	border-left: 8px solid #A67211;
}
.ribbon5_orange:after {
	left: 0;
	border-right: 8px solid #A67211;
}
.ribbon5_orange span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*見出し　リボン×ステッチ2 紫*/
.ribbon5_purple {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	padding: 3px 0;
	color: #ffffff;
	zoom: 1;
	text-align: center;
	background: #6E0074;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.ribbon5_purple:before, .ribbon5_purple:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #5B0060;
}
.ribbon5_purple:before {
	right: 0;
	border-left: 8px solid #5B0060;
}
.ribbon5_purple:after {
	left: 0;
	border-right: 8px solid #5B0060;
}
.ribbon5_purple span {
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px;
}
/*リ見出し ボン×ステッチ3*/
h2.ribbon3 {
	font-size: 20px;
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: .3em;
	color: #fff;
	background-color: #F64E9C;
}
h2.ribbon3 span {
	display: block;
	border: 1px dashed #fff;
	padding: 10px;
}
h2.ribbon3::before, h2.ribbon3::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
h2.ribbon3::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #B80A5C;
}
h2.ribbon3::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #B80A5C;
}
/*見出し　リボン×ステッチ3　青*/
h2.ribbon3_blue {
	font-size: 20px;
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: .3em;
	color: #fff;
	background-color: #328BB0;
}
h2.ribbon3_blue span {
	display: block;
	border: 1px dashed #fff;
	padding: 10px;
}
h2.ribbon3_blue::before, h2.ribbon3_blue::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
h2.ribbon3_blue::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #276D8B;
}
h2.ribbon3_blue::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #276D8B;
}
/*見出し　リボン×ステッチ3　赤*/
h2.ribbon3_red {
	font-size: 20px;
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: .3em;
	color: #fff;
	background-color: #940002;
}
h2.ribbon3_red span {
	display: block;
	border: 1px dashed #fff;
	padding: 10px;
}
h2.ribbon3_red::before, h2.ribbon3_red::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
h2.ribbon3_red::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #710003;
}
h2.ribbon3_red::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #710003;
}
/*見出し　リボン×ステッチ3　オレンジ*/
h2.ribbon3_orange {
	font-size: 20px;
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: .3em;
	color: #fff;
	background-color: #C78915;
}
h2.ribbon3_orange span {
	display: block;
	border: 1px dashed #fff;
	padding: 10px;
}
h2.ribbon3_orange::before, h2.ribbon3_orange::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
h2.ribbon3_orange::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #9B6B11;
}
h2.ribbon3_orange::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #9B6B11;
}
/*見出し　リボン×ステッチ3　紫*/
h2.ribbon3_purple {
	font-size: 20px;
	line-height: 1.6em;
	text-align: center;
	position: relative;
	padding: .3em;
	color: #fff;
	background-color: #6E0074;
}
h2.ribbon3_purple span {
	display: block;
	border: 1px dashed #fff;
	padding: 10px;
}
h2.ribbon3_purple::before, h2.ribbon3_purple::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
h2.ribbon3_purple::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #4D0051;
}
h2.ribbon3_purple::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #4D0051;
}
/*見出し リボン×折返し*/
h2.turn {
	font-size: 20px;
	background-color: #F64E9C;
	color: #fff;
	padding: 20px 10px;
	position: relative;
	text-align: center;
}
h2.turn:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-color: #fff #fff #B80A5C #B80A5C;
	border-style: solid;
	border-width: 0 25px 25px 0;
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}
/*見出し　リボン×折返し　青*/
h2.turn_blue {
	font-size: 20px;
	background-color: #328BB0;
	color: #fff;
	padding: 20px 10px;
	position: relative;
	text-align: center;
}
h2.turn_blue:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-color: #fff #fff #266986 #266986;
	border-style: solid;
	border-width: 0 25px 25px 0;
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}
/*見出し　リボン×折返し　赤*/
h2.turn_red {
	font-size: 20px;
	background-color: #940002;
	color: #fff;
	padding: 20px 10px;
	position: relative;
	text-align: center;
}
h2.turn_red:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-color: #fff #fff #6C0003 #6C0003;
	border-style: solid;
	border-width: 0 25px 25px 0;
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}
/*見出し　リボン×折返し　紫*/
h2.turn_purple {
	font-size: 20px;
	background-color: #6E0074;
	color: #fff;
	padding: 20px 10px;
	position: relative;
	text-align: center;
}
h2.turn_purple:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-color: #fff #fff #550059 #550059;
	border-style: solid;
	border-width: 0 25px 25px 0;
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}
/*見出し　リボン×折返し　オレンジ*/
h2.turn_orange {
	font-size: 20px;
	background-color: #C78915;
	color: #fff;
	padding: 20px 10px;
	position: relative;
	text-align: center;
}
h2.turn_orange:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-color: #fff #fff #9A6A10 #9A6A10;
	border-style: solid;
	border-width: 0 25px 25px 0;
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
	box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}
/*見出し グラデーション*/
h2.grad1 {
	padding: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	background: linear-gradient(#F64E9C 0%, #B80A5C 100%);
	border: 1px solid #B80A5C;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25);
	text-align: center;
}
/*見出し　グラデーション　青*/
h2.grad1_blue {
	padding: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	background: linear-gradient(#50A8CD 0%, #328BB0 100%);
	border: 1px solid #328BB0;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25);
	text-align: center;
}
/*見出し　グラデーション　赤*/
h2.grad1_red {
	padding: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	background: linear-gradient(#CC0005 0%, #940002 100%);
	border: 1px solid #940002;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25);
	text-align: center;
}
/*見出し　グラデーション　オレンジ*/
h2.grad1_orange {
	padding: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	background: linear-gradient(#E9A527 0%, #C78915 100%);
	border: 1px solid #C78915;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25);
	text-align: center;
}
/*見出し　グラデーション　紫*/
h2.grad1_purple {
	padding: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	background: linear-gradient(#9900A2 0%, #6E0074 100%);
	border: 1px solid #C78915;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25);
	text-align: center;
}
/*見出し　平行四辺形*/
h2.parallelogram {
	transform: skewX(-45deg); /*transformで曲げる*/
	color: #fff;
	font-size: 20px;
	padding: 5px 30px;
}
h2.parallelogram span {
	transform: skewX(45deg);
	/*このままだとtransformでテキストも曲がるので打ち消すために入れます。*/
	margin: 0 auto;
	text-align: center;
	display: inline-block;
}
h2.parallelogram.flat-blue {
	background: #03A9F4;/*色*/
}
h2.parallelogram.flat-red {
	background: rgba(144,0,2,1.00);/*色*/
}
h2.parallelogram.flat-orange {
	background: rgba(203,157,0,1.00);/*色*/
}
h2.parallelogram.flat-green {
	background: rgba(11,82,0,1.00);/*色*/
}
h2.parallelogram.flat-purple {
	background: rgba(94,0,124,1.00);/*色*/
}
h2.parallelogram.flat-pink {
	background: rgba(219,23,157,1.00);/*色*/
}
.h2.parallelogram.flat-brown {
	background: rgba(65,58,43,1.00);/*色*/
}
h2.parallelogram.flat-black {
	background: #000;/*色*/
}
h2.parallelogram.flat-black-border {
	border: 1px solid #000;/*色*/
	color: #000;
}
/*見出し　マーカー*/
.marker0, .marker1, .marker2, .marker3, .marker4, .marker5, .marker6 {
}
.marker0 {
	background: linear-gradient(transparent 40%, #ffffbf 40%);
}
.marker1 {
	background: linear-gradient(transparent 60%, #FAE438 60%);
}
.marker2 {
	background: linear-gradient(transparent 60%, #63B0FF 60%);
}
.marker3 {
	background: linear-gradient(transparent 60%, #FF4199 60%);
}
.marker4 {
	background: linear-gradient(transparent 60%, #FF9130 60%);
}
.marker5 {
	background: linear-gradient(transparent 60%, #39D994 60%);
}
.marker6 {
	background: linear-gradient(transparent 60%, #B089E6 60%);
}
.marker7 {
	background: linear-gradient(transparent 60%, #7ecef4 6%);
}
/*見出し　上下ボーダー*/
h2.border1 {
	font-size: 20px;
	;
	text-align: center;
	padding: 0.5em 0;/*上下の余白*/
	border-top: solid 3px #000;/*上線*/
	border-bottom: solid 3px #000;/*下線*/
	border-bottom: solid 3px #000;/*下線*/
}
/*見出し　下ボーダー*/
h2.border3 {
	font-size: 20px;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
/*見出し　下ボーダー×中央寄せ+サブキャプション*/
h2.border12 {
	position: relative;
	margin-bottom: 1em;
	text-align: center;
	font-size: 40px;
	font-weight: 900;
}
h2.border12:before {
	content: '';
	position: absolute;
	bottom: 24px;
	display: inline-block;
	width: 10%;
	height: 5px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F06292;
}
h2.border12 .sub_caption {
	padding-top: 20px;
	text-align: center;
}
/*見出し　下ボーダー×先頭の文字を大きく*/
h2.border4 {
	font-size: 20px;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
h2.border4:first-letter {
	margin-right: .1em;
	font-size: 2.5em;
}
/*見出し　左ボーダー*/
h2.border5 {
	font-size: 20px;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #ccc;
	text-align: left;
}
/*見出し　左ボーダー×下ボーダー*/
h2.border6 {
	text-align: left;
	font-size: 20px;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/*見出し　左右ボーダー1*/
.border14 {
	font-size: 24px;
	display: flex;
	align-items: center;
}
.border14:before, .border14:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.border14:before {
	margin-right: .4em;
}
.border14:after {
	margin-left: .4em;
}
/*見出し　左右ボーダー2*/
.border15 {
	font-size: 24px;
	display: flex;
	align-items: center;
}
.border15:before, .border15:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.border15:before {
	margin-right: .4em;
	background: linear-gradient(-90deg, #888, transparent);
}
.border15:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #888, transparent);
}
/*見出し　左ボーダー×背景*/
h2.border8 {
	font-size: 20px;
	text-align: left;
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-left: 6px solid #F64E9C;
}
/*見出し　ボーダー二重線*/
h2.border10 {
	font-size: 20px;
	border: 1px solid #f0bdc4;	/* 内側の線の太さ・種類・色 */
	color: #e7939f; /* 文字色 */
	margin: 20px 10px; /* 外側の余白 上下・左右 */
	padding: 10px; /* 内側の余白 */
	position: relative;
	z-index: 0;
}
h2.border10:before {
	border: 2px solid #f0bdc4;	/* 外側の線の太さ・種類・色 */
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	bottom: -8px;
	left: -8px;
	right: -8px;
	z-index: -1;
}
/*見出し　ボーダー四隅*/
h2.border11 {
	font-size: 20px;
	position: relative;
	padding: .5em .75em;
	text-align: center;
	border-top: solid 1px #F64E9C;
	border-bottom: solid 1px #F64E9C;
}
h2.border11:before, h2.border11:after {
	content: '';
	position: absolute;
	top: -.5em;
	width: 1px;
	height: calc(100% + 1em);
	background-color: #F64E9C;
}
h2.border11:before {
	left: .5em;
}
h2.border11:after {
	right: .5em;
}
/*見出し　ボーダー点線*/
.border16 {
	border-bottom: 2px dotted #ff85a5;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #ff85a5;
	padding: 10px 0 2px 10px;
	text-align: left;
}
/*見出し　吹き出し*/
/*見出し　吹き出し 下向き*/
.balloon3 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
}
.balloon3:before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #FFF;
	z-index: 2;
}
.balloon3:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #555;
	z-index: 1;
}
.balloon3 p {
	margin: 0;
	padding: 0;
}
/*見出し　吹き出し 上向き*/
.balloon4 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
}
.balloon4:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
	z-index: 2;
}
.balloon4:after {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #555;
	z-index: 1;
}
.balloon4 p {
	margin: 0;
	padding: 0;
}
/*見出し　吹き出し 左向き*/
.balloon5 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
}
.balloon5:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}
.balloon5:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #555;
	z-index: 1;
}
.balloon5 p {
	margin: 0;
	padding: 0;
}
/*見出し　吹き出し 右向き*/
.balloon6 {
	position: relative;
	display: inline-block;
	margin: 1.5em 15px 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
}
.balloon6:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
	z-index: 2;
}
.balloon6:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #555;
	z-index: 1;
}
.balloon6 p {
	margin: 0;
	padding: 0;
}
/*見出し　括弧 共通パーツ*/
.brackets1, .brackets2, .brackets3 {
	text-align: center;
	margin: 10px auto;
}
/*見出し　括弧1*/
h2.brackets1 {
	font-size: 20px;
	position: relative;
	line-height: 1.4;
	padding: 0.25em 1em;
	display: inline-block;
}
h2.brackets1:before, h2.brackets1:after {
	content: '';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}
h2.brackets1:before {
	border-left: solid 1px #ff5722;
	border-top: solid 1px #ff5722;
	top: 0;
	left: 0;
}
h2.brackets1:after {
	border-right: solid 1px #ff5722;
	border-bottom: solid 1px #ff5722;
	bottom: 0;
	right: 0;
}
/*見出し　括弧2*/
h2.brackets2 {
	font-size: 20px;
	position: relative;
	line-height: 1.4;
	padding: 0.25em 1em;
	display: inline-block;
	top: 0;
}
h2.brackets2:before, h2.brackets2:after {
	position: absolute;
	top: 0;
	content: '';
	width: 8px;
	height: 100%;
	display: inline-block;
}
h2.brackets2:before {
	border-left: solid 1px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	left: 0;
}
h2.brackets2:after {
	content: '';
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	right: 0;
}
/*見出し　括弧3*/
h2.brackets3 {
	font-size: 20px;
	position: relative;
	width: 500px;
	padding: 15px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h2.brackets3::before, h2.brackets3::after {
	position: absolute;
	content: '';
	width: 20px;
	height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h2.brackets3::before {
	top: 0;
	left: 0;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}
h2.brackets3::after {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}

/*
-----------------------------
ボタン
-----------------------------
*/
/*共通パーツ 中央寄せ*/
.button_wrap {
	width: 100%;
	text-align: center;
}
/*ゴーストボタン×ホバーアニメーション1*/
a.ghost1 {
	border: 1px solid #ffffff;
}
a.ghost1:after {
	background: rgba(0,0,0,.2);
	opacity: .5;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.ghost1:hover:after {
	height: 140%;
	opacity: 1;
}
a.ghost1:link, a.ghost1:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 35px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
a.ghost1:link:after, a.ghost1:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.ghost2:link:hover, a.ghost2:visited:hover {
	color: #FFF;
}
a.ghost1:link:hover:after, a.ghost1:visited:hover:after {
	height: 450%;
}
a.ghost1:link, a.ghost1:visited {
	position: relative;
	display: inline-block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*ゴーストボタン×ホバーアニメーション2*/
a.ghost2 {
	display: inline-block;
	padding: 20px;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	transition: .3s;
}
a.ghost2:hover {
	color: #fff;
}
a.ghost2 {
	position: relative;
	z-index: 2;
	overflow: hidden;
}
a.ghost2::after {
	display: block;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	background: rgba(0,0,0,.2);
	transition: .3s;
}
a.ghost2:hover::after {
	width: 100%;
	height: 100%;
}
/*ボーダー*/
.btn-flat-border {
	display: inline-block;
	padding: 20px;
	text-decoration: none;
	transition: .4s;
}
.btn-flat-border.flat-blue {
	color: #67c5ff;
	border: solid 2px #67c5ff;
}
.btn-flat-border.flat-blue:hover {
	background: #67c5ff;
	color: white;
}
.btn-flat-border.flat-red {
	color: rgba(144,0,2,1.00);
	border: solid 2px rgba(144,0,2,1.00);
}
.btn-flat-border.flat-red:hover {
	background: rgba(144,0,2,1.00);
	color: white;
}
.btn-flat-border.flat-orange {
	color: rgba(203,157,0,1.00);
	border: solid 2px rgba(203,157,0,1.00);
}
.btn-flat-border.flat-orange:hover {
	background: rgba(203,157,0,1.00);
	color: white;
}
.btn-flat-border.flat-green {
	color: rgba(11,82,0,1.00);
	border: solid 2px rgba(11,82,0,1.00);
}
.btn-flat-border.flat-green:hover {
	background: rgba(11,82,0,1.00);
	color: white;
}
.btn-flat-border.flat-purple {
	color: rgba(94,0,124,1.00);
	border: solid 2px rgba(94,0,124,1.00);
}
.btn-flat-border.flat-purple:hover {
	background: rgba(94,0,124,1.00);
	color: white;
}
.btn-flat-border.flat-pink {
	color: rgba(219,23,157,1.00);
	border: solid 2px rgba(219,23,157,1.00);
}
.btn-flat-border.flat-pink:hover {
	background: rgba(219,23,157,1.00);
	color: white;
}
.btn-flat-border.flat-brown {
	color: rgba(65,58,43,1.00);
	border: solid 2px rgba(65,58,43,1.00);
}
.btn-flat-border.flat-brown:hover {
	background: rgba(65,58,43,1.00);
	color: white;
}
.btn-flat-border.flat-black {
	color: #000;
	border: solid 2px #000;
}
.btn-flat-border.flat-black:hover {
	background: #000;
	color: white;
}
/*シンプル×フル幅*/
.btn-square-little-rich {
	text-align: center;
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 20px;
	text-decoration: none;
	color: #FFF;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.btn-square-little-rich.flat-blue {
	background: #03A9F4;/*色*/
	border: solid 1px #0f9ada;
}
.btn-square-little-rich.flat-red {
	background: rgba(144,0,2,1.00);/*色*/
	border: solid 1px rgba(114,0,1,1.00);
}
.btn-square-little-rich.flat-orange {
	background: rgba(203,157,0,1.00);/*色*/
	border: solid 1px rgba(166,128,0,1.00);
}
.btn-square-little-rich.flat-green {
	background: rgba(11,82,0,1.00);/*色*/
	border: solid 1px rgba(10,75,0,1.00);
}
.btn-square-little-rich.flat-purple {
	background: rgba(94,0,124,1.00);/*色*/
	border: solid 1px rgba(84,0,111,1.00);
}
.btn-square-little-rich.flat-pink {
	background: rgba(219,23,157,1.00);/*色*/
	border: solid 1px rgba(197,4,136,1.00);
}
.btn-square-little-rich.flat-brown {
	background: rgba(65,58,43,1.00);/*色*/
	border: solid 1px rgba(58,50,33,1.00);
}
.btn-square-little-rich.flat-black {
	background: #000;/*色*/
	border: solid 1px #000;
}
.btn-square-little-rich:hover {
	color: #fff!important
}
/*拡大アニメーション/グラデーション*/
.grad_button a {
	display: inline-block;
	padding: 20px 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: relative;
}
.grad_button a:hover {
	color: #fff;
}
.radius_button a {
	border-radius: 8px;
}
.radius_button_large a {
	border-radius: 60px;
}
.zoominout a {
	padding: 30px;
	font-weight: 900;
	font-size: 40px;
	animation: zoominout 1s infinite;
}
.zoominout a:hover {
	color: #fff;
}
 @keyframes zoominout {
 0% {
transform:scale(1.0);
}
 50% {
transform:scale(1.01);
}
 100% {
transform:scale(1.0);
}
}
.button_blue a {
	background-color: rgba(196,38,40,1.00);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0 ); /* IE6-9 */
	border: rgba(41,137,216,1) 2px solid;
	text-shadow: 1px 1px 1px #004263;
}
.button_red a {
	background-color: rgba(196,38,40,1.00);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f76c54+1,e54439+49,f6290c+51,f02f17+71,e73827+100 */
	background: rgb(247,108,84); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,108,84,1) 1%, rgba(229,68,57,1) 49%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,108,84,1) 1%, rgba(229,68,57,1) 49%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,108,84,1) 1%, rgba(229,68,57,1) 49%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f76c54', endColorstr='#e73827', GradientType=0 ); /* IE6-9 */
	border: rgba(247,108,84,1) 2px solid;
	text-shadow: 1px 1px 1px rgba(82,0,1,1.00);
}
.button_orange a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
	background: rgb(255,183,107); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0 ); /* IE6-9 */
	border: rgba(255,183,107,1) 2px solid;
	text-shadow: 1px 1px 1px rgba(98,76,0,1.00);
}
.button_green a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
	background: rgb(191,210,85); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0 ); /* IE6-9 */
	border: rgba(191,210,85,1) 2px solid;
	text-shadow: 1px 1px 1px rgba(6,45,0,1.00);
}
.button_purple a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cb60b3+0,c146a1+50,a80077+51,db36a4+100;Pink+Gloss */
	background: rgb(203,96,179); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4', GradientType=0 ); /* IE6-9 */
	border: rgba(203,96,179,1) 2px solid;
	text-shadow: 1px 1px 1px rgba(54,0,71,1.00);
}
.border_button a {
	border: 1px solid #fff;
	/*-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);*/
}
/*波紋エフェクト*/
.button_ripple {
	display: inline-block;
	margin: 0.3em;
	padding: 1.2em 5em;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 0 2px 10px rgba(0,0,0,0.5);
	border: none;
	font-size: 15px;
	text-align: center;
}
.button_ripple:hover {
	box-shadow: 1px 6px 15px rgba(0,0,0,0.5);
	color: #fff!important;
	opacity: 1;
}
.button_ripple.green {
	background-color: #4CAF50;
	color: white;
}
.button_ripple.red {
	background-color: rgba(144,0,2,1.00);
	color: white;
}
.button_ripple.blue {
	background-color: #67c5ff;
	color: white;
}
.button_ripple.yellow {
	background-color: #ffc605;
	color: white;
}
.ripple {
	position: absolute;
	background: rgba(0,0,0,.25);
	border-radius: 100%;
	transform: scale(0.2);
	opacity: 0;
	pointer-events: none;
	-webkit-animation: ripple .75s ease-out;
	-moz-animation: ripple .75s ease-out;
	animation: ripple .75s ease-out;
}
@-webkit-keyframes ripple {
 from {
 opacity:1;
}
 to {
 transform: scale(2);
 opacity: 0;
}
}
/*角丸ボーダー*/
a.simple-radius-border-button {
	padding: 20px 40px;
	display: inline-block;
	border-radius: 40px;
	font-size: 18px;
	text-align: center;
	border: #000000 2px solid;
	color: #000;
	width: auto;
	margin: 20px auto;
}
a.simple-radius-border-button:hover {
	color: #000;
}
/*角丸*/
a.simple-radius-button, a.simple-button {
	padding: 20px 40px;
	display: inline-block;
	border-radius: 40px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	width: auto;
	margin: 20px auto;
}
a.simple-radius-button:hover, a.simple-button:hover {
	color: #fff;
}
a.simple-radius-button.blue {
	background-color: #188CBC;
}
a.simple-radius-button.red {
	background-color: #AB0002;
}
a.simple-radius-button.pink {
	background-color: #E311A0;
}
a.simple-radius-button.orange {
	background-color: #A69000;
}
a.simple-radius-button.green {
	background-color: #419200;
}
a.simple-radius-button.black {
	background-color: #000000;
}
a.simple-radius-button.purple {
	background-color: rgba(94,0,124,1.00);
}
a.simple-radius-button.brown {
	background-color: rgba(65,58,43,1.00);
}


/*
-----------------------------
* メニューリスト
-----------------------------
*/
.menu_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.menu_list_dot {
    padding: 10px 18px;
    -ms-flex-positive: 2;
    flex-grow: 2;
}
.menu_list_tax {
    display: contents;
    font-size: 13px;
}
.menu_list_dot hr {
    margin: 0 !important;
    border-width: 2px 0 0 0;
    border-style: dotted;
    border-color: #ddd;
    background-color: inherit;
}


/*
-----------------------------
* 囲み枠
-----------------------------
*/
.border_frame p{
	    margin: 0;
    padding: 0;
}
/*　囲み枠　ボーダー　 */
.border_box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
/*　囲み枠　角丸　 */
.border_box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}

/*　囲み枠　点線　 */
.border_box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
/*　囲み枠　ステッチ　 */
.border_box4{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 4px #d6ebff;
    border: dashed 2px white;
}
/*　囲み枠　ステッチ(角丸)　 */
.border_box5 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 4px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
/*　囲み枠　ストライプ背景　 */
.border_box6{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
/*　囲み枠　括弧　 */

.border_box7 {
    position: relative;
    padding:0.25em 1em;
}
.border_box7:before,.border_box7:after{
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.border_box7:before{
    border-left: solid 1px #5767bf;
    border-top: solid 1px #5767bf;
    top:0;
    left: 0;
}
.border_box7:after{
    border-right: solid 1px #5767bf;
    border-bottom: solid 1px #5767bf;
    bottom:0;
    right: 0;
}
/*　囲み枠　見出しつき　 */
.border_box8 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.border_box8 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
/*　囲み枠　見出しつき(ラベル)　 */
.border_box9 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.border_box9 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
/*　囲み枠　見出しつき(フル幅)　 */
.border_box10 {
    margin: 2em 0;

	border:#5fb3f5 1px solid;
}
.border_box10 .box-title {

    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.border_box10 p {
    padding: 15px 20px;
    margin: 0;
}
/*　囲み枠　手書き風　 */
.border_box11{

 padding: 1em 1.5em;

 color: #777777; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border: 4px solid #f6bfbc; /*線の太さ・色*/
 border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}
/*　囲み枠　テープ　 */
.border_box12 {
 position: relative;
 padding: 35px 20px 15px;
 color: #555555; /* 文字色 */
 background-color: #E6E6FA; /*背景色*/
 box-shadow: 0 2px 2px #ccc; /* 影 */
}
.border_box12::before {
 position: absolute;
 top: -1.5em;
 left: 35%;
 height: 40px;
 width: 160px; /*テープの幅*/
 content: "";
 border: 1px solid #ccc; /*枠太さ・色*/
 background-color: #FFF; /*テープ色*/
 opacity: 0.3; /*テープ透明度0～1*/
 transform: rotate( -5deg ); /*テープ角度*/
}
/*　囲み枠　二重線　 */
.border_box13 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}

/*
-----------------------------
* BLOG 固定ページ/ウィジェット
-----------------------------
*/


#widget-blog {
	padding: 70px 0;
}
.content_list.blog-style1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.content_list.blog-style1 figure {
	border-radius: 0;
}
.content_list h2 {
	margin: 0 0 5px 0;
}
.excerpt {
	font-size: 11px;
	line-height: 1.4em;
}
.content_blog h3 {
	margin-top: 5px;
}
.content_blog .readmore {
	width: 100%;
	text-align: center;
}
.content_blog .readmore a {
	margin: 20px auto;
	display: inline-block;
	padding: 10px 30px;
	text-align: center;
	border: rgba(85,85,85,1.00) 2px solid;
	border-radius: 30px;
	color: rgba(85,85,85,1.00);
}
.content_blog .layout2 figure,.content_blog .layout3 figure {
	width: 100px;
	margin-right: 10px;
	float: left;
	padding: 3px;
	background-color: rgba(224,224,224,0.50);
}
.post-item-date, .post-item-category {
	font-size: 13px;
	color: rgba(0,0,0,.5);
}
.content_blog h3 a {
	color: #191919;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
.widget_posts .content_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.post_thumnail {
	overflow: hidden;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.post_thumnail img:hover {
	transform: scale(1.2);
}
.tagcloud a {
	font-size: 13px!important;
	display: inline-block;
	margin: 0 3px 3px 0;
	border: 1px solid #E8E8E8;
	font-weight: 100;
	padding: 3px
}
.post-edit-link {
	font-size: 13px
}
.post-item-meta {
	margin-bottom: 20px;
}
.blog-style2 .post-item-meta {
	margin-bottom: 10px;
}
.post-item-meta a, .post-item-meta {
	color: rgba(79,79,79,1.00);
}
.post-meta {
	font-size: 11px;
	display: inline-block;
	margin-right: 10px;
}
a.readmore {
	margin-left: 10px;
	text-decoration: underline;
	color: rgba(50,50,50,1.00);
}
.post_description {
	display: block;
}
.blog-style1 article {
	padding: 10px;
	width: 33%;
}
.blog-style2 article {
	padding: 10px 0;
	width: 100%;
	border-bottom: rgba(193,193,193,0.50) 1px solid;
}
.blog-style3 article {
	padding: 10px;
	width: 100%;
	border-bottom: rgba(193,193,193,0.50) 1px solid;
	margin-bottom: 10px
}
.blog-style1 article:nth-child(3n+1) {
	clear: both;
}
.blog-style2 .post_thumnail {
	margin-right: 10px;
}
/*
-----------------------------
*FAQ
-----------------------------
*/
#faq h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	border: 0;
}
#faq ul li {
	float: none;
	border: 0;
}

.widget_faqitem{
/* 余白 2020/01 追加 */
    margin-top: 70px;
    margin-bottom: 70px;

}
/*
-----------------------------
*お客様の声
-----------------------------
*/
#voice,.eyecatch_widget {
	padding: 50px 0;
}
#voice {
	background-color: #EECCDB;
}
#voice ul {
	padding: 0;
	margin: 0;
	display: block;
	color: #595959;
}
#voice h2, #voice .subcaption {
	color: #fff;
}
.voice_colums {
	position: relative;
	clear: both;
	margin: 20px 0;
}
.voice_eyecatch {
	width: 120px;
	height: 120px;
	margin: auto;
	z-index: 998;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.voice_eyecatch_img {
    height: 100%;
    width: 100%;
    border-radius: 100px;
    background-size: cover;
    background-position: center center;
}

.voice_eyecatch img {
	border: rgba(255,255,255,1.00) 2px solid;
	width: 100%;
	height: auto;
	border-radius: 120px;
}
.voice_content {
	z-index: 99;
	margin: 60px 30px 20px 30px;
	padding: 60px 30px 30px;
	background-color: rgba(255,255,255,1.00);
	border-radius: 10px;
	/*
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);*/
}
.voice_name {
	font-size: 22px;
	text-align: center;
	margin: 35px 0 10px 0;
}
.voice_title {
	font-size: 16px;
	text-align: center;
	margin: 20px auto;
}
.voice_title_colums {
	width: 100%;
	position: relative;
	text-align: center;
	padding-bottom:25px;
}
.voice_message {
	font-size: 14px;
}
/*
-----------------------------
*カラム　　ショップリスト
-----------------------------
*/
#relate, #slider_widget {
	/*padding: 50px 0;*/
}
h2.faq_title {
	line-height: 1.6em;
	margin-bottom: 0;
}

.page-widget{
/*padding-bottom:50px;*/

}
/*カードUI*/
#eyecatch ul, #relate ul, #eyecatch2 ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
#eyecatch ul li {
	list-style: none!important;
	margin: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background-color: #fff;
}
/*アイキャッチ+タイトル+テキスト*/
#eyecatch2 ul li {
	list-style: none!important;
	margin: 5px;
}
#eyecatch ul.layout2 li, #eyecatch2 ul.layout2 li {
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
}
#eyecatch ul.layout3 li, #eyecatch2 ul.layout3 li {
	width: calc(33.3% - 10px);
	width: -webkit-calc(33.3% - 10px);
}
#eyecatch ul.layout4 li, #eyecatch2 ul.layout4 li {
	width: calc(25% - 10px);
	width: -webkit-calc(25% - 10px);
}
#eyecatch ul.layout5 li, #eyecatch2 ul.layout5 li {
	width: calc(20% - 10px);
	width: -webkit-calc(20% - 10px);
}
#eyecatch h3, #eyecatch2 h3 {
	color: #151515;
	font-weight: bold;
	margin-bottom: 0;
}
#eyecatch h3, #relate h3, #eyecatch2 h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#eyecatch .eyecatch_content {
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 10px;
	padding: 0 10px 10px 10px;
}
#eyecatch2 .eyecatch_content {
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 10px;
}

#eyecatch2 .eyecatch_content p {
	padding: 0;
	color: #151515;
}
#eyecatch figure img{
	width: 100%;
}
#relate h3, #relate .eyecatch_content {
	padding: 10px;
}
#eyecatch figure {
	position: relative;
	overflow: hidden;
	width: 99.8%;
	margin: 0 auto;
	border-radius: 5px 5px 0 0;
}
/*ショップリスト*/

.relate{
margin-top: 70px;
    margin-bottom: 70px;
}


#relate ul li {
	box-sizing: border-box;
	margin: 5px;
	border: rgba(213,213,213,0.50) 5px solid;
	list-style: none!important;
}

.relate_logo {
	width: 100%;
	padding: 10px;
	text-align: center;
}
.relate_logo img {
	max-width: 200px;
	width: 100%;
	margin: auto;
}
.relate_image:hover {
	opacity: 0.8;
}

/*
-----------------------------
*テーブル
-----------------------------
*/
/* table-style1 */
table.table-style1 tr:last-child{
  border-bottom:solid 1px #ddd;
}

table.table-style1 th{
  text-align: center;
  padding: 10px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 33.3%;
}

table.table-style1 th:nth-child(1){
  background-color:#dddddd;
}

table.table-style1 th:nth-child(3){
  background-color:#f5b932;
  color: white;
}

.table-price{
	font-size: 24px;
	font-weight: bold;
}

table.table-style1 td{
  text-align: center;
  padding: 20px 10px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 33.3%;
	vertical-align:middle;
}
table.table-style1 td a.simple-radius-button{
	margin: 0;
	padding: 10px 25px;
	width: auto;
}

table.table-style1 .popular{
  width: 33.3%;
}

table.table-style1 th.popular{
  position: relative;
}

table.table-style1 th.popular span.no1{
  position: absolute;
  top: -10px;
  left:calc(50% - 30px);
  background: #bdcc28;
  width: 60px;
  font-size: 10px;
  border-radius: 15px;
  line-height: 1;
  padding: 5px;
}

table.table-style1 th.popular span.inner{
  position: absolute;
  color:white;
  background-color:rgba(66,188,208,1.00);
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 10px 0;
}





.table-style2{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pricing-table {
	-webkit-box-shadow: 0px 0px 3px #26292e;
	box-shadow: 0px 0px 3px #26292e;
	display: inline-block;
	margin: 30px 10px;
	width: 33.3%;
	border-radius: 6px;
}

	.featured {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}

	.pricing-table-header {
		background: #65707f; /* Old browsers */
		background: -moz-linear-gradient(top,  #65707f 0%, #4a5564 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65707f), color-stop(100%,#4a5564)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #65707f 0%,#4a5564 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #65707f 0%,#4a5564 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #65707f 0%,#4a5564 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #65707f 0%,#4a5564 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65707f', endColorstr='#4a5564',GradientType=0 ); /* IE6-9 */
		background-color: #586272;
		-webkit-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		padding: 16px;
		text-align: center;
color: #fff;
		font-size: 14px;
		text-transform: uppercase;
	}



	.pricing-table-content {
		background-color: #fff;
	}

	.pricing-table-content ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.pricing-table-content ul li {
		border-bottom: 1px solid #efeff0;
		font-size: 14px;
		padding: 16px 56px;
		list-style: none;
	}

	.pricing-table-footer {
		background-color: #f5f7f8;
		-webkit-border-radius: 0px 0px 5px 5px;
		-moz-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		padding: 16px 0;
	}


	.pricing-table-footer {
		text-align: center;
	}

	.pricing-table-footer p {
		font-size: 13px;
		text-transform: uppercase;
	}

	.pricing-table-footer a,.table-style1 a {
		background: #50b7e4; /* Old browsers */
		background: -moz-linear-gradient(top,  #50b7e4 0%, #3098c4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50b7e4), color-stop(100%,#3098c4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #50b7e4 0%,#3098c4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #50b7e4 0%,#3098c4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #50b7e4 0%,#3098c4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #50b7e4 0%,#3098c4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b7e4', endColorstr='#3098c4',GradientType=0 ); /* IE6-9 */
		background-color: #3ea6d2;
		border: 1px solid #1481b0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		display: inline-block;
		font-weight: bold;
		margin-top: 10px;
		padding: 10px;
		text-decoration: none;
	}
	.pricing-table-footer a:hover,.table-style1 a:hover {
		color: #fff;
}
.pricing-table-footer sup{
	vertical-align: bottom;
}

/*
-----------------------------
*owlスライダー
-----------------------------
*/
.owl, item {
	margin: 0 auto
}
.owl-item {
	overflow: hidden
}
.owl {
	width: 100%;
}
.owl-theme .owl-controls {
	margin: 10px 0;
	text-align: center
}
.owl-next, .owl-prev {
	top: 0;
	position: absolute;
	bottom: 0;
	margin: auto;
}
.owl-theme .owl-controls .owl-buttons div {
	display: inline-block;
	zoom: 1;
	filter: Alpha(Opacity=50);
	opacity: .5;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	top: 50%;
	top: calc(50% - 23px);
}
.owl-prev {
	left: 20px;
}
.owl-next {
	right: 20px;
}
.owl-prev:after {
	content: "\f104　";
	font-family: FontAwesome;
	color: #333;
	font-size: 40px;
}
.owl-next:after {
	content: "　\f105";
	font-family: FontAwesome;
	color: #333;
	font-size: 40px;
}
.owl-prev:hover {
	left: 25px;
}
.owl-next:hover {
	right: 25px;
}
figure {
	position: relative;
	overflow: hidden;
	width: 99.8%;
	margin: 0 auto
}
.wp-block-image figure,.wp-block figure{
	width: auto;
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px;
	filter: Alpha(Opacity=50);
	opacity: .5;
	background: #869791;
	border-radius: 8px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 13px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}
.owl-item.loading {
	min-height: 150px;
	background: url(img/AjaxLoader.gif) center center no-repeat
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel, .owl-carousel .owl-wrapper {
	position: relative;
	display: none
}
.owl-carousel {
	width: 100%;
	-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}
#owl_wrapper {
	overflow: hidden;
}
#owl_wrapper ul {
	margin : 0;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}
.slick-initialized {
	opacity: 1
}
.owl-carousel .owl-item {
	float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
	cursor: pointer
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}
.grabbing {
	cursor: url(grabbing.png) 8 8, move
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	line-height: 1em;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
#owl_wrapper ul li {
	list-style: none;
}

figure {
	padding: 0
}
#owl-carousel {
	box-sizing: border-box
}
.owl-item {
	overflow: hidden
}
.item {
	overflow: hidden;
	position: relative
}
.item img {
	width: 100%
}
/*
-----------------------------
*カレンダー
-----------------------------
*/
.widget_calendar a {
	font-weight: 600
}
.widget_calendar a:hover {
	color: #444!important
}
.widget_calendar #wp-calendar {
	width: 100%
}
.widget_calendar caption {
	color: #fff;
	padding: 5px 10px
}
.widget_calendar thead {
	background: #e2e2e2;
	-webkit-box-shadow: 0 1px 0 #ddd;
	box-shadow: inset 0 -1px 0 #ddd
}
#footer .widget_calendar thead {
	background: #f2f2f2
}
.widget_calendar th {
	font-weight: 600
}
.widget_calendar td {
	background-color: rgba(255,255,255,0.03)
}
.widget_calendar th, .widget_calendar td {
	padding: 3px 0;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.10)
}
.widget_calendar .pad {
	padding: 0!important
}
#footer .widget_calendar th, #footer .widget_calendar td {
	color: #878484
}
/*
-----------------------------
*パンくずリスト
-----------------------------
*/
#breadcrumb a {
	color: #7f7f7f
}
#breadcrumb {
	padding: 10px;
	font-size: 13px;
	overflow: hidden;
	width: 100%;
	color: #7f7f7f;
	border-bottom: rgba(207,207,207,0.30) 1px solid;
}
#breadcrumb li {
	float: left;
}
.icon-basics-07 {
	position: relative;
	float: left;
}
ul#breadcrumb_list li {
	float: left;
	line-height: 1.6em;
	padding: 0 16px 0 0;
}
.icon-basics-07:first-child {
	padding: 0;
}
ul#breadcrumb_list li a {
	color: rgba(34,34,34,1.00);
}
.icon-basics-07:after {
	content: ">";
	font-size: 13px;
	color: rgba(81,81,81,0.50);
	float: left;
	position: absolute;
	top: -1px;
	left: -12px;
}
/*
-----------------------------
*ページネーション
-----------------------------
*/
#paginate, .grid, .video-container {
	position: relative
}
#paginate {
	width: 100%;
	clear: both;
}
.pagination {
	clear: both;
	padding: 20px 0;
	font-size: 11px;
	line-height: 13px;
	display: inline-block
}
.pagination a, .pagination span, .post-pages a {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
	padding: 10px;
	text-decoration: none;
	width: auto;
	color: rgba(104,104,104,1);
	background: #fff;
	border: rgba(224,224,224,1) 1px solid
}
.pagination .current {
	background-color: #000;
	color: #fff;
}
.pagination a:hover {
	background-color: #000;
	color: #fff;
}
/*
-----------------------------
*メディア
-----------------------------
*/
.video-container {
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden
}
.video-container embed, .video-container iframe, .video-container object, .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.image-container {
	position: relative;
	height: 350px;
}
.image-container img {
	display: block;
	width: 100%;
	height: auto
}
.image-caption {
	background: rgba(0,0,0,.7);
	color: #fff;
	font-size: 13px;
	line-height: 1.3em;
	font-style: italic;
	padding: 8px 10px;
	position: absolute;
	bottom: 8px;
	left: 8px;
	margin-right: 8px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.03);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.03)
}
/*
-----------------------------
*ウィジェット
-----------------------------
*/
.widget ul>li {
	position: relative
}
.widget_categories ul>li:after, .widget_nav_menu ul>li:after, ul.nav>li:after {
	content: '';
	position: absolute;
	width: 0;
	height: 3px;
	left: 0;
	bottom: 0;
	transition: all .3s ease-in-out
}
.widget_categories ul>li:after, .widget_nav_menu ul>li:after, ul.nav>li:after, ul.sub-menu {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}
.widget ul>li:hover:after, ul.nav>li:hover:after {
	width: 100%
}
/*抜粋　続きを読む*/
#readmore a {
	padding: 5px;
	display: block;
	color: #fff;
	float: right;
	font-size: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	opacity: .3;
	line-height: 1em;
	clear: both
}
#readmore a:hover {
	opacity: 1
}
/*
-----------------------------
*Contact Form
-----------------------------
*/
.wpcf7 label {
	display: block;
	text-align: left;
	vertical-align:baseline;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea {
	display: block;
	float: left;
	padding: 10px;
	width: 100%;
	margin-bottom: 10px;
	border: #c5c5c5 1px solid;
}
.wpcf7 input[type=submit] {
	width: 280px;
	font-size: 16px;
	padding: 20px;
	display: block;
	margin: 10px auto;
	cursor: pointer;
	color: #fff;
	border: none;
	border-radius: 60px;
	background-color: #EECCDB;
	box-sizing: border-box;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease
}
.wpcf7 input[type=submit]:hover {
	opacity: 0.8;
}
.wpcf7 div.wpcf7-validation-errors {
	border: none;
	margin: 0;
	padding: 0
}
.wpcf7 div.wpcf7-mail-sent-ng, .wpcf7 div.wpcf7-mail-sent-ok {
	border: none
}
.wpcf7 div.wpcf7-response-output {
	margin: 0;
	padding: 0
}
.wpcf7 span.wpcf7-form-control-wrap {
	display: block;
	position: relative
}
.wpcf7 span.wpcf7-not-valid-tip {
	background: #f2dede;
	border-color: #e3bfbf;
	color: #b94a48;
	padding: 4px 14px;
	font-size: 13px;
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 36px;
	width: auto;
	right: 0;
	display: block;
	z-index: 999;
}
/*メールアドレス登録*/
.regist_mailadress {
	padding: 0 50px;
}
.regist_mailadress input[type=email] {
	padding: 10px;
	font-size: 22px;
	border-radius: 8px;
}
.regist_mailadress.regist01 {
	padding: 20px;
	background-color: rgba(0,0,0,0.80);
	color: #fff;
	text-align: center;
	border-radius: 8px;
}
.regist_mailadress.regist02 {
	padding: 20px;
	background-color: rgba(255,255,255,0.80);
	color: #333;
	text-align: center;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.regist_mailadress.regist01 input[type=submit] {
	background-color: rgba(196,38,40,1.00);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0 ); /* IE6-9 */
	border: rgba(41,137,216,1) 2px solid;
	border-radius: 8px;
	text-align: center;
	display: block;
	animation: zoominout 1s infinite;
	position: relative;
	padding: 10px;
	color: #fff;
	font-size: 28px;
	width: 100%;
}
 @media only screen and (min-width:1025px) {
 .nav-wrap {
 top: 0
}
	 #countdown {
	padding: 20px 0;

}
/*見出し　縦書き*/
.text-vertical {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
/*
-----------------------------
*固定ぺージ　BLOG
-----------------------------
*/
.content_blog .layout1 article {
 width: 33.3%;
 border-bottom: rgba(193,193,193,0.50) 1px solid;
 padding: 10px;
}
.content_blog .layout1 .post-item-meta {
 margin-bottom: 0;
}
.content_blog .layout2 article {
 width: calc(50% - 10px);
 width: -webkit-calc(50% - 10px);
 margin: 5px 10px 20px 0;
}
.content_blog .layout3 article {
 width: 100%;
 margin: 5px 10px 10px 0;
}

.content_blog h2.post-title a, .post-meta a {
	color: rgba(37,37,37,1.00);
}
.blog-style2 h2.post-title {
	margin: 0;
	text-align: left;
}
.blog-style3 h2.post-title {
	margin-bottom: 0;
}
.blog-style2 h2.post-title, .blog-style3 h2.post-title {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-top: 0;
}
.blog-style2 article {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.blog-style2 .page .content_blog article {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: rgba(167,167,167,0.50) 1px solid;
}
.post-meta {
	display: inline-block;
}
}
@media print, screen and (min-width: 640px) {
ul#menu-footer_menu .menu_description {
	display: none;
}
.footer-menu li a {
	float: left;
	display: inline-block;
	border-right: rgba(136,136,136,0.50) 1px solid;
	text-decoration: underline;
}
.footer-menu a:last-child {
	border-right: none;
}
.hide-for-large, #header-shop-info-smart {
	display: none !important;
}
#nav-topbar .nav>li {
	display: inline-block;
	vertical-align: middle;
}
#relate ul.colums2 li {
	width: calc(50% - 10px);
	-webkit-width: calc(50% - 10px);
}
#relate ul.colums3 li {
	width: calc(33.3% - 10px);
	-webkit-width: calc(33.3% - 10px);
}
#relate ul.colums4 li {
	width: calc(25% - 10px);
	-webkit-width: calc(25% - 10px);
}
#relate ul.colums5 li {
	width: calc(20% - 10px);
	-webkit-width: calc(20% - 10px);
}
}

@media screen and (max-width: 640px) {

body {
	overflow-x: hidden!important;
	font-size: 16px;
	;
}
h2.bolder {
	font-size: 24px;
}
.post_description h2.post-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#primary, #secondary {
	width: 100%!important;
	max-width: 100%!important;
	padding: 0;
	margin: 0!important;
	margin-bottom: 30px!important;/*記事下対象*/
}

.blog-style1 h2.post-title {
    font-size: 14px!important;
}

.themeform button[type=submit], .themeform input[type=submit] {
	width: 100%;
}
/*フッター*/
.footer-under-widgets ul {
	display: block;
}
#global-footer-navi ul li a {
	display: block;
	padding: 10px;
	border-bottom: rgba(255,255,255,0.20) 1px solid;
	text-align: left;
}
.footer-under-widgets ul li {
	float: none;
	border: none;
}

.footer-under-widgets ul .owl-item li a {
    border-bottom: none;
}




.footer-under-widgets ul .slick-track li {
	float: left;
	border: none;
}


.overlay nav {
	height: 70%;
	font-size: 34px;
}
.overlay ul li {
	min-height: 34px;
}
#relate ul li {
	width: 100%;
}
.content_blog article,
.blog-style1 article{
	width: 100%;
	margin: 0px;
}
#nav-topbar, .header-line-text, .line-qr, #header-shop-info {
	display: none!important;
}
h1.site_description {
	display: none;
}
#eyecatch ul.layout2 li, #eyecatch ul.layout3 li, #eyecatch ul.layout4 li, #eyecatch ul.layout5 li {
	width: 100%;
}

#header #header-inner{
	padding: 0px;
	padding-left: 12px;
	padding-right: 12px;

	padding-top: 0px;
	padding-bottom: 0px;
}
.container-inner {
	padding: 12px;
}

/*
.content h1, .content h2, .content h3, .content h1 span, .content h2 span, .content h3 span{
	font-size: 20px!important;
}

.content_page h1, .content_page h2, .content_page h3 {
	font-size: 20px!important;
}*/

.content h3.faq_title {
	font-size: 14px!important;
}

/*グリッド*/
table.table_2colums td {
	display: block;
	width: 100%;
}
table.table_3colums td {
	width: 100%;
	display: block;
}
table.table_4colums td {
	width: 100%;
	display: block;
}
table.table_2colums37 td, table.table_2colums73 td {
	width: 100%;
	display: block;
}

table.table_2colums37 td:nth-of-type(1), table.table_2colums73 td:nth-of-type(2) {
    width: 100%;
}

table.table_2colums37 td:nth-of-type(2), table.table_2colums73 td:nth-of-type(1) {
    width: 100%;
}

/*ブレット*/
#bread1{
	padding: 10px!important;
}

.widget_freeareaitem .page_wrap {
	padding: 10px;
}
table.bread {
	width: 100%!important;
}
.slick-slider {
	margin-bottom: 0px;
}
.entry table td {
	padding: 10px;
}
/*ポップアップ*/
#enter-navi-wrap, .container-inner-enter {
	width:90%;
}
	.popup_page{
		width: 100%;
		padding: 0px;
	}
#enter-navi #enter-button .button {
	margin-bottom: 10px;
}
#primary {
	width: 100%;
	margin-top: 70px;
}
.grid {
	margin-right: 0%;
	float: none;
	display: block
}
.content_blog {
	margin-top: 40px;
}
/* header {
	position: absolute;
	top: 0;
	background-color: #fff;
	min-height: 60px;
} */
#footer-widgets {
	padding-top: 0;
}
#footer-drawer-navi .fixed-home {
	background-color: transparent;
	background-image: url(images/icon_home.png);
	background-repeat: no-repeat;
	background-position: center 12px;
	background-size: auto 25px;
}
#footer-drawer-navi .fixed-tel, #footer-drawer-navi .fixed-line {
	background-color: transparent;
	background-position: center 10px;
	background-size: auto 30px;
}
#footer-drawer-navi .fixed-mail {
	background-color: transparent;
	background-position: center 15px;
	background-size: auto 25px;
}
#breadcrumb {
	margin-top: 0px;
}
.blog-style2 article {
	display: block;
}
.blog-style2 .post_thumnail {
	float: left;
}
.blog-style2 .post_thumnail img {
	width: 100px;
	height: auto;
}
.home #primary {
	/*padding-top: 50px;*/
}
h1#logo {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.shop_info{
		text-align: center;
		float: none;
	}
.shop_tel {
    padding-left: 0px;
    display: block;
}
.header_shop_open {
    padding-left: 0px;
	display: block;
}
.widget_mt_posts, .widget_posts, .widget_faqitem, .widget widget_posts, .widget_flowitem {
	/*padding: 20px 0;*/
}
.countdown_timer {
	display: block;
	clear: both;
}
.entry_mailadress {
	padding: 0 10px;
}
.voice_content {
	margin: 60px 10px 20px 10px;
}
.slick-next {
	right: -10px!important;
}
.slick-prev {
	left: -10px!important;
}
.content_list {
	padding: 10px;
}
#relate, #slider_widget {
	padding: 20px 0;
}

.home #slider_widget {
	padding:0px;
}
	.table-style2{
		display: block;

	}
	.pricing-table{
		width: 100%;
		margin: 0;;
	}
	.contents_pad{
		padding: 10px!important;
	}

}

/* YouTube連携ボタンウィジェット */
#youtube #hidden_contents {
	text-align: center;
	margin: 20px auto 20px auto;
	font-size: 120%;
	font-weight: bold;
	color: #0000ff;
}

#youtube #hidden_contents #buy_button {
	margin: 0px auto 0px auto;

	position: relative;
	display: block;
	width: 150px;
	padding: 15px 0;
	text-align: center;
	cursor: pointer;

	color: white;
	text-decoration: none;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 3px;
	text-shadow: -1px -1px 1px #C60;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0 5px 1px #C60, 0 7px 5px #CCC;
	-webkit-box-shadow: 0 5px 1px #C60, 0 7px 5px #CCC;
	-moz-box-shadow: 0 5px 1px #C60, 0 7px 5px #CCC;
	-ms-box-shadow: 0 5px 1px #C60, 0 7px 5px #CCC;
	-o-box-shadow: 0 5px 1px #C60, 0 7px 5px #CCC;
}
#youtube #hidden_contents #buy_button:link,
#youtube #hidden_contents #buy_button:visited {
	background: #F70;
}
#youtube #hidden_contents #buy_button:hover {
	background: #FB3;
}
#youtube #hidden_contents #buy_button:active {
	background: #FC2;

	box-shadow: 0 0 1px #871, 0 2px 2px #CCC;
	-webkit-box-shadow: 0 0 1px #871, 0 2px 2px #CCC;
	-moz-box-shadow: 0 0 1px #871, 0 2px 2px #CCC;
	-ms-box-shadow: 0 0 1px #871, 0 2px 2px #CCC;
	-o-box-shadow: 0 0 1px #871, 0 2px 2px #CCC;
	top: 5px;
}

#iframe_player_api{
	max-width: 100%;
}

.countdown_code {
    color: #fff;
    background-color: #000;
    text-align: center;
}

.countdown_code .countdown_timer{
font-weight:bold;
font-size: 1.5em;
}


/*
-----------------------------
*コメント関連
-----------------------------
*/

.comment-form-cookies-consent{
display:none;
}

.page_comments{
    padding-top: 50px;
        position: relative;
}

.commentmetadata{
display: none;
}

.comment-form .form-submit{
    margin-top: 30px;
    margin-bottom: 50px;
        width: 100%;
        text-align: center;
}



#comments {
    display: flex;
    flex-direction: column;/*順序*/
}

#respond{
    order:1;/*順序*/
}

#comments .heading{
    order:2;/*順序*/
    margin-bottom: 50px;
}


#commentlist-container{
    order:3;/*順序*/
}


.themeform .comment-form input[type=submit]{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;

	padding: 0.5rem 1rem;
    font-size: 1.25em;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.comment-reply-link{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    display: inline-block;

    white-space: nowrap;
	margin-bottom: 20px;
}

.entry ol ul li, .entry ul li {
    list-style: none;
}

.entry ol li, .entry ol ul ol li {
    list-style: none;
}

.comment-author img{
height:48px;
width:48px;
}


.comment-author{

    font-size: 1.15em;
      line-height: 48px;
}

.comment-body > p{
    margin-left: 53px;
}

.comment-form .comment-form-url{
display:none;
}


.comment-form{
    display: flex;
    flex-wrap: wrap;
}

.comment-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	    margin-bottom: 15px;
}

.comment-group label{
    width: 50%;
	font-size: 1rem;
	    line-height: 1.5;
	    padding: 7px 8px;
}

.comment-group input,
.comment-group textarea{
    width: 50%;
}

.p-comment-respond__note{
	    margin-bottom: 20px;
}


.comment-form .comment-form-author{
    order: 0;
}

.comment-form .comment-form-email{
   order: 1;
}

.comment-form .comment-form-url{
   order: 2;
}

.comment-form .p-comment-respond__note{
   order: 3;
   display:none;
}

.comment-form .comment-form-url{
   order: 4;
}

.comment-form .c-form-group{
   order: 5;
}

.comment-form .comment-form-cookies-consent{
   order: 6;
}

.comment-form .form-submit{
   order: 7;
}


/*
-----------------------------
*見出し
-----------------------------
*/


.title_text,
.title_full,
.title_full_turn{
       padding: 25px;
    font-size: 26px;
    text-align: center;
}

body .title_full_red{
	background-color: #dc143c;
	 color: #fff;
}

body .title_full_green{
	background-color: #00947a;
    color: #fff;
}

body .title_full_yellow{
	background-color: #ffd700;

}


body .title_full_blue{
	background-color: #0068b7;
    color: #fff;
}

body .title_full_pink{
	background-color: #ffb6c1;

    color: #fff;
}

body .title_full_black{
	background-color: #1b1b1b;

    color: #fff;
}

body .title_full_gradation1{
	background: linear-gradient(to right, #fa709a, #fee140);

}
body .title_full_gradation2{
		background: linear-gradient(to right, #2af598, #009efd);
		    color: #fff;
}
body .title_full_gradation3{
		background: linear-gradient(to right, #00dbde, #fc00ff);
		    color: #fff;
}


.title_full_sub_01{
    margin-bottom: 10px;
}

.title_full_sub_02{
}

.title_full_sub_01,.title_full_sub_02{
font-size: 18px;
    font-weight: normal;
    display: block;
}

.title_full_main{
	font-size: 45px;
    font-weight: bold;
    line-height: 1.6;

}

.title_full2 .title_full_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.title_full2_red{
	background-color: #ffe5ea;
	 color:#dc143c;
}

.title_full2_red .title_full_sub_01{
       background-color: #dc143c;
    color: #fff;
    display: inline-flex;
    vertical-align: middle;
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    padding-left: 15px;
    padding-right: 15px;
}


.title_full2_yellow{
	background-color: #fff9d6;
}

.title_full2_yellow .title_full_sub_01{
background-color: #ffd700;
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.title_full2_green{
	background-color:#e3fdf8;
}

.title_full2_green .title_full_sub_01{
    color: #fff;
background-color: #00947a;
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.title_full2_blue{
	background-color:#daebff;
}

.title_full2_blue .title_full_sub_01{
    color: #fff;
background-color: #0068b7;
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}


.title_full2_pink{
	background-color:#ffebee;
}

.title_full2_pink .title_full_sub_01{
background-color: #ffb6c1;
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.title_full2_pink{
	background-color:#ffebee;
}

.title_full2_pink .title_full_sub_01{
	    color: #fff;
background-color: #ffb6c1;
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}


.title_full2_black{
	background-color:#f1f1f1;
}

.title_full2_black .title_full_sub_01{
	    color: #fff;
background-color: #1b1b1b;
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.title_full2_gradation1{
	background: linear-gradient(to right, #fa709a, #fee140);
}
.title_full2_gradation1 .title_full_sub_01{
background: linear-gradient(to right, #fa709a, #fee140);
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.title_full2_gradation2{
		background: linear-gradient(to right, #2af598, #009efd);
		    color: #fff;
}

.title_full2_gradation2 .title_full_sub_01{
background: linear-gradient(to right, #2af598, #009efd);
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}


.title_full2_gradation3{
		background: linear-gradient(to right, #00dbde, #fc00ff);
		    color: #fff;
}

.title_full2_gradation3 .title_full_sub_01{
background: linear-gradient(to right, #00dbde, #fc00ff);
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}




.title_full_turn{
    position: relative;
}

.title_full_turn:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 25px 25px 0;
    -webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
    box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}

.title_full_turn.title_full_red:after {
    border-color: #fff #fff #7a011a #7a011a;
}

.title_full_turn.title_full_yellow:after {
    border-color: #fff #fff #9a8201 #9a8201;
}

.title_full_turn.title_full_green:after {
    border-color: #fff #fff #026352 #026352;
}

.title_full_turn.title_full_blue:after {
    border-color: #fff #fff #003d6b #003d6b;
}

.title_full_turn.title_full_pink:after {
    border-color: #fff #fff #a2767d #a2767d;
}

.title_full_turn.title_full_black:after {
    border-color: #fff #fff #818181 #818181;
}

.title_full_turn.title_full_gradation1:after {
    border-color: #fff #fff #fcac6a #fcac6a;
}


.title_full_turn.title_full_gradation2:after {
    border-color: #fff #fff #0fbed8 #0fbed8;
}

.title_full_turn.title_full_gradation3:after {
    border-color: #fff #fff #a24ef4 #a24ef4;
}


/*
.title_ribbon_main:before,
.title_ribbon_main:after{
content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 15px solid transparent;
}

.title_ribbon_main:before {
    right: 0;
    border-left: solid 15px rgba(0,0,0,0.3);
    border-top: 15px solid rgba(0,0,0,0.3);
}

.title_ribbon_main:after {
    left: 0;
    border-right: solid 15px rgba(0,0,0,0.3);
    border-top: 15px solid rgba(0,0,0,0.3);
}*/


.title_ribbon_wrap{
line-height: 1;
    text-align: center;
}
.title_ribbon{

	display: inline-flex;
justify-content: center;
  align-items: center;

  position: relative;
  height: 160px;/*リボンの高さ*/
  line-height: 160px;/*リボンの高さ*/
  text-align: center;
  padding: 0px 60px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
      line-height: 1.6em;
}

.title_ribbon_main{
}


.title_ribbon_main:before,.title_ribbon_main:after{
    position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.title_ribbon_main:before{
	 top: 0;
  left: 0;
  border-width: 80px 0px 80px 30px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.title_ribbon_main:after{
	top: 0;
  right: 0;
  border-width: 80px 30px 80px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}



.title_full_red.title_ribbon:before,
.title_full_red.title_ribbon:after{
    border-color: #7a011a;
}

.title_full_red.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_red.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}

.title_full_yellow.title_ribbon:before,
.title_full_yellow.title_ribbon:after{
    border-color: #9a8203;
}

.title_full_yellow.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_yellow.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}

.title_full_green.title_ribbon:before,
.title_full_green.title_ribbon:after{
    border-color: #026354;
}

.title_full_green.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_green.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}


.title_full_blue.title_ribbon:before,
.title_full_blue.title_ribbon:after{
    border-color: #003d6b;
}

.title_full_blue.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_blue.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}

.title_full_pink.title_ribbon:before,
.title_full_pink.title_ribbon:after{
    border-color:#a2767d;
}

.title_full_pink.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_pink.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}

.title_full_black.title_ribbon:before,
.title_full_black.title_ribbon:after{
    border-color:#818183;
}

.title_full_black.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_black.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}

.title_full_gradation1.title_ribbon:before,
.title_full_gradation1.title_ribbon:after{
    border-color:#fcac6a;
}

.title_full_gradation1.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_gradation1.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}

.title_full_gradation2.title_ribbon:before,
.title_full_gradation2.title_ribbon:after{
    border-color:#0fbed8;
}

.title_full_gradation2.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_gradation2.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}

.title_full_gradation3.title_ribbon:before,
.title_full_gradation3.title_ribbon:after{
    border-color:#a24ef6;
}

.title_full_gradation3.title_ribbon:before {
    right: -60px;
    border-right-color: transparent;
}

.title_full_gradation3.title_ribbon:after {
    left: -60px;
    border-left-color: transparent;
}

body .marker_wrap{
text-align: center;
font-size: 40px;
font-weight: bold;
line-height: 1.5;
    position: relative;
}

.marker1_red{
background: linear-gradient(transparent 70%,#dc143c 70%);
}

.marker1_yellow{
background: linear-gradient(transparent 70%,#ffd700 70%);
}

.marker1_green{
background: linear-gradient(transparent 70%,#00947a 70%);
}

.marker1_blue{
background: linear-gradient(transparent 70%,#0068b7 70%);
}

.marker1_pink{
background: linear-gradient(transparent 70%,#ffb6c1 70%);
}

.marker1_black{
background: linear-gradient(transparent 70%,#1b1b1b 70%);
}


.marker1_gradation1,
.marker1_gradation2,
.marker1_gradation3
{
    position: relative;
}
.marker1_gradation1 .marker_after:after{
content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 30%;
    width: 100%;
    z-index: -1;
    background: linear-gradient(to right, #fa709a, #fee140);
}

.marker1_gradation2 .marker_after:after{
content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 30%;
    width: 100%;
    z-index: -1;
    background:linear-gradient(to right, #2af598, #009efd);
}

.marker1_gradation3 .marker_after:after{
content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 30%;
    width: 100%;
    z-index: -1;
    background: linear-gradient(to right, #00dbde, #fc00ff);
}


.marker2_red{
	border-bottom: 10px solid;
    border-color:#dc143c;
    padding-bottom: 10px;
        display: inline-flex;
}

.marker2_yellow{
	border-bottom: 10px solid;
    border-color:#ffd700;
    padding-bottom: 10px;
        display: inline-flex;
}


.marker2_green{
	border-bottom: 10px solid;
    border-color:#00947a;
    padding-bottom: 10px;
        display: inline-flex;
}


.marker2_blue{
	border-bottom: 10px solid;
    border-color:#0068b7;
    padding-bottom: 10px;
        display: inline-flex;
}

.marker2_pink{
	border-bottom: 10px solid;
    border-color:#ffb6c1;
    padding-bottom: 10px;
        display: inline-flex;
}

.marker2_black{
	border-bottom: 10px solid;
    border-color:#1b1b1b;
    padding-bottom: 10px;
        display: inline-flex;
}

.marker2_gradation1{
	border-bottom: 10px solid;
    border-image: linear-gradient(90deg, #fa709a 33%, #fee140 66%);
    border-image-slice: 1;
        display: inline-flex;
}

.marker2_gradation2{
	border-bottom: 10px solid;
    border-image: linear-gradient(90deg, #2af598 33%, #009efd 66%);
        border-image-slice: 1;
            display: inline-flex;
}

.marker2_gradation3{
	border-bottom: 10px solid;
    border-image: linear-gradient(90deg,#00dbde 33%, #fc00ff 66%);
        border-image-slice: 1;
            display: inline-flex;
}


.marker3_yellow{
	background-color:#ffd700;
}

.marker3_pink{
	background-color: #ffb6c1;
}

.marker3_gradation1{
	background: linear-gradient(to right, #fa709a, #fee140);
}

.top_bottom_line_red{
    text-align: center;
    padding: 0.5em 0;
    color: #dc143c;
    border-top: solid 3px #dc143c;
    border-bottom: solid 3px #dc143c;
}

.top_bottom_line_yellow{
    text-align: center;
    padding: 0.5em 0;
    color: #ffd700;
    border-top: solid 3px #ffd700;
    border-bottom: solid 3px #ffd700;
}

.top_bottom_line_green{
    text-align: center;
    padding: 0.5em 0;
    color: #00947a;
    border-top: solid 3px #00947a;
    border-bottom: solid 3px #00947a;
}

.top_bottom_line_blue{
    text-align: center;
    padding: 0.5em 0;
    color: #0068b7;
    border-top: solid 3px #0068b7;
    border-bottom: solid 3px #0068b7;
}

.top_bottom_line_pink{
    text-align: center;
    padding: 0.5em 0;
    color: #ffb6c1;
    border-top: solid 3px #ffb6c1;
    border-bottom: solid 3px #ffb6c1;
}

.top_bottom_line_black{
    text-align: center;
    padding: 0.5em 0;
    color: #1b1b1b;
    border-top: solid 3px #1b1b1b;
    border-bottom: solid 3px #1b1b1b;
}



.top_bottom_line_gradation1{
    text-align: center;
    padding: 0.5em 0;
    color: #dc143c;
    border-top: solid 3px;
    border-bottom: solid 3px;
    border-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    border-image-slice: 1;

      background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color: #fcac6a;/*** editor-style.cssにも記述 ***/
}


.top_bottom_line_gradation1 span,
.top_bottom_line_gradation2 span,
.top_bottom_line_gradation3 span
{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.top_bottom_line_gradation2{
    text-align: center;
    padding: 0.5em 0;
    color: #dc143c;
    border-top: solid 3px;
    border-bottom: solid 3px;
    border-image: linear-gradient(to right,#2af598 0%, #009efd 100%);
    border-image-slice: 1;

      background: linear-gradient(to right, #2af598 0%, #009efd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color: #0fbed8;

}

.top_bottom_line_gradation3{
    text-align: center;
    padding: 0.5em 0;
    color: #dc143c;
    border-top: solid 3px;
    border-bottom: solid 3px;
    border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;

      background: linear-gradient(to right, #00dbde 0%,#fc00ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color:#a24ef4;

}



.bottom_line_red{
    text-align: center;
    padding: 0.5em 0;
    color: #dc143c;
    border-bottom: solid 3px #dc143c;
}

.bottom_line_yellow{
    text-align: center;
    padding: 0.5em 0;
    color: #ffd700;
    border-bottom: solid 3px #ffd700;
}

.bottom_line_green{
    text-align: center;
    padding: 0.5em 0;
    color: #00947a;
    border-bottom: solid 3px #00947a;
}

.bottom_line_blue{
    text-align: center;
    padding: 0.5em 0;
    color: #0068b7;
    border-bottom: solid 3px #0068b7;
}

.bottom_line_pink{
    text-align: center;
    padding: 0.5em 0;
    color: #ffb6c1;
    border-bottom: solid 3px #ffb6c1;
}

.bottom_line_black{
    text-align: center;
    padding: 0.5em 0;
    color: #1b1b1b;
    border-bottom: solid 3px #1b1b1b;
}

.bottom_line_gradation1{
    text-align: center;
    padding: 0.5em 0;
    color: #dc143c;
    border-bottom: solid 3px;
    border-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    border-image-slice: 1;

      background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color: #fcac6a;

}

.bottom_line_gradation1 span,
.bottom_line_gradation2 span,
.bottom_line_gradation3 span
{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.bottom_line_gradation2{
    text-align: center;
    padding: 0.5em 0;
    color: #dc143c;
    border-bottom: solid 3px;
    border-image: linear-gradient(to right,#2af598 0%, #009efd 100%);
    border-image-slice: 1;

      background: linear-gradient(to right, #2af598 0%, #009efd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color: #0fbed8;

}

.bottom_line_gradation3{
    text-align: center;
    padding: 0.5em 0;
    color: #dc143c;
    border-bottom: solid 3px;
    border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;

      background: linear-gradient(to right, #00dbde 0%,#fc00ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color:#a24ef4;

}



/*IEで未対応の場合は以下で背景を非表示に*/
@media all and (-ms-high-contrast:none){

.top_bottom_line_gradation1,
.top_bottom_line_gradation2,
.top_bottom_line_gradation3,
.bottom_line_gradation1,
.bottom_line_gradation2,
.bottom_line_gradation3{
    background: none;
}
}


body .line_dashed{
border-bottom-style: dashed;
border-image: none;
}

.left_line .title_full_main{
    justify-content:flex-start;
}


.left_line_red{
text-align: left;
    padding: .5em .75em;
    background-color: #f6f6f3;
    border-left: 6px solid #dc143c;
}

.left_line_yellow{
text-align: left;
    padding: .5em .75em;
    background-color: #f6f6f2;
    border-left: 6px solid #ffd700;
}


.left_line_green{
text-align: left;
    padding: .5em .75em;
    background-color:#f6f6f1;
    border-left: 6px solid #00947a;
}


.left_line_blue{
text-align: left;
    padding: .5em .75em;
    background-color: #f6f6f0;
    border-left: 6px solid #0068b7;
}


.left_line_pink{
text-align: left;
    padding: .5em .75em;
    background-color:#f6f6f1;
    border-left: 6px solid #ffb6c1;
}


.left_line_black{
text-align: left;
    padding: .5em .75em;
    background-color: #f6f6f2;
    border-left: 6px solid #1b1b1b;
}

.left_line_gradation1{
text-align: left;
    padding: .5em .75em;
    background-color: #f6f6f3;
    border-left: 6px solid #fcac6a;
    border-image: linear-gradient(to bottom, #fa709a 0%, #fee140 100%);
    border-image-slice: 1;
}

.left_line_gradation2{
text-align: left;
    padding: .5em .75em;
    background-color:#f6f6f4;
    border-left: 6px solid #0fbed8;
    border-image: linear-gradient(to bottom,#2af598 0%, #009efd 100%);
    border-image-slice: 1;
}

.left_line_gradation3{
text-align: left;
    padding: .5em .75em;
    background-color:#f6f6f5;
    border-left: 6px solid #a24ef4;
    border-image: linear-gradient(to bottom, #00dbde 0%,#fc00ff 100%);
    border-image-slice: 1;
}


.balloon_wrap{
    text-align: center;
    position: relative;
}

.title_balloon1 {
        position: relative;
    display: inline-block;
    margin: 1.5em 0;
    /* padding: 7px 10px; */
    min-width: 120px;
    max-width: 100%;
    font-size: 16px;
    background: #FFF;
    border: solid 3px;
    box-sizing: border-box;
}

.title_balloon1:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}

.title_balloon1:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #555;
    z-index: 1;
}

.title_balloon1.title_balloon1_red{
    color:#dc143c;
    border: solid 3px #dc143c;
}

.title_balloon1.title_balloon1_red:after {
    border-top: 14px solid #dc143c;
}

.title_balloon1.title_balloon1_yellow{
    color:#ffd700;
    border: solid 3px #ffd700;
}

.title_balloon1.title_balloon1_yellow:after {
    border-top: 14px solid #ffd700;
}

.title_balloon1.title_balloon1_green{
    color:#00947a;
    border: solid 3px #00947a;
}

.title_balloon1.title_balloon1_green:after {
    border-top: 14px solid #00947a;
}


.title_balloon1.title_balloon1_blue{
    color:#0068b7;
    border: solid 3px #0068b7;
}

.title_balloon1.title_balloon1_blue:after {
    border-top: 14px solid #0068b7;
}


.title_balloon1.title_balloon1_pink{
    color:#ffb6c1;
    border: solid 3px #ffb6c1;
}

.title_balloon1.title_balloon1_pink:after {
    border-top: 14px solid #ffb6c1;
}

.title_balloon1.title_balloon1_black{
    color:#1b1b1b;
    border: solid 3px #1b1b1b;
}
.title_balloon1.title_balloon1_black:after {
    border-top: 14px solid #1b1b1b;
}

.title_balloon1.title_balloon1_gradation1{
    color: #fcac6a;
    border: solid 3px #fcac6a;
    border-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    border-image-slice: 1;
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.title_balloon1.title_balloon1_gradation1:after {
    border-top: 14px solid #fcac6a;
}

.title_balloon1_gradation1 span,
.title_balloon1_gradation2 span,
.title_balloon1_gradation3 span
{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.title_balloon1.title_balloon1_gradation2{
    color: #0fbed8;
    border: solid 3px #0fbed8;
    border-image: linear-gradient(to right,#2af598 0%, #009efd 100%);
    border-image-slice: 1;
    background: linear-gradient(to right,#2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.title_balloon1.title_balloon1_gradation2:after {
    border-top: 14px solid #0fbed8;
}

.title_balloon1.title_balloon1_gradation3{
    color: #a24ef6;
    border: solid 3px #a24ef6;
    border-image:linear-gradient(to right, #00dbde 0%,#fc00ff 100%);
    border-image-slice: 1;
    background:linear-gradient(to right, #00dbde 0%,#fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}


.title_balloon1.title_balloon1_gradation3:after {
    border-top: 14px solid #a24ef6;
}


.title_balloon2{
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    /* padding: 7px 10px; */
    min-width: 120px;
    max-width: 100%;
    font-size: 16px;
    background: #FFF;
    border: solid 3px;
    box-sizing: border-box;
    text-align: left;
}

.title_balloon2.title_full_sub_01,
.title_balloon2.title_full_sub_02{
}

.title_balloon2:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 10%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}

.title_balloon2:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 10%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #555;
    z-index: 1;
}


.title_balloon2.title_balloon2_red{
    color:#dc143c;
    border: solid 3px #dc143c;
}

.title_balloon2.title_balloon2_red:after {
    border-top: 14px solid #dc143c;
}

.title_balloon2.title_balloon2_yellow{
    color:#ffd700;
    border: solid 3px #ffd700;
}

.title_balloon2.title_balloon2_yellow:after {
    border-top: 14px solid #ffd700;
}

.title_balloon2.title_balloon2_green{
    color:#00947a;
    border: solid 3px #00947a;
}

.title_balloon2.title_balloon2_green:after {
    border-top: 14px solid #00947a;
}

.title_balloon2.title_balloon2_blue{
    color:#0068b7;
    border: solid 3px #0068b7;
}

.title_balloon2.title_balloon2_blue:after {
    border-top: 14px solid #0068b7;
}

.title_balloon2.title_balloon2_pink{
    color:#ffb6c1;
    border: solid 3px #ffb6c1;
}

.title_balloon2.title_balloon2_pink:after {
    border-top: 14px solid #ffb6c1;
}


.title_balloon2.title_balloon2_black{
    color:#1b1b1b;
    border: solid 3px #1b1b1b;
}

.title_balloon2.title_balloon2_black:after {
    border-top: 14px solid #1b1b1b;
}


.title_balloon2.title_balloon2_gradation1{
    color: #fcac6a;
    border: solid 3px #fcac6a;
    border-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    border-image-slice: 1;
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);

    -webkit-text-fill-color: rgba(255,255,255,0.0);
    -webkit-background-clip: text;
}

.title_balloon2.title_balloon2_gradation1:after {
    border-top: 14px solid #fb7895;
}

.title_balloon2_gradation1 span,
.title_balloon2_gradation2 span,
.title_balloon2_gradation3 span
{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.title_balloon2.title_balloon2_gradation2{
    color: #0fbed8;
    border: solid 3px #0fbed8;
    border-image: linear-gradient(to right,#2af598 0%, #009efd 100%);
    border-image-slice: 1;
    background: linear-gradient(to right,#2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.title_balloon2.title_balloon2_gradation2:after {
    border-top: 14px solid #26eda2;
}

.title_balloon2.title_balloon2_gradation3{
    color: #a24ef6;
    border: solid 3px #a24ef6;
    border-image:linear-gradient(to right, #00dbde 0%,#fc00ff 100%);
    border-image-slice: 1;
    background:linear-gradient(to right, #00dbde 0%,#fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}


.title_balloon2.title_balloon2_gradation3:after {
    border-top: 14px solid #44cde2;
}

.kakko1_wrap{
    text-align: center;
}

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

.title_kakko1:before, .title_kakko1:after {
    content: '';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}

.title_kakko1:before {
	border-color:#1b1b1b;
    border-left: solid 3px;
    border-top: solid 3px;
    top: 0;
    left: 0;
}

.title_kakko1:after {
	border-color:#1b1b1b;
    border-right: solid 3px;
    border-bottom: solid 3px;
    bottom: 0;
    right: 0;
}

.kakko1_red.title_kakko1,
.kakko1_red.title_kakko1:before,
.kakko1_red.title_kakko1:after{
	color:#dc143c;
	border-color:#dc143c;
}

.kakko1_yellow.title_kakko1,
.kakko1_yellow.title_kakko1:before,
.kakko1_yellow.title_kakko1:after{
	color:#ffd700;
	border-color:#ffd700;
}

.kakko1_green.title_kakko1,
.kakko1_green.title_kakko1:before,
.kakko1_green.title_kakko1:after{
	color:#00947a;
	border-color:#00947a;
}

.kakko1_blue.title_kakko1,
.kakko1_blue.title_kakko1:before,
.kakko1_blue.title_kakko1:after{
	color:#0068b7;
	border-color:#0068b7;
}

.kakko1_pink.title_kakko1,
.kakko1_pink.title_kakko1:before,
.kakko1_pink.title_kakko1:after{
	color:#ffb6c1;
	border-color:#ffb6c1;
}

.kakko1_black.title_kakko1,
.kakko1_black.title_kakko1:before,
.kakko1_black.title_kakko1:after{
	color:#1b1b1b;
	border-color:#1b1b1b;
}


.kakko2_wrap{
    text-align: center;
        margin-bottom: 6px;
}

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

.title_kakko2:before,.title_kakko2:after {
    position: absolute;
    top: 0;
    content: '';
    width: 8px;
    height: 100%;
    display: inline-block;
}

.title_kakko2:before {
		border-color:#1b1b1b;
    border-left: solid 3px;
    border-top: solid 3px;
    border-bottom: solid 3px;
    left: 0;
}

.title_kakko2:after {
		border-color:#1b1b1b;
    content: '';
    border-top: solid 3px;
    border-right: solid 3px;
    border-bottom: solid 3px;
    right: 0;
}

.kakko2_red.title_kakko2,
.kakko2_red.title_kakko2:before,
.kakko2_red.title_kakko2:after{
	color:#dc143c;
	border-color:#dc143c;
}


.kakko2_yellow.title_kakko2,
.kakko2_yellow.title_kakko2:before,
.kakko2_yellow.title_kakko2:after{
	color:#ffd700;
	border-color:#ffd700;
}

.kakko2_green.title_kakko2,
.kakko2_green.title_kakko2:before,
.kakko2_green.title_kakko2:after{
	color:#00947a;
	border-color:#00947a;
}

.kakko2_blue.title_kakko2,
.kakko2_blue.title_kakko2:before,
.kakko2_blue.title_kakko2:after{
	color:#0068b7;
	border-color:#0068b7;
}

.kakko2_pink.title_kakko2,
.kakko2_pink.title_kakko2:before,
.kakko2_pink.title_kakko2:after{
	color:#ffb6c1;
	border-color:#ffb6c1;
}

.kakko2_black.title_kakko2,
.kakko2_black.title_kakko2:before,
.kakko2_black.title_kakko2:after{
	color:#1b1b1b;
	border-color:#1b1b1b;
}

.serif_wrap{
    text-align: center;
}

.title_serif{
position: relative;
  display: inline-block;
      padding-left: 70px;
    padding-right: 70px;
}

.title_serif:before,.title_serif:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
width: 90px;
    height: 3px;
  background-color:#1b1b1b;
}
.title_serif:before {
  left:0;
    -webkit-transform: rotate(75deg);
      transform: rotate(75deg);
}
.title_serif:after {
  right: 0;
    -webkit-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

.serif_red.title_serif{
  color:#dc143c;
}

.serif_red.title_serif:before,
.serif_red.title_serif:after {
  background-color:#dc143c;
}

.serif_yellow.title_serif{
  color:#ffd700;
}

.serif_yellow.title_serif:before,
.serif_yellow.title_serif:after {
  background-color:#ffd700;
}


.serif_green.title_serif{
  color:#00947a;
}

.serif_green.title_serif:before,
.serif_green.title_serif:after {
  background-color:#00947a;
}

.serif_blue.title_serif{
  color:#0068b7;
}

.serif_blue.title_serif:before,
.serif_blue.title_serif:after {
  background-color:#0068b7;
}

.serif_pink.title_serif{
  color:#ffb6c1;
}

.serif_pink.title_serif:before,
.serif_pink.title_serif:after {
  background-color:#ffb6c1;
}

.serif_black.title_serif{
  color:#1b1b1b;
}

.serif_black.title_serif:before,
.serif_black.title_serif:after {
  background-color:#1b1b1b;
}




/*
-----------------------------
*枠・構図
-----------------------------
*/


.parts_review1{
position: relative;
    background-color: #fff;
    posiiton: relative;
    border: 20px solid #d4c7b7;
    box-sizing: border-box;
}

.parts_review1_wrap{

}
.parts_review1_wrap:before{
    content: "";
    width: calc(100% - 0px);
    margin-top: 50px;
    height: 150px;
    margin-right: 10px;
    background-color: #f4f1ec;
    z-index: 1;
    position: absolute;
}

.parts_review1_main{
    position: relative;
    z-index: 2;
        padding: 20px;
}
.parts_review1_balloon{
padding: 10px;
    border: 1px solid #000;
    display: inline-flex;
        background-color: #fff;
}

.parts_review1_box{
display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.parts_review1_img{

}

.parts_review1_img img{
	width:200px;
	height:200px;
	background-color: #c8c8c8;
}

.parts_review1_box_left{

	    width: calc(100% - 210px);

}
.parts_review1_name{
	width:100%;
    font-weight: bold;
    line-height: 1.2;
        color: #5b4d44;

}

.parts_review1_name_main{
font-size: 50px;
}

.parts_review1_name .parts_review1_name_mini{
    font-size: 20px;
}

.parts_review1_name_description{
  font-size: 30px;

}

.parts_review1_sub_title{
	    font-weight: bold;
    font-size: 18px;
    position: relative;
    padding: 0.3em 0;

border-bottom: 2px solid #ec6778;
    margin-bottom: 10px;
}

.parts_review1_sub_title{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: baseline;
    counter-increment: sample;
  }

.parts_review1_sub_title:before {
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-color: #000;
    color: #fff;
    line-height: 18px;
    text-align: center;
  }

.parts_review1_text{
   margin-bottom: 30px;
}

.parts_review2{

}



.parts_review2_main{
background-color: #f7f7ed;
    padding: 15px;
    border: 5px solid #666666;
}

.parts_review2_title{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    color: #c11507;
    margin-bottom: 10px;
}

.parts_review2_name{
    font-weight: bold;
    line-height: 1.2;
        margin-bottom: 10px;
}

.parts_review2_name_main{
font-size: 35px;
}

.parts_review2_name_mini{
font-size: 22px;
}

.parts_review2_box{
display: flex;
    flex-wrap: wrap;
padding-bottom: 10px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 10px;
}

.parts_review2_box_1{
    width: calc(100% - 210px);
    margin-right:10px;
}
.parts_review2_box_2{
    width: 200px;
    display: flex;
    flex-wrap: wrap;
}
.parts_review2_img img{
height: 200px;
width:200px;
background-color: #eee;
}


.parts_review1_balloon{
    position: relative;
    border: 1.5px solid #938e88;
    display: inline-flex;
    background-color: #fff;
    padding: 20px 20px;
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 10px;
}


.parts_review2_balloon{
    position: relative;
    border: 1.5px solid #938e88;
    display: inline-flex;
    background-color: #fff;
    padding: 20px 20px;
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 10px;
}
.parts_review1_balloon:after,
.parts_review2_balloon:after {
content: "";
    position: absolute;
    bottom: -18px;
    left: 20%;
    margin-left: -17px;
    border: 9px solid transparent;
    border-top: 9px solid #938e88;
    z-index: 1;
}

.parts_review1_balloon:before,
.parts_review2_balloon:before {
content: "";
    position: absolute;
    bottom:-13px;
    left: 20%;
    margin-left: -15px;
    border: 7px solid transparent;
    border-top: 7px solid #fff;
    z-index: 2;
}


@media screen and (max-width: 896px){
.parts_review2_box_1 {
    width: calc(100% - 0px);
    margin-right: 0px;
}

.parts_review2_box_2 {
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 20px;
}

.parts_review1_box_left {
    width: calc(100% - 0px);
}

.parts_review1_img {
    margin: 0 auto;
    margin-top: 30px;
}

	}









/*
-----------------------------
*ボタン
-----------------------------
*/

.wrap_button{
    text-align: center;
        position: relative;
            line-height: 1;
}
.kakumaru{
     cursor: pointer;
    padding: 20px 100px;
    display: inline-block;
    font-weight:700;
    position: relative;
border-radius:6px;
margin-bottom: 3px;
}
.kakumaru .button_main{
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.kakumaru:before {
font-family: 'icomoon';
content: "\ea34";
    position: absolute;
    left: auto;
    top: 0;
    font-size: 20px;
    line-height: 3;
    right: 25px;
    z-index: 2;
    width: 30px;
        color: #fff;

            top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.kakumaru.kakumaru_red{
background:#dc143c;
box-shadow: 0 3px #7a011a;
}

.kakumaru.kakumaru_red .button_main{
    color: #fff;
}

.kakumaru.kakumaru_red:hover {
	box-shadow: 0 0 #7a011a;
	top: 3px;
}

.kakumaru.kakumaru_yellow{
background:#ffd700;
box-shadow: 0 3px #9a8203;
}

.kakumaru.kakumaru_yellow .button_main{
    color: #1b1b1b;
}

.kakumaru.kakumaru_yellow:before {
color: #1b1b1b;
}

.kakumaru.kakumaru_yellow:hover {
	box-shadow: 0 0 #9a8203;
	top: 3px;
}


.kakumaru.kakumaru_green{
background:#00947a;
box-shadow: 0 3px #026354;
}

.kakumaru.kakumaru_green:hover {
	box-shadow: 0 0 #026354;
	top: 3px;
}

.kakumaru.kakumaru_blue{
background:#0068b7;
box-shadow: 0 3px #003d6b;
}

.kakumaru.kakumaru_blue:hover {
	box-shadow: 0 0 #003d6b;
	top: 3px;
}

.kakumaru.kakumaru_pink{
background:#ffb6c1;
box-shadow: 0 3px #a2767d;
}

.kakumaru.kakumaru_pink .button_main{
    color: #1b1b1b;
}

.kakumaru.kakumaru_pink:before {
color: #1b1b1b;
}

.kakumaru.kakumaru_pink:hover {
	box-shadow: 0 0 #a2767d;
	top: 3px;
}


.kakumaru.kakumaru_white{
background:#fffff;
box-shadow: 0 3px #b5b5b5;
}

.kakumaru.kakumaru_white .button_main{
    color: #1b1b1b;
}

.kakumaru.kakumaru_white:before {
color: #1b1b1b;
}

.kakumaru.kakumaru_white:hover {
	box-shadow: 0 0 #b5b5b5;
	top: 3px;
}
.kakumaru.kakumaru_black{
background:#2e2e2e;
box-shadow: 0 3px #1b1b1b;
}

.kakumaru.kakumaru_black:hover {
	box-shadow: 0 0 #1b1b1b;
	top: 3px;
}


.kakumaru.kakumaru_gradation1{
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);

}

.kakumaru.kakumaru_gradation1 .button_main{
    color: #1b1b1b;
}

.kakumaru.kakumaru_gradation1:before {
color: #1b1b1b;
}

.kakumaru_gradation1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 10px;
    z-index: -1;
    border-radius: 5px;
    background: linear-gradient(to right,#8c4258 0%, #9d8b27 100%);
}


.kakumaru.kakumaru_gradation1:hover {
	top: 3px;
}

.kakumaru.kakumaru_gradation1:hover:after {
	background:none;
}


.kakumaru.kakumaru_gradation2{
    background: linear-gradient(to right,#2af598 0%, #009efd 100%);
}

.kakumaru_gradation2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 10px;
    z-index: -1;
    border-radius: 5px;
    background: linear-gradient(to right,#1d945d 0%,#00639f 100%);
}

.kakumaru.kakumaru_gradation2:hover {
	top: 3px;
}

.kakumaru.kakumaru_gradation2:hover:after {
	background:none;
}





.kakumaru.kakumaru_gradation3{
    background: linear-gradient(to right,#00dbde 0%, #fc00ff 100%);
}

.kakumaru_gradation3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 10px;
    z-index: -1;
    border-radius: 5px;
    background: linear-gradient(to right,#018e90 0%,#a801aa 100%);
}

.kakumaru.kakumaru_gradation3:hover {
	top: 3px;
}

.kakumaru.kakumaru_gradation3:hover:after {
	background:none;
}




.kakumaru_border{
     cursor: pointer;
    padding: 20px 100px;
    display: inline-block;
    font-weight:700;
    position: relative;
border-radius:6px;
}
.kakumaru_border .button_main{
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.kakumaru_border:before {
font-family: 'icomoon';
content: "\ea34";
    position: absolute;
    left: auto;
    top: 0;
    font-size: 20px;
    line-height: 3;
    right: 25px;
    z-index: 2;
    width: 30px;
        color: #fff;

                    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.kakumaru_border.kakumaru_border_red{
	border: 3px solid #dc143c;
    opacity: 1;
}

.kakumaru_border.kakumaru_border_red .button_main{
color: #dc143c;
}

.kakumaru_border.kakumaru_border_red:hover{
	opacity: 0.8;
}

.kakumaru_border.kakumaru_border_red:before {
        color:#dc143c;
}

.kakumaru_border_red:hover{
    background-color: #dc143c;
}

.kakumaru_border_red:hover .button_main,
.kakumaru_border_red:hover:before{
color: #fff;
}


.kakumaru_border.kakumaru_border_yellow{
	border: 3px solid #ffd700;
    opacity: 1;
}

.kakumaru_border.kakumaru_border_yellow .button_main,
.kakumaru_border.kakumaru_border_yellow:before{
color: #ffd700;
}

.kakumaru_border.kakumaru_border_yellow:hover{
	opacity: 0.8;
}

.kakumaru_border_yellow:hover{
    background-color:  #ffd700;
}

.kakumaru_border_yellow:hover .button_main,
.kakumaru_border_yellow:hover:before{
color: #1b1b1b;
}


.kakumaru_border.kakumaru_border_green{
	border: 3px solid #00947a;
    opacity: 1;
}

.kakumaru_border.kakumaru_border_green .button_main,
.kakumaru_border.kakumaru_border_green:before{
color: #00947a;
}

.kakumaru_border.kakumaru_border_green:hover{
	opacity: 0.8;
}

.kakumaru_border_green:hover{
    background-color:  #00947a;
}

.kakumaru_border_green:hover .button_main,
.kakumaru_border_green:hover:before{
color: #fff;
}

.kakumaru_border.kakumaru_border_blue{
	border: 3px solid #0068b7;
    opacity: 1;
}

.kakumaru_border.kakumaru_border_blue .button_main,
.kakumaru_border.kakumaru_border_blue:before{
color: #0068b7;
}

.kakumaru_border.kakumaru_border_blue:hover{
	opacity: 0.8;
}

.kakumaru_border_blue:hover{
    background-color: #0068b7;
}

.kakumaru_border_blue:hover .button_main,
.kakumaru_border_blue:hover:before{
color: #fff;
}

.kakumaru_border.kakumaru_border_pink{
	border: 3px solid #ffb6c1;
    opacity: 1;
}

.kakumaru_border.kakumaru_border_pink .button_main,
.kakumaru_border.kakumaru_border_pink:before{
color: #ffb6c1;
}

.kakumaru_border.kakumaru_border_pink:hover{
	opacity: 0.8;
}

.kakumaru_border_pink:hover{
    background-color: #ffb6c1;
}

.kakumaru_border_pink:hover .button_main,
.kakumaru_border_pink:hover:before{
color: #1b1b1b;
}

.kakumaru_border.kakumaru_border_black{
	border: 3px solid #fff;
    opacity: 1;
    background-color: #1b1b1b;
}

.kakumaru_border.kakumaru_border_black .button_main,
.kakumaru_border.kakumaru_border_black:before{
color: #fff;
}

.kakumaru_border.kakumaru_border_black:hover{
	opacity: 0.8;
}

.kakumaru_border_black:hover{
   border: 3px solid  #1b1b1b;
}



.kakumaru_border.kakumaru_border_white{
	border: 3px solid #1b1b1b;
    opacity: 1;
}

.kakumaru_border.kakumaru_border_white .button_main,
.kakumaru_border.kakumaru_border_white:before{
color: #1b1b1b;
}

.kakumaru_border.kakumaru_border_white:hover{
	opacity: 0.8;
}

.kakumaru_border_white:hover{
   border: 3px solid  #fff;
}



.kakumaru_border.kakumaru_border_gradation1{
    opacity: 1;
        background-color: #fff;
    border-radius: 3px;
}

.kakumaru_border.kakumaru_border_gradation1 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.kakumaru_border_gradation1_wrap:hover{
	opacity: 0.8;
}

.kakumaru_border.kakumaru_border_gradation1:before {
        color:#dc143c;
}

.kakumaru_border_gradation1_wrap{
background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    border-radius: 6px;
    padding: 3px;
    display: inline-flex;
}

.kakumaru_border_gradation1_wrap:hover .kakumaru_border_gradation1,
.kakumaru_border.kakumaru_border_gradation1:before {
	color:#fcac6a;
       background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}


.kakumaru_border_gradation1_wrap:hover .button_main,
.kakumaru_border_gradation1_wrap:hover .kakumaru_border_gradation1:before{
color:#1b1b1b;
       background: #1b1b1b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}





.kakumaru_border.kakumaru_border_gradation2{
    opacity: 1;
        background-color: #fff;
    border-radius: 3px;
}

.kakumaru_border.kakumaru_border_gradation2 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.kakumaru_border_gradation2_wrap:hover{
	opacity: 0.8;
}


.kakumaru_border.kakumaru_border_gradation2:before {
        color:#dc143c;
}

.kakumaru_border_gradation2_wrap{
background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    border-radius: 6px;
    padding: 3px;
    display: inline-flex;
}

.kakumaru_border_gradation2_wrap:hover .kakumaru_border_gradation2,
.kakumaru_border.kakumaru_border_gradation2:before {
	color:#fcac6a;
       background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}


.kakumaru_border_gradation2_wrap:hover .button_main,
.kakumaru_border_gradation2_wrap:hover .kakumaru_border_gradation2:before{
color:#fff;
       background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}




.kakumaru_border.kakumaru_border_gradation3{
    opacity: 1;
        background-color: #fff;
    border-radius: 3px;
}

.kakumaru_border.kakumaru_border_gradation3 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.kakumaru_border_gradation3_wrap:hover{
	opacity: 0.8;
}

.kakumaru_border.kakumaru_border_gradation3:before {
        color:#dc143c;
}

.kakumaru_border_gradation3_wrap{
background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-radius: 6px;
    padding: 3px;
    display: inline-flex;
}

.kakumaru_border_gradation3_wrap:hover .kakumaru_border_gradation3,
.kakumaru_border.kakumaru_border_gradation3:before {
	color:#fcac6a;
       background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.kakumaru_border_gradation3_wrap:hover .button_main,
.kakumaru_border_gradation3_wrap:hover .kakumaru_border_gradation3:before{
color:#fff;
       background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}




.kakuari{
     cursor: pointer;
    padding: 20px 100px;
    display: inline-block;
    font-weight:700;
    position: relative;
}
.kakuari .button_main{
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.kakuari:before {
font-family: 'icomoon';
content: "\ea34";
    position: absolute;
    left: auto;
    top: 0;
    font-size: 20px;
    line-height: 3;
    right: 25px;
    z-index: 2;
    width: 30px;
        color: #fff;
                    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.kakuari:hover{
opacity: 0.8;
}

.kakuari.kakuari_red{
background:#dc143c;
border: 3px solid #dc143c;
}

.kakuari.kakuari_red:hover{
background:#fff;
border: 3px solid #dc143c;
color:#dc143c;
}

.kakuari.kakuari_red:hover .button_main{
color:#dc143c;
}

.kakuari.kakuari_red:hover:before {
	color:#dc143c;
}


.kakuari.kakuari_red .button_main{
    color: #fff;
}

.kakuari.kakuari_yellow{
background:#ffd700;
    border: 3px solid #ffd700;
}
.kakuari.kakuari_yellow .button_main{
    color: #1b1b1b;
}
.kakuari.kakuari_yellow:before {
    color: #1b1b1b;
}

.kakuari.kakuari_yellow:hover{
background:#fff;
border: 3px solid #ffd700;
color:#ffd700;
}

.kakuari.kakuari_yellow:hover .button_main,
.kakuari.kakuari_yellow:hover:before{
color:#ffd700;
}



.kakuari.kakuari_green{
background:#00947a;
 border: 3px solid #00947a;
}
.kakuari.kakuari_green .button_main{
    color: #fff;
}

.kakuari.kakuari_green:hover{
background:#fff;
border: 3px solid #00947a;
color:#00947a;
}

.kakuari.kakuari_green:hover .button_main,
.kakuari.kakuari_green:hover:before{
color:#00947a;
}

.kakuari.kakuari_blue{
background:#0068b7;
 border: 3px solid #0068b7;
}
.kakuari.kakuari_blue .button_main{
    color: #fff;
}

.kakuari.kakuari_blue:hover{
background:#fff;
border: 3px solid #0068b7;
color:#0068b7;
}

.kakuari.kakuari_blue:hover .button_main,
.kakuari.kakuari_blue:hover:before{
color:#0068b7;
}

.kakuari.kakuari_pink{
background:#ffb6c1;
 border: 3px solid #ffb6c1;
}
.kakuari.kakuari_pink .button_main{
    color: #1b1b1b;
}

.kakuari.kakuari_pink:before {
    color: #1b1b1b;
}

.kakuari.kakuari_pink:hover{
background:#fff;
border: 3px solid  #ffb6c1;
color: #ffb6c1;
}

.kakuari.kakuari_pink:hover .button_main,
.kakuari.kakuari_pink:hover:before{
color: #ffb6c1;
}

.kakuari.kakuari_white{
background:#fff;
 border: 3px solid#fff;
}

.kakuari.kakuari_white .button_main{
    color: #1b1b1b;
}

.kakuari.kakuari_white:before {
    color: #1b1b1b;
}

.kakuari.kakuari_white:hover{
background:#fff;
border: 3px solid  #1b1b1b;;
color: #1b1b1b;;
}

.kakuari.kakuari_white:hover .button_main,
.kakuari.kakuari_white:hover:before{
color: #1b1b1b;;
}



.kakuari.kakuari_black{
background:#1b1b1b;
 border: 3px solid #1b1b1b;
}
.kakuari.kakuari_black .button_main{
    color: #fff;
}


.kakuari.kakuari_black:hover{
background: #1b1b1b;
border: 3px solid   #fff;
color:#fff;
}

.kakuari.kakuari_black:hover .button_main,
.kakuari.kakuari_black:hover:before{
color:#fff;
}



.kakuari.kakuari_gradation1{
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.kakuari_gradation1_wrap {
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    padding: 3px;
    display: inline-flex;
}

.kakuari.kakuari_gradation1 .button_main{
  color: #1b1b1b;
}

.kakuari.kakuari_gradation1:before {
color: #1b1b1b;
}


.kakuari_gradation1_wrap:hover .kakuari_gradation1{
background:  #fff;
opacity:1;
}

.kakuari_gradation1_wrap:hover .button_main,
.kakuari_gradation1_wrap:hover .kakuari_gradation1:before{
    color: #fcac6a;
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}




.kakuari.kakuari_gradation2{
    background: linear-gradient(to right,#2af598 0%, #009efd 100%);
}

.kakuari_gradation2_wrap {
    background: linear-gradient(to right,#2af598 0%, #009efd 100%);
    padding: 3px;
    display: inline-flex;
}

.kakuari_gradation2_wrap:hover .kakuari_gradation2{
background:  #fff;
opacity:1;
}

.kakuari_gradation2_wrap:hover .button_main,
.kakuari_gradation2_wrap:hover .kakuari_gradation2:before{
    color:#009efd;
    background: linear-gradient(to right,#2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}



.kakuari.kakuari_gradation3{
    background: linear-gradient(to right,#00dbde 0%, #fc00ff 100%);
}

.kakuari_gradation3_wrap {
    background:linear-gradient(to right,#00dbde 0%, #fc00ff 100%);
    padding: 3px;
    display: inline-flex;
}

.kakuari_gradation3_wrap:hover .kakuari_gradation3{
background:  #fff;
opacity:1;
}

.kakuari_gradation3_wrap:hover .button_main,
.kakuari_gradation3_wrap:hover .kakuari_gradation3:before{
    color:#fc00ff;
    background:linear-gradient(to right,#00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}



.kakuari_border{
     cursor: pointer;
    padding: 20px 100px;
    display: inline-block;
    font-weight:700;
    position: relative;
}
.kakuari_border .button_main{
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.kakuari_border:before {
font-family: 'icomoon';
content: "\ea34";
    position: absolute;
    left: auto;
    top: 0;
    font-size: 20px;
    line-height: 3;
    right: 25px;
    z-index: 2;
    width: 30px;
        color: #fff;
                    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.kakuari_border:hover{
	opacity: 0.8;
}

.kakuari_border.kakuari_border_red{
	border: 3px solid #dc143c;
}

.kakuari_border.kakuari_border_red .button_main,
.kakuari_border.kakuari_border_red:before{
color: #dc143c;
}


.kakuari_border_red:hover{
background: #dc143c;
}

.kakuari_border:hover.kakuari_border_red .button_main,
.kakuari_border:hover.kakuari_border_red:before{
color: #fff;
}

.kakuari_border.kakuari_border_yellow{
	border: 3px solid #ffd700;
}

.kakuari_border.kakuari_border_yellow .button_main,
.kakuari_border.kakuari_border_yellow:before{
color: #ffd700;
}


.kakuari_border_yellow:hover{
background: #ffd700;
}

.kakuari_border:hover.kakuari_border_yellow .button_main,
.kakuari_border:hover.kakuari_border_yellow:before{
color: #fff;
}

.kakuari_border.kakuari_border_green{
	border: 3px solid #00947a;
}

.kakuari_border.kakuari_border_green .button_main,
.kakuari_border.kakuari_border_green:before{
color: #00947a;
}

.kakuari_border_green:hover{
background: #00947a;
}

.kakuari_border:hover.kakuari_border_green .button_main,
.kakuari_border:hover.kakuari_border_green:before{
color: #fff;
}


.kakuari_border.kakuari_border_blue{
	border: 3px solid #0068b7;
}

.kakuari_border.kakuari_border_blue .button_main,
.kakuari_border.kakuari_border_blue:before{
color: #0068b7;
}

.kakuari_border_blue:hover{
background:#0068b7;
}

.kakuari_border:hover.kakuari_border_blue .button_main,
.kakuari_border:hover.kakuari_border_blue:before{
color: #fff;
}



.kakuari_border.kakuari_border_pink{
	border: 3px solid #ffb6c1;
}

.kakuari_border.kakuari_border_pink .button_main,
.kakuari_border.kakuari_border_pink:before{
color:#ffb6c1;
}


.kakuari_border_pink:hover{
background:#ffb6c1;
}

.kakuari_border:hover.kakuari_border_pink .button_main,
.kakuari_border:hover.kakuari_border_pink:before{
color: #fff;
}


.kakuari_border.kakuari_border_black{
	border: 3px solid #fff;
	    background-color: #1b1b1b;
}

.kakuari_border.kakuari_border_black .button_main,
.kakuari_border.kakuari_border_black:before{
color:#fff;
}

.kakuari_border_black:hover{
border: 3px solid  #1b1b1b;
}


.kakuari_border.kakuari_border_white{
	border: 3px solid #1b1b1b;
}

.kakuari_border.kakuari_border_white .button_main,
.kakuari_border.kakuari_border_white:before{
color:#1b1b1b;
}


.kakuari_border_white:hover{
border: 3px solid  #fff;
}







.kakuari_border.kakuari_border_gradation1{
    opacity: 1;
        background-color: #fff;
}

.kakuari_border.kakuari_border_gradation1 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.kakuari_border.kakuari_border_gradation1:before {
        color:#dc143c;
}

.kakuari_border_gradation1_wrap{
background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    padding: 3px;
    display: inline-flex;
}

.kakuari_border_gradation1_wrap:hover .kakuari_border_gradation1,
.kakuari_border.kakuari_border_gradation1:before {
	color:#fcac6a;
       background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}


.kakuari_border_gradation1_wrap:hover .kakuari_border_gradation1 .button_main,
.kakuari_border_gradation1_wrap:hover .kakuari_border_gradation1:before{
       background:#1b1b1b;
           -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}



.kakuari_border.kakuari_border_gradation2{
    opacity: 1;
        background-color: #fff;
}

.kakuari_border.kakuari_border_gradation2 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.kakuari_border.kakuari_border_gradation2:before {
        color:#dc143c;
}

.kakuari_border_gradation2_wrap{
background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    padding: 3px;
    display: inline-flex;
}

.kakuari_border_gradation2_wrap:hover .kakuari_border_gradation2,
.kakuari_border.kakuari_border_gradation2:before {
	color:#fcac6a;
       background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}


.kakuari_border_gradation2_wrap:hover .kakuari_border_gradation2 .button_main,
.kakuari_border_gradation2_wrap:hover .kakuari_border_gradation2:before{
       background:#fff;
           -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}





.kakuari_border.kakuari_border_gradation3{
    opacity: 1;
        background-color: #fff;
}

.kakuari_border.kakuari_border_gradation3 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.kakuari_border.kakuari_border_gradation3:before {
        color:#dc143c;
}

.kakuari_border_gradation3_wrap{
background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    padding: 3px;
    display: inline-flex;
}

.kakuari_border_gradation3_wrap:hover .kakuari_border_gradation3,
.kakuari_border.kakuari_border_gradation3:before {
	color:#fcac6a;
       background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.kakuari_border_gradation3_wrap:hover .kakuari_border_gradation3 .button_main,
.kakuari_border_gradation3_wrap:hover .kakuari_border_gradation3:before{
       background:#fff;
           -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}



.round{
     cursor: pointer;
    padding: 20px 100px;
    display: inline-block;
    font-weight:700;
    position: relative;
border-radius:100px;
margin-bottom: 3px;
}
.round .button_main{
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.round:before {
font-family: 'icomoon';
content: "\ea34";
    position: absolute;
    left: auto;
    top: 0;
    font-size: 20px;
    line-height: 3;
    right: 25px;
    z-index: 2;
    width: 30px;
        color: #fff;

                    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.round.round_red{
background:#dc143c;
box-shadow: 0 3px #7a011a;
}

.round.round_red .button_main{
    color: #fff;
}

.round.round_red:hover {
	box-shadow: 0 0 #7a011a;
	top: 3px;
}

.round.round_yellow{
background:#ffd700;
box-shadow: 0 3px #9a8203;
}

.round.round_yellow .button_main{
    color: #1b1b1b;
}

.round.round_yellow:before {
      color: #1b1b1b;
}

.round.round_yellow:hover {
	box-shadow: 0 0 #9a8203;
	top: 3px;
}


.round.round_green{
background:#00947a;
box-shadow: 0 3px #026354;
}

.round.round_green .button_main{
    color: #fff;
}

.round.round_green:before {
      color: #fff;
}

.round.round_green:hover {
	box-shadow: 0 0 #026354;
	top: 3px;
}

.round.round_blue{
background:#0068b7;
box-shadow: 0 3px #003d6b;
}

.round.round_blue .button_main{
    color: #fff;
}

.round.round_blue:before {
      color: #fff;
}

.round.round_blue:hover {
	box-shadow: 0 0 #003d6b;
	top: 3px;
}

.round.round_pink{
background:#ffb6c1;
box-shadow: 0 3px #a2767d;
}

.round.round_pink .button_main{
    color: #1b1b1b;
}

.round.round_pink:before {
      color: #1b1b1b;
}

.round.round_pink:hover {
	box-shadow: 0 0 #a2767d;
	top: 3px;
}

.round.round_white{
background:#fff;
box-shadow: 0 3px #b5b5b5;
}

.round.round_white .button_main{
    color: #1b1b1b;
}

.round.round_white:before {
      color: #1b1b1b;
}

.round.round_white:hover {
	box-shadow: 0 0 #b5b5b5;
	top: 3px;
}

.round.round_black{
background:#2e2e2e;
box-shadow: 0 3px #1b1b1b;
}

.round.round_black .button_main{
    color: #fff;
}

.round.round_black:before {
      color: #fff;
}

.round.round_black:hover {
	box-shadow: 0 0 #1b1b1b;
	top: 3px;
}







.round.round_gradation1{
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.round.round_gradation1 .button_main{
    color: #1b1b1b;
}

.round.round_gradation1:before {
color: #1b1b1b;
}

.round_gradation1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 64px;
    z-index: -1;
    border-radius: 100px;
    background: linear-gradient(to right,#8c4258 0%, #9d8b27 100%);
}


.round.round_gradation1:hover {
	top: 3px;
}

.round.round_gradation1:hover:after {
	background:none;
}



.round.round_gradation2{
    background: linear-gradient(to right, #2af598 0%, #009efd 100%);
}

.round_gradation2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 64px;
    z-index: -1;
    border-radius: 100px;
    background: linear-gradient(to right, #1d945d 0%, #00639f 100%);
}


.round.round_gradation2:hover {
	top: 3px;
}

.round.round_gradation2:hover:after {
	background:none;
}

.round.round_gradation3{
background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
}

.round_gradation3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 64px;
    z-index: -1;
    border-radius: 100px;
    background: linear-gradient(to right, #018e90 0%,#a801aa 100%);
}


.round.round_gradation3:hover {
	top: 3px;
}

.round.round_gradation3:hover:after {
	background:none;
}


.round_border{
     cursor: pointer;
    padding: 20px 100px;
    display: inline-block;
    font-weight:700;
    position: relative;
border-radius:100px;
}
.round_border .button_main{
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.round_border:before {
font-family: 'icomoon';
content: "\ea34";
    position: absolute;
    left: auto;
    top: 0;
    font-size: 20px;
    line-height: 3;
    right: 25px;
    z-index: 2;
    width: 30px;
        color: #fff;

                    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.round_border:hover{
	opacity: 0.8;
}

.round_border.round_border_red{
	border: 3px solid #dc143c;
    opacity: 1;
}

.round_border.round_border_red .button_main{
color: #dc143c;
}

.round_border.round_border_red:before{
color: #dc143c;
}

.round_border_red:hover{
    background-color:  #dc143c;
}

.round_border_red:hover .button_main,
.round_border_red:hover:before{
color: #fff;
}


.round_border.round_border_yellow{
	border: 3px solid #ffd700;
    opacity: 1;
}

.round_border.round_border_yellow .button_main{
color:#ffd700;
}

.round_border.round_border_yellow:before{
color: #ffd700;
}

.round_border_yellow:hover{
    background-color: #ffd700;
}

.round_border_yellow:hover .button_main,
.round_border_yellow:hover:before{
color: #1b1b1b;
}

.round_border.round_border_green{
	border: 3px solid #00947a;
    opacity: 1;
}

.round_border.round_border_green .button_main{
color:#00947a;
}

.round_border.round_border_green:before{
color: #00947a;
}

.round_border_green:hover{
    background-color:  #00947a;
}

.round_border_green:hover .button_main,
.round_border_green:hover:before{
color: #fff;
}



.round_border.round_border_blue{
	border: 3px solid #0068b7;
    opacity: 1;
}

.round_border.round_border_blue .button_main{
color:#0068b7;
}

.round_border.round_border_blue:before{
color:#0068b7;
}

.round_border_blue:hover{
    background-color: #0068b7;
}

.round_border_blue:hover .button_main,
.round_border_blue:hover:before{
color: #fff;
}


.round_border.round_border_pink{
	border: 3px solid #ffb6c1;
    opacity: 1;
}

.round_border.round_border_pink .button_main{
color:#ffb6c1;
}

.round_border.round_border_pink:before{
color:#ffb6c1;
}

.round_border_pink:hover{
    background-color:#ffb6c1;
}

.round_border_pink:hover .button_main,
.round_border_pink:hover:before{
color: #1b1b1b;
}


.round_border.round_border_black{
	border: 3px solid #fff;
    opacity: 1;
    background-color: #1b1b1b;
}

.round_border.round_border_black .button_main{
color:#fff;
}

.round_border.round_border_black:before{
color:#fff;
}

.round_border_black:hover{
   border: 3px solid #1b1b1b;
}



.round_border.round_border_white{
	border: 3px solid #1b1b1b;
    opacity: 1;
}

.round_border.round_border_white .button_main{
color:#1b1b1b;
}

.round_border.round_border_white:before{
color:#1b1b1b;
}

.round_border_white:hover{
   border: 3px solid #fff;
}




.round_border.round_border_gradation1{
    opacity: 1;
        background-color: #fff;
}

.round_border.round_border_gradation1 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.round_border_gradation1_wrap:hover{
	opacity: 0.8;
}

.round_border.round_border_gradation1:before {
        color:#dc143c;
}

.round_border_gradation1_wrap{
background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    border-radius: 100px;
    padding: 3px;
    display: inline-flex;
}

.round_border_gradation1_wrap:hover .round_border_gradation1,
.round_border.round_border_gradation1:before {
	color:#fcac6a;
       background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.round_border_gradation1_wrap:hover .button_main,
.round_border_gradation1_wrap:hover .round_border_gradation1:before{
color:#1b1b1b;
       background: #1b1b1b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}



.round_border.round_border_gradation2{
    opacity: 1;
        background-color: #fff;
}

.round_border.round_border_gradation2 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.round_border_gradation2_wrap:hover{
	opacity: 0.8;
}

.round_border.round_border_gradation2:before {
        color:#dc143c;
}

.round_border_gradation2_wrap{
background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    border-radius: 100px;
    padding: 3px;
    display: inline-flex;
}

.round_border_gradation2_wrap:hover .round_border_gradation2,
.round_border.round_border_gradation2:before {
	color:#fcac6a;
       background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.round_border_gradation2_wrap:hover .button_main,
.round_border_gradation2_wrap:hover .round_border_gradation2:before{
color:#fff;
       background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}



.round_border.round_border_gradation3{
    opacity: 1;
        background-color: #fff;
}

.round_border.round_border_gradation3 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.round_border_gradation3_wrap:hover{
	opacity: 0.8;
}

.round_border.round_border_gradation3:before {
        color:#dc143c;
}

.round_border_gradation3_wrap{
background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-radius: 100px;
    padding: 3px;
    display: inline-flex;
}

.round_border_gradation3_wrap:hover .round_border_gradation3,
.round_border.round_border_gradation3:before {
	color:#fcac6a;
       background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.round_border_gradation3_wrap:hover .button_main,
.round_border_gradation3_wrap:hover .round_border_gradation3:before{
color:#fff;
       background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}


.circle_button{
cursor: pointer;
    padding: 0;
    display: inline-block;
    font-weight: 700;
    position: relative;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin-bottom: 3px;
}

.circle_button:before {
    font-family: 'icomoon';
    content: "\ea34";
    position: absolute;
    bottom: 0px;
    font-size: 30px;
    line-height: 3;
    z-index: 2;
    width: 30px;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
}

.circle_button .button_main{
    top: 50px;
    font-size: 20px;
    line-height: 1.2;

    position: absolute;
width: 100%;
left: 0;
right: 0;
margin: auto;
}

.circle_button_red{
    background: #dc143c;
    box-shadow: 0 3px #7a011a;
}

.circle_button_red .button_main{
color: #fff;
}

.circle_button.circle_button_red:hover {
	box-shadow: 0 0 #7a011a;
	top: 3px;
}





.circle_button.circle_button_yellow{
background:#ffd700;
box-shadow: 0 3px #9a8203;
}

.circle_button.circle_button_yellow .button_main{
    color: #1b1b1b;
}

.circle_button.circle_button_yellow:before {
      color: #1b1b1b;
}

.circle_button.circle_button_yellow:hover {
	box-shadow: 0 0 #9a8203;
	top: 3px;
}


.circle_button.circle_button_green{
background:#00947a;
box-shadow: 0 3px #026354;
}

.circle_button.circle_button_green .button_main{
    color: #fff;
}

.circle_button.circle_button_green:before {
      color: #fff;
}

.circle_button.circle_button_green:hover {
	box-shadow: 0 0 #026354;
	top: 3px;
}

.circle_button.circle_button_blue{
background:#0068b7;
box-shadow: 0 3px #003d6b;
}

.circle_button.circle_button_blue .button_main{
    color: #fff;
}

.circle_button.circle_button_blue:before {
      color: #fff;
}

.circle_button.circle_button_blue:hover {
	box-shadow: 0 0 #003d6b;
	top: 3px;
}

.circle_button.circle_button_pink{
background:#ffb6c1;
box-shadow: 0 3px #a2767d;
}

.circle_button.circle_button_pink .button_main{
    color: #1b1b1b;
}

.circle_button.circle_button_pink:before {
      color: #1b1b1b;
}

.circle_button.circle_button_pink:hover {
	box-shadow: 0 0 #a2767d;
	top: 3px;
}

.circle_button.circle_button_white{
background:#fff;
box-shadow: 0 3px #b5b5b5;
}

.circle_button.circle_button_white .button_main{
    color: #1b1b1b;
}

.circle_button.circle_button_white:before {
      color: #1b1b1b;
}

.circle_button.circle_button_white:hover {
	box-shadow: 0 0 #b5b5b5;
	top: 3px;
}

.circle_button.circle_button_black{
background:#2e2e2e;
box-shadow: 0 3px #1b1b1b;
}

.circle_button.circle_button_black .button_main{
    color: #fff;
}

.circle_button.circle_button_black:before {
      color: #fff;
}

.circle_button.circle_button_black:hover {
	box-shadow: 0 0 #1b1b1b;
	top: 3px;
}





.circle_button.circle_button_gradation1{
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.circle_button.circle_button_gradation1 .button_main{
    color: #1b1b1b;
}

.circle_button.circle_button_gradation1:before {
color: #1b1b1b;
}

.circle_button_gradation1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 180px;
    z-index: -1;
    border-radius: 100px;
    background: linear-gradient(to right,#8c4258 0%, #9d8b27 100%);
}


.circle_button.circle_button_gradation1:hover {
	top: 3px;
}

.circle_button.circle_button_gradation1:hover:after {
	background:none;
}



.circle_button.circle_button_gradation2{
    background: linear-gradient(to right, #2af598 0%, #009efd 100%);
}


.circle_button.circle_button_gradation2 .button_main{
    color: #fff;
}

.circle_button.circle_button_gradation2:before {
color: #fff;
}

.circle_button_gradation2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 180px;
    z-index: -1;
    border-radius: 100px;
    background: linear-gradient(to right,#1d945d 0%, #00639f 100%);
}


.circle_button.circle_button_gradation2:hover {
	top: 3px;
}

.circle_button.circle_button_gradation2:hover:after {
	background:none;
}

.circle_button.circle_button_gradation3{
    background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
}


.circle_button.circle_button_gradation3 .button_main{
    color: #fff;
}

.circle_button.circle_button_gradation3:before {
color: #fff;
}

.circle_button_gradation3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    color: #1b1b1b;
    width: 100%;
    height: 180px;
    z-index: -1;
    border-radius: 100px;
    background: linear-gradient(to right,#018e90 0%,#a801aa 100%);
}

.circle_button.circle_button_gradation3:hover {
	top: 3px;
}

.circle_button.circle_button_gradation3:hover:after {
	background:none;
}





.circle_button_border{
cursor: pointer;
    padding: 0;
    display: inline-block;
    font-weight: 700;
    position: relative;
    border-radius: 50%;
    width: 180px;
    height: 180px;
}

.circle_button_border:before {
    font-family: 'icomoon';
    content: "\ea34";
    position: absolute;
    bottom: 0px;
    font-size: 30px;
    line-height: 3;
    z-index: 2;
    width: 30px;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
}


.circle_button_border:hover{
opacity:0.8;
}

.circle_button_border .button_main{
    top: 50px;
    font-size: 20px;
    line-height: 1.2;

    position: absolute;
width: 100%;
left: 0;
right: 0;
margin: auto;
}

.circle_button_border_red{
    background: #fff;
    border: 3px solid #dc143c;
}

.circle_button_border_red .button_main{
color: #dc143c;
}

.circle_button_border_red.circle_button_border:before {
	color: #dc143c;
}

.circle_button_border_red:hover{
    background-color:#dc143c;
}

.circle_button_border_red:hover .button_main,
.circle_button_border_red:hover:before{
color: #fff;
}



.circle_button_border_blue{
    background: #fff;
    border: 3px solid #0068b7;
}

.circle_button_border_blue .button_main{
color: #0068b7;
}

.circle_button_border_blue.circle_button_border:before {
	color: #0068b7;
}

.circle_button_border_blue:hover{
    background-color:#0068b7;
}

.circle_button_border_blue:hover .button_main,
.circle_button_border_blue:hover:before{
color: #fff;
}


.circle_button_border_green{
    background: #fff;
    border: 3px solid #00947a;
}

.circle_button_border_green .button_main{
color: #00947a;
}

.circle_button_border_green.circle_button_border:before {
	color: #00947a;
}


.circle_button_border_green:hover{
    background-color:#00947a;
}

.circle_button_border_green:hover .button_main,
.circle_button_border_green:hover:before{
color: #fff;
}


.circle_button_border_yellow{
    background: #fff;
    border: 3px solid #ffd700;
}

.circle_button_border_yellow .button_main{
color: #ffd700;
}

.circle_button_border_yellow.circle_button_border:before {
	color: #ffd700;
}


.circle_button_border_yellow:hover{
    background-color:#ffd700;
}

.circle_button_border_yellow:hover .button_main,
.circle_button_border_yellow:hover:before{
color: #1b1b1b
}


.circle_button_border_pink{
    background: #fff;
    border: 3px solid #ffb6c1;
}

.circle_button_border_pink .button_main{
color: #ffb6c1;
}

.circle_button_border_pink.circle_button_border:before {
	color:#ffb6c1;
}


.circle_button_border_pink:hover{
    background-color:#ffb6c1;
}

.circle_button_border_pink:hover .button_main,
.circle_button_border_pink:hover:before{
color:#1b1b1b;
}


.circle_button_border_black{
    background:#1b1b1b;
    border: 3px solid #fff;
}

.circle_button_border_black .button_main{
color: #fff;
}

.circle_button_border_black.circle_button_border:before {
	color:#fff;
}

.circle_button_border_black:hover{
border: 3px solid #1b1b1b;
}




.circle_button_border_white{
    background: #fff;
    border: 3px solid #1b1b1b;
}

.circle_button_border_white .button_main{
color: #1b1b1b;
}

.circle_button_border_white.circle_button_border:before {
	color: #1b1b1b;
}

.circle_button_border_white:hover{
border: 3px solid #fff;
}






.circle_button_border.circle_button_border_gradation1{
    opacity: 1;
        background-color: #fff;
}

.circle_button_border.circle_button_border_gradation1 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.circle_button_border.circle_button_border_gradation1:before {
        color:#dc143c;
}

.circle_button_border_gradation1_wrap{
background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    border-radius: 100px;
    padding: 3px;
    display: inline-flex;
}

.circle_button_border_gradation1_wrap:hover .circle_button_border_gradation1,
.circle_button_border.circle_button_border_gradation1:before {
	color:#fcac6a;
       background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.circle_button_border_gradation1_wrap:hover .button_main,
.circle_button_border_gradation1_wrap:hover .circle_button_border_gradation1:before{
color:#1b1b1b;
       background: #1b1b1b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}




.circle_button_border.circle_button_border_gradation2{
    opacity: 1;
        background-color: #fff;
}

.circle_button_border.circle_button_border_gradation2 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.circle_button_border.circle_button_border_gradation2:before {
        color:#dc143c;
}

.circle_button_border_gradation2_wrap{
background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    border-radius: 100px;
    padding: 3px;
    display: inline-flex;
}

.circle_button_border_gradation2_wrap:hover .circle_button_border_gradation2,
.circle_button_border.circle_button_border_gradation2:before {
	color:#fcac6a;
       background: linear-gradient(to right, #2af598 0%, #009efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}


.circle_button_border_gradation2_wrap:hover .button_main,
.circle_button_border_gradation2_wrap:hover .circle_button_border_gradation2:before{
color:#fff;
background:#fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}



.circle_button_border.circle_button_border_gradation3{
    opacity: 1;
        background-color: #fff;
}

.circle_button_border.circle_button_border_gradation3 .button_main{
color:#fcac6a;
    background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);


}

.circle_button_border.circle_button_border_gradation3:before {
        color:#dc143c;
}

.circle_button_border_gradation3_wrap{
background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-radius: 100px;
    padding: 3px;
    display: inline-flex;
}

.circle_button_border_gradation3_wrap:hover .circle_button_border_gradation3,
.circle_button_border.circle_button_border_gradation3:before {
	color:#fcac6a;
       background: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}

.circle_button_border_gradation3_wrap:hover .button_main,
.circle_button_border_gradation3_wrap:hover .circle_button_border_gradation3:before{
color:#fff;
background:#fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
}




@media screen and (max-width: 896px){



.button_main{
margin-right: 20px;
}

.kakumaru,
.kakumaru_border,
.round,
.round_border,
.kakuari,
.kakuari_border{
padding: 20px 34px;
}

.kakumaru:before,
.kakumaru_border:before,
.round:before,
.round_border:before,
.kakuari:before,
.kakuari_border:before{
right: 15px;
width: 20px;
}


.title_full_main {
    font-size: 24px;
}

.title_full_sub_01, .title_full_sub_02 {
    font-size: 16px;
}


}

@media screen and (max-width: 480px){

.kakumaru .button_main,
.kakumaru_border .button_main,
.round .button_main,
.round_border .button_main,
.kakuari .button_main,
.kakuari_border .button_main{
font-size: 16px;
line-height: 20px;
}



}


/*
-----------------------------
*youtube関連
-----------------------------
*/

.youtube_time{
	display:none;
}

#tinymce .youtube_time{
	display:block;
}

/*
-----------------------------
*動くボタン関連（1、2、３）
-----------------------------
*/



/*** 動くボタン1 ***/
.animate73 {
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-moz-keyframes animate73 {
  0% {
    -moz-transform: scale(0.92);
  }
  40% {
    -moz-transform: scale(0.97);
  }
  60% {
    -moz-transform: scale(0.86);
  }
  80% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.92);
  }
}

@-o-keyframes animate73 {
  0% {
    -o-transform: scale(0.92);
  }
  40% {
    -o-transform: scale(0.97);
  }
  60% {
    -o-transform: scale(0.86);
  }
  80% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(0.92);
  }
}

@-webkit-keyframes animate73 {
  0% {
    -webkit-transform: scale(0.92);
  }
  40% {
    -webkit-transform: scale(0.97);
  }
  60% {
    -webkit-transform: scale(0.86);
  }
  80% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.92);
  }
}

@keyframes animate73 {
  0% {
    transform: scale(0.92);
  }
  40% {
    transform: scale(0.97);
  }
  60% {
    transform: scale(0.86);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.92);
  }
}

.animate73 {
  -webkit-animation-name: animate73;
  -moz-animation-name: animate73;
  -o-animation-name: animate73;
  animation-name: animate73;
}

.animate73 {
  animation-duration: 1s!important;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s!important;
}



/*** 動くボタン2 ***/



.animate72 {
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-moz-keyframes animate72 {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}

@-o-keyframes animate72 {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}

@-webkit-keyframes animate72 {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}

@keyframes animate72 {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}

.animate72 {
  -webkit-animation-name: animate72;
  -moz-animation-name: animate72;
  -o-animation-name: animate72;
  animation-name: animate72;
}

@-moz-keyframes option72 {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    -moz-transform: translateX(9%);
  }
  50% {
    -moz-transform: translateX(5%);
  }
  60% {
    -moz-transform: translateX(13%);
  }
  90% {
    -moz-transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes option72 {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    -o-transform: translateX(9%);
  }
  50% {
    -o-transform: translateX(5%);
  }
  60% {
    -o-transform: translateX(13%);
  }
  90% {
    -o-transform: translateX(0);
  }
  100% {
    -o-transform: translateX(0);
  }
}

@-webkit-keyframes option72 {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(9%);
  }
  50% {
    -webkit-transform: translateX(5%);
  }
  60% {
    -webkit-transform: translateX(13%);
  }
  90% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}

@keyframes option72 {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(9%);
  }
  50% {
    transform: translateX(5%);
  }
  60% {
    transform: translateX(13%);
  }
  90% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}

.a-option72 {
  -webkit-animation-name: option72;
  -moz-animation-name: option72;
  -o-animation-name: option72;
  animation-name: option72;
}

.animate72 {
  animation-duration: 1s!important;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s!important;
}


/*** 動くボタン3 ***/

.customize_fly{
padding-top:10px;

padding-bottom:10px;


}


.customize_fly_main{
  animation: img_box_9955 3s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  25% { transform: translateY(-10px) }
  50% { transform: translateY(0) }
  75% { transform: translateY(10px) }
  100% { transform: translateY(0) }
}

/*** PC：3カラムカードUI、スマホ：プルダウン関連 ***/

.table_3colums_pulldown_pc { display: block !important; }
.table_3colums_pulldown_sp { display: none !important; }	
.table_3colums_pulldown_title{
	display: flex;
    flex-wrap: wrap;
}
.table_3colums_pulldown .eyecatch_content p{
	margin-top: 10px;
}

@media screen and (max-width: 640px) {
	.table_3colums_pulldown_pc { display: none !important; }
	.table_3colums_pulldown_sp { display: block !important; }	
	.table_3colums_pulldown .select-box {
		border: 1px solid #666;
		padding: 10px;
		margin: 0 10px;
	}
	.table_3colums_pulldown .form-control{
		height: calc(2.25rem + 2px);
		margin: 5px 0;
	}
	.table_3colums_pulldown .form-control {
		display: block;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		line-height: 1.5;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: 0.25rem;
		-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	}
	
	}


/*
-----------------------------
エディター向け設定
-----------------------------
*/

.wp-block-freeform h2{
margin-top:0px;
margin-bottom:0px;
}

.wp-block-freeform p{
	margin-top:0px;
	margin-bottom:0px;
	}

	.display-none-type{
		display:none;
	}


/*
-----------------------------
パターン向け設定
-----------------------------
*/

.proc_video .title,
.proc_text .title{
	font-size: 43px!important;
	line-height: 1.6!important;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}


.proc_video .wrap,
.proc_text .wrap{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.proc_text .inner_text,
.proc_video .inner_text{
	font-size: 19px;
	line-height: 1.5;
	margin-bottom: 50px;
}

.proc_text li{
	list-style: none;
}

.proc_text .bread_wrap{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.proc_text .bread{
	width: calc(50% - 4%);
	padding: 50px 30px;
	font-size: 24px;
	line-height: 2;
	border: solid 1px #e7e7e7;
	background-color: #fefefe;
	margin-left: 0;
}

.proc_text .proc_text_title_honbun_bread3 .bread{
	width: calc(33% - 2%);
}

.proc_text .list-font{
	margin-right: 20px;

}


.proc_text .list-check:before {
    content: "\f00c";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	margin-right: 20px;
}



.proc_video .proc_video_pattern_a .inner_text{
	margin-left: 80px;
	margin-right: 80px;
	
}

.proc_video .inner_mov,.proc_video .proc_video_pattern_a .inner_mov,.proc_text .inner_mov{
	width: 100%;
}

.proc_video .proc_video_pattern_b .text_area{
	width: calc(40% - 30px);
}
.proc_video .proc_video_pattern_b .title{
	font-size: 43px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}

.proc_video .proc_video_pattern_b .inner_mov{
	width: calc(60% - 30px);
}

.proc_video .proc_video_pattern_c .text_area{
	width: calc(40% - 30px);
}

.proc_video .proc_video_pattern_c .inner_mov{
	width: calc(60% - 30px);
}

.proc_text .proc_text_title_honbun_media .text_area,
.proc_text .proc_text_title_honbun_video .text_area{
	width: calc(50% - 30px);
}

.proc_text .proc_text_title_honbun_media .inner_mov,
.proc_text .proc_text_title_honbun_video .inner_mov{
	width: calc(50% - 30px);
}

.proc_text .btn_wrap{
	text-align: center;
}

.proc_text a.btn{
	display: inline-block; 
	margin: 0 auto;
	width: 300px;
	border-radius: 10px; 
	background-color: #005bdc;
	text-align: center;
	color: #FEFEFE;
	font-size: 19px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}

.proc_text .text_wrap{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.proc_text .proc_text_title_honbun_image .text_area,
.proc_text .proc_text_title_honbun_image .inner_img{
	width: calc(50% - 30px);
}

.proc_text .proc_text_title_honbun2 .inner_text{
	width: calc(50% - 30px);
	font-size: 19px;
	line-height: 1.5;
}
.proc_text .proc_text_title_honbun2_media .inner_mov,
.proc_text .proc_text_title_honbun2_media .inner_text{
	width: calc(33% - 30px);
}

.proc_text .proc_text_title_honbun3 .inner_text{
	width: calc(33% - 30px);
	font-size: 19px;
	line-height: 1.5;
}

.padding-top-0{
	padding-top:0px;
}
.padding-top-5{
	padding-top:5px;
}
.padding-top-10{
	padding-top:10px;
}
.padding-bottom-0{
	padding-bottom:0px;
}
.padding-bottom-5{
	padding-bottom:5px;
}
.padding-bottom-10{
	padding-bottom:10px;
}

.padding-l-10{
	padding-left:10px;
}
.padding-r-10{
	padding-right:10px;
}
.padding-l-20{
	padding-left:20px;
}
.padding-r-20{
	padding-right:20px;
}
.padding-l-30{
	padding-left:30px;
}
.padding-r-30{
	padding-right:30px;
}
.padding-l-40{
	padding-left:40px;
}
.padding-r-40{
	padding-right:40px;
}
.padding-l-50{
	padding-left:50px;
}
.padding-r-50{
	padding-right:50px;
}
.padding-l-60{
	padding-left:60px;
}
.padding-r-60{
	padding-right:60px;
}
.padding-l-70{
	padding-left:70px;
}
.padding-r-70{
	padding-right:70px;
}
.padding-l-80{
	padding-left:80px;
}
.padding-r-80{
	padding-right:80px;
}
.padding-l-90{
	padding-left:90px;
}
.padding-r-90{
	padding-right:90px;
}
.padding-l-100{
	padding-left:90px;
}
.padding-r-100{
	padding-right:100px;
}

.margin-l-10{
	margin-left:10px;
	}
.margin-r-10{
	margin-right:10px;
	}

.margin-l-20{
	margin-left:20px;
	}
.margin-r-20{
	margin-right:20px;
	}

.margin-l-30{
	margin-left:30px;
	}
.margin-r-30{
	margin-right:30px;
	}

.margin-l-40{
	margin-left:40px;
	}
.margin-r-40{
	margin-right:40px;
	}

.margin-l-50{
	margin-left:50px;
	}
.margin-r-50{
	margin-right:50px;
	}
.margin-l-60{
	margin-left:60px;
	}
.margin-r-60{
	margin-right:60px;
	}
.margin-l-70{
	margin-left:70px;
	}
.margin-r-70{
	margin-right:70px;
	}

.margin-l-80{
margin-left:80px;
}
.margin-r-80{
margin-right:80px;
}

.margin-l-90{
	margin-left:90px;
}
.margin-r-90{
	margin-right:90px;
}
.margin-l-100{
	margin-left:100px;
}
.margin-r-100{
	margin-right:100px;
}

.margin-top-0{
	margin-top:0px;
}
.margin-top-5{
	margin-top:5px;
}


.margin-top-10{
	margin-top:10px;
}
.margin-top-20{
	margin-top:20px;
}
.margin-top-30{
	margin-top:30px;
}
.margin-top-40{
	margin-top:40px;
}
.margin-top-50{
	margin-top:50px;
}

.margin-bottom-0{
	margin-bottom:0px;
}

.margin-bottom-5{
	margin-bottom:5px;
}
.margin-bottom-10{
	margin-bottom:10px;
}

.margin-bottom-20{
	margin-bottom:20px;
}
.margin-bottom-30{
	margin-bottom:30px;
}
.margin-bottom-40{
	margin-bottom:40px;
}
.margin-bottom-50{
	margin-bottom:50px;
}
.line-height-1-00{
	line-height:1.0em;
}

.line-height-1-01{
	line-height:1.1em;
}
.line-height-1-02{
	line-height:1.2em;
}

.line-height-1-03{
	line-height:1.3em;
}
.line-height-1-04{
	line-height:1.4em;
}

.line-height-1-05{
	line-height:1.5em;
}
.line-height-1-06{
	line-height:1.6em;
}

.line-height-1-07{
	line-height:1.7em;
}

.line-height-1-08{
	line-height:1.8em;
}

.line-height-1-09{
	line-height:1.9em;
}

.line-height-2-00{
	line-height:2.0em;
}



.eyecatch_list .wp-block-column{
    list-style: none!important;
    margin: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
    background-color: #fff;
}
.eyecatch_list .wp-block-image{
    margin-bottom:0px;
}
.eyecatch_list .wp-block-image figcaption {
    margin-top: 10px;
    margin-bottom: 10px;
	margin-left:10px;
	margin-right:10px;
}

.webinar_title > strong{
    position: relative;
	padding: 25px;
	display: inline-block;
	padding-left: 70px;
    padding-right: 70px;
}

.webinar_title > strong:before{
	left: 0;
-webkit-transform: rotate(75deg);
transform: rotate(75deg);
}

.webinar_title > strong:after{
    right: 0;
    -webkit-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

.webinar_title > strong:before,.webinar_title > strong:after{
	content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 90px;
    height: 3px;
    background-color: #0068b7;
}

@media screen and (max-width: 896px){
.webinar_title > strong {
    font-size: 24px;
	line-height: 1.6em;
}
}

.bread_list_sample li {
    line-height: 2em!important;
    padding-left: 0.4em;
}
.bread_list_sample li::before{
    background-image: url(https://isotype.blue/wp-content/uploads/common/lpwp/check1.png);
    background-size: cover;
    content: ""!important;
    height: 1.6em;
    width: 1.6em!important;
    line-height: 2em!important;
    top: calc(0.4em);
}

.pattern_table_sample table{
    height: auto;
    width: 90%;
    border-collapse: collapse;
}

.pattern_table_sample  table th, .pattern_table_sample  table td {
    padding: 10px;
    vertical-align: top;
	border: none;
    border-bottom: rgba(191,191,191,1.00) 1px solid;
    text-align: left;
}

.pattern_table_sample thead{
	height: auto;
    border-style: solid;
    border-color: #cccccc;
    background-color: #fff3d4;
}

.animate73 .aligncenter{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	float: none;
}
.animate73 .alignleft{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    float: none;
}
.animate73 .alignright{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    float: none;
}

.parts_review2_main .wp-block-image .alignright{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    float: none;
	margin: 0;
}
.parts_review2_main .wp-block-image .alignleft{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    float: none;
	margin: 0;
}
.parts_review2_main .wp-block-image .aligncenter{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	float: none;
	margin: 0;
}

@media screen and (max-width: 896px){
	.parts_review2_main .wp-block-image figure{
		display: flex;
		flex-wrap: wrap;
		justify-content: center!important;
		float: none;
		margin: 0;
	}

	.parts_review2_main .wp-block-image{
		margin-bottom: 0;
		margin-top: 30px;
	}
	}


.fa-solid::before,.fa-check::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    line-height: 2.0;
}

.wp-block-isotype-button .stripe-button-el{
	display:none;
}

h1.has-background.title_full,
h2.has-background.title_full,
h3.has-background.title_full,
h4.has-background.title_full,
h5.has-background.title_full,
h6.has-background.title_full{
	padding: 25px;
}

.shop_list .wp-block-column{
	border:rgba(213,213,213,0.50) 5px solid;
	padding-bottom:25px;
	margin-bottom:20px;
}
.shop_list .wp-block-column h2{
	padding-top:25px;
	padding-bottom:25px;
}
.shop_list .wp-block-column p{
	padding-left:10px;
	padding-right:10px;
}
.shop_list .wp-block-column ul{
	list-style-position: inside;
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
	margin:0;margin-left:20px;
	list-style-type: disc;
}
.shop_list .wp-block-column ul li{
	list-style:disc;
}
.shop_list .wp-block-column .wp-block-image{
	margin-bottom:0px;
}
.shop_list .wp-block-column .wp-block-image{
	text-align:center;
}
.shop_list .has-drop-cap:not(:focus):first-letter{
font-size:3rem;
}

.customer_voice{
	text-align:center;
	position:relative;
	margin-top:100px;
	margin-bottom:50px;
}
.customer_voice::before{
	position:absolute;
	background:#ed5fa6;
	content:"";
	width:100vw;
	height:calc(100% + 100px);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-1;
}
.customer_voice h2{
	margin-bottom:5px;
	color:#fff;
}
.customer_voice h3{
	margin-bottom:80px;
	margin-top: 5px;
	color:#fff;
}
.customer_voice_child{
	background:white;
	border-radius:10px;
	position:relative;
	margin-top: 110px;
}
.customer_voice_child .wp-block-image{
		position: absolute;
    left: 50%;
    top: -10%;
    transform: translate(-50%,-50%);
}

.customer_voice_child .wp-block-image img{
		border-radius: 50%;
		height: 120px;
    width: 120px;
    object-fit: cover;
}
.customer_voice_child h2 {
		color:#000;
	padding:90px 30px 20px;
	margin-bottom:0;
}

.customer_voice_child .customer_name {
	color:#000;
	margin-top:0;
}
.customer_voice_child .voice_content {
	color:#000;
	text-align:left;
	padding:0px 30px 30px;
	margin:45px 0px 0px 0px;
}

.wp-block-group {
	display: block;
	clear: both;
	display: flow-root;
}

.wp-block-group:before,
.wp-block-group:after {
	content: "";
	display: block;
	clear: both;
}