/*
Theme Name: cicol
Author: cicol
Author URI: https://cicol.jp/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
 -webkit-text-size-adjust: none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
	margin: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
embed, iframe, object {
	max-width: 100%;
}

#big-container{
	max-width: 3062px;
    margin: auto;
}

html,body{
	font-family: "ヒラギノ角ゴ Pro W3",'HiraKakuPro-W6',"HG丸ｺﾞｼｯｸM-PRO",'Yu Gothic' , 'sans-serif';
	color: #595757;   /* only this site CICOL TOP */
}

a{
	text-decoration: none;
    color: #595757;
}

#container{
	max-width: 2000px;
    margin: auto;
}

#main{
	max-width: 2000px;
    margin: auto;
}

/* front-page */

ul.news-item{
	display: block;
	max-width: 1010px;
    margin: 0 auto;
    background: url(https://cicol.jp/share/wp-content/uploads/2018/07/t-news-frame.png)no-repeat;
	background-size: 100%;
    height: 483px;
    margin-bottom: 80px;
    padding: 30px 0;
    padding-left: 20px;
    padding-right: 30px;
	font-size: 0px;
}
.tn-head{
	text-align: center;
	margin-bottom: 30px;
}
ul.news-item li{
	display: inline-block;
	width: 19%;
    font-size: 16px;
    padding-right: 20px;
    border-right: 1px dotted;
    padding-left: 20px;
	vertical-align: top;
}
ul.news-item li:last-child{
	border-right: none;
}
ul.news-item li img{
	width: 100%;
    height: auto;
}
p.date{
	color: #3487B3;
    font-size: 12px;
    text-align: center;
	padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #FFF138;
    margin-bottom: 10px;
}
.content1{
	margin-top: -5%;
    display: block;
    background: url(https://cicol.jp/share/wp-content/uploads/2017/12/backwave.png);
    
    background-size: 200%;
    padding-top: 6%;
    position: relative;
}
.c1-center{
	font-family: 'HiraKakuPro-W6';
    font-size: 18px;
    color: #3487B3;
}
.c1-catchcopy{
	font-family: 'HiraKakuPro-W3';
	display: block;
    max-width: 1000px;
    margin: auto;
    /* overflow-wrap: break-word; */
    /* letter-spacing: -.4em; */
    margin-top: 30px;
    padding-bottom: 60px;
    text-align: center;
    font-size: 28px;
}
.c-head-line{
	background: url(https://cicol.jp/share/wp-content/uploads/2017/12/fp-l-line.png) no-repeat;
    background-position: center;
	background-position-y: bottom;
    background-size: 30em;
    text-align: center;
    font-family: 'HiraKakuPro-W6';
    font-size: 28px;
    color: #3487B3;
    margin-bottom: 80px;
	padding-top: 40px;
}
.c1-block{
	display: block;
}
.c1-block img{
	display: block;
    max-width: 1000px;
    margin: auto;
}
.c1-infinity{
	text-align: center;
    font-family: 'HiraKakuPro-W6';
    font-size: 28px;
    color: #3487B3;
    margin-bottom: 80px;
    margin-top: 80px;
}

.content2{
	background: url(https://cicol.jp/share/wp-content/uploads/2017/12/back2.png) repeat;
}
.c2-content{
	display: block;
    max-width: 1000px;
    margin: auto;
    overflow-wrap: break-word;
	padding-top: 40px;
}
.c2-hl{
	background-size: 17em;
}

.content3{
	background-color: #DEEFF5;
	padding-bottom: 80px;
	display: none;
}
.c3-hl{
	background: url(https://cicol.jp/share/wp-content/uploads/2017/12/fp-m-line.png) no-repeat;
    background-position: center;
    background-position-y: bottom;
	background-size: 14em;
}

.c21-discri{
	  text-align: center;
    color: #725650;
    font-size: 16px;
    margin-top: 20px;
	font-family: "ヒラギノ角ゴ Pro";
}
.c22-head-line{
	background: url(https://cicol.jp/park/wp-content/uploads/2017/12/fp-toy-back.png) no-repeat;
    background-position: center;
    text-align: center;
    color: #368A35;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 32px;
}
.c2-img1{
	margin-bottom: 50px;
}

ul.c2-2area{
	display: block;
	max-width: 1000px;
    margin: auto;
	letter-spacing: -.4em;
	padding-bottom: 40px;

}

ul.c2-2area-2403{
	display: block;
	max-width: 1000px;
	margin: auto;
	letter-spacing: -.4em;
	/* padding-bottom: 20px; */
}

ul.c2-2area li, ul.c2-2area-2403 li{
	display: inline-block;
	letter-spacing: normal;
	width: 48%;
   margin: 20px 1%;
	text-align: center;
	color: #3487B3;
	font-family: 'HiraKakuPro-W3';
	vertical-align: top;
}
ul.c2-2area li img, ul.c2-2area-2403 li img{
	width: 100%;
}
ul.c2-2area li .c2-word1{
	font-size: 24px;
    margin-top: 20px;
}
ul.c2-2area li .c2-word2{
	display: grid;
    margin-top: 20px;
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
}
ul.c2-2area li section{
	color: #595757;
    font-size: 14px;
    margin-top: 20px;
    text-align: left;
}

.c3-content{
	display: block;
    max-width: 920px;
    margin: auto;
    overflow-wrap: break-word;
	padding-top: 60px;
}
.c3-caution{
	font-family: 'HiraKakuPro-W3';
}
.c3-caution p{
	
}
.c3-caution p span.strong-t{
	font-family: 'HiraKakuPro-W6';
    color: #3487B3;
}
table#c3-price{
	width: 100%;
	margin-bottom: 20px;
	margin-top: 30px;
	font-size: 14px;
	border-left: 1px #B4B4B5 solid;
    border-bottom: 1px #B4B4B5 solid;
}
table#c3-price thead{
	font-family: "ヒラギノ角ゴ Pro";
	background: #83C0DA;
	color: white;
}
table#c3-price tbody{
	background: white;
	font-family: 'HiraKakuPro-W3';
}
table#c3-price tr:last-child td{
	border-bottom-style: none;
}
table#c3-price th{
	text-align: center;
	padding-top: 20px;
    padding-bottom: 20px;
	border-right: 1px #B4B4B5 solid;
	width: 15%;
}
table#c3-price th:last-child{
	width: 25%;
}
table#c3-price td{
	vertical-align: middle;
	text-align: center;
	padding-top: 20px;
    padding-bottom: 20px;
	border-right: 1px #B4B4B5 solid;
    border-bottom: 1px #B4B4B5 solid;
    
}
table#c3-price td:last-child{
	
}
table#c3-price td.first{
	background: #EEEEEF;
}

