// ==================================================
//  General CSS Class
// ==================================================
// display
// --------------------------------------------------
.DB {display: block;}
.DI {display: inline;}
.DIB {display: inline-block;}
.DT {display: table;}
.DTBC {display: table-cell;}
.DTBR {display: table-row;}
.DN {display: none;}
.disN {display: none;}

// opacity
// --------------------------------------------------
.op00 {@include opacity(0.0);}
.op01 {@include opacity(0.1);}
.op02 {@include opacity(0.2);}
.op03 {@include opacity(0.3);}
.op04 {@include opacity(0.4);}
.op05 {@include opacity(0.5);}
.op06 {@include opacity(0.6);}
.op07 {@include opacity(0.7);}
.op08 {@include opacity(0.8);}
.op09 {@include opacity(0.9);}

// ==================================================
//  Text Style
// ==================================================
// letter-spacing
// --------------------------------------------------
.ls-10 {letter-spacing: -0.10em;}
.ls-09 {letter-spacing: -0.09em;}
.ls-08 {letter-spacing: -0.08em;}
.ls-07 {letter-spacing: -0.07em;}
.ls-06 {letter-spacing: -0.06em;}
.ls-05 {letter-spacing: -0.05em;}
.ls-04 {letter-spacing: -0.04em;}
.ls-03 {letter-spacing: -0.03em;}
.ls-02 {letter-spacing: -0.02em;}
.ls-01 {letter-spacing: -0.01em;}
.ls00 {letter-spacing: 0.00em;}
.ls01 {letter-spacing: 0.01em;}
.ls02 {letter-spacing: 0.02em;}
.ls03 {letter-spacing: 0.03em;}
.ls04 {letter-spacing: 0.04em;}
.ls05 {letter-spacing: 0.05em;}
.ls06 {letter-spacing: 0.06em;}
.ls07 {letter-spacing: 0.07em;}
.ls08 {letter-spacing: 0.08em;}
.ls09 {letter-spacing: 0.09em;}
.ls10 {letter-spacing: 0.10em;}

// font-size
// --------------------------------------------------
.fs10 {@include fs(10);}.fs11 {@include fs(11);}
.fs12 {@include fs(12);}.fs13 {@include fs(13);}
.fs12 {@include fs(12);}.fs13 {@include fs(13);}
.fs14 {@include fs(14);}.fs15 {@include fs(15);}
.fs16 {@include fs(16);}.fs17 {@include fs(17);}
.fs18 {@include fs(18);}.fs19 {@include fs(19);}
.fs20 {@include fs(20);}.fs21 {@include fs(21);}
.fs22 {@include fs(22);}.fs23 {@include fs(23);}
.fs24 {@include fs(24);}.fs25 {@include fs(25);}
.fs26 {@include fs(26);}.fs27 {@include fs(27);}
.fs28 {@include fs(28);}.fs29 {@include fs(29);}
.fs30 {@include fs(30);}.fs31 {@include fs(31);}
.fs32 {@include fs(32);}.fs33 {@include fs(33);}
.fs34 {@include fs(34);}.fs35 {@include fs(35);}
.fs36 {@include fs(36);}.fs37 {@include fs(37);}
.fs38 {@include fs(38);}.fs39 {@include fs(39);}


// box
// --------------------------------------------------
.box40 {width: 40px;}
.box60 {width: 60px;}
.box100 {width: 100px;}
.box120 {width: 120px;}
.box140 {width: 140px;}
.box145 {width: 145px;}
.box150 {width: 150px;}
.box240 {width: 240px;}
.box300 {width: 300px;}
.box320 {width: 320px;}
.box350 {width: 350px;}
.box380 {width: 380px;}

@for $i from 10 through 100 {
	.scrl_box#{10*$i} {
		max-height: #{10*$i}px;
		overflow-y: scroll;
	}
}

/* フォームが縦に重なり合う場合に併用する余白 */
form .top { /* FIXME 簡素な単語は、単独で、込み入った指定に使用しない */
	margin-bottom: 0.5em;
}
.mini {
	font-size: 90%;
}
table select {
	margin-bottom: 0.5em;
}

