@charset "utf-8";
/* CSS Document */

html {
			margin: 0 !important;
		}
img {
	max-width: 100%;
}
.ui-loader {
    display: none;
}
.ui-page.ui-page-theme-a.ui-page-active:focus {
    outline: none !important;
}		
section#content {
    padding: .8em;
}
a.anc {
	display: block;
    margin-top: -45px;
    padding-top: 45px;
}
.entry-content {
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serifsans-serif;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: 2px;
}

/** cloumn **/
.cloumn_article {
	margin-bottom: 3em;
}
.cloumn_article > p img {
    width: 100%;
}
.column h2 {
    padding: 1em 0;
    font-size: 1.3em;
}

.column_list ul li {
    border-top: dashed 1px;
    padding: .5em 0;
    font-size: 1.3rem;
	position: relative;
    margin-right: 1.5em;	
}

.column_list ul li:last-child {
    border-bottom: dashed 1px;
    margin-bottom: 1em;
}
.column_list ul li:after {
    content: "\f105";
    font-family: fontawesome;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -16px;
    top: 8px;
}
		
p.column_more {
    font-weight: bold;
    text-align: right;
    margin-right: 1em;
}		

		
/** maintenance sinlge **/
.entry-content {
    color: #0c0c0cd9;		
}
.entry-content ul {
    margin: 2em 0;
}	
.entry-content ul li {
    padding: .3em;
}
.entry-content ul li ul {
    margin: 0;
    padding-left: 1em;
}
.entry-content p {
    margin-bottom: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.3rem;
}
.entry-content h3 {
    border-bottom: solid 8px #6e6e6e5c;
    padding-bottom: .5em;
    margin: 3em 0 1em;
    font-size: 1.5em;
}
	
.entry-content .section{
    padding: 1em 0;			
	}

.movie_area {
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
}
 
.movie_area iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}	

ul.select_content {
    padding-left: 1em;
    line-height: 2.5;
}
ul.select_content a {
    color: #33bbd2;
    text-decoration: revert;
}	

.free_area h4 {
    font-size: 1em;
    margin: 3.5em 0 1.5em;
    background: #04a9df1c;
    padding: 1em;
    border-radius: 5px;
}
.free_area .img_area {
	padding:2em 0;
}
		
.free_area .img_area div {
    flex-basis: 33%;
	text-align: center;
}		

.free_area .img_area div img {
    width: 80%;
    height: auto;
}
.free_area h5 {
    font-size: 1.1em;
    padding: .5em 0;
    border-bottom: dashed 1px #6e6e6e5c;
    margin: 3em 0 1.5em;
}


.text_area {
    padding: .8em;
}		
		
.text_area h2,.text_area h1 {
    font-size: 1.3em;
}

.text_area h2 a,.text_area h1 a {
    text-decoration: underline;
}

.point, .caution {
    padding: 1em .5em;
}
		
.point {
    border: solid 1px #6868683b;
    margin: 3em 1em 2em;
    padding: 1.5em 1em;
    position: relative;
}

.point h2 {
    position: absolute;
    top: -16px;
    right: 50%;
    margin: auto;
    transform: translateX(-50%);
    left: 50%;
    width: 250px;
    text-align: center;
    background: #fff;
}
.caution h3 {
    border: none;
    padding: 0;
    font-size: 1.2em;
    margin: 0;
}		
.caution p {
    background: #7e7e7e;
    color: #fff575;
    padding: 1em;
}	
.swiper-container,.mainte_slide img {
   width: 100%;
}	
.mainte_slide > div {
    margin: 1em 0 .5em;
}
		
.descriptions h3 {
    font-size: 1.3em;
    margin: .5em 0 !important;
}

.descriptions {
    margin: 2.5em 0;
}
.related_post {
    margin: 0em 1em 4em;

}

.related_post h3 {
    font-size: 1.4em;
    border-bottom: solid 1px;
    margin-bottom: 1em;
}
.related_post p {
    margin-bottom: 1em;
    border-bottom: dashed 1px #ccc;
    padding-bottom: .5em;
}

.frame_area {
    padding: 1em;
    background: #d3d3d326;
    margin: 1em 0 2em;
    border-radius: 6px;
}

.frame_area .img_area {
    text-align: center;
    background: #fff;
    padding: 1em .5em;
    margin: 0;
}
.frame_area p.caption {
    text-align: center;
    color: #00000091;
    margin: 0;
}
.img_line img {
    margin-bottom: .5em;
}
.entry-content ul li a {
    text-decoration: underline;
    color: #0087b4;
}

/** フェードインエリア **/