table#c3-price td.first2403{
	background: #EEEEEF;
	width: 30%;
}


.content4{
	/* background: url(https://cicol.jp/share/wp-content/uploads/2017/12/back4.png) repeat; */
	background-color: #DEEFF5;
	padding-bottom: 40px;
}
.c4-content{
	display: block;
    max-width: 1000px;
    margin: auto;
    overflow-wrap: break-word;
	padding-top: 60px;
}
.c4-hl{
	background-size: 22em;
}
.c4-discri{
	margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.c4-discri p{
	font-family: 'HiraKakuPro-W３';
    font-size: 16px;
}

.c4-sate-silide{
	display: block;
    font-size: 0;
	width: 100%;
}
.c4-satelite{
	display: inline-block;
    font-size: 10px;
    z-index: 1000;
    position: relative;
	/* width: 31%; */
	letter-spacing: normal;
}
.c4-satelite img{
	width: 100%;
}
.c4-slide6out{
	display: inline-block;
    margin-left: -10px;
	border: 1px gray solid;
	/* width: 50.2%; */
	vertical-align: top;
}
.c4-sp-upper{
	letter-spacing: -.4em;
	display: inline-block;
}

.c4-banner{
	display: inline-block;
    width: 16.5%;
    vertical-align: top;
}
.c4-banner img{
	width: 100%;
	height: auto;
    display: block;
	border: 1px gray solid;
    border-left-style: none;
}


.c4-hl2{
	background: none;
}
ul.scl-list{
	display: block;
    font-size: 0px;
    width: 100%;
}
ul.scl-list li{
	font-size: 12px;
    display: inline-block;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 30px;
		vertical-align: top;
}
ul.scl-list li img{
	border: 1px gray solid;
	margin-bottom: 10px;
}

ul.scl-list li .lower{
	display: block;
    border-left: 5px #FFF138 solid;
    padding: 2px 0px;
    padding-left: 10px;
}
ul.scl-list li .lower p.cpn-name{
	font-size: 14px;
}
ul.scl-list li .lower p.obj-name{
	font-family: 'Hiragino Kaku Gothic Pro';
}
ul.scl-list li .lower p.obj-name span.bold{
	font-weight: bold;
    margin-right: 20px;
}

.content5{
	/* background-color: #DEEFF5; */
	background: url(https://cicol.jp/share/wp-content/uploads/2017/12/back4.png) repeat;
}
.c5-content{
	display: block;
    max-width: 1000px;
    margin: auto;
    overflow-wrap: break-word;
	padding-top: 60px;
	padding-bottom: 80px;
}
.c5-hl{
	background: url(https://cicol.jp/share/wp-content/uploads/2017/12/fp-m-line.png) no-repeat;
    background-position: center;
    /* background-position-y: bottom; */
    background-size: 32em;
}

.c4-discri p.small{
	font-size: 14px;
    line-height: 40px;
}
.c5-tokidsbar{
	text-align: center;
}
.c5-tokidsbar a{
	display: inline-block;
	/* color: #1E95CE;
    font-family: 'HiraKakuPro-W3';
    border: 1px solid; */
    padding: 20px;
}
.content6{
    background-size: 100%;
    position: relative;
	padding-bottom: 80px;
}
.c6-content{
	display: block;
    max-width: 1000px;
    margin: auto;
    overflow-wrap: break-word;
	padding-top: 60px;
}
.c6-hl{
	background: url(https://cicol.jp/share/wp-content/uploads/2017/12/fp-s-line.png) no-repeat;
    background-position: center;
    background-position-y: bottom;
    background-size: 10em;
}
.ggmap{
	text-align: center;
    margin-bottom: 47px;
	position: relative;
	margin-top: 30px;
}
.adr-box1{
	max-width: 900px;
    margin: auto;
    padding-bottom: 20px;
    border-bottom: 2px #cac3c3 solid;
	line-height: 2;
}

dl.adr-box2{
	max-width: 880px;
    margin: auto;
    padding-bottom: 20px;
    border-bottom: 2px #cac3c3 solid;
	margin-top: 12px;
}
dl.adr-box2 dt{
	margin-top: 20px;
}
dl.adr-box2 dd{
	padding-top: 20px;
    margin-left: 55px;
}
dl.adr-box2:last-of-type{
	border-bottom: none;
}
.fr-parking{
	max-width: 880px;
    margin: auto;
    background: #f7f7f7;
    padding: 20px 0;
    line-height: 2;
}
.fr-parking p{
	padding-left: 30px;
}
.fr-parking span{
	font-size: 16px;
}

/* header */
#header{
	max-width: 2000px;
    margin: auto;
}
#header-menu{
	display: block;
	position: relative;
    z-index: 1000;
}
.header1{
	display: block;
    background: #EEEEEF;
    height: 25px;
    border-top: 6px solid #83C0DA;
}
.header2{
	display: block;
	max-width: 1000px;
    margin: auto;
}
.head-right{
	display: inline-block;
	float: right;
}
.h-tel-area{
	display: block;
	text-align: right;
	margin-top: 10px;
}
.h-tel-area img{
	display: inline;
	vertical-align: baseline;
}
.h-tel{
	display: inline-block;
}
.h-ymd{
	font-size: 11px;
	margin-right: -5px;
}
.h-tel-area span{
	
    font-size: 28px;
    line-height: 1em;
}
h1#logo{
    display: inline-block;
	margin-top: 10px;
    margin-bottom: 20px;
	width: 180px;
}
ul.nav0{
	max-width: 1000px;
    margin: auto;
    font-size: 11px;
    text-align: right;
    margin-top: 5px;
}
ul.nav0 li{
	display: inline-block;
	padding: 0px 20px;
}
ul.nav1{
	text-align: right;
    font-size: 14px;
    border-right: 1px gray solid;
	margin-top: 30px;
	letter-spacing: -.4em;
}
ul.nav1 li{
	display: inline-block;
	border-left: 1px gray solid;
	padding: 0px 30px;
    letter-spacing: 3px;
}
.pc-slide{
	display: block;
    position: relative;
    width: 100%;
    height: 500px;
    object-position: center;
    object-fit: cover;
}
.out-slider{
	background-color: #f0f7fb;
	position: relative;
	text-align: center;
}
.likeme{
	position: absolute;
    top: 50%;
    right: 18%;
}

.sp-slide{
	display:none;
}
.pc-slide img{
	width: 1200px;
    height: 500px;
    object-position: center;
    object-fit: cover;
}


#sp-header{
	display: none;
}
ul#tmenu{
	display: none;
}

