@charset "utf-8";
/*========================================================================================*/
/* Browser Reset */
/*========================================================================================*/
/*html {
	overflow-y:scroll;
}
html,body{
	height:100%;
}
body {
	margin:0;
	padding:0;
	position:relative;
	-webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6,pre,address,em,th,ins {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}
h1,h2,h3,h4,h5,h6,pre,address,ul,ol,li,dl,dt,dd,form,legend,p,input,select,textarea {
	margin:0;
	padding:0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align:left;
}
td {
	font-size:100%;
}
div {
	font-size:100%;
}
input,select,textarea{
	vertical-align:middle;
	outline: none;
	*font-size:100%;
}
select{
	border-radius:0;
}
img {
	border:0;
}
ins, a {
	text-decoration:none;
}
a{
	outline:none;
}
ul {
	list-style:none;
}
br {
	letter-spacing: 0;
}
fieldset {
	border:none;
	margin:0;
	padding:0;
}
/* 反転選択 */
/*
::selection {
    background: #EFE0AF;
}
::-moz-selection {
    background: #EFE0AF;
}
*/

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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

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

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*ﾂ･*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

img {
	max-width:100%;
	*max-width:900px;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


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



/*========================================================================================*/
/* link color */
/*========================================================================================*/
a{color:#464646; text-decoration:none;}
a:hover {color:#F2D200; text-decoration:none;}
/*========================================================================================*/
/* Clear */
/*========================================================================================*/
/*.clearfix {zoom:1; overflow: hidden;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}
.clear{
	clear:both;
}
/*========================================================================================*/
/* print */
/*========================================================================================*/
@media print { body { -webkit-print-color-adjust: exact; } }
/*========================================================================================*/
/* body */
/*========================================================================================*/
body{background:#fff; position:relative;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;	
	font-size:82%;
	color:#464646;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	*font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
}
/*========================================================================================*/
/* wrap */
/*========================================================================================*/
#wrap{
	width:100%;
	position:relative;
	height:auto !important;/*IE6対策*/
	height:100%; /*IE6対策*/
    min-height:100%;
}
/*========================================================================================*/
/* header */
/*========================================================================================*/
#header_wrap{
	width:100%; 
	border-top:#683C3C solid 5px;
}
#header{
	width:1000px;
	height:86px;
	margin:0 auto;
	/*background:url(../img/com/sankaku.svg) no-repeat top right;*/
}
h1{
/*	margin-top:20px;
	margin-left:30px;*/
	float:left;
	background:url(../img/com/logo.svg) center no-repeat;
	background-size:contain;
/*	height:105px;*/
	padding:1em 0;
}
.year2019 h1{background:url(../img/com/logo2019.svg) center no-repeat;
	background-size:contain;}

.none-year h1{background:url(../img/com/logo-none-year.svg) center no-repeat;
	background-size:contain;}

h1 a{
	display:block;
	width:300px;
	height:60px;
text-indent:100%;
white-space:nowrap;
overflow: hidden;
}

#header h1 a span{visibility: hidden;}

#header_navi{
	float:right;
	padding-top:1em;
	margin-right:1em;
}

#header_navi a{
	display:block;
	width:100px;
	text-align:right;
	padding:2px 10px 5px 5px;
	font-size:108%;
	color:#464646;
	/*color:#e5e5e5;*/
	font-weight:bold;
}

#header_navi a:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
}
/*========================================================================================*/
/* container */
/*========================================================================================*/
#container{
	padding-bottom:140px;
	margin:0 auto;
}

#container2{
	width:1000px;
	padding-bottom:140px;
	margin:0 auto;
	padding-top:20px;
	border-top:#6779ba 2px solid;
}

h3{
	font-size:200%;
	padding-left:40px;
	color:#464646;
	background:url(../img/ichiran_icon_20151217.gif) no-repeat left center;
	margin-top:10px;
	margin-bottom:20px;
}

