/*--------------------
	font
--------------------*/
.serif {
	font-family:'Yu Mincho','Times New Roman','New York','Hiragino Sans','Hiragino Mincho','HGP明朝B','ＭＳ Ｐ明朝','ＭＳ 明朝','ヒラギノ明朝 Pro W3','平成明朝',Mincho,serif !important;
}
/*--------------------
	clearing
--------------------*/
.cf{
	clear:both;
	height:0px;
}
/*--------------------
	top margin of main for menu area
--------------------*/
.pusher > .main {
	margin:70px auto 0;
}
/*--------------------
	text container
--------------------*/
.ui.text.container {
    font-size: 1rem!important;
}
/*--------------------
	Hedear menu
--------------------*/
.ui.fixed.menu > .item.menu{
	width:15%;
}
.ui.fixed.menu > .item.logo{
	width:40%;
	padding:0!important;
}
.ui.fixed.menu > .item {
	display:inline!important;
	text-align:center;
	padding:0.5em 0em!important;
}
.ui.fixed.menu > .item > i.big.icon:not(.circle){
	font-size:2.5em;
	margin:0;
}
.ui.fixed.menu > .item span{
	margin-top:0.75em;
	font-size:0.7em;
	display:block!important;
}
.ui.fixed.menu > .item.logo div {
	height: 100%;
	display: flex!important;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}
