@charset "utf-8";
@import url(swiper.css);

/**********************************************************************　基本　*******************************************************************************/

html { font-size: 100% }html { height:100% }
body { height:100% ; text-align: center } 
article { position:relative; margin: 0 0 0 0 } /***************************** 意味がわからないが、マージントップが必要になってしまった4.15 *********************************/

img, div, p, figure{ margin: 0;padding: 0 }
img {
	border-style: none;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

.rela { position: relative }
.fxt { position: fixed }
.abso { position: absolute }
.clear-box { clear: both;float: none;margin: 0;padding: 0; }
.clearfix:after { content: '';display: block;clear: both; }
.clearfix { zoom: 1; /* for IE6/7 */ }

.typo { font-size: 0; line-height: 0; text-align: left; text-indent: -5000px }

/**********************************************************************　タイポグラフィー　*************************************************************************/

h1,h2,h3,h4 { padding: 0 ; margin: 0 }

.txl { text-align: left }
.txj { text-align: justify }

body.en .txj { text-align: left }


.txc { text-align: center }
.txr { text-align: right }
.txt_red {
	color: hsla(359,100%,50%,1.00);	
}

.ph-copy { width: 95% ;margin-left: 2.5%;margin-top: 2% }
.ph-copy p {  }

.red {color: #FF0004}
/**********************************************************************　フォントサイズ　*************************************************************************/

.read { font-size: 1.0em;line-height: 1.6em }
.copy { font-size: 1.0em;line-height: 1.6em; }
.txt { font-size: 0.9em;line-height: 1.8em; }
.spec { font-size: 0.75em;line-height: 1.6em; }

.cpcr { font-size: 0.8em;line-height:1.8em }
.cpcr .eng { font-size: 2.0em;line-height: 1.6em;letter-spacing: 0.05em }

.tray { font-size: 0.8em;line-height: 1.6em ; }
.thmbph { font-size: 0.8em;line-height: 1.4em; }

th,td 	{ font-size: 0.8em; }

/**********************************************************************　デザイン　*******************************************************************************/
.txt_s {
	font-size: smaller;
}

/**********************************************************************　背景写真ボックス　************************************************************************/

html,body { height: 100%; }
body > #photobg { height: auto; }
body > #photobg > div { height:100%; }

/***********************************************************************　固定ヘッダー　******************************************************************************/


/***********************************************************　ナビゲーションは「wide.css」に記述　****************************************************************/

/***********************************************************************　フッター　******************************************************************************/

footer
{
display: block;
clear: both;
float: none;
text-align: center;
position: relative;
padding: 30px 0 200px 0;
margin: 0 ;
}

/***********************************************************************　写真　スライドショー　スワイパー　******************************************************************************/

.swiper-wrapper { position: relative; /***挑戦***/padding-bottom: 0;margin-bottom: 0;border-bottom: none; }
.swiper-slide img { width: 100%;height: auto;/***挑戦***/padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.swiper-slide { width: 100%;/***挑戦***/padding-bottom: 0;margin-bottom: 0;border-bottom: none; }
.swiper-slide { font-size: 18px; }  /*変更可能background: #fff;*/
.swiper-container { width: 100%;margin: 0;overflow: hidden;position: relative;/***挑戦***/padding-bottom: 0;margin-bottom: 0;border-bottom: none; }
.swiper-pagination-bullet { width: 10px;height: 10px;display: none }

.swiper-slide {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide {/***挑戦***/padding-bottom: 0;margin-bottom: 0;border-bottom: none;
		-webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

#nobg { width: 100%;position: relative;background-repeat: no-repeat;}

.xxxx { width: 100%;padding-bottom: 0px}

/*******************************************************************************　マルチ　*********************************************************************************/

.sing {  width: 100%; }
.lft, .rgt { position: relative; }
.half img{ width: 50% ; }

/******************************************************************************* 価格 *********************************************************************************/
/*
 div.set{margin: 0 auto;width: 180px;height: 25px;}
 div.set p{display: block;float: left;width: 60px;}
 div.set p.hin{font-size: 1.0em;line-height: 1.7em;text-align: left;}
 div.set p.price{font-size: 1.5em;line-height: 1.0em;text-align: right;}
span.price{font-size: 1.5em;line-height: 1.0em;}
 div.set p.zei{font-size: 0.9em;line-height: 1.8em;text-align: left;}

/**********************************************************************  商品一覧  *******************************************************************************/

.card { display: block;height: auto;float: left; }

/**********************************************************************  説明一覧  *******************************************************************************/

.tray .pd { padding: 15px; }

/**********************************************************************  エフェクト  *******************************************************************************/

/**　　　　　左右２列　　　　　　　**/

.zoom-box figure { width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; text-align: center ; }
.zoom-box figure img { width: 100%;height: auto; }
.zoom-box a { color: #000; }

/**********************************************************************  サムネール  *******************************************************************************/

.thmbph { float: left; }
.thmbph img { width: 100%;}

/************************************** ４列セット  *****************************************/

.card a {padding: 10px 0}
.card a img {width: 90%;height: auto;}

/************************************** ６列セット  *****************************************/

.card.card06 a {padding: 10px 0 2%}
.card.card06 a img {width: 86%;height: auto;}

/**********************************************************************　テーブル　*******************************************************************************/

table	{ width: 100%; }
th	{ text-align: left;font-weight: normal; }

table.attention	th,td {padding: 5px 5px;}

/**********************************************************************　フォーム類　*******************************************************************************/

dl.toiawase{font-size: 0.75rem;text-align: left}
dl.toiawase dd.submi { text-align: center}
input {margin-right: 5px;margin-bottom: 5px;}
textarea {border: 1px solid #ddd;}

/**********************************************************************　アローリスト　*******************************************************************************/

ul,li{ margin: 0px;padding: 0px;text-align: left;list-style:none; }
ul.ulcenter { display: table;padding: 0;margin: 0 auto; }

ul.arrowlist  { padding: 10px 0 10px 0 ; }
ul.arrowlist li { padding-left:1.5rem;position:relative; }
ul.arrowlist li { font-size: 0.9em;line-height: 1.8em; }
ul.arrowlist li:before,ul.arrowlist li:after { content:"";display:block;position:absolute; }
ul.arrowlist li:before{ width:12px;height:12px;border-radius:2px;left:0;top:5px; }
ul.arrowlist li:after{ border:3px solid transparent;left:5px;top:8px; }

/**********************************************************************　画像サイズの調整　*******************************************************************************/

.phj img { width: 100%; height: auto }

/**********************************************************************　サイズの調整　*******************************************************************************/

.minh-40 { min-height: 40px }
.minh-60 { min-height: 60px }
.minh-80 { min-height: 80px }
.minh-100 { min-height: 100px }
.minh-120 { min-height: 120px }
.minh-150 { min-height: 150px }
.minh-200 { min-height: 200px }

.column { width: 80% ;margin: 0 auto; text-align: justify; }
.column.padtopbtm { margin: 20px auto; }

/************************************************animation************************************************/


.fadeInStay {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fadeInStay;
 animation-name: fadeInStay;
 visibility: visible !important;
}
@-webkit-keyframes fadeInStay {
 0% { opacity: 0; -webkit-transform: translateY(0); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInStay {
 0% { opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}