#slide{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#content{
	width:1000px;
	margin:0 auto;
}

#left{
	width:650px;
	float:left;
	margin-left:30px;
}

#right{
	width:230px;
	float:right;
	margin-right:30px;
}

#pagetop{
	width:1000px;
	text-align:right;
	padding-right:60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:15px;
}

#pagetop a{
	padding-left:22px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../img/com/pagetop_icon.gif) no-repeat;
}

#left p{
	font-size:108%;
	line-height:1.8;
	margin-top:10px;
	margin-bottom:30px;
}

#info h2{
	font-size:124%;
	width:650px;
	height:40px;
	line-height:40px;
	padding-left:37px;
	background:url(../img/info_bar.gif) no-repeat;
	position:relative;
}

#info h2 a{
	display:inline-block;
	font-size:90%;
	/*width:521px;
	height:40px;*/
	padding:0 .5em 0 3em;
	color:#464646;
	/*color:#e5e5e5;*/
	font-weight:bold;
	/*background:url(../img/ichiran_bar_2016_summer.gif) no-repeat right center;*/
	background:#fff100;
	position:absolute;
	right:2.5em;
}
#info h2 a:before{content:"";width:0;height:0;border-left:10px #464646 solid; border-top:5px transparent solid; border-bottom:5px transparent solid; position:absolute; top:40%;left:.5em}

#info h2 a:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
}

#info li{
	line-height:50px;
	border-bottom:2px #CCCCCC dotted;
}

#info li a{
	margin-left:1em;
	text-decoration:underline;
}

#info li a:hover{
	text-decoration:none;
}

#info2 li{
	line-height:50px;
	border-bottom:2px #CCCCCC dotted;
}

#info2 li:first-child{
	border-top:2px #CCCCCC dotted;
}

#info2 li a{
/*	margin-left:1em;*/
	text-decoration:underline;
}

#info2 li a:hover{
	text-decoration:none;
}

#info3 h2{
	font-size:124%;
	width:650px;
	/* height:40px; */
	line-height:40px;
	padding-left:37px;
	margin-top:10px;
	margin-bottom:15px;
	background:url(../img/info_bar.gif) no-repeat;
	background-color:#e4e6e8;
}

#info3 p{
	font-size:100%;
}

#info3 li{
	text-align:left;
}

#present_bnr{
	margin-bottom:15px;
}

#present_bnr a:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
}

#right li{
	margin-bottom:7px;
}

#right li a:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
}

#top_btn a{
	line-height:29px;
	display:block;
	margin-top:30px;
	background:url(../img/modoru_btn.gif) no-repeat center;
text-indent:100%;
white-space:nowrap;
overflow: hidden;
}



#top_btn a:hover{
	background:url(../img/modoru_btn_hover_2016s.gif) no-repeat center;
}


#info3 dl.info_table{
	zoom:100%;
}

#info3 dl.info_table dt{
	float:left;
	clear:left;
	margin-right:10px;
	margin-bottom:30px;
}

#info3 dl.info_table dd{
	min-height:37px;
	margin-bottom:30px;
	margin-left:64px;
	line-height:1.75;
}

#info3 dl.info_table dd.center{
	min-height:37px;
	margin-bottom:30px;
	margin-left:64px;
	line-height:37px;
}


/*========================================================================================*/
/* footer */
/*========================================================================================*/
#footer_wrap{
	width:100%;
	height:123px;
	background:#683C3C;
	position:absolute;
	bottom:0;
	color:#fff;
}
#footer{
	width:1000px;
/*	margin-top:-18px;*/
	margin-left:auto;
	margin-right:auto;
/*	background:url(../img/com/footer_bar.svg) left top no-repeat;*/
	bottom:0;
	padding-left:50px;
	padding-top:40px;
}

#company p{
	font-weight:bold;
	float:left;
	font-size:124%;
}

#company_data p{
	padding-left:30px;
	font-weight:bold;
	float:left;
	font-size:77%;
}

