counter@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*---リセット----*/
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, font, 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,figure  { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em;}
body, table, input, textarea, select, option { font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, figure  { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }table{ border-collapse:collapse;border-spacing:0; }
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}
 html {-webkit-overflow-scrolling: touch;}
/*--リンク--------------------------------------------------*/
a {color: #333;text-decoration:none}
a:link { }
a:visited { }
a:hover { }
a:active { }

a.hakolink_normal{
	text-align:center;margin:2vw auto;
	display:inline-block;
	padding:0.5em;
	max-width:400px;width:90%;
	border: 2px solid  inherit;
	border-radius:5px;
	-webkit-border-radius:5px;-moz-border-radius:5px}
@media screen and (min-width:768px) {
a.hakolink_normal{margin:10px 5px;width:45%}
a.hakolink_normal.wide200{	max-width:600px;width:60%}
}
.hako_mint{background:#62c1ce;border:#62c1ce solid 2px;color:white}
.hako_mint:hover{background:white;color:#62c1ce}
.hako_orange{background:#ce5353;border:#ce5353 solid 2px;color:white}
.hako_orange:hover{background-color:white;color:#ce5353}
.hako_ai_orange{background:#ff5a00;border:#ff5a00 solid 2px;color:white}
.hako_ai_orange:hover{background-color:white;color:#ff5a00}
.hako_green{background:#59bb79;border:#59bb79 solid 2px;color:white}
.hako_green:hover{background-color:white;color:#59bb79}
.hako_mildred{background:#c9474a;border:#c9474a solid 2px;color:white}
.hako_mildred:hover{background-color:white;color:#c9474a}
.hako_blue{background:#4987c6;border:#4987c6 solid 2px;color:white}
.hako_blue:hover{background-color:white;color:#4987c6}
.hako_psd_blue{background:#0092ff;border:#0092ff solid 2px;color:white}
.hako_psd_blue:hover{background-color:white;color:#0092ff}
.hako_white{background:white;border:black solid 2px;color:black}
.hako_white:hover{background:black;color:white}
.hako_black{background:black;border:white solid 2px;color:white}
.hako_black:hover{background:white;color:black}
.hako_black_opa{background:black;border:white solid 2px;color:white}
.hako_black_opa:hover{opacity:60%}

.sub_item_menu{
	font-size:3vw;font-weight:bold;
	padding:0.6em;
	margin-right:5px;background: #ddd;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.sub_item_menu:hover{
	background:none;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
	
@media screen and (min-width:768px) {
		.sub_item_menu{
	font-size:1rem;background:none}
.sub_item_menu:hover{
	background:#ddd}
	}
/*------------------------------------------------------------
	基本　spriteは画像
------------------------------------------------------------*/
html,body{width:100%;height:100%;
}
body {font-size:16px;line-height:1.5;color:#333;
	position:relative;
	background:rgba(0, 0, 0, 1)}
#wrapper{overflow:hidden}
main {position: relative;z-index:1}

/*-- text---------------------------------------------*/
p{width:90%;font-size:3vw;display:block;
margin:0 auto;text-align:center;padding-bottom:1vw}
@media screen and (min-width:700px) {
	p{font-size:1em;padding-bottom:18px}
}
/*--ヘッダー-------------------------------------------------*/

/*-ヘッダ　ロゴ部---------------------------------------------*/

.toptitle{font-weight:300;font-size:0.8rem;position: absolute;top:4px;right:0;left:0}
.logosvg{margin:10px;width:230px;height:52px}
.topspan{font-weight:300;font-size:0.8rem;position: absolute;top:50px;right:0;left:0}
@media screen and (min-width:768px){
.toptitle{top:22px;left:58px}
.logosvg{margin:22px 0 0px 0;width:270px;height:70px}
.topspan{display:none}
}
/*--ヘッダーナビ--------------------------------------------*/	
#head_nav_top,#head_nav{
	position:absolute;right:10px;top:5px;
	width:800px;
	text-align:right}
#head_nav{
	position:absolute;right:10px;top:45px}
#head_nav a.hakolink{
	text-align:center;margin:0 auto;
	display:inline-block;
	padding:0.6em;
	width:95px;height:35px;
	font-size:0.8em;
	border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
#head_nav a.head_menu{
	font-size:0.8em;font-weight:bold;
	padding:0.6em;
	margin-right:5px}
#head_nav a.head_menu:hover,#head_nav_top a.head_menu:hover{
	background: #ddd;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#head_nav_top a.head_menu{
	font-size:0.6em;font-weight:bold;
	padding:0.6em;
	margin-right:5px}
/* 	保留 */
#mv_word{
	position:absolute;top:30px;
	width:100%;max-width:1200px;
	text-align:center; 
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	font-weight:bold;font-size:5vw}
@media screen and (min-width:768px){
#mv_word{font-size:2em}
}
	
/*--トグルメニュー--------------------------------------------*/	
#menuButton {
    display:block;
    width:42px;
    height:42px;
    position:absolute;
    top:10px;
    left:10px;
    z-index:4}
#menuButton span {
    display: block;
    background:#666;
    width:24px;height:2px;
    position:absolute;right:9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menuButton span:first-child {top:12px}
#menuButton span:nth-child(2) {margin-top: -1px;top:50%}
#menuButton span:last-child {bottom:12px;}
#menuButton.active span:first-child {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg)}
#menuButton.active span:nth-child(2) {opacity: 0}
#menuButton.active span:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg)}
/*--トグルオープン-----------------------------------------*/
aside.toggle{
    display:none;
    box-sizing:border-box;
    width:100%;height:100%;
    padding-top:0px;
    line-height:6vw;
    position:absolute;top:0px;left:0;
    z-index:3}
.toggle_inner{
	background:white;
	text-align:center;
	overflow-y:auto;-webkit-overflow-scrolling:touch;height:1000px;}
	dl.toggle{text-align:left;width:50%;;margin-top:24px;float:left;padding-left:2.5vw}
dl.toggle dt{color:#999;border-bottom:1px dashed #ccc;margin-top:3vw;font-size:3vw;font-weight:bold}
dl.toggle dd{font-size:4vw; color:white;border-bottom:1px solid #e7e7e7;padding:10px}
dl.toggle dd.end{border-bottom:none}
dl.toggle dd:hover{background:#aaa}
dl.toggle dd a{color:black;display:block}
.hakolink_outer{width:100%;display:block}
.toggle a.hakolink{
	text-align:center;margin:15px auto 0;
	display:inline-block;
	max-width:400px;
	padding:0.5em;
	width:35%}

#toggle_social_icon{text-align:center}
#toggle_social_icon i.fa-facebook-square,#toggle_social_icon i.fa-twitter-square,#toggle_social_icon i.fa-instagram{
padding-top:20px;
padding-left:10px;
color:#757575;
text-align:center}
#toggle_social_icon i:hover {color: #ff7800}
/*--固定メニュー----------------------------------------------*/
.fixed {position:fixed;top:0;width:100%;z-index:10000;background:white}
/*--製品なび　メイン画像---------------------------------------*/
#p_navi{background:black;

	position:relative;
	width:100%;margin:0 auto;text-align:center}
#p_navi ul{
	display:inline-block;
	padding:0px;
	background-color: transparent;
	margin:0 auto;width:100%}	
#p_navi ul li{
	width:11.1%;height:58px;
	float:left;
	list-style-type:none;
	text-align:center;margin:3px 0;
	padding:0px 0px 19px 0px;	
	display:block}
#p_navi ul li a{
	color:white;
	padding:10px 0px 5px 0px;
	text-decoration:none;
	font-size:2vw;
	display:block;
	opacity:0.8}
@media screen and (min-width:768px) {
#p_navi ul li{width:11.1%;height:58px;margin:0;}
#p_navi ul li a{font-size:12px}
}
#p_navi a{transition:0.5s}
#p_navi a:hover{opacity:0.5}
.pnavi1, .pnavi2, .pnavi3, .pnavi4, .pnavi5, .pnavi6, .pnavi7, .pnavi8,.pnavi9 {display:inline-block;
  background-image:url(img/pnavi_icons_white.svg);background-repeat:no-repeat;background-size:200px 100px;
  height:34px;width:34px}
.pnavi1 {background-position:-43px -13px}
.pnavi2 {background-position:-84px -13px}
.pnavi3 {background-position:-124px -13px}
.pnavi4 {background-position:-164px -13px}
.pnavi5 {background-position:-2px -53px}
.pnavi6 {background-position:-44px -53px}
.pnavi7 {background-position:-83px -53px}
.pnavi8 {background-position:-124px -53px}
.pnavi9 {background-position:-164px -53px}

.pnavi1.bl, .pnavi2.bl, .pnavi3.bl, .pnavi4.bl, .pnavi5.bl, .pnavi6.bl, .pnavi7.bl, .pnavi8.bl,.pnavi9.bl{background-image:url(img/pnavi_icons.svg);}
/*--コンテナー、インナー--*/
.container1200 {position:relative;
	padding-bottom:15px;
	max-width:1200px;margin:0 auto}
.inner {position:relative;z-index:2;
	max-width:800px;width:90%;margin:0 auto}
.inner_slim {position:relative;z-index:2;
	max-width:600px;width:90%;margin:0 auto}
	
/*--背景色--*/
.bg_yellow{background:#faee00}
.bg_grey{background:#e8e8e8}
.bg_darkgrey{background:#c9c9ca}
.bg_lightgrey{background:#d7d6cd}
.bg_beige{background:#fbf8f0}
.bg_sand{background:#c9bc9c}
.bg_teineibeige{background:#fdfbf8}
.bg_black{background:black}
.bg_red{background:#d70b18}
.bg_mildred{background:#c9474a}
.bg_green{background:#00a29a}
.bg_navy{background:#192e53}
.bg_radgrad{background: radial-gradient(#9d0d0d, #d70b18)}
.bg_white{background:white}
.bg_orange{background:#f8b62c}
.bg_blue{background:#4987c6}
.bg_kakuka_kai {
background:linear-gradient(135deg, #fbf8f0 22px, white 22px, white 24px, transparent 24px, transparent 67px, white 67px, white 69px, transparent 69px),linear-gradient(225deg, #fbf8f0 22px, white 22px, white 24px, transparent 24px, transparent 67px, white 67px, #fbf8f0 69px, transparent 69px)0 64px;background-color:#fbf8f0;background-size:64px 128px;
border-bottom:15px solid white}
/*---文字色--------------------------------------------------*/
.blue{color:#4987c6}
.yellow{color:#faee00}
.black{color:black}
.white{color: white}
.mildred{color: #c9474a}
.#fbf8f0{color:#a5864a}
.grey{color:#666666}
.orange{color:#f8b62c}
.red{color: red}
/*---組み合わせ--------------------------------------------------*/
.yellow_black{color:black;background:#faee00}
.yellow_white{color:white;background:#faee00}
.mildred_black{color: black;background:#c9474a}
.mildred_white{color: white;background:#c9474a}
.grey_white{color: white;background:rgba(63,  63,  63, 0.4)}


/*-- text切り替え---------------------------------------------*/
p.smart{text-align:left}
@media screen and (min-width:768px) {
	p.smart{text-align:center}
}

h1.index{
	width:100%;text-align:center;
	font-size:3vw;font-weight:600;
	display:block;
	padding:1vw}
p.index{font-size:3vw}
@media screen and (min-width:768px) {
h1.index{
	font-size:1.2rem;font-weight:600;padding-top:20px}
p.index{font-size:1rem;padding-bottom: 20px}
}

h1.normal,h1.standard,h2.normal,h2.standard{
	text-align:center;width:100%;
	font-size:6vw;font-weight:bold;
	display:inline-block;
	position:relative;
	padding-bottom:2vw}
h1.normal,h2.normal{margin-top:-72px;padding-top:72px}
h1.normal span,h1.standard span,h2.normal span,h2.standard span{display:block;font-size:3.5vw}
h1.title,h2.title,h3.title{text-align:center;width:100%;
	font-size:4vw;font-weight:bold;
	display:inline-block;
	position:relative;
	padding-bottom:3vw;padding-top:3vw}
	
@media screen and (min-width:768px) {
h1.normal,h1.standard,h2.normal,h2.standard{font-size:3em;font-weight:100;
	margin-bottom:0px;
	padding-bottom:15px}
h1.normal,h2.normal{margin-top:-94px;padding-top:94px}
h1.normal span,h1.standard span,h2.normal span,h2.standard span{font-size:1.5rem}
h1.title,h2.title,h3.title{font-size:2em;font-weight:100;
	padding-bottom:15px;padding-top:35px}
}




/* サーチリンク用見だし */
h1.s_link,h2.s_link{
	text-align:center;width:100%;margin-top:-72px;
	font-size:6vw;font-weight:bold;
	display:inline-block;
	position:relative;
	padding-bottom:2vw;padding-top:72px}
h1.s_link:before,h2.s_link:before {content:'';
position:absolute;bottom:0px;left:50%;
display:inline-block;
width:6vw;height:0.5vw;
-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
@media screen and (min-width:768px) {
h1.s_link,h2.s_link{font-size:3em;font-weight:100;
	margin-bottom:0px;margin-top:-94px;
	padding-bottom:15px;padding-top:94px}
h1.s_link:before,h2.s_link:before {height:2px;width:60px}
}

h1.h_bg_black:before,h2.h_bg_black:before {background-color:black}
/*---文字サイズ--------*/
.step_icon{vertical-align: middle;
	font-size:4vw;
	margin-right:1em;padding: 0.4em;
	background:#00a29a;
	border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px}
 .at_icon300:before {content: '';
  display: inline-block;
  width: 10vw;height:10vw;
  background-image: url(img/aten.png);
  background-size: contain;vertical-align: middle;
  margin-right: 1rem}
 .at_icon200:before {content: '';
  display: inline-block;
  width: 8vw;height:8vw;
  background-image: url(img/aten.png);
  background-size: contain;vertical-align: middle;
  margin-right: 1rem}
  .mail_icon:before {content: '';
  display: inline-block;
  width: 10vw;height:7vw;
  background-image: url(img/mailmark.png);
  background-size: contain;vertical-align: middle;
  margin-right: 1rem}
@media screen and (min-width: 767px){
.step_icon{font-size:1.5rem}
.at_icon300:before {width: 3rem;height: 3rem}
.at_icon200:before {width: 2rem;height: 2rem}
  .mail_icon:before {width: 4rem;height: 3rem}
}


.mg_b-25{padding-top:20px }
@media screen and (min-width: 767px){
.mg_b-25{margin-bottom:-25px}
}

.p_copyright{font-size:0.8em;font-variant:small-caps;}
.p40{font-size:3vw}
.p60{font-size:2.5vw}
.p80{font-size:2.5vw}
.p90{font-size:2.8vw}
.p100{font-size:3vw}
.p120{font-size:3.5vw}
.p150{font-size:4vw}
.p180{font-size:4vw}
.p200{font-size:4vw}
.p250{font-size:4.5vw}
.p280{font-size:4.8vw}
.p300{font-size:5vw}
.p350{font-size:5.5vw}
@media screen and (min-width: 767px){
.p40{font-size:0.4rem}
.p60{font-size:0.6rem}
.p80{font-size:0.8rem}
.p90{font-size:0.9rem}
.p100{font-size:1rem}
.p120{font-size:1.2rem}
.p150{font-size:1.5rem}
.p180{font-size:2rem}
.p200{font-size:2rem}
.p250{font-size:2.5rem}
.p280{font-size:2.5rem}
.p300{font-size:3rem}
.p350{font-size:3.5rem}
}
/*文章ウエイト*/
.fw_300{font-weight:300}.fw_600{font-weight:600}

/* 文字寄せ */
.ta_center{text-align:center}.ta_left{text-align:left}.ta_right{text-align:right}


.ta_right_to_center{text-align:center}
.plus_pd{padding-bottom:35px}
@media screen and (min-width: 767px){
.ta_right_to_center{text-align:right}
.plus_pd{padding-bottom:0px}
}


/* 画像サイズ */
.img40{width: 40px}.img60{width: 60px}.img80{width: 80px}

.img100{width:100%;max-width:100px}
.img150{width:100%;max-width:150px}
.img200{width:100%;max-width:200px}
.img250{width:100%;max-width:250px}
.img300{width:100%;max-width:300px}
.img400{width:100%;max-width:400px}
.img500{width:100%;max-width:500px}
.img600{width:100%;max-width:600px}
.img800{width:100%;max-width:800px}
.img1000{width:100%;max-width:1000px}
.img1200{width:100%;max-width:1200px}

/* 枠 */
.space95{margin:0 auto;width: 95%}
.space80{margin:0 auto;width: 80%}
.space70{margin:0 auto;width: 70%}
.space60{margin:0 auto;width: 60%}
.space50{margin:0 auto;width: 50%}
.space80_60{margin:0 auto;width: 80%}
.space95_80{margin:0 auto;width: 95%}
@media screen and (min-width:768px) {
.space80_60{margin:0 auto;width: 60%}
.space95_80{margin:0 auto;width: 80%}
}


/*空間調整*/
.mg_bottom15{margin-bottom:15px}.mg_bottom20{margin-bottom:20px}.mg_bottom30{margin-bottom:30px}.mg_bottom35{margin-bottom:35px}.mg_top15{margin-top:15px}.mg_top20{margin-top:20px}.mg_top25{margin-top:25px}.mg_top30{margin-top:30px}
.mg_side15{margin-left:15px;margin-right:15px}.mg_side20{margin-left:20px;margin-right:20px}.mg_side30{margin-left:30px;margin-right:30px}
.pd_3{padding:3px}.pd_5{padding:5px}.pd_15{padding:15px}.pd_20{padding:20px}.pd_25{padding:25px}.pd_30{padding:30px}.pd_35{padding:35px}.pd_45{padding:45px}.pd_50{padding:50px}.pd_60{padding:60px}
.pd_bottom15{padding-bottom: 15px}
.pd_bottom25{padding-bottom: 25px}
.pd_bottom35{padding-bottom: 35px}
.pd_bottom50{padding-bottom: 50px}
.pd_top15{padding-top: 15px}
.pd_top25{padding-top: 25px}
.pd_top35{padding-top: 35px}
.pd_top45{padding-top: 35px}
.pd_top50{padding-top:50px}

.clearfix:after {content:" ";display:block;clear:both}
.hiden{display:none}.hiden768{display:none}.pchiden{display:inline}.pchiden768{display:inline}.pchidenblock{display:block}.pchidenblock1000{display:block}
@media screen and (min-width:700px) {
	.hiden{display:inline}.pchiden{display:none}.pchidenblock{display:none}.pchidenblock1000{display:none}
}

.pchidenblock1125{display:block}
@media screen and (min-width:1124px) {
.pchidenblock1125{display:none}
}
.pchidenblock1170{display:block}
@media screen and (min-width:1169px) {
.pchidenblock1170{display:none}
}

.pchidenblock780{display:block}
@media screen and (min-width:779px) {
.pchidenblock780{display:none}
}
#top_sp_button{background: #ffffff;
	display:inline;
	display:inline-block;
	padding-bottom:1vw;
	margin:0 auto;text-align:center;width:100%}
@media screen and (min-width:768px) {
	.hiden768{display:inline}
	.pchiden768{display:none}
	#top_sp_button{display:none}
	
}


/*新ナビゲーション＊＊＊＊＊＊＊＊＊＊*/
#nuv {background:white;
	overflow:hidden;position:relative;
	margin:0 auto;width:100%;text-align:center}
#nuv ul{display:inline-block;
	padding:0px;
	background-color:transparent;
	margin:0 auto;width:100%}
#nuv li{margin:0px;text-align:center;
	width:25%;height:58px;
	float:left;
	list-style-type:none;
	padding:0px 0px 19px 0px;	
	display:block}	
#nuv li a{padding:20px 0px 5px 0px;
	text-decoration:none;
	color:#000;font-size:10px;font-weight:bold;
	display:block;opacity:0.8}
#nuv li a:hover{background:#ebebeb}
@media screen and (max-width:767px) {
#nuv li:first-child a,#nuv li:nth-child(5n) a{
	border-left:0px solid #ccc}
}
@media screen and (min-width:768px) {
#nuv li{width:12.5%;height:65px;float:left}
#nuv li a{border-left:1px dotted rgba(174, 166, 166, 0.62);border-bottom:0px solid #ececec}
#nuv li:nth-child(8n) a{border-right:none}
#nuv li:first-child a{border-left:none}
#nuv li a:hover{border-top:#d70b18 3px solid;background:none}
}
/*nuv部品＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.nuvsp1, .nuvsp2, .nuvsp3, .nuvsp4, .nuvsp5, .nuvsp6, .nuvsp7, .nuvsp8 {display: inline-block;background-image:url(img/nuv.svg);background-repeat:no-repeat;background-size:103px 54px;
height:24px;width:24px}
.nuvsp1 {background-position:-1px -1px}
.nuvsp2 {background-position:-28px -2px}
.nuvsp3 {background-position:-53px -2px;width:23px}
.nuvsp4 {background-position:-79px -1px}
.nuvsp5 {background-position:-2px -26px}
.nuvsp6 {background-position:-27px -26px;height:25px;width:25px}
.nuvsp7 {background-position:-53px -26px;width:23px}
.nuvsp8 {background-position:-78px -26px}
/*--メイン画像&デザイン----------------------------------------------*/
#mainvisual{margin:0 auto;position:relative;overflow:hidden}
.designvisual{margin:0 auto;position:relative;overflow:hidden} 
#mainvisual img,.designvisual picture img{width:100%;vertical-align:bottom}
.mv_bg{margin: 0 auto}

.banner{display:block}
.banner a{width:100%;text-align:center}

@media screen and (min-width:768px) {
.banner{display:flex;flex-wrap:nowrap}
.banner a{width:50%}
.banner_inner{padding:5px 0}
}

/*--商品を探すところ------------------------------------------*/
#search {background-image:url(img/nwm.png);background-size:180px;background-repeat:no-repeat;background-position:right bottom;background-color:#fbf8f0;
	border-bottom:15px solid white}
#search .search{
	background:rgba(255, 255, 255, 0.56)}
#search h1,#search h2{
	font-size:6vw;font-weight:bold;
	display:inline-block;
	position:relative;
	padding-top:2vw;padding-bottom:2vw;
	width:100%;text-align:center;margin-bottom:3vw}
#search h1:before,#search h2:before {
	content:'';
	position:absolute;
	bottom:0;left:50%;
	display:inline-block;
	width:6vw;height:0.5vw;
	-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);
	background-color:black}
.searchlink{display: flex;flex-wrap:wrap;justify-content: center;}
.searchlink a{width: calc(100% - 10px); margin: 5px;
	background:#c9474a;
	display:block;
	color:white;font-size:3vw;
	border: solid 2px;	
	padding:0.5em;
	text-align:center;
	border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px}
.searchlink a:hover{
	background-color: white;
	color:#c9474a;border:#c9474a solid 2px}
.searchlink a.searchlink2{width:70%;margin:0 auto}
img.cmimg{width:50%}
@media screen and (min-width:768px) {
	#search {background-size:220px}	
#search .search{background:none}
#search h1,#search h2{
	font-size:3em;font-weight:100;
	padding-bottom:15px;margin-bottom:20px}
#search h1:before,#search h2:before {width:60px;height:2px}
.searchlink a{font-size:1em}
img.cmimg{width:40%}
.searchlink a.searchlink2{width: calc(40% - 10px); margin: 5px;}
}

/*------------------------------------------------------------
	タイプから探すところ
------------------------------------------------------------*/
#searchtype,.bg_kakuka {
background:linear-gradient(135deg, #fbf8f0 22px, white 22px, white 24px, transparent 24px, transparent 67px, white 67px, white 69px, transparent 69px),linear-gradient(225deg, #fbf8f0 22px, white 22px, white 24px, transparent 24px, transparent 67px, white 67px, #fbf8f0 69px, transparent 69px)0 64px;background-color:#fbf8f0;background-size:64px 128px;
border-bottom:15px solid white;
padding-top:72px;padding-bottom:50px}
#searchtype .searchtype_inner{text-align:center;margin:2vw auto}
#searchtype h1:before {background-color:black}
#searchtype h2:before {background-color:black}
#searchtype .typelink{
	border:solid 10px white;
	display:inline-flex;
	width:40%;max-width:400px;
	margin:10px 5px;padding:3vw}
#searchtype .typelink_inner{
	display:inline-block;
	padding-bottom:1vw;
	margin:0 auto;text-align:center;width:100%}
#searchtype a.hakolink_normal{
	font-size:2.3vw;
	border:#2c4245 solid 2px;	
	width:95%;
	background-color:#2c4245;color:white}
#searchtype a.hakolink_normal:hover{background:none;color:#2c4245}
h2.typelink_h{
	display:block;
	padding-bottom:10px;
	font-size:3vw}
p.typelink_p{
	font-size:2.5vw;
	margin-bottom:15px;
	color:#2c4245}
.type1, .type2, .type3, .type4, .type5, .type6, .type7, .type8, .type9 {
  display:inline-block;
  background-image:url(img/pnavi_icons.svg);
  background-repeat:no-repeat;
  background-size:400px 200px;
  height:72px;width:68px}
.type1 {background-position:-86px -28px}
.type2 {background-position:-166px -28px}
.type3 {background-position:-246px -28px}
.type4 {background-position:-328px -28px}
.type5 {background-position:-6px -108px}
.type6 {background-position:-88px -106px}
.type7 {background-position:-166px -106px}
.type8 {background-position:-248px -104px;height:72px}
.type9 {background-position:-330px -106px}
@media screen and (min-width:768px) {
#searchtype {padding-top:94px}
#searchtype .typelink{border:solid 20px white;
	width:45%;max-width:550px;
	margin:15px;padding:3em}
#searchtype .typelink_inner{
	width:90%;
	padding-bottom:15px}
h2.typelink_h{font-size:1.5em}
p.typelink_p{font-size:1em}
#searchtype a.hakolink_normal{margin:0 auto;font-size:0.8em}
}
@media screen and (min-width:1015px) {
	#searchtype .typelink{width:30%}
}
/*---サイズから探すところ--------------------------------------*/
#searchsize {border-bottom:15px solid white;
padding-bottom:50px;padding-top:72px}
#searchsize .white_shadow{background:rgba(255, 255, 255, 0.56)}
#searchsize .searchsize_inner{text-align:center;margin:6vw auto}
h2.sizelink_h{
display:block;
padding-bottom:10px;
font-size:3vw}
#searchsize .searchsize_inner a{
background:#2c4245;
color:white;
border:3px solid #2c4245}
#searchsize .searchsize_inner a:hover{
background:transparent;
color:#2c4245;
border:4px solid inherit}
@media screen and (min-width:768px) {
#searchsize{padding-top:94px}	
#searchsize .white_shadow{background:none}
}

.under_layer{
	margin-bottom:-50px;margin-top:-52px
}

.maru {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  flex-flow:column; 
  vertical-align:top}
.square {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  flex-flow:column; 
  vertical-align:top}
.size_22{width:60px;height:60px;margin:30px 10px}
.size_25{width:68px;height:68px;margin:28px 10px}
.size_32{width:87px;height:87px;margin:22px 10px}
.size_37{width:100px;height:100px;margin:18px 10px}
.size_38{width:103px;height:103px;margin:18px 10px}
.size_44{width:120px;height:120px;margin:11px 10px}
.size_57{width:155px;height:155px;margin:6px 10px}
.size_76{width:207px;height:207px;margin:1px 10px}
.size_daen{width:190px;height:122px;margin:40px 10px}
.size_vertical{width:190px;height:120px;margin:40px 10px}
.size_rectangle{width:120px;height:190px;margin:1px 10px}
.size_88{width:240px;height:240px;margin:1px 10px}
.size_100{width:273px;height:273px;margin:25px 10px}
.size_7651{width:207px;height:139px;margin:40px 10px}
.size_5176{width:139px;height:207px;margin:1px 10px}



#searchsize .searchsize_inner a.size_heart5752{
background:transparent;
width:155px;height:142px;background-image: url(img/heart_off.png);background-size:155px;background-repeat:no-repeat;background-position:right bottom;
color:white;
border: none}
#searchsize .searchsize_inner a.size_diamond47{
background:transparent;
width:128px;height:128px;background-image: url(img/diamond_off.png);background-size:128px;background-repeat:no-repeat;background-position:right bottom;
color:white;
border: none}

.size_heart5752{  display:inline-flex;
  justify-content:center;
  align-items:center;
  flex-flow:column; 
  vertical-align:top;
  margin:35px 10px;
}
.size_diamond47{  display:inline-flex;
  justify-content:center;
  align-items:center;
  flex-flow:column; 
  vertical-align:top;
  margin:05px 10px;
}
#searchsize .searchsize_inner a.size_heart5752:hover{
color:#2c4245;
width:155px;height:142px;background-image: url(img/heart_on.png);background-size:155px;background-repeat:no-repeat;background-position:right bottom;
border: none}
#searchsize .searchsize_inner a.size_diamond47:hover{
color:#2c4245;
width:128px;height:128px;background-image: url(img/diamond_on.png);background-size:128px;background-repeat:no-repeat;background-position:right bottom;
border: none}
/* -オプション#ce5353----------------------------------------*/
#opt{background:white;
	border-bottom:15px solid white;
	padding-bottom:50px;padding-top:72px}
#opt h1:before {background-color:black}
#opt h2:before {background-color:black}
#opt img.opt_img{width:90%;margin-top:30px}
#opt .slide_wrap {
  overflow-y:hidden;overflow-x:scroll;
  margin:0 auto;display:flex;
  -webkit-overflow-scrolling:touch;overflow-scrolling:touch}
#opt .side_box {flex: 0 0 43%;padding:0}
@media screen and (min-width:768px) {
		#opt .side_box {flex: 0 0 15%;padding:0 10px}
	}
#opt .opt_inner{width:100%;text-align:center;margin:0 auto}

@media screen and (min-width:768px) {
#opt{padding-top:94px}
#opt img.opt_img{width:500px}
}
/* -デザインのお手伝い#95b457----------------------------*/
#design_help{
	background:#fafafa;
	border-bottom:15px solid white;
	padding-bottom:50px;padding-top:72px}
#design_help h2{margin-bottom:20px}
#design_help h2:before {background-color:black;}
.design_help_inner{display:inline-block;
	margin:0 auto;text-align:center;width:100%;
	padding-bottom:1vw}
#design_help h3{
padding-bottom:1vw;
font-size:4vw;color:#59bb79}
#design_help p.design_help_p{font-size:2.5vw}
#design_help p span{color:#aaa;display:block;margin-top:15px;font-size:2vw}
#design_help .design_help_linkwide{
	border:solid 10px white;
	width:90%;
	display:inline-flex;
	margin:10px;padding:6vw}
#design_help .design_help_link_inner{
	display:inline-block;
	margin:0 auto;text-align:center;width:100%}
#design_help a.hakolink_normal{color:white;border:#59bb79 solid 2px;background:#59bb79}
#design_help a.hakolink_normal:hover{color:#59bb79;background:none;}
@media screen and (min-width:768px) {
#design_help{padding-top:94px}
#design_help h3{font-size:1.5em;padding-bottom:1em}
#design_help p.design_help_p{font-size:1em}
#design_help p span{font-size:0.8em}
#design_help .design_help_link{text-align:center;margin:0 auto}
#design_help .design_help_linkwide{
	border:solid 20px white;
	width:45%;
	max-width:550px;
	display:inline-flex;
	margin:15px;
	padding:2.5em}
#design_help .design_help_link_inner{width:100%}
}
/*--高品位印刷------------------------------------------------*/
#print{
	background-image:url(img/sp_bg_print.jpg);background-repeat:no-repeat;background-size:768px;
	width:100%;margin:0 auto;
	padding-bottom:10px;
	border-bottom:15px solid white}
#print .print_inner{
	width:100%;text-align:center;margin:0 auto}
#print h1,#print h2{
	width:100%;text-align:center;
	color:white;font-size:6vw;font-weight:bold;
	display:block;
	padding-top:200px;padding-bottom:2vw}
#print p{color:white}
#print a.hakolink_normal{color:white;border:white solid 2px}
#print a.hakolink_normal:hover{background-color:rgba(255,   255,   255, 0.39)}
@media screen and (min-width:768px) {
	#print{
	background-image:url(img/bg_print.jpg);background-size:427px;background-position:left bottom;
	height:332px}
#print .shadow{
		width:100%;
		background:rgba(0, 0, 0, 0.3);
		height:317px}
#print h1,#print h2{
	font-size:3em;font-weight:100;
	padding-top:50px;padding-bottom:18px}
}

/*--丁寧-----------------------------------------------------*/
#teinei{
	width:100%;margin:0 auto;
	padding-bottom:2vw;border-bottom:15px solid #eee}
#teinei h1,#teinei h2{
	width:100%;text-align:center;
	color:black;font-size:6vw;font-weight:bold;
	display:block;
	padding-top:3vw;padding-bottom:2vw}
@media screen and (min-width:768px) {
	#teinei{padding-bottom:20px}
#teinei h1,#teinei h2{font-size:3em;font-weight:300;
	padding-bottom:18px;padding-top:30px}
}
/*------------------------------------------------------------
	lowprice  
------------------------------------------------------------*/
.bg_lowprice{background:white}
#lowprice{
	background-image:url(img/lowp.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:240px;
	width:100%;margin:0 auto;
	padding-bottom:20px;
	border-bottom:15px solid white}
.lowprice_inner{
	width:100%;text-align:center;margin:0 auto}
#lowprice h1,#lowprice h2{
	width:100%;text-align:center;
	color:#63676a;font-size:6vw;font-weight:bold;
	padding-top:50px;padding-bottom:2vw}
#lowprice p{color:#63676a}
#lowprice p.smart{background:rgba(255, 255, 255, 0.25)}
#lowprice a.hakolink_normal{color:#63676a;border:#63676a solid 2px;
	background:rgba(255, 255, 255, 0.68)}