#cicol-kun{
	position: fixed;
    bottom: 20px;
    right: 20px;
    width: 99px;
    z-index: 1000;
	text-align: right;
}
#cicol-kun img{
	width: 70%;
}

#page-main{
	max-width: 1000px;
    margin: auto;
	margin-top: 30px;
}
/* 2column post */
.postall{
	max-width: 1000px;
    margin: auto;
	margin-top: 30px;
}

#postmain{
	width: 76%;
    margin: auto;
    display: inline-block;
	word-break: break-all;
}


.wp-pagenavi{
	text-align: center;
    margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
}

/* single-page */
#post-main{
	max-width: 1000px;
    margin: auto;
}
.post-right{
	width: 75%;
    float: right;
}
.post-frame{
	width: 100%;
   
    background: white;
    padding: 30px 0px;
    border-radius: 0px;
    border: 2px #83C0DA solid;
}

.post-data{
	margin: 0 10px;
}
ul.post-content{
	font-size: 0px;
    margin-left: 20px;
    margin-right: 20px;
}
ul.post-content li{
	display: block;
   margin-bottom: 20px;
	padding-bottom: 10px;
    border-bottom: 1px solid #FFF138;
	font-size: 11px;
}
ul.post-content li .eye-catch{
	display: inline-block;
}
ul.post-content li .item-right{
	font-size: 16px;
	display: inline-block;
    vertical-align: top;
    margin-left: 10px;
	width: 75%;
}
ul.post-content li .item-head{
	display: inline-block;
	width: 100%;
	font-size: 12px;
}
ul.post-content li .item-head .date{
	display: inline-block;
	color: #3487B3;
}
ul.post-content li .item-head .post-cat{
	display: inline-block;
	float: right;
}
ul.post-content li .item-head .post-cat a{
	font-family: 'HiraKakuPro-W3';
	color: #898989;
}