#company_data p a{
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
}

#company_data p a:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
	text-decoration:none;
}


/*========================================================================================*/
/* 提携会社施行事例 */
/*========================================================================================*/

h2.tie-up{
	padding:5px 10px;
	border-bottom:3px #01abe8 solid;
	color:#666;
	font-size:140%;
	margin:1em 0;
	font-weight:bold;
}

.jirei_company{

}

.jirei_topinfo dt{
	font-weight:bold;
	margin-bottom:4px;
}

/*-- add 20160713 --*/

.present_bnr{letter-spacing:-.4em;}
.present_bnr li{display:inline-block;position:relative}
.present_bnr li:first-child{margin-right:4px;}
.present_bnr a:hover img{opacity:.8;position:relative;top:1px}

#info3 h2.title_pic{width:auto;padding-left:0;background:none;}
#info3 h2.title_pic+p{margin-bottom:0;}
#info3 figure.pics{margin:-2em auto 2em;}
#info3 h2.title_pic img,#info3 figure.pics img{max-width:100%;}
#info3 ul.shoplist{letter-spacing:-.4em;margin:1em auto;padding-left:1em}
#info3 ul.shoplist li{letter-spacing:normal; display:inline-block;width:23%;margin:1%;position:relative;}
#info3 ul.shoplist li:before{content:"\25a1";position:absolute;left:-1em; color:#0ABDF5;}
#info3 p.end_deta{color:#d00;font-size:1.2em; font-weight:bold;margin-bottom:0}
#info3 p.end_deta b{font-weight:bold;font-size:1.5em;padding:0 .2em}
#info3 p.end_deta span{font-size:.8em;margin-left:1em}

#info3 ul.atte{margin:1em 0 1em 1em;padding:1em 1em 1em 3em; border:1px #d00 solid;border-radius:10px;list-style:outside}
#info3 ul.atte li{color:#f00;}
#info3 ul.atte li b{padding:.2em 1em;background:#fff;margin-left:-2em;font-weight:bold}

#info3 p.btn{margin:3em auto; text-align:center;}
#info3 p.btn a{ padding:.5em 2em; border:3px #999 dotted;}
#info3 p.btn a:hover{background:#8cf;color:#fff}

#info3 ol.steps{list-style:none; padding:1em; margin:1em auto;font-size: 1.2em;line-height: 2em;}
#info3 ol.steps li{text-indent:-1em;padding-left:1em;}
/*
#info3 dl.goods{margin:1em auto 2em; line-height:2em; font-size:1.2em}
#info3 dl.goods dt{width:40%;clear:left;float:left;padding:.5em 1em; background:#74DCE6;border-bottom:2px #fff solid;border-radius:15px;}
#info3 dl.goods dd{margin-left:45%; padding:.5em 1em; background:#fff;border-bottom: 2px #fff solid;}
*/