#lowprice a.hakolink_normal:hover{color:white;border:#63676a;
	background:rgba(100, 104, 107, 0.25)}
@media screen and (min-width:768px) {
	.bg_lowprice{background:white}
	#lowprice{
		background-image:url(img/lowp.jpg);background-repeat:no-repeat;background-position:right bottom;background-size:240px;
		width:100%;height:332px}
#lowprice h1,#lowprice h2{
	font-size:3em;font-weight:300;
	padding-bottom:18px}
}
/*--QC---------------------------------*/
#qc{
	background-image: url(img/sp_QC.jpg);background-repeat: no-repeat;background-position:top center;background-size:768px;
	width:100%;margin:0 auto;
	padding-bottom:20px;
	border-bottom:15px solid white}
#qc .shadow{
	width:100%;height:inherit;
	background:rgba(61, 61, 61, 0.28)}
#qc h1,#qc h2{
	width:100%;text-align:center;
	color:white;font-size:6vw;font-weight:bold;
	display:block;
	padding-top:50px;padding-bottom:2vw}
#qc p{color:white}
@media screen and (min-width:768px) {
	#qc{background-image: url(img/QC.jpg);background-position:center center;background-size:1316px;height:300px}
	#qc .shadow{background:none}
#qc h1,#qc h2{font-size:3em;font-weight:300;padding-bottom:18px}
}

 /*---埋込ツイッター-------------------------------------------------*/
 #twitter{background:white;
	width:100%;margin:0 auto;text-align:center;
	display:block;border-bottom:15px solid #eee;
	position:relative}