ul.post-content li .item-right h3{
	margin-top: 30px;
    font-size: 18px;
    clear: both;
	font-family: 'HiraKakuPro-W6';
}
section.singe-p{
	display: block;
    clear: both;
    font-size: 14px;
    font-family: 'HiraKakuPro-W3';
}

.navigation{
	display: block;
    margin-top: 10px;
	font-size: 14px;
}
.alignleft{
	display: inline-block;
}
.alignright{
	display: inline-block;
    float: right;
}

/* 講座一覧 */ 
.cstm-banner{
	width: 750px;
    height: 150px;
    margin-top: -30px;
    margin-bottom: 30px;
    background: aqua;
}

ul.custom-content{
	font-size: 0px;
    width: 98%;
    display: block;
    margin-left: 1%;
    margin-right: 1%;
}
ul.custom-content li{
	font-size: 12px;
    width: 32%;
    display: inline-block;
    vertical-align: top;
    padding-right: 1%;
	margin-bottom: 20px;
}
ul.custom-content li .cstm-eye-catch{
	display: block;
    position: relative;
	width: 220px;
    margin: auto;
}


ul.custom-content li .cstm-eye-catch img{
	width: 220px;
    height: 200px;
    border: 1px gray solid;
}



.l-lst{
	display: block;
    margin: 0px 20px;
}
.l-lst-s p,
.l-lst p{
	font-family: 'Hiragino Kaku Gothic Pro';
}
span.lst1{
	margin-right: 15px;
    font-weight: bold;
}
 span.lst1:before{
	content: "●";
	color: #83C0DA;
}
.l-dbg{
																											display: none;
}
.l-dbg a{
	color: gray;
}

.result{
	margin-bottom: 20px;
	margin-left: 20px;
}
.result p{
	font-size: 14px;
    color: #83C0DA;
}

/* カスタム投稿（講座）シングルページ */

.l-lst .post-cat{
	
}
.l-lst .post-cat a,
.single ul.post-content li .item-head .post-cat a{
	background: #FFF138;
    padding: 3px 20px;
	font-size: 10px;
    color: #3487b3;
}

.l-lst-s{
	font-size: 14px;
    margin: 20px 0;
    padding-top: 30px;
    border-top: 1px solid #FFF138;
}

ul.custom-content li .sate-ec img{
	border: 1px #FFF138 solid;
}
ul.custom-content li .sate-obi{
	position: absolute;
    top: 0;
    
}
ul.custom-content li .sate-obi img{
	border: none;
    width: 67px;
    height: 69px;
}

ul.custom-content li h3{
	font-size: 14px;
    padding: 15px 0;
    /* margin: 10px 0; */
    text-align: center;
    border-bottom: 1px #83C0DA solid;
    margin: 0 20px;
    margin-bottom: 10px;
}


/* ページャー  */
ul.page-numbers{
	display: block;
    font-size: 11px;
    text-align: center;
    margin-top: 20px;
}
ul.page-numbers li{
	display: inline-block;
}
ul.page-numbers li span,
ul.page-numbers li a{
	display: inline-block;
    border: 1px solid;
    padding: 5px;
}

/* sidebar */
#sidebar{
	width: 22%;
    margin-right: 1%;
    margin-bottom: 30px;
	
	font-family: 'HiraKakuPro-W3';
}
#sidebar h2.widgettitle{
	text-align: center;
    font-family: inherit;
    padding: 10px 0;
    margin: 3px;
    border-radius: 0px;
    background: url(https://cicol.jp/share/wp-content/uploads/2017/12/side-back.png) no-repeat;
    color: #3487B3;
    
}
#sidebar .widget{
    margin-bottom: 10px;
    border: 2px #83C0DA solid;
    border-radius: 0px;
    background: white;
	font-size: 16px;
}

.widget_recent_entries .post-date {
    margin-left: 0;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
	margin-bottom: 20px;
    font-size: 12px;
	margin: 0 10px;
	color: #3487B3;
}
 
.widget a {
    position: relative;
    top: 23px;
    display: block;
	font-size: 16px;
	margin: 0 10px;
}