// text
// --------------------------------------------------
.fb {font-weight: bold;}
.bold {font-weight: bold;}
.gothic {font-family: $baseFontFamily;}
.garamond01 {font-family: $cormorantGaramond;}
.garamond02 {font-family: $EBGaramond;}
.textIn {@include textIn;}
.text_in {@include textIn;}

// color
// --------------------------------------------------
.cyan {color: cyan;}
.white {color: white;}
.lightgray {color: lightgray;}

.bg_LightPink {background: #FFB6C1;}
.bg_Pink {background: #FFC0CB;}
.bg_Crimson {background: #DC143C;}
.bg_LavenderBlush {background: #FFF0F5;}
.bg_PaleVioletRed {background: #DB7093;}
.bg_HotPink {background: #FF69B4;}
.bg_DeepPink {background: #FF1493;}
.bg_MediumVioletRed {background: #C71585;}
.bg_Orchid {background: #DA70D6;}
.bg_Thistle {background: #D8BFD8;}
.bg_Plum {background: #DDA0DD;}
.bg_Violet {background: #EE82EE;}
.bg_Magenta {background: #FF00FF;}
.bg_Fuchsia {background: #FF00FF;}
.bg_DarkMagenta {background: #8B008B;}
.bg_Purple {background: #800080;}
.bg_MediumOrchid {background: #BA55D3;}
.bg_DarkViolet {background: #9400D3;}
.bg_DarkOrchid {background: #9932CC;}
.bg_Indigo {background: #4B0082;}
.bg_BlueViolet {background: #8A2BE2;}
.bg_MediumPurple {background: #9370DB;}
.bg_MediumSlateBlue {background: #7B68EE;}
.bg_SlateBlue {background: #6A5ACD;}
.bg_DarkSlateBlue {background: #483D8B;}
.bg_Lavender {background: #E6E6FA;}
.bg_GhostWhite {background: #F8F8FF;}
.bg_Blue {background: #0000FF;}
.bg_MediumBlue {background: #0000CD;}
.bg_MidnightBlue {background: #191970;}
.bg_DarkBlue {background: #00008B;}
.bg_Navy {background: #000080;}
.bg_RoyalBlue {background: #4169E1;}
.bg_CornflowerBlue {background: #6495ED;}
.bg_LightSteelBlue {background: #B0C4DE;}
.bg_LightSlateGray {background: #778899;}
.bg_SlateGray {background: #708090;}
.bg_DodgerBlue {background: #1E90FF;}
.bg_AliceBlue {background: #F0F8FF;}
.bg_SteelBlue {background: #4682B4;}
.bg_LightSkyBlue {background: #87CEFA;}
.bg_SkyBlue {background: #87CEEB;}
.bg_DeepSkyBlue {background: #00BFFF;}
.bg_LightBlue {background: #ADD8E6;}
.bg_PowderBlue {background: #B0E0E6;}
.bg_CadetBlue {background: #5F9EA0;}
.bg_Azure {background: #F0FFFF;}
.bg_LightCyan {background: #E0FFFF;}
.bg_PaleTurquoise {background: #AFEEEE;}
.bg_Cyan {background: #00FFFF;}
.bg_Aqua {background: #00FFFF;}
.bg_DarkTurquoise {background: #00CED1;}
.bg_DarkSlateGray {background: #2F4F4F;}
.bg_DarkCyan {background: #008B8B;}
.bg_Teal {background: #008080;}
.bg_MediumTurquoise {background: #48D1CC;}
.bg_LightSeaGreen {background: #20B2AA;}
.bg_Turquoise {background: #40E0D0;}
.bg_Aquamarine {background: #7FFFD4;}
.bg_MediumAquamarine {background: #66CDAA;}
.bg_MediumSpringGreen {background: #00FA9A;}
.bg_MintCream {background: #F5FFFA;}
.bg_SpringGreen {background: #00FF7F;}
.bg_MediumSeaGreen {background: #3CB371;}
.bg_SeaGreen {background: #2E8B57;}
.bg_Honeydew {background: #F0FFF0;}
.bg_LightGreen {background: #90EE90;}
.bg_PaleGreen {background: #98FB98;}
.bg_DarkSeaGreen {background: #8FBC8F;}
.bg_LimeGreen {background: #32CD32;}
.bg_Lime {background: #00FF00;}
.bg_ForestGreen {background: #228B22;}
.bg_Green {background: #008000;}
.bg_DarkGreen {background: #006400;}
.bg_Chartreuse {background: #7FFF00;}
.bg_LawnGreen {background: #7CFC00;}
.bg_GreenYellow {background: #ADFF2F;}
.bg_DarkOliveGreen {background: #556B2F;}
.bg_YellowGreen {background: #9ACD32;}
.bg_OliveDrab {background: #6B8E23;}
.bg_Beige {background: #F5F5DC;}
.bg_LightGoldenrodYellow {background: #FAFAD2;}
.bg_Ivory {background: #FFFFF0;}
.bg_LightYellow {background: #FFFFE0;}
.bg_Yellow {background: #FFFF00;}
.bg_Olive {background: #808000;}
.bg_DarkKhaki {background: #BDB76B;}
.bg_LemonChiffon {background: #FFFACD;}
.bg_PaleGoldenrod {background: #EEE8AA;}
.bg_Khaki {background: #F0E68C;}
.bg_Gold {background: #FFD700;}
.bg_Cornsilk {background: #FFF8DC;}
.bg_Goldenrod {background: #DAA520;}
.bg_DarkGoldenrod {background: #B8860B;}
.bg_FloralWhite {background: #FFFAF0;}
.bg_OldLace {background: #FDF5E6;}
.bg_Wheat {background: #F5DEB3;}
.bg_Moccasin {background: #FFE4B5;}
.bg_Orange {background: #FFA500;}
.bg_PapayaWhip {background: #FFEFD5;}
.bg_BlanchedAlmond {background: #FFEBCD;}
.bg_NavajoWhite {background: #FFDEAD;}
.bg_AntiqueWhite {background: #FAEBD7;}
.bg_Tan {background: #D2B48C;}
.bg_BurlyWood {background: #DEB887;}
.bg_Bisque {background: #FFE4C4;}
.bg_DarkOrange {background: #FF8C00;}
.bg_Linen {background: #FAF0E6;}
.bg_Peru {background: #CD853F;}
.bg_PeachPuff {background: #FFDAB9;}
.bg_SandyBrown {background: #F4A460;}
.bg_Chocolate {background: #D2691E;}
.bg_SaddleBrown {background: #8B4513;}
.bg_Seashell {background: #FFF5EE;}
.bg_Sienna {background: #A0522D;}
.bg_LightSalmon {background: #FFA07A;}
.bg_Coral {background: #FF7F50;}
.bg_OrangeRed {background: #FF4500;}
.bg_DarkSalmon {background: #E9967A;}
.bg_Tomato {background: #FF6347;}
.bg_MistyRose {background: #FFE4E1;}
.bg_Salmon {background: #FA8072;}
.bg_Snow {background: #FFFAFA;}
.bg_LightCoral {background: #F08080;}
.bg_RosyBrown {background: #BC8F8F;}
.bg_IndianRed {background: #CD5C5C;}
.bg_Red {background: #FF0000;}
.bg_Brown {background: #A52A2A;}
.bg_FireBrick {background: #B22222;}
.bg_DarkRed {background: #8B0000;}
.bg_Maroon {background: #800000;}
.bg_White {background: #FFFFFF;}
.bg_WhiteSmoke {background: #F5F5F5;}
.bg_Gainsboro {background: #DCDCDC;}
.bg_LightGrey {background: #D3D3D3;}
.bg_Silver {background: #C0C0C0;}
.bg_DarkGray {background: #A9A9A9;}
.bg_Gray {background: #808080;}
.bg_DimGray {background: #696969;}
.bg_Black {background: #000000;}

.txt_LightPink {color: #FFB6C1;}
.txt_Pink {color: #FFC0CB;}
.txt_Crimson {color: #DC143C;}
.txt_LavenderBlush {color: #FFF0F5;}
.txt_PaleVioletRed {color: #DB7093;}
.txt_HotPink {color: #FF69B4;}
.txt_DeepPink {color: #FF1493;}
.txt_MediumVioletRed {color: #C71585;}
.txt_Orchid {color: #DA70D6;}
.txt_Thistle {color: #D8BFD8;}
.txt_Plum {color: #DDA0DD;}
.txt_Violet {color: #EE82EE;}
.txt_Magenta {color: #FF00FF;}
.txt_Fuchsia {color: #FF00FF;}
.txt_DarkMagenta {color: #8B008B;}
.txt_Purple {color: #800080;}
.txt_MediumOrchid {color: #BA55D3;}
.txt_DarkViolet {color: #9400D3;}
.txt_DarkOrchid {color: #9932CC;}
.txt_Indigo {color: #4B0082;}
.txt_BlueViolet {color: #8A2BE2;}
.txt_MediumPurple {color: #9370DB;}
.txt_MediumSlateBlue {color: #7B68EE;}
.txt_SlateBlue {color: #6A5ACD;}
.txt_DarkSlateBlue {color: #483D8B;}
.txt_Lavender {color: #E6E6FA;}
.txt_GhostWhite {color: #F8F8FF;}
.txt_Blue {color: #0000FF;}
.txt_MediumBlue {color: #0000CD;}
.txt_MidnightBlue {color: #191970;}
.txt_DarkBlue {color: #00008B;}
.txt_Navy {color: #000080;}
.txt_RoyalBlue {color: #4169E1;}
.txt_CornflowerBlue {color: #6495ED;}
.txt_LightSteelBlue {color: #B0C4DE;}
.txt_LightSlateGray {color: #778899;}
.txt_SlateGray {color: #708090;}
.txt_DodgerBlue {color: #1E90FF;}
.txt_AliceBlue {color: #F0F8FF;}
.txt_SteelBlue {color: #4682B4;}
.txt_LightSkyBlue {color: #87CEFA;}
.txt_SkyBlue {color: #87CEEB;}
.txt_DeepSkyBlue {color: #00BFFF;}
.txt_LightBlue {color: #ADD8E6;}
.txt_PowderBlue {color: #B0E0E6;}
.txt_CadetBlue {color: #5F9EA0;}
.txt_Azure {color: #F0FFFF;}
.txt_LightCyan {color: #E0FFFF;}
.txt_PaleTurquoise {color: #AFEEEE;}
.txt_Cyan {color: #00FFFF;}
.txt_Aqua {color: #00FFFF;}
.txt_DarkTurquoise {color: #00CED1;}
.txt_DarkSlateGray {color: #2F4F4F;}
.txt_DarkCyan {color: #008B8B;}
.txt_Teal {color: #008080;}
.txt_MediumTurquoise {color: #48D1CC;}
.txt_LightSeaGreen {color: #20B2AA;}
.txt_Turquoise {color: #40E0D0;}
.txt_Aquamarine {color: #7FFFD4;}
.txt_MediumAquamarine {color: #66CDAA;}
.txt_MediumSpringGreen {color: #00FA9A;}
.txt_MintCream {color: #F5FFFA;}
.txt_SpringGreen {color: #00FF7F;}
.txt_MediumSeaGreen {color: #3CB371;}
.txt_SeaGreen {color: #2E8B57;}
.txt_Honeydew {color: #F0FFF0;}
.txt_LightGreen {color: #90EE90;}
.txt_PaleGreen {color: #98FB98;}
.txt_DarkSeaGreen {color: #8FBC8F;}
.txt_LimeGreen {color: #32CD32;}
.txt_Lime {color: #00FF00;}
.txt_ForestGreen {color: #228B22;}
.txt_Green {color: #008000;}
.txt_DarkGreen {color: #006400;}
.txt_Chartreuse {color: #7FFF00;}
.txt_LawnGreen {color: #7CFC00;}
.txt_GreenYellow {color: #ADFF2F;}
.txt_DarkOliveGreen {color: #556B2F;}
.txt_YellowGreen {color: #9ACD32;}
.txt_OliveDrab {color: #6B8E23;}
.txt_Beige {color: #F5F5DC;}
.txt_LightGoldenrodYellow {color: #FAFAD2;}
.txt_Ivory {color: #FFFFF0;}
.txt_LightYellow {color: #FFFFE0;}
.txt_Yellow {color: #FFFF00;}
.txt_Olive {color: #808000;}
.txt_DarkKhaki {color: #BDB76B;}
.txt_LemonChiffon {color: #FFFACD;}
.txt_PaleGoldenrod {color: #EEE8AA;}
.txt_Khaki {color: #F0E68C;}
.txt_Gold {color: #FFD700;}
.txt_Cornsilk {color: #FFF8DC;}
.txt_Goldenrod {color: #DAA520;}
.txt_DarkGoldenrod {color: #B8860B;}
.txt_FloralWhite {color: #FFFAF0;}
.txt_OldLace {color: #FDF5E6;}
.txt_Wheat {color: #F5DEB3;}
.txt_Moccasin {color: #FFE4B5;}
.txt_Orange {color: #FFA500;}
.txt_PapayaWhip {color: #FFEFD5;}
.txt_BlanchedAlmond {color: #FFEBCD;}
.txt_NavajoWhite {color: #FFDEAD;}
.txt_AntiqueWhite {color: #FAEBD7;}
.txt_Tan {color: #D2B48C;}
.txt_BurlyWood {color: #DEB887;}
.txt_Bisque {color: #FFE4C4;}
.txt_DarkOrange {color: #FF8C00;}
.txt_Linen {color: #FAF0E6;}
.txt_Peru {color: #CD853F;}
.txt_PeachPuff {color: #FFDAB9;}
.txt_SandyBrown {color: #F4A460;}
.txt_Chocolate {color: #D2691E;}
.txt_SaddleBrown {color: #8B4513;}
.txt_Seashell {color: #FFF5EE;}
.txt_Sienna {color: #A0522D;}
.txt_LightSalmon {color: #FFA07A;}
.txt_Coral {color: #FF7F50;}
.txt_OrangeRed {color: #FF4500;}
.txt_DarkSalmon {color: #E9967A;}
.txt_Tomato {color: #FF6347;}
.txt_MistyRose {color: #FFE4E1;}
.txt_Salmon {color: #FA8072;}
.txt_Snow {color: #FFFAFA;}
.txt_LightCoral {color: #F08080;}
.txt_RosyBrown {color: #BC8F8F;}
.txt_IndianRed {color: #CD5C5C;}
.txt_Red {color: #FF0000;}
.txt_Brown {color: #A52A2A;}
.txt_FireBrick {color: #B22222;}
.txt_DarkRed {color: #8B0000;}
.txt_Maroon {color: #800000;}
.txt_White {color: #FFFFFF;}
.txt_WhiteSmoke {color: #F5F5F5;}
.txt_Gainsboro {color: #DCDCDC;}
.txt_LightGrey {color: #D3D3D3;}
.txt_Silver {color: #C0C0C0;}
.txt_DarkGray {color: #A9A9A9;}
.txt_Gray {color: #808080;}
.txt_DimGray {color: #696969;}
.txt_Black {color: #000000;}

// rendering
// --------------------------------------------------
.crisp {
	@include Crisp;
}

// icon font-size
// --------------------------------------------------
@font-face {
	font-family: 'icomoon';
	src:    url('fonts/icomoon.eot?h041z4');
	src:    url('fonts/icomoon.eot?h041z4#iefix') format('embedded-opentype'),
			url('fonts/icomoon.ttf?h041z4') format('truetype'),
			url('fonts/icomoon.woff?h041z4') format('woff'),
			url('fonts/icomoon.svg?h041z4#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon','Noto Sans Japanese','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow:after {
	content: "\e900";
}
.icon-home01:before {
	content: "\e903";
}
.icon-security01:before {
	content: "\e904";
}
.icon-cosme01:before {
	content: "\e901";
}
.icon-gourmet01:before {
	content: "\e902";
}

.pen {
	@include fontAwesome('\f040',inherit,inherit);
}
.tag {
	// @include fontAwesome('\f02b',inherit,inherit);
	@include glyphIcon('\e041',inherit,inherit);
}
.tags {
	// @include fontAwesome('\f02c',inherit,inherit);
	@include glyphIcon('\e042',inherit,inherit);
}
.external {
	@include fontAwesomeAfter('\f08e',inherit,inherit);
	// @include glyphIconAfter('\e164',inherit,inherit);
}

// ==================================================
//  General Style
// ==================================================
// headding
// --------------------------------------------------
.headding_l {
	margin: 70px 0 50px;
	@include fs(28);
	font-weight: 400;
	color: #666666;
}
.headding_m {}
.headding_s {}
@include ltXS {
	.headding_l {
		@include fs(15);
		letter-spacing: 0.05em;
		margin: 30px 0 30px;
	}
};

// button
// --------------------------------------------------
.btn {
	border: 2px solid;
	border-radius: 0;
	color: $white;
	&:hover {
		background: $white;
		color: $cvHoverColor;
		border-color: $white;
	}
}
.btn_l {
	@include fs(15);
	padding: 1em 4em;
}
.btn_m {}
.btn_s {}
.btn_xs {}
.btn_xxs {}
.label {}
.btn_wrap {}
#print {
	text-align: center;
	display: inline-block;
	background: $midgrey;
	color: $white;
	@include fs(14);
	font-weight: bold;
	padding: 0.2em 1em 0;
	border-radius: 2px;
	margin-bottom: 0.4em;
	cursor: pointer;
	@include fontAwesome('\f02f',rgba($white,0.7),1.2em);
	@include Ease;
	&:hover {
		@include opacity(0.8);
	}
}
@include ltSM {
	.btn_l {
		padding: 1em 8.5em;
	}
};
@include ltXS {
	.btn_l {
		padding: 1em;
		width: 90%;
	}
};

// layout
// --------------------------------------------------
.clearfix {
	@include clearfix;
}
.l-box {clear: both; @include clearfix;}
.l-boxl {float: left;}
.l-boxr {float: right;}
.left {float: left;}
.right {float: right;}
.center,.alignC {text-align: center;}
.alignleft {text-align: left;}
.alignright,.alignR {text-align: right;}
.clear {clear: both;}
@include ltXS {.l-boxl, .l-boxr {float: none;}};
// ==================================================
//  Interactive Style
// ==================================================
// transition
// --------------------------------------------------
.transition {@include Transition;}
.ease {@include Ease;}
.linear {@include Linear;}
.img_scale {
	overflow: hidden;
	a img {
		transform: scale(1.0);
		@include Ease;
	}
	a:hover img {
		transform: scale(1.05);
		@include Ease;
		@include opacity(1);
	}
}

// ==================================================
// Bootstrap Style
// ==================================================
// Bootstrap Grid-gutter Resizing
// --------------------------------------------------
@for $i from 0 through 30 {
	.row-#{5*$i} {
		margin-left: -#{2.5*$i}px;margin-right: -#{2.5*$i}px;
		> div {padding-right: #{2.5*$i}px;padding-left: #{2.5*$i}px;}
	}
}
@include ltMD {
	@for $i from 0 through 30 {
		.row-#{5*$i} {
			margin-left: -#{1.75*$i}px;margin-right: -#{1.75*$i}px;
			> div {padding-right: #{1.75*$i}px;padding-left: #{1.75*$i}px;}
		}
	}
};
@include ltSM {
	@for $i from 0 through 30 {
		.row-#{5*$i} {
			margin-left: -#{1.25*$i}px;margin-right: -#{1.25*$i}px;
			> div {padding-right: #{1.25*$i}px;padding-left: #{1.25*$i}px;}
		}
	}
};
@include ltXS {
	.row {
		margin-left: 0px;margin-right: 0px;
		> div {padding-right: 0px;padding-left: 0px;}
	}
};
// ==================================================
//  Add by Developer
// ==================================================
// content
// --------------------------------------------------

// content
// --------------------------------------------------

// ==================================================
//  Framework Re-styling
// ==================================================
// carousel
// --------------------------------------------------

// ==================================================
//  General Block
// ==================================================
// container
// --------------------------------------------------
.container-fluid {padding: 0;}
#undercolumn_error {
	margin-bottom: 4em;
	padding-bottom: 1em;
	border-bottom: 1px solid $lightgrey;
}


// ==================================================
//  form-group
// ==================================================
.form-group {
	display: inline-block;
	@include clearfix;
	border: 1px solid #ccc;
	border-radius: 4px;
	line-height: 1.8;
	user-select: none;
	input[type=text] {
		border: none !important;
		width: 1.5em !important;
		padding: 0 0.5em !important;
		box-sizing: content-box !important;
		text-align: right;
		@include fs(16);
	}
	.form-parts {
		float: left;
		display: block;
		&.change-value {
			padding: 0 0.6em 0 !important;
			background: #f9f9f9;
			cursor: pointer;
			color: $grey;
			i {
				@include fs(12);
			}
			&-minus {
				border-right: 1px solid #ccc;
			}
			&-plus {
				border-left: 1px solid #ccc;
			}
			&:hover {
				background: #ddd;
			}
		}
	}
}

.breadcrumb {
	padding: 10px;
	@include clearfix;
	li {
		float: left;
		@include fs(12);
		@include fontAwesomeAfter('\f054',$lightgrey,inherit);
		&:after {
			@include fs(10);
		}
		&:last-child {
			&:after {
				display: none;
			}
		}
		a {
			color: $midgrey;
			&:hover {
				text-decoration: underline;
			}
		}
	}
	i {
		color: $lightgrey;
		@include fs(10);
	}
}

.arrowRtxt {
	.ui-link {
		@include fs(14);
		font-weight: 500;
		color: LightSeaGreen;
	}
}

.title {
	margin: 0 10px;
	padding: 10px 0 0;
	@include fs(20);
	font-weight: 500;
	border-bottom: 2px solid $sub;
}

.intro {
	padding: 5px 10px 10px;
	font-weight: bold;
	p {
		line-height: 1.3;
	}
}

// font
.attention {
	color: #CC0000;
}

.mini {
	font-size: 11px;
	font-weight: normal;
}

.fb {
	font-size: 15px;
	font-weight: bold;
}

.fn {
	font-weight: normal;
}

.price, .attentionSt {
	color: #CC0000;
	font-weight: bold;
}

.butsudan_reccomend,
.butsugu_reccomend {
	@include clearfix;
	padding: 0 10px;
	a {
		display: block;
		float: left;
		img {
			margin: 0;
		}
	}
}
.butsugu_reccomend {
	a {
		width: 50%;
	}
}

/*-----------------------------------------------
タイトル
----------------------------------------------- */

h2.title {
	font-size: 15px;
	padding: 0 10px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	clear: both;
	border-bottom: 2px solid $accent;
	padding: 0.4em 0;
}

/*ボタンで展開するタイトルバー*/

.title_box {
	color: #FFF;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3);
	line-height: 45px;
	padding: 0 10px;
	margin: 0 0 15px 0;
	background: #494e57;
	background: -moz-linear-gradient(center top, #6D7481 10%, #505765 80%, #494e57 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481), color-stop(0.8, #505765), color-stop(1, #494e57));
	border-top: #74828B solid 1px;
	border-bottom: #74828B solid 1px;
	vertical-align: middle;
	clear: both;
	h2 {
		font-size: 20px;
		text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
		width: 85%;
		float: left;
		clear: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 45px;
		vertical-align: middle;
	}
	h3 {
		width: 85%;
		float: left;
		clear: left;
		font-size: 18px;
		text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 30px;
		vertical-align: middle;
	}
}

/*サブタイトル*/

h3.subtitle {
	font-size: 14px;
	color: #FFF;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 0 10px 0;
	background: #84949F;
	font-weight: normal;
	border-top: #74828B solid 1px;
	border-bottom: #74828B solid 1px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	clear: both;
	-webkit-box-shadow: 1px 0px 1px #FFF;
	-moz-box-shadow: 1px 0px 1px #FFF;
	position: relative;
}

/*ボタンで展開するサブタイトルバー*/

.title_box_sub {
	color: #FFF;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 0 20px 0;
	background: #84949F;
	border-top: #74828B solid 1px;
	border-bottom: #74828B solid 1px;
	vertical-align: middle;
	clear: both;
	position: relative;
	h2, h3 {
		font-size: 13px;
		width: 85%;
		float: left;
		clear: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 30px;
		vertical-align: middle;
		font-weight: normal;
	}
	.b_expand {
		width: 22px;
		height: 21px;
		float: right;
		clear: right;
		position: absolute;
		top: -6px;
		right: 15px;
		z-index: 2;
		padding: 2px;
	}
}

.attention_itazura {
	border: 4px solid rgba(red,.5);
	padding: 10px;
}

.standard_frame h1,
.standard_frame h2,
.standard_frame h3,
.standard_frame h4,
.standard_frame h5,
.standard_frame h6 {
	&.mb0 {
		margin-bottom: 0px;
	}
}