div.res_btn{margin:2em auto; text-align:center;}
div.res_btn a{padding:.5em 2em; display:inline-block; font-size:1.1em;border:3px #999 dotted;}
div.res_btn a:hover{background:#8cf;color:#fff}

.goods figure {width: 45%;float: left;margin: 1em;}
.goods figure img{max-width:100%;}
.goods figcaption{padding:0;position:relative}
#info3 .goods h3{font-size:1.1em;font-weight:bold;padding:.5em 0;margin:0 0 .5em;border-bottom:1px #ccc solid;}
#info3 .goods p{display:inline;padding: .2em 1em;text-align:center;color:#fff;font-weight:bold;background:#FF9200;border-radius: 10px;position:absolute;bottom:.4em;right:0;margin:0}


#info3 aside{border:2px #ccc solid; border-radius:15px; padding:1em 2em;margin-bottom:2em}
#info3 h3{margin:0 0 .5em;padding:.2em 0;font-size:1.2em;border-bottom:1px #ccc solid}
#info3 aside figure{width:48%;margin:0}
#info3 aside figure img{max-width:100%;}
#info3 aside h3+figure{float:right;}
#info3 aside p{margin:0;}
#info3 aside div{overflow:hidden;}

/*--calender--*/
.calend{margin:1em auto;}
.calend h2{padding:.2em .5em; border-bottom:2px #09F solid; font-size:1.4em;}
.calend .month{position:relative;}
.calend .month h3{background:#f0f0fe; text-align:center; padding:.5em; font-size:1.2em; font-weight:bold}
.calend .month ul{position:relative;}
.calend .month li{position:absolute; top:-50px;}
.calend .month li.prev{left:1em}
.calend .month li.next{right:1em;}
.calend .month li.prev a:before{content:"";height:0;width:0;border-right:8px #000 solid; border-top:8px transparent solid; border-bottom:8px transparent solid; position:absolute; top:2px; left:4px}
.calend .month li.next a:after{content:"";height:0;width:0;border-left:8px #000 solid; border-top:8px transparent solid; border-bottom:8px transparent solid; position:absolute; top:2px; right:4px}

.calend .month li a{padding:2px 1.5em; border:1px #FFF solid; background:#FFF; border-radius:10px; text-align:center;}
.calend .month li a:hover{border-color:#66F;}
.calend .tbl{border-collapse:collapse; width:100%; border:1px #FFF solid; table-layout:fixed}
.calend .tbl th,.calend .tbl td{padding:.5em; vertical-align:top; border:1px #FFF solid; background:#f0f0f0}
.calend .tbl th{text-align:center;}
.calend .tbl th:first-child,.calend .tbl td:first-child,.calend .tbl .hol{background:#fff0ff; color:#F00}
.calend .tbl th:nth-child(7),.calend .tbl td:nth-child(7){background:#e0ffff; color:#09F;}
.calend .tbl span{display:none;}
.calend .tbl a{display:block; padding:2px 5px; background:#FFF; font-size:.7em; border-radius:5px;}
.calend .tbl a+a{margin-top:2px;}

.calend h2+ul{margin:.5em auto;width:95%;}
.calend h2+ul time{margin-right:1em;}

/*--add20170214--*/
.mt_1{margin-top:1em;}
#info ul+p{text-align:right;}
#info ul+p a{display: inline-block;padding:.5em .5em .5em 3em;color: #464646;font-weight:bold;background: #00E6FF;position:relative;}
#info ul+p a:before{content:"";width:0;height:0;border-left:10px #464646 solid; border-top:5px transparent solid; border-bottom:5px transparent solid; position:absolute; top:40%;left:.5em}
#info ul+p a:hover{opacity:.6}


#left h2.ttl{border-bottom:2px #0054a7 solid;font-size:1.4em;color:#0054a7;font-weight:bold;position:relative}
#left h2.ttl span.fuki{position:absolute;display:inline-block;padding:.2em .5em;font-size:.8em;font-weight:bold;background:#0054a7;border-radius:.5em;color:#fff;top:-.5rem;right:0em}
#left h2.ttl span.fuki:before{content:"";width:1.2em;height:.8em;background:#0054a7;display:inline-block;clip-path:polygon(0 50%, 100% 0, 100% 100%);position:absolute;left:-1em;bottom:.2em;transform:rotate(-15deg)}

@media screen and (max-width: 480px) {
#left h2.ttl span.fuki{top:-3em;}
#left h2.ttl span.fuki:before{left:0;right:0;margin:auto;bottom:-1em;transform:rotate(-90deg)}    
}

#left .maker{padding:1em;border:1px #ccc solid;border-radius:1em;}
#left .maker h3{background:#0054a7;text-align:center;border-radius:.5em;color:#fff;font-size:1.2em;margin:0 auto 1em;padding:.2em 0;border:1px #0054a7 solid;transition:.4s}
#left .maker ul li{display:inline-block;}
#left .maker ul li:not(:last-child):after{content:"、";}
#left .maker a:hover h3{background:#fff;color:#0054a7}

#top #left{width:500px;margin-left:0;}
#top #right{width:480px; margin-right:0;}
#present_bnr{display:flex;flex-wrap:wrap;justify-content:space-around;/*flex-direction: row-reverse;*/align-items: flex-start;}
#present_bnr img{display:block; object-fit: contain;}
#present_bnr figure{position:relative;margin-bottom:1.5em}
#present_bnr figcaption{text-align:center;color:#fff;background:#beaf85;position:absolute;height:8em;padding:1.5em 0; border-radius:50%;display:inline-block; margin:auto;width:8em;top:-.5em;right:-1em}
#present_bnr figure:first-child figcaption{bottom:-1em;right:-.5em;top:inherit}
#present_bnr figcaption b{font-weight:bold;font-size:1.1em;display:block}
#right p.catch{color:#736231;font-weight:bold;text-align:center;font-size:1em;padding-bottom:.5em;font-size:1.2em}

#info3 h2.ttl_present{background:#e9eef8;font-size:1.5em;text-align:center;padding:1em 0;border:2px #000 solid;border-radius:1em;font-weight:bold}

#content .flex{display:flex;align-items:center;justify-content: space-between;flex-wrap:wrap;margin-bottom:.5em}
#content .flex h3{width:56%;padding-left: 0;margin:0}
#content .flex p.entry{width:44%;text-align:center;padding:.2em .5em;border:1px #ffbd3a solid;color:#683C3C;font-size:1.4em;border-radius:.5em;background:#fff4d2;margin:0 auto}
#content .flex p.entry b{font-weight:bold;font-size:1.1em;color:#ff5722;margin:0 .2em}
#content .flex p.entry a{display:inline-block;font-weight:bold;padding:.2em .5em;color:#fff;background:#6779ba;border:1px #6779ba solid;margin-left:.5em;border-radius:.5em}
#content .flex p.entry a:hover{color:#ff5722;background:#fff;border-color:#ff5722}

@media screen and (max-width: 480px) {
.calend .tbl tr:first-child{display:none;}	
.calend .tbl th,.calend .tbl td{display:block; border-top:none}
.calend .tbl span{display:inline-block; margin-right:1em;}
#content .flex h3,#content .flex p.entry{width:100%}
    #content .flex p.entry a{margin-left: 0}
}

/*--finish--*/
div.finish{width:95%;margin:1em auto;border:3px #ccc double;padding:1em 2em;border-radius:1em;}
.finish h2{background:#0054a7;color:#fff;font-weight:bold;font-size:2em;text-align:center;padding:.2em;border-radius:.5em;margin-bottom:1em}
.finish h3{text-align:center;color:#683c3c}
.finish p{font-size:1.5em;}
.finish p strong{font-weight:bold;color:#683c3c}


#info3 a.bknm{display:block;margin:0 auto 1em;border:2px #f44336 solid;background:#fff0f3;color:#f44336;}
#info3 a.bknm h2{margin:.5em auto;font-size:2em;line-height:1.2em;text-align:center;font-weight:bold;background:none;padding:0;transform-origin: center}
#info3 a.bknm h2 span{font-size:.7em}
#info3 a.bknm h2 b{font-size:1.2em;font-weight:bold}
#info3 a.bknm h2 b.bold{padding:.2em;background:#fff;display:inline-block;/*transform:rotate(-2deg);*/transition:.2s;font-size:1.4em}
#info3 a.bknm:hover h2{transform:scale(1.1)}
#info3 a.bknm:hover{background:#ffb2b2;color:#fff;/*text-shadow:1px 1px 1px #f00,1px -1px 1px #f00,-1px 1px 1px #f00,-1px -1px 1px #f00*/border-radius:1em;}
#info3 a.bknm:hover b.bold{background:#fff0f3;transform:rotate(-2deg);color:#f44336;}