.ui.fixed.menu > .item div > img{
	height: 2.5em;
	width:auto;
}
.ui.fixed.menu > .item:last-child{
	color:red;
	font-weight:bold;
}
/*--------------------
	Vertical  menu
--------------------*/
.ui.vertical.menu .item,
.ui.vertical.menu .item .menu .item{
	line-height:100%!important;
	font-size:1rem!important;
	padding:.7em 0.75em;
}
.ui.vertical.menu .item:hover,
.ui.vertical.menu .item .menu .item:hover,
.ui.vertical.menu .item:active,
.ui.vertical.menu .item .menu .item:active{
	background-color:#FFE1F0;
}
.ui.vertical.menu .ui.accordion .accordion{
	margin:0.5em 0 0!important;
}
.ui.vertical.menu .ui.styled.accordion{
	border-bottom:1px solid #e8e9e9!important;
	box-shadow:none;
}
.ui.vertical.menu .ui.styled.accordion .content{
	padding: .5em 1em .5em;
}
.ui.vertical.menu .ui.list {
	margin:1em;
}
.ui.vertical.menu .item > i.icon.left {
	float: none;
	margin: 0em 0.15em 0em 0em;
}
/*--------------------
	Breadcrumb
--------------------*/
.ui.breadcrumb{
	font-size:0.85rem;
	margin-bottom:0em;
	line-height:1.75em;
}
.ui.breadcrumb .active.section {
    font-weight: normal!important;
	color:#666;
}
/*--------------------
	Segment variation
--------------------*/
.ui.segment{
	margin:0.5em 0!important;
	padding:0.3em 1em!important;
}
.ui[class*="attached"].segment{
	margin:0 0 0.5em!important;
}
.ui[class*="top attached"].segment{
	margin:0.5em 0 0!important;
}
.ui.simple.segment{
	margin:0;
	padding:0;
	border:none!important;
	background:none!important;
	box-shadow: none;
}
/*--------------------
Header Style
--------------------*/
h1,h2,h3,h4,h5{
	font-feature-settings : "palt";
	text-transform:none!important;
}
.ui.header{
	margin:0.5em 0!important;
}
.ui[class*="top attached"].header{
	margin:0.5em 0 0!important;
}
.ui.inverted.segment .ui.header{
	margin:0!important;
	padding:0!important;
}
.ui.medium.header {
	font-size: 1.28571429em;
}
/*--------------------
	Buttons variation
--------------------*/
.ui.square.button{
	border-radius: 0.5em!important;
}
.ui.confined.button{
	padding:0.75em 1em!important;
	text-transform:none;
	box-shadow: #0003 0px 0px 0px 1px inset!important;
}
.ui.compact.button, 
.ui.compact.buttons .button{
	padding: .9375em 1.5em .9375em;
}
.ui.button{
	border-radius: 1rem!important;
	text-transform: none;
}
/*--------------------
	Image Buttons
--------------------*/
.point{		/* アフィリエイト */
	float:left;
}
.point em{	/* アフィリエイト */
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.point a{		/* アフィリエイト */
	float:left;
	height: 22px;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-repeat : no-repeat;
	background-image: url("../img/navi/tool_buttons.png");
}
.point {
	width: 89px;
	margin-right:3px;
}
.point a{
	width: 89px;
	background-position : -189px 0;
}
.point a:hover {
	background-position : -189px -22px;
}
/*--------------------
	text input
--------------------*/
.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"] {
	background-color:white!important;
	padding: .35em 1.16666667em!important;
	line-height: 1.66666rem;
	height:30.4px;
	font-size:1.25rem;
}
.ui.input > input::placeholder{
	background-color:white!important;
}
.ui.form input:focus{
	background-color:pink!important;
}
/*--------------------
	Dropdown selection
--------------------*/
.ui.form .field > .selection.dropdown {
	width: auto!important;
}
.ui.dropdown.selection {
    height: 30.4px!important;
	min-height: 30.4px!important;
	padding:9px 14px;
	min-width:8em;
}
.ui.selection.mini.dropdown{
	font-size:0.85em!important;
	padding:9px 5px;
	max-width:5em;
}
.ui.selection.dropdown .menu > .item{
	white-space:normal!important;
    max-height: 20rem;
	z-index: 12;
}
@media only screen and (max-width: 991px) {
	.ui.selection.dropdown .menu {
		max-height: 15.6rem!important;
	}
}
/*--------------------
	Pagenate
--------------------*/
.ui.pagenate.segment{
	position:fixed;
	bottom:1.5em;
	left:0;
	width: 100%;
	background-color:white!important;
	padding-bottom:1em;
	z-index:5;
}
/*--------------------
	footer
--------------------*/
.ui.footer{
	padding-top:2em;
}
/*--------------------
	page top
--------------------*/
i.big.icon.arrow.circle.up{
	font-size:2.5em!important;
}
a#pageTop {
	filter: alpha(opacity=0);
	opacity:0;
	z-index:10;
    position: fixed;
    bottom: 3em;
	font-size:1.5em;
    right: 0em;	/*2.7em;*/
	color:#c7c8c8;
}
/*--------------------
	show/hide
--------------------*/
.show{
	display:block!important;
}
.hide{
	display:none!important;
}
/*--------------------
	.info.message
--------------------*/
.ui.form .info.message{
	display: block!important;
}
/*--------------------
	uiAlert
--------------------*/
.ui-alert-content .ui.message{
	font-size:1rem;
	border: 1px solid #707275;
}
/*--------------------
	calendar
--------------------*/
.help.icon{
	display:inline-block;
}
.ui.calendar thead tr:nth-child(2) th:nth-child(1),
.ui.calendar tbody tr td:nth-child(1){
	color:red;
}
.ui.calendar thead tr:nth-child(2) th:nth-child(7),
.ui.calendar tbody tr td:nth-child(7){
	color:blue;
}
.ui.calendar .ui.input.right.icon{
	width:100%!important;
}
/*--------------------
	calender
--------------------*/
table.calender {
	color:#333333;
	margin:5px auto 0 auto;
	width:150px;
	border-collapse:collapse;
}
table.calender td {
	text-align:center;
	font-size:0.8125em !important;
	border:1px solid #c5c5c5;
	border-width:1px 0;
	line-height:100%;
}
table.calender td.header {
	font-weight:normal;
	border-width:0 0 1px;
}
table.calender .sunday {
	color:#d51918;
}
table.calender .saturday {
	color:#0404a4;
}
table.calender td.holiday {
	background-color:#ffc8c8;
}
table.calender td.busyday {
/*	background-color:yellow;*/
}
.calender_remark {
	margin-top:5px;
	color:#006633;
	font-size:85%;
	text-align:center;
}
/*--------------------
	FAQ
--------------------*/
.faq_group{
	border-left:4px solid #ff8160;
	padding-left:1em;
	margin-bottom:0.5em;
}
/*--------------------
	clearing for SP only
--------------------*/
.sp-cf{
	display:none;
}
@media only screen and (max-width: 699px) {
	.sp-cf{
		padding-left:0!important;
		padding-right:0!important;
		display:block;
		clear:both;
		height:0.5em;
	}
}
/*--------------------
	PC/SP only
--------------------*/
@media only screen and (min-width: 700px) {
	.sp-block{
		display:none!important;
	}
	.pc-block{
		display:block!important;
	}
}
@media only screen and (max-width: 699px) {
	.sp-block{
		display:block!important;
	}
	.pc-block{
		display:none!important;
	}
}
@media only screen and (max-width: 767px) {
	.ui.unstackable.items > .item > .ui.mini.image,
	 .ui.unstackable.items > .item > .ui.mini.image > img {
		width: 35px !important;
	}
	.ui.unstackable.items > .item > .ui.tiny.image,
	 .ui.unstackable.items > .item > .ui.tiny.image > img {
		width: 60px !important;
	}
}
/*--------------------
	PC only
--------------------*/
@media only screen and (min-width: 700px) {
	/*--------------------
		main
	--------------------*/
	.pusher > .main {
		width:700px!important;
	}
}
/*--------------------
	PC only
--------------------*/
@media only screen and (min-width: 920px) {
	/*--------------------
		main
	--------------------*/
	.pusher > .main {
		width:933px!important;
	}
	ul{
		padding:0;
	}
	li {
	    list-style: none;
	}
}
/*--------------------
	商品ページ
--------------------*/
.new {
	width: 33px;
	height: 15px;
	background-color: #f00;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/img/navi/new.gif) no-repeat 0 0;
}
/*--------------------
	Celled List
--------------------*/
.ui.celled.list > .item {
    padding-top: .5em!important;
    padding-bottom: .5em!important;
}
/*--------------------
	Divided Item List
--------------------*/
.ui.items {
    margin: 0.5em 0;
}
.ui.divided.items > .item{
	padding:5px 0;
}
.ui.items > .item > .image + .content {
    padding-left: 1em!important;
}
/*--------------------
	タグ・リスト
--------------------*/
.tags{
	border:1px solid #cccccc;
	padding:2px;
	margin:10px 0 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
a.lb_header,
a.lb_header_hover,
a.lb{
	font-size:1.125em;
	font-weight:bold;
	color:#4e4643;
	display:inline-block;
	border:1px solid #cccccc;
	padding:10px 5px;
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;			/*同上*/
	-webkit-transition: 0.2s;
	transition: 0.2s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
a.lb_header{
	padding:10px 20px;
}
a.lb_header_hover,
a.lb_header:hover,
a.lb:hover{
	border:1px solid #F36;
}
/*--------------------
	SNS
--------------------*/
.like {
	float:left;
	width:78px;
	height:20px;
	margin:5px 0 4px;
	line-height:100%!important;
}
.fb_share {
	float:left;
	width:96px;
	height:20px;
	margin:5px 0 4px;
	line-height:100%!important;
}
.tweet {
	float: left;
	width: 110px;
	height:20px;
	margin:5px 0 4px;
	line-height:100%!important;
}
.tweet span.count{
	background-color:#1b95e0;
	color:white;
	font-size:11px;
	vertical-align:35%;
	padding:3px 4px 2px;
}
/*--------------------
	Youtube
--------------------*/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
/****************************
Top Reviews
****************************/
.review_date{
	float: left;
	width: 80px;
	height: 20px;
	padding: 0 10px;
	overflow: hidden;
	font-size:93%;
}
.review_title{
	float: left;
	height: 20px;
	padding: 0 10px;
	overflow: hidden;
}
.review_date a, .review_date a:visited, .review_title a, .review_title a:visited {
    color: #333;
}
.review_date a:hover, .review_title a:hover {
    color: #ff6600;
}
a.mouseover_img:hover,
a.mouseover_img img:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}