#sidebar #archives-2 li a,
.widget li.cat-item a{
	top: 10px;
}
#sidebar #archives-2 li,
#sidebar li.cat-item{
	padding-bottom: 13px;
}

#sidebar ul{
	position: relative;
    display: block;
	margin-bottom: 1px;
}
 
#sidebar li {
    position: relative;
    display: block;
    border-bottom: 1px solid #FFF138;
    margin: 5px;
    padding-bottom: 30px;
}
#sidebar li:last-child{
	border-bottom-style: none;
}

/* side-bar2 */
.sb2-widget{
	display: block;
    margin: 20px 10px;
}
.sb2-widget p{
	font-size: 14px;
    color: #3487B3;
    font-weight: bold;
}
.sb2-widget input[type="text"]{
	background: #DCDDDD;
    height: 25px;
    width: 190px;
    margin-bottom: 20px;
	border: none;
}
.sb2-widget select{
    height: 25px;
    width: 190px;
    margin-bottom: 20px;
}

.sb2-widget .btn-area{
	display: block;
    text-align: right;
}
.sb2-widget input[type="submit"]{
    background: url(https://cicol.jp/share/wp-content/uploads/2018/01/bt-kensaku.png) no-repeat;
    width: 82px;
    height: 37px;
	border: none;
}

/* footer */

#footer{
	clear: both;
	max-width: 2000px;
    margin: auto;
	
}

.f-back1{
	display: block;
	background: #ffffff;
	border-top: 2px #c5c1c1 solid;
}
.f-box1{
	display: block;
	max-width: 1000px;
    margin: auto;
	padding-top: 30px;
    padding-bottom: 30px;
}
.f-logo{
	display: inline-block;
	width: 220px;
}
.add-area{
	display: inline-block;
	vertical-align: top;
}
.f-box1 p{
	padding-bottom: 5px;
}
p.tel-area{
	font-family: 'arial black';
}
p.tel-area span{
	font-size: 22px;
}

.f-back2{
	display: block;
	background: #fafafa;
}
.f-box2{
	display: block;
	max-width: 1000px;
    margin: auto;
}
ul.f-nav0{
	text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
ul.f-nav0 li{
	display: inline-block;
    border-left: 1px gray solid;
    padding: 0px 8px;
    width: 16%;
    font-size: 12px;
}
ul.f-nav0 li:last-child{
	border-right: 1px gray solid;
}


.f-back3{
	display: block;
	background: url(https://cicol.jp/share/wp-content/uploads/2017/12/foot-wave.png) repeat-x;
	background-color: #fafafa;
}
.f-box3{
	display: block;
    text-align: center;
	padding-top: 40px;
}
p#copyright{
	padding-top: 20px;
	color: white;
}
.sp-f-contact{
	display: none;
}


/* page 固定ページ */
/* page */
.main-line {
    width: 100%;
    overflow: hidden;
}
.main-line img{
		display: block;
}

.h2-back{
	clear: both;
	display: block;
	width: 100%;
	background: #83C0DA;
	border-bottom: 5px solid #FFF138;
}

.single h2,
.archive h2,
.category h2,
.page h2{
	max-width: 1000px;
    margin: auto;
    padding: 25px 0px;
    font-family: 'HiraKakuPro-W6','ＭＳ ゴシック';
    font-size: 18px;
	color: white;
}

.main-back{
	background: url(https://cicol.jp/share/wp-content/uploads/2017/12/back4.png) repeat;
	padding: 30px 0;
	font-size: 0;
	overflow: auto;
}
.page-frame{
	max-width: 1000px;
    margin: auto;
    background: white;
    padding: 30px 30px;
    border: 1px #83C0DA solid;
	font-size: 14px;
	font-family: 'HiraKakuPro-W3';
}
/* ご利用方法 */
.howto h3, .page-frame h3{
	 color: #3487B3;
    font-size: 21px;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 2px #FFF138 dashed;
    margin-bottom: 30px;
	font-family: 'HiraKakuPro-W6';
}
.flow-area{
	border-bottom: 1px solid #9FA0A0;
    padding-bottom: 50px;
}

.flow-left{
	margin-left: 10px;
    width: 110px;
    display: inline-block;
	position: relative;
}
.flow-left .square{
	background: #FFF138;
    width: 110px;
    height: 110px;
    top: 50%;
    bottom: 50%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #1E95CE;
	font-family: 'HiraKakuPro-W6';
}
.flow-right{
	margin-left: 40px;
    width: 78%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 30px;
    border-bottom: 1px solid #FFF138;
	margin-bottom: 50px;
}
.fr-no-border{
	border-bottom-style: none;
}
.flow-btn{
	display: flex;
    background: url(https://cicol.jp/share/wp-content/uploads/2018/03/btn-back.png) no-repeat;
    text-align: center;
    background-position: center;
    height: 76px;
    font-family: 'HiraKakuPro-W6';
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #1E95CE;
    margin-top: 20px;
}
.dwimg1{
	position: absolute;
    left: 0;
    right: 0;
    bottom: -77px;
    width: auto;
    text-align: center;
}
.price-dsc{
	margin-bottom: 50px;
}
.dwimg2{
	position: absolute;
    left: 0;
    right: 0;
    bottom: -77px;
    width: auto;
    text-align: center;
}
.price-dsc p{
	    line-height: 2;
}
.price-dsc span.blue{
	color: #3487B3;
	font-family: 'HiraKakuPro-W6';
}

.lend-area{
	padding-bottom: 50px;
/*     border-bottom: 1px solid #9FA0A0; */
}
table#ht-lend{
	width: 100%;
	border: 1px solid #DBDCDC;
}
table#ht-lend thead{
	background: #83C0DA;
    color: white;
}
table#ht-lend th{
	text-align: center;
	padding: 10px 0;
	border-right: 1px solid #DBDCDC;
}
table#ht-lend th:first-child{
	width: 30%;
}
table#ht-lend th:nth-child(2){
	width: 20%;
}
table#ht-lend th:last-child{
	border-right-style: none;
}
table#ht-lend tbody{
	
}
table#ht-lend tbody tr{
	
}
table#ht-lend td{
	text-align: center;
	padding: 5px 0;
	border-right: 1px solid #DBDCDC;
	border-top: 1px solid #DBDCDC;
}
table#ht-lend td:first-child{
	background: #EEEEEF;
}
table#ht-lend td:last-child{
	border-right-style: none;
}
.day-calendar{
	
}