.twitter_inner,.instagram_inner{width:70%;margin:0 auto}
#instagram{background:white;
	width:100%;margin:0 auto;text-align:center;
	display:block;border-bottom:15px solid #eee;
	position:relative;padding-bottom:0px}
.instagram_inner{width:100%;margin:0 auto;overflow:scroll}

 #twitter h1, #twitter h2,#instagram h1,#instagram h2{width:100%;text-align:center;
	color:#63676a;font-size:6vw;font-weight:bold;
	padding-top:50px;padding-bottom:2vw}
 #twitter p,#instagram p{margin-bottom:50px}
 
@media screen and (min-width:768px) {
.twitter_inner,.instagram_inner{width:70%}	
#twitter h1,#twitter h2,#instagram h1,#instagram h2{font-size:3em;font-weight:300;
padding-top:50px;padding-bottom:18px}
#twitter h1:before,#twitter h2:before,#instagram h1:before,#instagram h2:before{bottom:18px}
}
/*---フッター-------------------------------------*/
footer{position:relative;background-color:#fff}
/*ナビ*/
#nav_foot{
	margin:0 auto 20px;
	max-width:1200px}
	
.foot_main_nav_outer{margin:0 auto;width:90%}	
dl.foot_main_nav{text-align:left;width:50%;float:left;padding-left:2.5vw}
dl.foot_main_nav dt{color:#999;border-bottom:1px dashed #eee;margin-top:3vw;font-size:2vw}
dl.foot_main_nav dd{font-size:2.5vw;padding:2vw}
dl.foot_main_nav dd:hover{background:#eee;cursor:pointer}
dl.foot_main_nav dd a{color:black;display:block}
.foot_hako_outer{text-align:center;margin:3vw auto 5vw }
.foot_hako_outer a.hakolink{
	width:49%;
	display:inline-block;
	max-width:400px;
	padding:1vw}
#foot_social_icon{text-align:center;width:100%}
#foot_social_icon i.fa-facebook-square{padding-top:25px;color:#757575;width:10%;text-align:center}
#foot_social_icon i.fa-twitter-square{color:#757575;width:10%;text-align:center}
#foot_social_icon i.fa-instagram{color:#757575;width:10%;text-align:center}
#foot_social_icon i:hover {color: #ff7800}
@media screen and (min-width:768px) {
dl.foot_main_nav{width:25%;padding-left:20px}
dl.foot_main_nav dt{margin-top:30px;font-size:0.6em}
dl.foot_main_nav dd{font-size:0.8em;padding:10px}
.foot_hako_outer{margin:20px auto}
.foot_hako_outer a.hakolink{
	width:20%;margin:0 15px;text-align:center;
	padding:0.5em}
}	
	
.foot_main_nav i.fa-calendar-alt{margin-right:3px}
.footinfo{
	background:none;
	text-align:center;
	display:block;
	padding:10px}
.footnav{text-align:center}
.footnav ul li a{display:block}
.footnav ul li a::before {
  font-family:"Font Awesome 5 Pro";font-weight: 300;content:"\f324";padding-left:5px}
.footnav a{margin:0 10px}
.footnav a:hover{color:#00d0ff}

@media screen and (min-width:768px) {
	.footinfo{background-image:url(img/fotter_img2.jpg);background-repeat:no-repeat;background-position:right bottom;background-size:400px}
	.footnav{text-align:center}
.footnav ul li{display:inline-flex}
.footnav a{font-size:0.8em}
.footnav a:hover{color:#00d0ff}
	
}
/*電話・住所*/
.menu_foot{
	text-align:center;
	font-size:11px;
	margin-bottom:18px}
.tel_foot{font-size:25px;font-weight:600}
.name_foot{text-align:center;
	font-size:25px;font-weight:600}
.add_foot{text-align:center;
	font-size:11px;
	margin-bottom:18px}
	
	
.tel_respo{font-weight:600;font-size:5vw}
@media screen and (min-width:768px) {
.tel_respo{font-size: 35px}
	}
	
/*ソーシャルアイコン*/
#social_icon{text-align:center;
padding:8px;margin-bottom:15px}
#social_icon i.fa-facebook{
color:#757575;
width:20%;text-align:center}
#social_icon i.fa-twitter{
color:#00a7ff;
width:20%;text-align:center}
#social_icon i:hover {color: #ff7800}


/* おしらせモーダル */

#modalnews figure{
  margin: 0;
  display: none;
}
#modalnews figure:target{
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:3;
}
#modalnews figure:target #overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  color: inherit;
}
#modalnews figure:target img {
  animation: fadein .3s;
}
@keyframes fadein{
  0%{
    transform: scale(0.2);
    opacity: 0.2;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}

/* 営業日カレンダーモーダル */
#modal-content {width:280px;
	margin:1.5em auto;
	text-align: center;
	background:#fff;
	position:fixed;
	display:none;
	z-index:10002}