.disp-box input[type="button"] {
    border: none;
    background: none;
    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serifsans-serif;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: 2px;
    font-weight: 500;
    font-weight: bold;
    background: linear-gradient(transparent 50%, #04a9df1c 60%);
}

div.disp-text{
	display: none;
	-webkit-animation: fadein 1s linear 0s 1;
}
@-webkit-keyframes fadein {
	0%{
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
.disp-text {
    background: #04a9df1c;
    padding: 2em;
    border-radius: 3px;
    margin: 0.3em 0 1em;
}

/** 引用 **/

.quote_simple {
    padding: 3em;
    margin: 1em;
    background: #cccccc3d;
    color: #8d8d8d;
    font-size: .9em;
    position: relative;
}
.quote_simple:before {
    position: absolute;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 16px;
    top: 7px;
    font-size: 1.3em;
}

.quote_simple p:last-child, .quote_round p:last-child {
    margin: 0;
}
.quote_simple p, .quote_round p {
    margin-bottom: 5px;
}

.quote_round {
    margin: 1em;
    padding: 2em;
    padding-left: 3em;
    background: #00c0ff5c;
    color: #6e6e6e;
    font-size: .9em;
    position: relative;
}

.quote_round:before {
    position: absolute;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.3em;
    bottom: 0;
    margin: auto;
    top: 54%;
    left: 13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/** 吹き出し **/

		
.bubble {
    padding: 1.5em 0;
}
.left-balloon, .right-balloon {
    display: flex;
    flex-wrap: wrap;
    padding: 1em 0;
}

.left-balloon figure, .right-balloon figure {
    flex-basis: 15%;
}
		
.bubble figure img {
    border-radius: 1000px;
}
		
.left-balloon figcaption, .right-balloon figcaption {
    font-size: .75em;
    text-align: center;
    line-height: 1.7;
}

.bubble .b_txt {
    flex-basis: 80%;
    padding: 1.2em 1.4em;
    border-radius: 13px;
    position: relative;
    font-size: .9em;
}
.right-balloon .b_txt {
    margin-right: 5%;
    background: #81d55f;
    color: #fff;
}

.left-balloon .b_txt {
    margin-left: 5%;
    background: #f6f6f6;
}

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

.left-balloon .b_txt:before {
    border-right: 18px solid #f6f6f6;
    left: -8%;
}
.left-balloon .b_txt:before, .left-balloon .b_txt:after {
    position: absolute;
    content: "";
    border-top: 9px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 9px solid transparent;
    top: 15px;
}

.right-balloon .b_txt:after {
    border-left: 18px solid #81d55f;
    right: -8%;
}
.right-balloon .b_txt:before, .right-balloon .b_txt:after {
    position: absolute;
    content: "";
    border-top: 9px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 9px solid transparent;
    top: 15px;
}
	

		
/** header search **/
.maintenanceAll {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: .5em 1em;
    font-size: 1.1em;
}		

.cFrame.sell_Search {
    height: 62px;
    padding: 0em 1em 0;
	}		
.boxArea form {
    display: flex;
}

p.h_keyword {
    -webkit-flex: 1;
    flex: 1;
}

p.h_submit {
    width: 69px;
}

p.h_keyword input[type="search"] {
    height: 51px;
    padding: 0 16px;
    border: 2px solid #000;
    font-size: 1.4rem;
    line-height: 43px;
    font-weight: bold;
    width: 100%;
}

a.ui-input-clear.ui-btn.ui-icon-delete.ui-btn-icon-notext.ui-corner-all.ui-input-clear-hidden {
    display: none;
}

.h_submit input[type="submit"] {
    width: 73px;
    height: 51px;
    margin-left: -4px;
    background-color: #000;
    background-image: url(https://cycleparadise.itembox.design/item/img/icon_search.svg?t=20200527095940);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 50% 50%;
    text-indent: -999em;
}
		
/** archive **/
.categoryArchives .caption h1 {
    padding: 0 .5em;
}		
.categoryArchives .entries {
    display: flex;
    flex-wrap: wrap;
}

.categoryArchives .entries article {
    padding: 1em .8em;
}

.categoryArchives .entry-thumbnail img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 200px;
    object-fit: cover;
}	

.categoryArchives .entry-content p, .categoryArchives .entry-content b, .categoryArchives .entry-content h3, .categoryArchives .entry-content ul {
    line-height: 1.5em;
    margin: 0px;
    display: inline;
    font-size: .85em;
}	

.category-maintenance h2.entry-title {
    font-size: 1.9rem;
    border-bottom: solid 5px #ccc;
    line-height: 3rem;
    padding: .5em 0;
}
time {
    font-weight: bold;
}

.category-maintenance .entry-content {
    margin: 1em 0 .5em;
}

footer.entry-footer a {
    color: #282828;
    text-decoration: none;
}
footer.entry-footer {
    font-weight: 500;
}

.category-maintenance {
    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serifsans-serif;
}
@media screen and (min-width:750px) { 		

a.anc {
	display: block;
    margin-top: -112px;
    padding-top: 112px;
}
	
.cloumn_article {
    display: flex;
    flex-wrap: wrap;
}

.cloumn_article > p {
    flex-basis: 35%;
}

.cloumn_article .column {
    flex-basis: 65%;
    padding-left: 2em;
}

.column h2 {
    padding: 0 0 .5em;
}
.entry-content p {
    font-size: inherit;
}
/** mainte single **/
.free_area h4 {
    font-size: 1.17em;
}

.free_area .img_area div {
    width: 40%;
}
.point li {
    margin-left: 1em;
}	
	
.img_line img {
    width: 49%;
    display: inline-block;
}	
/** 吹き出し **/	
.bubble {
    padding: 2em;
}

.bubble figure img {
    max-width: 73px;
}
.left-balloon figure, .right-balloon figure {
    flex-basis: 6%;
}

.left-balloon .b_txt {
    margin-left: 2%;
    margin-right: 94px;
}

.bubble .b_txt {
    flex-basis: 82%;
}
.right-balloon .b_txt {
    margin-right: 2%;
    margin-left: 94px;
}
.right-balloon .b_txt:before, .right-balloon .b_txt:after {
    top: 18px;
}
.right-balloon .b_txt:after {
    right: -2.5%;
}

.left-balloon .b_txt:before, .left-balloon .b_txt:after {
    top: 18px;
}
.left-balloon .b_txt:before {
    left: -2.5%;
}	
	
	
/** search **/
.cFrame.sell_Search {

    padding: 0;
}	
.maintenanceAll {
    width: 1200px;
    margin: 0 auto;
    justify-content: flex-end;
}
.maintenanceAll p {
    padding-left: 2em;
}
	
/** archive **/
	
.categoryArchives .entries article {
    width: 25%;
}	
.categoryArchives .entry-thumbnail img {
    max-height: 146px;
    max-width: 278px;

}	
	

/** ulテーブル用 **/

	
.ul_table li p:last-child {
    width: 87%;
    vertical-align: top;
}
.ul_table li p:first-child {
    width: 13%;
}
.ul_table li p {
    display: inline-block;
}	
	}
		

/** ▼上下にスペースをあけたいとき▼ **/

/** ▽下にスペース▽ **/
.pb_1 {
    padding-bottom: 1em !important;
}

.pb_2 {
    padding-bottom: 2em !important;
}

.pb_3 {
    padding-bottom: 3em !important;
}

.mb_1 {
    margin-bottom: 1em !important;
}

.mb_2 {
    marging-bottom: 2em !important;
}

.mb_3 {
    margin-bottom: 3em !important;
}

.pt_1 {
    padding-top: 1em !important;
}

.pt_2 {
    padding-top: 2em !important;
}

.pt_3 {
    padding-top: 3em !important;
}

/** ▽上にスペース▽ **/

.mt_1 {
    margin-top: 1em !important;
}

.mt_2 {
    margin-top: 2em !important;
}

.mt_3 {
    margin-top: 3em !important;
}

/** ラインマーカーを引く **/

.u_line_lb{
    background: linear-gradient(transparent 60%, #77fff3 60%);
}
.u_line_yel {
    background: linear-gradient(transparent 60%, #ffec03 60%);
}
.u_line_grn {
    background: linear-gradient(transparent 60%, #22ff079e 60%);
}
.u_line_pnk {
    background: linear-gradient(transparent 60%, #ff070740 60%);
}
	
.u_line_wav {
    text-decoration: underline wavy;
    text-decoration-color: #ffa03e;
}
	
.u_line_st {
    position: relative;
    padding: 0.3em .3em .5em;
}

.u_line_st:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: repeating-linear-gradient(-45deg, #ff6ddf, #ff6ddf 2px, #ffffff00 2px, #ffffff00 4px);
}	

/** フォントカラーを変える **/

.f_red {
    color: #ff0303;
    font-weight: bold;
}
.f_blu {
    color: #001fff;
    font-weight: bold;
}
.f_grn {
    color: #0aa900;
    font-weight: bold;
}
.f_pnk {
    color: #ff00bc;
    font-weight: bold;
}


/** フォントを太くする **/

.f_wb {
    font-weight: bold;
}


/** フォントサイズを変える **/

.f_13 {
    font-size: 1.3em;
}
f_20 {
    font-size: 2em;
}
f_09 {
    font-size: .9em;
}


/** ulリスト表示の表記 **/

ul.ul_num,ul.ul_circle,ul.ul_disc {
	padding-left: 1.5em;
}	
ul.ul_num {
    list-style-type: decimal;
    padding-left: 2.5em;
}
ul.ul_circle {
    list-style-type: circle;
}
ul.ul_disc {
    list-style-type: disc;
}
ul.ul_check li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: .5em;	
}

/** ulテーブル用 **/
		
		
.ul_table li p {
    width: 100%;
}