.howto-photo {
	float: left;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 12px;
}

.howto-photo-top {
	float: left;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 12px;
	/* background: white; */
}

.howto-room {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.howto-room p.spec, .howto-room-l p.spec {
	margin-top: 8px;
	margin-bottom: 8px;
	color: #3487B3;
	font-family: 'HiraKakuPro-W3';
}

.howto-room p.caption, .howto-room-l p.caption{
	color: #595757;
	font-size: 14px;
	margin-top: 10px;
	text-align: left;
	font-weight: normal !important;
	font-family: 'HiraKakuPro-W3';
}

p.room-name{
	background-color: #3487B3;
	color: white;
	font-weight: bold;
	font-size: large;
	padding: 8px;
	margin-top: 20px;
}


.howto-room img{
	width: 100%;
}

.howto-room p {
	text-align: center;
}

.howto-room-l {
	float: left;
	width: 32%;
}

.howto-room-l img{
	width: 100%;
}

.howto-room-l p {
	text-align: center;
}

@media (max-width: 700px) {
	.howto-photo {
		float: right;
		width: 45%;
		margin-left: 12px;
	}
		
	.howto-room {
		margin-bottom: 12px;
		width: 100%;
		
	}
	
	.howto-room img{
		width: 100%;
	}
	
	.howto-room p {
		text-align: center;
	}

	.howto-room-l {
		margin-bottom: 12px;
		width: 100%;
		
	}
	
	.howto-room-l img{
		width: 100%;
	}
	
	.howto-room-l p {
		text-align: center;
	}
	
	}

@media (max-width: 800px) {

	#header-menu{
		display: none;
	}
	#sp-header{
		display:  block;
		width: 100%;
		background: url();
    	letter-spacing: -.4em;
		 height: 100px;
	}
	.out-slider,
	.pc-slide{
		display: none;
	}
	.sp-slide {
    	display: block;
		
	}
	.sp-slide img{
		width: 100%;
    	
    	object-position: center;
   		object-fit: cover;
	} 

	.sp-logo{
		display: inline-block;
	    text-align: left;
    	margin-left: 10px;     
		vertical-align: top;
	    margin-top: 22px;
	}
	.sp-logo img{
		width: 93px;
	}
	.sp-tbox{
		display: inline-block;
		float: right;
		margin-right: 10px;
		margin-top: 20px;
		letter-spacing: normal;
	}
	.sp-tbox img{
		width: 40%;
    	height: auto;
	}

	.sp-tbox dl{
		display: inline-block;
    	text-align: center;
    	color: #e95604;
    	vertical-align: bottom;
		width: 68px;
		margin-left: -12px;
	}
	.sp-tbox dt{
	}
	.sp-tbox dd{
		font-size: 11px;
		margin-top: 5px;
	}
	
	#tmenu{
		display: none;
	}
	nav.tmenu{ 
		width: 32px;
    	height: 32px;
    		padding-left: 18px;
    	cursor: pointer;
    	overflow: hidden;
    	z-index: 9999;
		position: relative;
	}
	nav .tmenu1{ 
		width: 32px;
    	height: 5px;
    	background-color: #e95604;
    	top: 0px;
    	position: absolute;
	} 
	nav .tmenu2{
		width: 32px;
    	height: 5px;
    	background-color: #e95604;
    	top: 12px;
    	position: absolute;
	} 
	nav .tmenu3{ 
		width: 32px;
    	height: 5px;
    	background-color: #e95604;
    	top: 24px;
    	position: absolute;
	}
	nav .tmenu1,nav .tmenu2,nav .tmenu3{ 
		transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out; /* Opera */ 
		-moz-transition: all 0.5s ease-out; /* Firefox */
		-webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
		-ms-transition: all 0.5s ease-out; /* IE */ 
	}

	nav .tmenuclick1{ 
		top:15px;
		-o-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-webkit-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		transform: rotate(405deg);
	}
	nav .tmenuclick2{
		background-color:rgba(255,255,255,0);
	}
	nav .tmenuclick3{ 
		top:15px;
		-o-transform: rotate(-405deg);
		-moz-transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
		-ms-transform: rotate(-405deg);
		transform: rotate(-405deg);
	}
	
	ul#tmenu{	
		clear: both;
		background: rgba(255,255,255,0.9);
    	width: 100%;
    	list-style: none;
    	display: none;
    	position: fixed;
    	z-index: 800;
		top: 100px;
	}
	#tmenu li{
		padding: 2%;
		font-size: 16px;
		border-bottom:1px dotted gray;
		padding-top: 10px;
    	padding-bottom: 10px;
	}

	#tmenu li span{
		margin-right: 10px;
	}
	
	

	/* sp-front-page */
	.content1,.content2,.c3-content,.content4,.c5-content,.c6-content{
		background-size: 100%;
    	padding: 0 10px;
	}
	
	ul.news-item{
		background-image: none;
    	padding: 20px 0;
    border: 1px solid #3487B3;
    height: auto;
	}
	ul.news-item li{
		width: 100%;
    display: block;
    padding: 0;
		margin-top: 10px;
	}
	ul.news-item li .front-info{
		display: block;
    margin: 0 10px;
    font-size: 0;
		padding-bottom: 10px;
    border-bottom: 1px solid #FFF138;
	}
	ul.news-item li:last-child .front-info {
		border-bottom: none;
	}
	ul.news-item li .front-info .sp-left-area{
		display: inline-block;
		font-size: 11px;
		width: 20%;
	}
	ul.news-item li .front-info .sp-right-area{
		display: inline-block;
    	margin-left: 5%;
   		 width: 75%;
		vertical-align: top;
	}
	ul.news-item li .front-info .sp-right-area .news-title{
		font-size: 14px;
	}
	p.date{
		text-align: left;
    border-bottom: none;
		padding: 0;
	}
	ul.news-item li img{
		
	}
	
	.content1{
		margin-top: -7%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-size: 200%;
	}
	.c-head-line{
		margin-bottom: 20px;
	}
	.c1-block img{
		width: 100%;
	}
	.front-logo{
		padding-top: 10%;
	}
	.c1-center{
		font-size: 13px;
	}
	.c1-infinity,
	.c-head-line{
		font-size: 18px;
	}
	.content2{	
		background-size: 200%;
	}
	.c2-img1 img{
		width: 100%;
	}
	ul.c2-2area li .c2-word2{
		font-size: 18px;
	}
	ul.c2-2area li section{
		font-size: 11px;
	}
	.content3 {
		padding-top: 20px;
	}
	.c4-discri,
	.c3-caution{
		font-size: 13px;
	}
	table#c3-price{
		    font-size: 11px;
	}
	.c4-content{
		width: 100%;
		padding-bottom: 20px;
	}
	.c4-topimg img{
		width: 100%;
	}
	.c4-sp-upper{
		width: 100%;
		text-align: center;
	}
	.c4-satelite{
		width: 38%;
	}
	.c4-slide6out{
		width: 61%;
	}
	.c4-banner{
		width: 100%;
		display: block;
	}
	.c4-banner img{
		display: inline-block;
		width: 33%;
	}
	.c4-discri p.small{
		margin-top: 20px;
    line-height: 1em;
	}
	.c5-tokidsbar img{
		width: 80%;
	}
	.c5-content{
		    padding-bottom: 30px;
		padding-top: 30px;
	}
	.c5-hl{
		background-size: 28em;
	}
	.access-icon{
		display:none;
	}
	
	.ggmap{
		margin-top: 20px;
      margin-bottom: 20px;
	}

	dl.adr-box2 dt{
		width: 100%;
	}
	dl.adr-box2 dd{
		margin-left: 10px;
    	font-size: 11px;
    	padding-top: 1%;
	}
	/* sp-page */
	.main-back{
		padding: 30px 10px;
	}
	.page-frame{
		padding: 0px 10px;
	}
	
	.flow-area{
		border-bottom: 1px solid #9FA0A0;
	    padding-bottom: 50px;
	}
	
	.flow-left{
		margin-left: 10px;
	    width: 80px;
	    display: inline-block;
		position: relative;
	}
	
	.pc-space {
		display: none;
	}
	.flow-left .square{
		background: #FFF138;
	    width: 80px;
	    height: 80px;
	    top: 50%;
	    bottom: 50%;
	    display: flex;
	    text-align: center;
	    align-items: center;
	    justify-content: center;
	    font-size: 12px;
	    color: #1E95CE;
		font-family: 'HiraKakuPro-W6';
	}
	.flow-right{
		margin-left: 20px;
	    width: 65%;
	    display: inline-block;
	    vertical-align: top;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #FFF138;
		margin-bottom: 20px;
	}

	
	
	
	
	
	
	.flow-btn{
		background-size: 80%;
		margin-top: 50px;
	}
	.dwimg1{
		bottom: -120px;
	}
	.dwimg2{
		bottom: -150px;
	}

	/* sp-footer */
	#footer{
		width: 100%;
	}
	.f-logo{
		display: none;
	}
	.f-back2{
		width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	.f-box2{
		width: 100%;
		
	}
	.f-back1{
		padding-left: 10px;
		padding-right: 10px;
	}
	.add-area{
		width: 100%;		
	}
	.add-area .sp-f-contact{
		display: none;
	}
	
	
	ul.f-nav0 li,
	ul.f-nav1 li,
	ul.f-nav0 li:last-child,
	ul.f-nav1 li:last-child{
		border-style: none;
	    display: block;
	    text-align: left;
		width: 100%;
		
		padding: 0;
    	padding-bottom: 10px;
    	
	}
	ul.f-nav0{
		padding-bottom: 0;
		padding-left: 0px;
		font-size: 11px;
		padding: 0 10px;
	}
	ul.f-nav1{
		padding-top: 0;
		padding-left: 0px;
		font-size: 11px;
		padding: 0 10px;
	}
	/* h2 */
	.single h2, .archive h2, .category h2, .page h2{
		    margin-left: 10px;
	}
	
	/* SP side-bar */
	#sidebar{
		width: 100%;
		margin: 0;
    	margin-bottom: 20px;
	}
	#sidebar h2.widgettitle{
		    background-repeat: repeat;
	}
	

	/* SP 2colum */	
	#post-main{
		padding: 0 10px;
	}
	.post-frame{
		
	}
	.post-right{
		width: 100%;
    	float: none;
		margin-bottom: 20px;
	}
	.one-post{
		display: inline-block;
	    padding: 0 10px;
    	padding-bottom: 10px;
	}
	#postmain .eye-catch{
		margin-right: 10px;
	}
	.item-right{
		display: inline-block;
    	width: auto;
	}
	.item-head .date{
		margin-left: 0px;
	}
	ul.scl-list{
		width: 100%;
	}
	ul.scl-list li{
		width: 47%;
    margin-right: 3%;
	}
	ul.custom-content li .l-lst{
		width: 220px;
    margin: auto;
	}
	ul.scl-list li img{
		width: 100%;
	}
	
	ul.custom-content li{
		    width: 100%;
	}
	ul.custom-content li .sate-obi{
		
	}
	/* cicol-kun SP */

	#cicol-kun{
		right: 10px;
	}

	#cicol-kun img{
		width: 50%;
	}
}