#modal-overlay {
	z-index:10001;
	display:none;
	position:fixed;
	top:0;left:0;
	width:100%;
	height:120%;
	background-color:rgba( 0,0,0, 0.75 )}
#modal-close{display:inline-block}
.cancel{
  display:block;
  position:relative;
  margin:30px 20px 30px 7px;
  padding:0;
  width:1px;height:60px;
  background:#000;
  transform:rotate(45deg)}
.cancel:before{
  display:block;
  content:"";
  position:absolute;
  top:50%;left:-29px;
  width:60px;height:1px;
  margin-top:-2px;
  background:#000}
 @media screen and (min-width:768px) {
#modal-content {width:60%;}
.button-link{font-size:1em; background:none;padding:0em;text-decoration:underline}
}

/* カレンダー */
#cal0 table{margin:0 auto}
.cal_title_outer{background:white;margin-top:5%}
.cal_title{display:inline-block;
	width:100%;
	margin:0 auto;padding:0;
	color:white;
	background:#429488}
.cal_p{margin-top:20px}
.cal_p span {color:#429488}
.cal_wrapper {margin:5% auto;text-align: center
}
.cal_wrapper table{width:100%;display:block;text-align:center;padding:0}
.cal_wrapper table.cal tr th div.cal_ui {
width:100%;margin:0 auto;color:#429488;font-size:20px}
.cal_wrapper table.cal tr th div.cal_ui input {
margin:0 10%;padding:0}
.cal_wrapper table.cal tr{width:100%;margin:0;height:40px}
.cal_wrapper table.cal tr td {
	width:40px;
	font-size:1em;
	text-align:center;
	padding:0}
.cal_wrapper table.cal tr.headline td {
	padding:10px 0;color:#888}
.cal_wrapper table.cal tr td div {
	position: relative;
	padding:0;
	font-size:1em;
	text-align: center;
	background-color: #FFF}
.cal_wrapper table.cal tr td div.Sat,.cal_wrapper table.cal tr td div.Sun,.cal_wrapper table.cal tr td div.Holyday {
	color:white;
	background:#429488;height:40px;padding-top:9px}
.cal_wrapper table.cal tr td div.Today {}
.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE}
.cal_wrapper table.cal tr td div.Birthday {
	font-weight: bolder;
	background-color: #EEF;
	color: #090}
.cal_wrapper table.cal tr td div.backward {
	color: #CCC;
	font-weight: normal;
	background-color: #FFF}
.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
@media screen and (min-width:768px) {
.cal_title_outer{margin-top:20px}
.cal_title{padding:1em 0}
.cal_wrapper {width:80%;margin:30px auto; max-width:380px}
.cal_wrapper table.cal tr th div.cal_ui{font-size:1em}
.cal_wrapper table.cal tr th div.cal_ui input {margin:0;padding:1em 50px}
.cal_wrapper table.cal tr{height:50px}
.cal_wrapper table.cal tr td {
	font-size:1em}
.cal_wrapper table.cal tr.headline td {
	padding:1em 0}	
.cal_wrapper table.cal tr td div {padding:1em 1em;
	font-size:1em}
.cal_wrapper table.cal tr td div.Sat,.cal_wrapper table.cal tr td div.Sun,.cal_wrapper table.cal tr td div.Holyday {
	height:56px;padding-top:17px}	
		}
/*サイトシール*/
.sign{text-align:center;background:#fff;padding:15px}
.sign p{text-align:center;font-size:2vw;color:#999}
@media screen and (min-width:768px){
.sign p{font-size:12px;padding-left:15px;padding-top:5px}
}
/*コピーライト*/p.copyright{text-align:center;color:white}


/*--pro_half---------------------------------*/
#pro_half{width:100%;margin:0 auto;display:flex;padding:15px}
.pro_half_inner{width:50%;padding:5px}
.pro_half_inner img{padding-top:25px}
.pro_half_inner h2{
	width:100%;text-align:center;
	font-size:3.5vw;font-weight:bold}
.pro_half_inner .p_outer{width:100%;background:none;padding: 0;display: block}
.pro_half_inner p{font-size: 3vw;word-wrap:normal}
@media screen and (min-width:400px) {
	.pro_half_inner img{padding-top:25px}
}
@media screen and (min-width:450px) {
	.pro_half_inner img{padding-top:15px}
}
@media screen and (min-width:500px) {
	.pro_half_inner img{padding-top:0px}
.pro_half_inner h2{font-size:18px}
.pro_half_inner p{font-size:0.8rem}
	}
	@media screen and (min-width:600px) {
.pro_half_inner h2{padding-top:10px;padding-bottom:10px}
	}
@media screen and (min-width:660px) {
.pro_half_inner h2{font-size:25px;padding-top:40px;}
.pro_half_inner p{font-size:0.8rem}
	}
@media screen and (min-width:840px) {
	#pro_half{height:100%}
.pro_half_inner h2{font-size:2em;font-weight:300;padding-top:30px;padding-bottom:10px}
.pro_half_inner .p_outer{}
.pro_half_inner p{font-size:1rem}
.pro_half_inner .p_outer{background:none}
}
/*--pro---------------------------------*/
#pro{width:100%;margin:0 auto}

#pro .shadow{
	width:100%;height:inherit;
	background:rgba(61, 61, 61, 0.24)}
#pro h1,#pro h2{
	width:100%;text-align:center;
	color:white;font-size:20px;font-weight:bold;
	height:80px;padding-top:30px;text-shadow:1px 1px 3px #808080;}
#pro .p_outer{width:100%;background:none;padding:2vw 0;display: block}

#pro p{color:white;text-shadow: 1px 1px 3px  #808080;font-size: 3.5vw}
@media screen and (min-width:500px) {
#pro h1,#pro h2{font-size:30px;height:100px;padding-top:30px;}
	#pro p{font-size:1rem}
	}
@media screen and (min-width:600px) {
#pro h1,#pro h2{font-size:40px}
	#pro p{font-size:0.8rem}
	}
@media screen and (min-width:768px) {
	#pro{height:100%}
#pro h1,#pro h2{font-size:3em;font-weight:300;padding-top:80px;height:200px;padding-bottom:18px}
		#pro p{font-size:1rem}
	#pro .p_outer{background:none}
}

#pro .products {background-image:url(img/bg_img01.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}

#pro .price{background-image:url(img/lowp.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:140px;height:100%}
@media screen and (min-width:768px) {
#pro .price{background-size:240px;height:100%}
}
#pro .payment{background-image:url(img/bg_img02.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}	
#pro .flow{background-image:url(img/bg_img03.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}	
#pro .design{background-image:url(img/design_step.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#pro .delivery_time{background-image:url(img/bg_img04.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#pro .company{background-image:url(img/company-logo.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100px;height:230px}	
#pro a.hakolink{
	text-align:center;margin:2vw auto;
	display:inline-block;
	background:rgba(255, 255, 255, 0.68);
	color:#63676a;
	border:#63676a solid 2px;	
	padding:0.5em;
	max-width:400px;width:90%}
#pro  a.hakolink:hover{
	border:#63676a solid 2px;
	color:white;
	background:rgba(100, 104, 107, 0.25)}
@media screen and (min-width:768px) {
#pro  .hakolink{margin:0px auto}
#pro  a.hakolink{width:45%}
}
/*--サブナビ---------------------------------*/
#sub_nav{width:100%;background:black;overflow:hidden;height:100%}
#sub_nav .sub_nav_inner{width:100%;margin:0 auto;max-width:1200px}
#sub_nav ul{text-align: left;width:90%;height:100%}
#sub_nav ul li{display:inline-block;}
#sub_nav ul li a{height:100%;font-size:0.8em;display:block;padding:20px 15px 10px;background:black;color:white}
#sub_nav ul li a:hover{background:#999}
#sub_nav ul li a.here{height:100%;background:#c03d36;color:white;font-weight:bold}
@media screen and (min-width:600px) {
#sub_nav ul li a{font-size:1em;padding:15px 20px}
}
@media screen and (min-width:768px){
#sub_nav ul li a{font-size:1em;padding:1.5em 3em}
}
/*--products タイプセレクト-------------------------------*/
#type_navi{background:white;
	overflow:auto;position:relative;
	width:100%;margin:0 auto;text-align:center;border-bottom:15px solid #ccc;padding-top:72px}
#type_navi .slide_wrap {width:95%;
  overflow-y:hidden;overflow-x:scroll;
  margin:0 auto;display:flex;
  -webkit-overflow-scrolling:touch;overflow-scrolling:touch;
  padding-top:10px}
#type_navi .side_box {display:inline-block;padding:5%;margin:0 10px}
#type_navi a{display:block;transition:0.5s;padding-top:10px;margin:5px;font-size:3vw}
#type_navi a:hover{background:#eee;border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;}
@media screen and (min-width:600px) {
#type_navi a{font-size:2vw}
#type_navi .slide_wrap{padding-top:30px}
	 }
@media screen and (min-width:768px) {
#type_navi{padding-top:94px}
#type_navi a{margin:10px;font-size:1em}
#type_navi .side_box {flex: 0 0 13%;padding:0}

}
.bg_wave{
background-color:#fbf8f0;background-image:radial-gradient(circle at 100% 150%, #fbf8f0 24%, white 25%, white 28%, #fbf8f0 29%, #fbf8f0 36%, #fbf8f0 36%, white 40%, transparent 40%, transparent),
radial-gradient(circle at 0    150%, #fbf8f0 24%, white 25%, white 28%, #fbf8f0 29%, #fbf8f0 36%, white 36%, white 40%, transparent 40%, transparent),radial-gradient(circle at 50%  100%, white 10%, #fbf8f0 11%, #fbf8f0 23%, white 24%, white 30%, #fbf8f0 31%, #fbf8f0 43%, white 44%, white 50%, #fbf8f0 51%, #fbf8f0 63%, white 64%, white 71%, transparent 71%, transparent),radial-gradient(circle at 100% 50%, white 5%, #fbf8f0 6%, #fbf8f0 15%, white 16%, white 20%, #fbf8f0 21%, #fbf8f0 30%, white 31%, white 35%, #fbf8f0 36%, #fbf8f0 45%, white 46%, white 49%, transparent 50%, transparent),
radial-gradient(circle at 0    50%, white 5%, #fbf8f0 6%, #fbf8f0 15%, white 16%, white 20%, #fbf8f0 21%, #fbf8f0 30%, white 31%, white 35%, #fbf8f0 36%, #fbf8f0 45%, white 46%, white 49%, transparent 50%, transparent);background-size:100px 50px;background-repeat:repeat;
border-bottom:15px solid white;}

/*--横スクロールバー---------------------------------*/
.scroll{overflow-x:scroll;-webkit-overflow-scrolling:touch;max-width:initial}
.scroll::-webkit-scrollbar{height:8px}
.scroll::-webkit-scrollbar-track{background:#dddddd}
.scroll::-webkit-scrollbar-thumb{background:#2cc2e4}


/*--料金表---------------------------------*/
.badge_price{margin:20px auto;border-spacing:0;border:none;border-collapse:separate;box-sizing:border-box;table-layout:fixed;overflow: hidden;}
.badge_price th,.badge_price td{border:none;text-align: center;position:relative}
.badge_price th{padding: 5px 20px;background: #00a29a;color: #FFFFFF;white-space: nowrap}
.badge_price th span{display:block;font-size:0.8em}
.badge_price th:first-child{background: #4987c6}
.badge_price th.corner{background:#00a29a}
.badge_price th.blank{background:#ccc}
.badge_price td{padding: 2px 5px;background: #FCFCFC;color: #353535}
.badge_price td.sub{font-weight:bold;padding:10px 20px;text-align:left}
.badge_price td.sub span{color:white}
.badge_price td:nth-child(even){background: #eee}
@media screen and (min-width:768px){
	.badge_price td.sub{text-align:center}
}

/* 価格表　たぶ */
#hookpin:checked ~ #hookpin_content,#safetypin:checked ~ #safetypin_content,#clip:checked ~ #clip_content,#magnet:checked ~ #magnet_content,#mirror:checked ~ #mirror_content,#keyring:checked ~ #keyring_content,#strap:checked ~ #strap_content,#chain:checked ~ #chain_content,#stand:checked ~ #stand_content {display:block}

.tabbox {width:100%;margin:0;padding:0;background:#e6e6e6;overflow-y:hidden;overflow-x:scroll;    position:relative;
  margin:0 auto;
  -webkit-overflow-scrolling:touch;overflow-scrolling:touch;
  padding-top:10px}
.tabbox input {display:none}
.tab_price {display:inline-block;
      border-width:1px 1px 1px 1px;
      border-style:solid;border-color:#ccc;
      padding:0.75em 1em;
      margin:1em auto 0;
      color:black;font-weight:bold;
      font-size:1.5vw;
      background-color:#efefef;
      margin-bottom:1em}
.tab_price:hover {background:#9a9a9a;
    color:white;cursor:pointer}
input:checked + .tab_price {background:white;
	color:black;
    position:relative;
    z-index:10}
.tabcontent {background:white;
display:none;margin-top:-1px;
position:relative;z-index:0;
  overflow-y:hidden;overflow-x:scroll;
  margin:-1px auto 0;
  -webkit-overflow-scrolling:touch;overflow-scrolling:touch;
  padding-top:10px}
.tab_price_hiden {display:none}

@media screen and (min-width:935px) {
	.tab_price {border-width:1px 1px 0px 1px;border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;margin-bottom:0;font-size:1em}

	.tab_price_pchiden {display:none}
	.tab_price_hiden {display:inline-block}

}
@media screen and (min-width:1199px) {
		.scroll.nine02::-webkit-scrollbar{height:0px}
}

/* スクロール表示 */
.at_scroll{width:100%}
.at_scroll i{color:#2cc2e4}
.at_scroll span{margin-left:2vw;font-size:4vw;font-weight:bold}
@media screen and (min-width: 600px){
.at_scroll span{margin-left:2vw;font-size:3vw;}	
	}
@media screen and (min-width: 768px){
.at_scroll span{margin-left:2rem;font-size:1rem;}	
	}
/* package */
#package{text-align:center;border-bottom:15px solid #ccc;padding-top:72px;padding-bottom:72px}
@media screen and (min-width: 768px){
#package{padding-top:94px;padding-bottom:94px}
}
.package_inner{
	display:inline-flex;width:95%;margin:2vw auto;border:2px solid #ccc}
.package_inner dl{display:block;width:100%;margin:0 auto;padding:20px;}
.package_inner dt {font-size:3.5vw;font-weight:bold;padding:10px}
.package_inner dd {text-align:left;font-size:5vw;font-weight:300;padding:20px}
.package_inner dd span{display:block;font-size:9vw;font-weight:300;text-align:right}
.package_inner dd.smallsize{font-size:3.5vw;}
.package_inner dd.smallsize span{font-size:4vw}
.package_inner p{text-align:left;font-size:3vw}
@media screen and (min-width:768px){
.package_inner{width:47%;margin:15px 10px;border-width:1px}
.package_inner dl{margin:0}
.package_inner dt {font-size:2rem}
.package_inner dd {font-size:2rem}
.package_inner dd span{font-size:4rem}
.package_inner dd.smallsize{font-size:1.5rem}
.package_inner dd.smallsize span{font-size:2rem}
.package_inner p{font-size:1rem}
}

.mini_logo{display:inline-block;margin:0 5px}
 .mini_logo.ai{background:black;color:#ff5a00;border:3px solid #ff5a00;padding:3px 10px}
.mini_logo.psd{background:black;color:#0092ff;border:3px solid #0092ff;padding:3px 8px}


#design_step,#design_step2{border:10px solid #e8e8e8;margin:3vw}
#design_step a.hakolink,#design_step2 a.hakolink{border:3px solid #62c1ce;background:#62c1ce;
	font-weight:bold;
	width:100%;display:inline-block;padding:1vw;text-align: center;font-size:3vw}
.design_step_inner{display:inline-flex;width:95%;margin:2vw auto}
.design_step_inner dl{display:block;width:100%;margin:0 auto;padding:20px}
.design_step_inner dt {font-size:5vw;font-weight:bold;padding:10px}
.design_step_inner dd {text-align:left;font-size:5vw;font-weight:300;padding:20px}
.design_step_inner dd span{display:block;font-size:9vw;font-weight:300;text-align:right}
.design_step_inner dd.smallsize{font-size:3.5vw;}
.design_step_inner dd.smallsize span{font-size:4vw}
.design_step_inner p{text-align:left;font-size:3vw}
@media screen and (min-width:825px){
.design_step_inner{width:47%;margin:15px 10px;border-width:1px}
.design_step_inner dl{margin:0}
.design_step_inner dt {font-size:1.5rem}
.design_step_inner dd {font-size:1rem}
.design_step_inner dd span{font-size:4rem}
.design_step_inner dd.smallsize{font-size:1.5rem}
.design_step_inner dd.smallsize span{font-size:2rem}
.design_step_inner p{font-size:1rem}
#design_step a.hakolink,#design_step2 a.hakolink{width:100%;margin:0 auto;text-align:center;
	padding:0.5em;font-size:1rem}
#design_step a.hakolink:hover,#design_step2 a.hakolink:hover{background:white}}
/* point_box */
.point_box{position:relative;margin-top:10vw;padding:1.5vw 3vw;border:solid 3px #62c1ce;font-size:3.5vw}
.point_box .title{
    position:absolute;
    display:inline-block;
    top:-27px;left:-3px;
    padding:0 19px;
    height:25px;
    line-height: 25px;
    vertical-align: middle;
    background:#62c1ce;
    color:#fff;
    font-weight:600;
    border-radius:5px 5px 0 0;
    font-size:18px}
.point_box p{text-align:left;
    margin: 0; 
    padding: 0}
@media screen and (min-width: 768px){
	.point_box{margin-top:3em;padding:0.5em 1em;font-size:1em}
	.point_box .title{
	top:-27px;left:-3px;
    padding:0 19px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    background:#62c1ce;
    color:#fff;
    font-weight:600;
    border-radius:5px 5px 0 0;
    font-size:17px}
}
@media screen and (max-width: 400px){
	.point_box .title{font-size:15px}
}
/* simplelist */
ul.simplelist li{
	list-style: decimal;
	margin-left:3vw}
ul.simplelist li span{
	text-decoration:underline;font-size:3vw;text-align: left;display: inline}
@media screen and (min-width: 768px){
	ul.simplelist li{
	margin-left:1em}
	ul.simplelist li span{
	font-size:1em}}
/* 数字囲み */
.surround{
	background:#e8e8e8;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-bottom:20px
}


	
/* リンク関連 */
a.link{color:#00d0ff;font-weight:600}
a.link:hover{border-bottom:1px solid}
a.simple_link{display:block;border-bottom:1px solid #ccc}
a.simple_link::before {
  font-family:"Font Awesome 5 Pro";font-weight: 300;content:"\f4d8";margin-right:1rem}
a.simple_link{margin:0 10px}
a.simple_link:hover{color:#00d0ff}
/* complate_sample */
#complate_sample{text-align:center;border-bottom:15px solid #ccc;border-top:15px solid #ccc;margin-top:-72px;padding-top:72px;padding-bottom:72px}
@media screen and (min-width: 768px){
#complate_sample{margin-top:-94px;padding-top:94px;padding-bottom:94px;}
}
#design_help_price{background:white;text-align:center;border-bottom:15px solid #ccc;padding-top:20px;margin-top:-72px;padding-top:72px}
#design_build{text-align:center;border-bottom:15px solid #ccc;padding-top:20px}
@media screen and (min-width: 768px){
#design_help_price{margin-top:-94px;padding-top:94px}
}
/* パンくず */
#breadcrumb{width:100%;background:#ccc}
#breadcrumb ol{width:100%;margin: 0 auto;max-width:1200px;height:100%;padding:8px}
#breadcrumb ol li{margin:5px;display:inline-block;padding:8px 20px}
#breadcrumb ol li:not(:first-child){background:#eee;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#breadcrumb ol li:last-child{
	background: white;padding:8px 40px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#breadcrumb ol li:not(:first-child):hover{background:#ccc}
#breadcrumb ol li:last-child:hover{background:#eee}
#breadcrumb ol li:not(:first-child)::before {
  font-family:"Font Awesome 5 Pro";
  font-weight:300;content:"\f356";margin-right:10px}
#breadcrumb ol li:last-child::before {
  font-family:"Font Awesome 5 Pro";
  font-weight:300;content:"\f06e"}
/* トップにもどる */
@media screen and (max-width:600px) {
#topcontrol{display:none}
}   
/* company */  
   #company dl{width:100%;padding:15px}
#company dt{color:#999}   
   #company dd{padding-bottom:3vw}
@media screen and (min-width: 767px){
#company{padding-top:50px}
   #company dl{width:48%;float:left;padding-left:40px}
      #company dt,#company dd{font-size:0.8em}	
	}
	
	
.text_left,p.text_left{text-align:left}
.text_center,p.text_center{text-align:center}
.text_right,p.text_right{text-align:right}

.snap_height300{width:100%;height:150px;background-position:50% 50%;background-size:contain;margin-bottom:20px}
.snap_height600{width:100%;height:300px;background-position:50% 50%;background-size:contain;margin-bottom:20px}
/* design_attention */
.design_icon{width:75px}

#design_attention{padding:20px}
.design_attention_inner{display:inline-flex;width:96%}

.design_attention_inner dl{display: table;background:white;width:100%}

.design_attention_inner dt{display:table-cell;vertical-align:middle;float:left;clear: left;width:120px;padding:20px}
.design_attention_inner dd{display:table-cell;vertical-align: middle;padding:20px;width:100%}
.design_attention_inner dd p{text-align:left}

@media screen and (min-width: 767px){
	.design_attention_inner{width:48%}
}

.design_question{background:white;margin-bottom:1rem;padding-left:1rem}
.design_question ul{padding:1.5rem}
.design_question li{font-size:4vw;text-align: left;margin-left:1.5rem}
.design_question dl{display: table;width:100%}
.design_question dt{text-align:left;font-weight:600}
.design_question dd{padding-top:1rem;margin-bottom:1rem}
.design_question dd p{text-align:left}
@media screen and (min-width: 767px){
	.design_question li{font-size:1.5rem}
}
.tabko ul{display:flex;flex-wrap:wrap;justify-content:center;width: calc(100% - 5px);padding-top:1rem}
.tabko ul li {list-style-type:none;display:block;width: calc(33.3% - 10px)}

.tabko ul li a {font-size:1rem;font-weight:600;color:#FFF;text-align:center;display:block;padding:15px;background:#C15757;align-items: center;}
.tabko ul li a.navy{background:#4d729c;
	border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px}
.tabko ul li a.navy.current{background:#465d7d}
.tabko ul li a.navy:hover{background:#dbe1ec;color:#4d729c}
.tabko ul li a.green{background:#639b63}

.tabko ul li a.green.current{background:#537954}
.tabko ul li a.green:hover{background:#c3d8c3;color:#537954} 
.tabko ul li a.purple{background:#7e6d8b;border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0}
.tabko ul li a.purple.current{background:#706479}
.tabko ul li a.purple:hover{background:#d8d3dc;color:#7e6d8b}#tabko_contents{clear:both}
#tabko_contents p{
    margin-top:20px;
    line-height:2rem}
#tabko_contents .pd  {padding:3vw}
 @media screen and (max-width:500px){
.tabko ul li span{display: block}
.tabko ul li a {font-size:0.8em;padding:5px}
	 }
@media screen and (min-width: 767px){
.tabko ul li a {font-size:1.3em;padding:20px}
.tabko ul{width: calc(70% - 10px);margin:0 auto;padding-top:2em}
.tabko ul li a.green,.tabko ul li a.purple{font-size:1.3em}
.tabko ul li span{display: inline}
#tabko_contents .pd  {padding:1em 2em 2em}
    
	}

.deli{table-layout:fixed;width:100%;margin:3vw auto}
.deli tr{height:4rem}
.deli th{width:15%}
.deli th.delihead{height:5.5rem;width:30%;font-size:4vw}
.deli th.delihead .sub{font-size:3vw;display:block}
.deli th:nth-child(1){width:40%}
.deli th.deli_title{font-size:3.5vw;font-weight:300} 
.deli td{border-bottom:dotted 1px #595757;font-size:3.5vw}
.deli th.white_space{background:none}
 
@media screen and (min-width: 767px){
.deli td{font-size:1.3rem;font-weight:bold}
.deli th.delihead{width:35%;font-size:1.5rem}
.deli th:nth-child(1){width:30%}
.deli th.delihead .sub{font-size:1.3rem}
.deli th.deli_title{font-size:1.2rem;font-weight:300}  
}
.deli.navy_table th{background:#465d7d;color:white}
.deli.navy_table th:nth-child(1){background:#4d729c}
.deli.navy_table td{background:#dbe1ec;color:#465d7d}
.deli.navy_table td:nth-child(even){background:#edf0f4}
.deli.navy_table th.deli_title{background:#465d7d} 
.deli.green_table th{background:#537954;color:white}
.deli.green_table th:nth-child(1){background:#639b63}
.deli.green_table td{background:#c3d8c3;color:#537954}
.deli.green_table td:nth-child(even){background:#d7e7d7}
.deli.green_table th.deli_title{background:#537954} 
.deli.purple_table th{background:#706479;color:white}
.deli.purple_table th:nth-child(1){background:#7e6d8b}
.deli.purple_table td{background:#d8d3dc;color:#7e6d8b}
.deli.purple_table td:nth-child(even){background:#edecee}
.deli.purple_table th.deli_title{background:#706479} 

    
.tabkolink{border:2px solid 
	width:100%;margin:0 auto;text-align:center;
	padding:0.5em;font-size:1rem}
.tabkolink:hover{background:white}



.flow_step1_box{display: flex;flex-wrap:wrap;justify-content: space-around;margin:20px}
.flow_step1_box a{background: #c9c9ca;width:calc(100% - 10px);margin:0 0 5px 0}
.flow_step1_box a:hover{opacity: 0.8}
.flow_step1_box dl{display: table;padding:15px;margin:5px;background: #c9c9ca}
.flow_step1_box dt {display: table-cell;vertical-align:middle;font-size:4.5vw;width:150px}
.flow_step1_box dd{display: table-cell;vertical-align:middle;padding-top:20px;font-weight: 600;font-size:4vw;width:75%}
.mini_logo.smallsize{font-size: 4vw;border-bottom:3px solid #c92636;padding:3px 0;width:100%}
@media screen and (min-width: 767px){
.flow_step1_box a{display:block;width: calc(33.3% - 10px)} 
.flow_step1_box dl{width: calc(100% - 10px)}
.flow_step1_box dt {display:block;font-size:2rem;float:none;clear:none;width: auto}
.flow_step1_box dd{display:block;font-weight:300;font-size:1.1rem;width:100%}
.mini_logo.smallsize{font-size:80%;padding:3px 8px}
}

.small_package_inner{display: flex;flex-wrap:wrap}
.small_package_inner a{width:calc(100% - 10px);margin:2vw auto;border:2px solid #ccc}
.small_package_inner a:hover{background: #faf5ca}
.small_package_inner dl{padding:15px;display: table}
.small_package_inner dt {font-size:2rem;display: table-cell}
.small_package_inner dd {padding: 15px 0;display: table-cell;width:100%}
.small_package_inner dd span{}
.small_package_inner p{}
.jpg{font-size: 4vw;padding:3px 0;width:100%}
@media screen and (min-width:768px){
.small_package_inner a{width:calc(50% - 10px);margin:10px auto}
.small_package_inner dl{}
.small_package_inner dt  {font-size:2rem;display:block}
.wide100 a{width:calc(100% - 10px);margin:10px auto}
.jpg{font-size:2rem;padding:3px 0;width:auto;display:inline}
}

.dl_box{margin:20px}
.dl_box dl{background: #c9c9ca;width:calc(100% - 10px);padding:35px 15px;margin:5px;background: #c9c9ca}
.dl_box dt {font-size:4.5vw;width:calc(100% - 10px);text-align: center}
.dl_box dd{padding-top:20px;font-weight: 600;font-size:4vw}
@media screen and (min-width: 767px){
.dl_box dt {display:;font-size:2rem;float:none;clear:none;width: auto}
.dl_box dd{display:;font-weight:300;font-size:1.1rem;width:100%}
}

	
.flow_payment_box{display: flex;flex-wrap:wrap}
.flow_payment_box dl{display: table;background: white;width: calc(100% - 10px); margin: 5px;} 
.flow_payment_box dt {display: table-cell;font-size:4vw;color:white;background:#f8b62c;padding:10px;font-weight: 600;vertical-align:middle;height:90px; width:120px}
.flow_payment_box dt.twin{padding: 3px}
.flow_payment_box dt span{display: block;font-size:3.6vw}
.flow_payment_box dd{display: table-cell;vertical-align:middle;background: white;padding:30px 10px;font-size:3.5vw;font-weight: 600}
@media screen and (min-width: 600px){
.flow_payment_box dt {width:180px}
	}
@media screen and (min-width: 767px){
.flow_payment_box dl{display:block;width: calc(25% - 10px)} 
.flow_payment_box dt {display:block;height:60px;font-size:1.5rem;float:none;clear:none;width:auto}
.flow_payment_box dt span{font-size:1.1rem}
.flow_payment_box dd{display: block;padding:30px 10px;font-size: 1rem}
}

.flow_bank{width: 95%;padding:15px;margin: 0 auto}
.flow_bank_box{display:flex;flex-wrap:wrap;padding:0}
.flow_bank_box ul{width:calc(100% - 10px);margin:5px;padding:10px}
.flow_bank_box li{font-size: 3.8vw}
@media screen and (min-width: 767px){
.flow_bank{padding:60px 60px 30px}
.flow_bank_box{display:flex;flex-wrap:wrap;padding:0 45px}
.flow_bank_box ul{width:calc(50% - 10px);margin:5px}
.flow_bank_box li{font-size: 1rem}
}

.price_pack_box{display: flex;flex-wrap:wrap}
.price_pack_box dl{display:table;background: white;width: calc(50% - 10px); margin: 5px;} 
.price_pack_box dl.wide,.price_pack_box dl.w_wide{width: calc(100% - 10px)} 
.price_pack_box dt {display: table-cell;font-size:4vw;color:white;background:#4987c6;padding:10px;font-weight: 600;vertical-align:middle;height:90px; width:120px}
.price_pack_box dl.wide dt {max-width:120px;width:50%}
.price_pack_box dd,.price_pack_box dl.wide dd{display: table-cell;vertical-align:middle;background: white;padding:30px 10px;font-size:4vw;font-weight: 600}
.price_pack_box dl.wide dt,
.price_pack_box dl.wide dd{width:50%}
@media screen and (min-width: 450px){
.price_pack_box dt {width:180px}}
@media screen and (min-width: 600px){
.price_pack_box dt {width:210px}
.price_pack_box dl.wide dt,
.price_pack_box dl.wide dd{font-size:1.5rem}
}
@media screen and (min-width: 767px){
.price_pack_box{justify-content: center;padding:0 5%}
.price_pack_box dl{width: calc(50% - 10px)} 
.price_pack_box dl.wide{width: calc(50% - 10px)} 
.price_pack_box dl.w_wide{width: calc(70% - 10px)} 

.price_pack_box dt {height:60px;font-size:1.5rem;width:250px}
.price_pack_box dd{display: block;padding:30px 10px;font-size: 1.5rem}
.price_pack_box dl.wide dt{max-width:250px;width:50%}

}


.product_type_select ul{display: flex;flex-wrap:wrap;padding:5px}
.product_type_select li{width: calc(12.5% - 10px);background:white;margin:5px;vertical-align: middle} 
.product_type_select a{width: calc(12.5% - 10px);background:white;vertical-align: middle} 


.product_price_box{display: flex;flex-wrap:wrap}
.product_price_box dl{display: table;background: white;width: calc(100% - 10px); margin: 5px;} 
.product_price_box dt {display: table-cell;font-size:4.5vw;color:white;background:#f8b62c;padding:10px 5px 10px 50px;font-weight: 600;vertical-align:middle;height:90px; width:150px}
.product_price_box dd{display: table-cell;vertical-align:middle;background:white;padding:30px 10px  30px 90px;font-size:5vw;font-weight: 600}
@media screen and (min-width: 450px){
.product_price_box dt {width:180px}
	}
@media screen and (min-width: 600px){
.product_price_box dt {width:210px}
.product_price_box dd{padding:30px 10px  30px 150px}
	}
@media screen and (min-width: 767px){
.product_price_box dl{display:block;width: calc(25% - 10px)} 
.product_price_box dt {display:block;height:60px;font-size:1.5rem;float:none;clear:none;width:auto;text-align:center;padding:10px}
.product_price_box dd{display: block;padding:10px 10px;font-size: 2rem;text-align:center}
}

.use_trend{background:#e8e8e8; width:calc(100% - 10px);margin: 0 auto;display: flex;flex-wrap:wrap;justify-content:center}
.use_trend ul{width: calc(50% - 10px);padding:10px 0px}
.use_trend li{text-align: left;font-size:3vw}
@media screen and (min-width: 767px){
.use_trend{width:80%;padding-left:80px}
.use_trend ul{padding:10px}
.use_trend li{font-size:1.2rem}
}
.another_size{text-align:center}
.another_size a{background:#4987c6;padding:10px;color:white;font-size:4vw;display:inline-block;margin: 5px;
border:1px solid #4987c6}
.another_size a:hover{background:white;color:#4987c6}
@media screen and (min-width: 767px){
	.another_size a{font-size:1.2rem}
}



.type_serect_inner{}
.type_serect_inner a{}
.type_serect_inner a:hover{opacity:0.8}
.type_serect_inner dl{display:block;background:white} 
.type_serect_inner dt {display:block;max-width:250px}
.type_serect_inner dt span{font-size:4vw;color:black;background:;font-weight: 600;vertical-align:middle;}
.type_serect_inner dd{display:block;vertical-align:middle;background: white;padding:0px 10px;font-size:3.5vw;font-weight: 600}
@media screen and (min-width: 350px){
.type_serect_inner{justify-content: center;padding:0 5%}

.type_serect_inner dl{display: block} 
.type_serect_inner dt {display: block;}
.type_serect_inner dt span{display: block;font-size:1.4rem;padding:5px 15px}
.type_serect_inner dd{display: block;padding:0px 10px;font-size:1rem}
}
@media screen and (min-width: 600px){

}
@media screen and (min-width: 767px){

}

/*------------------------------------------------------------
	20180905
------------------------------------------------------------*/
.nav_ul li,.footer_ul li{display:inline;}
.div_release,.div_package{width: 90%;display: block;margin: 0 auto;text-align: center;}
@media screen and (min-width:768px) {
.div_release,.div_package{font-size:1em;padding-bottom:18px}
}
/*------------------------------------------------------------
	20181225
------------------------------------------------------------*/
.type_ul{display:flex;flex-wrap:wrap}
.type_ul li{margin:5px;padding:20px 0}
@media screen and (min-width:300px) {
.type_ul li{width: calc(50% - 10px)}
}
@media screen and (min-width: 600px){
.type_ul li{width: calc(33% - 10px)}
}
@media screen and (min-width:767px) {
.type_ul li{width: calc(25% - 10px)}
}
.size_ul li{display:inline;text-align:center;}

/*------------------------------------------------------------
	20220106
------------------------------------------------------------*/
.box{margin: 0 auto; max-width:820px; display:flex;flex-wrap:wrap;justify-content: center;}
.box_inner{margin:5px;padding:0}
@media screen and (min-width:800px) {
.box_inner{width: calc(50% - 10px)}
	.box_inner{text-align: center;width: 0 auto}
}
/*------------------------------------------------------------
	20220107
------------------------------------------------------------*/
.box3_inner{margin:5px;padding:0}
@media screen and (min-width:500px) {
.box3_inner{width: calc(50% - 10px)}

}
@media screen and (min-width:800px) {
.box3_inner{width: calc(33% - 10px)}
}

/*------------------------------------------------------------
	20220108
------------------------------------------------------------*/
.box8_inner{margin:5px;padding:10px 0px}
@media screen and (min-width:500px) {
.box8_inner{width: calc(20% - 10px)}
}
@media screen and (min-width:800px) {
.box8_inner{width: calc(12% - 10px)}
}


/*------------------------------------------------------------
	20220117
------------------------------------------------------------*/
.img200_s150{width:100%;max-width:150px}

@media screen and (min-width:700px) {
.img200_s150{width:100%;max-width:200px}
}


/*------------------------------------------------------------
	20220702
------------------------------------------------------------*/

	.ta_right_s_left{text-align:left}
	@media screen and (min-width: 768px){
		.ta_right_s_left{text-align:right}
}