@media (max-width:700px) {
	

}
@media screen and (min-width:800px) and (max-width:1024px){
	.c4-topimg img,
	.c1-block img{
		width: 100%;
	}
	.c4-banner{
		width: 100%;
		display: block;
	}
	.c4-banner img{
		display: inline-block;
		width: 33%;
	}
	ul.scl-list{
		margin-left: 2%;
	}
	ul.scl-list li{
		width: 31%;
	}
	ul.custom-content li{
		    width: 48%;

	}
	ul.custom-content li .sate-obi{
		
	}
	
	
	
}

.news-bnr {
	text-align: center; 
	margin-bottom: 40px;
}

.room-photo-l {
	width: 48%; 
	float: left; 
	margin-right: 12px;
}

.room-photo-r {
	width: 48%; 
	float: left;
}

.kitchen-photo {
	margin: 0 auto; 
	width: 48%;
}

@media (max-width: 700px) {
	.news-bnr {
		text-align: center; 
		margin-bottom: 10px;
		padding-bottom: 30px;
	}

	.news-bnr img{
		width: 80%;
	}

	.room-photo-l {
		width: 100%; 
		margin-bottom: 4px;
	}
	
	.room-photo-r {
		width: 100%; 
		margin-bottom: 4px;		
	}
	
	.kitchen-photo {
		margin: 0 auto; 
		width: 100%;
	}

}